/*
 layout.css
*/

/* Remove Default Styling
------------------------------------------------------------------------------------------------- */
	
* { 
	margin: 0; 
	padding: 0; 
	font-style: normal; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}

img { 
	border: 0; 
	-ms-interpolation-mode: bicubic; 
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	font-size: 100%;
}

button:focus {
	outline: none;
}

hr{
	border-style: dashed none none;
}

b,strong{
	color: #9c1737;
}

.fadein{

	
	opacity: 0;
}

.fadein.in-view{
	-webkit-animation: fadein 0.6s forwards; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 0.6s forwards; /* Firefox < 16 */
        -ms-animation: fadein 0.6s forwards; /* Internet Explorer */
         -o-animation: fadein 0.6s forwards; /* Opera < 12.1 */
            animation: fadein 0.6s forwards;
	    
	 -webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.button_margin_bottom{ margin-bottom: 10px!important; }
.grecaptcha-badge{ display: none!important; }

/* FLIPBOOK */

.fb3d-modal {
    width: 100% !important;
    height: 100% !important;
    box-shadow: none !important;
}
.fb3d-modal-shadow:before{ z-index:0!important; }

/* Typography
------------------------------------------------------------------------------------------------- */

body{
	background: #f7f7f7 url(../img/light-texture-bg.jpg) repeat top left;
	background-size: 20%;
}

a {
	text-decoration:none;
}

a:hover{
    text-decoration:underline;
}

h1{
	line-height: 1em;
	font-family: 'intro_head_hl_base';
	text-transform: uppercase;
	font-size: 3em;
	color: #481425;
}

h2{
	line-height: 1.3em;
	font-family: 'plutocond_light';
	color: #9c1737;
	font-weight: bold;
	margin-bottom: 30px;
	font-size: 1.2em;
}

h2 a{
	color: #9c1737;
}

h3{
	line-height: 1em;
	font-family: 'intro_head_bbase';
	text-transform: uppercase;
	font-size: 1.4em;
	color: #481425;
	margin-bottom: 0;
}

h3 a{
	color: #9c1737;
}

.su-spoiler-title{
	line-height: 1em!important;
	font-family: 'intro_head_bbase';
	text-transform: uppercase;
	font-size: 1.8em!important;
	font-weight: normal;
	color: #481425;
	margin-bottom: 0;
}

.su-spoiler-icon{ font-size: 20px!important; top: 9px!important; }

h4{
	line-height: 1.3em;
	font-family: 'plutocond_bold';
}

h5{
	line-height: 1.3em;
	font-family: 'plutocond_light';
}

.gm-style .gm-style-iw{
	line-height: 18px;
}


@media all and (min-width: 768px) {
	h2{ font-size: 1.6em; }
}

/* Header
------------------------------------------------------------------------------------------------- */

header.main *{
	transition: all 0.5s ease;
}

header.main {
	width: 100%;
	padding: 0;
	top: 0;
	left: 0;
	right: 0;
	transition: all 0.5s ease;
	z-index: 1000;
	position: fixed;
	background: #FFF url(../img/light-texture-bg.jpg) repeat top left;
	background-size: 20%;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

header.main:before{
	content: "";
	background: #FFF;
	opacity: 0.8;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: 0;
}

header.main .inner{
	position: relative;
}




body.nottop.scrollingDown header.main,
body.admin-bar.nottop.scrollingDown header.main{
	top: -200px;
}

body.admin-bar header.main {
	top: 32px;
}

#preheader{
	background: #481425 url(../img/red-texture-bg.jpg);
	color: #FFF;
	text-align: center;
	padding: 10px 0;
	position: relative;
	z-index: 10;
	font-size: 0.6em;
}

#preheader a{
	color: #FFF;
	font-family: 'plutocond_bold';
	text-transform: uppercase;
}

#preheader li{
	display: inline-block; 
	margin-right: 10px;
	padding-left: 10px;
	border-left: #9d8d67 1px solid;
	line-height: 1em;
}

#preheader li:first-child{
	border-left: none;
}


#logo{
	float: left;
	width: 114px;
	height: 60px;
	display: block;
	background: transparent url(../img/muffin-break-logo.png) no-repeat top left;
	background-size: contain;
	text-indent: -30000px;
	margin: 15px 0;
}

#nav{ display: none; }

body.nottop #menu-social-menu li.findastore{ margin-top: 0; }

#bannercontent_text .su-expand-link-more{ margin-top: -15px; margin-bottom: -30px; }

@media all and (min-width: 768px) {
	#logo{ height: 112px; width: 168px; margin: 16px 0; }
	body.nottop header.main #logo{
		height: 80px;
		margin: 10px 0;
	}
	#preheader{
		font-size: 1em;
		text-align: right;
	}
	#mobilemenu { display: none; }
	#nav{
		display: block;
		float: left;
		margin-top: 88px;
		left: 190px;
		position: absolute;
	}

	#nav ul{
	
	}

	#nav ul li.ubermenu-item-level-0{
		display: inline-block;
	
		padding: 1px 4px;
		margin: 0 5px;
	}

	#nav ul li.current-menu-item:after,
	#nav ul li.current-page-ancestor:after{
		content: '';
		width: 30px;
		height: 5px;
		background: #9c1737;
		display: block;
		position: absolute;
		bottom: -5px;
		left: 50%;
		margin-left: -15px;
	}

	#nav ul li ul.ubermenu-submenu-type-mega{
		position: fixed;
		width: 100%;
		background: #FFF;
		overflow: hidden;
		margin-top: 10px;
	}

	#nav ul li a{
		text-transform: uppercase;
		color: #481425;
	}
	
	#nav ul li a:hover{
		text-decoration: none;
	}

	#nav ul li.current_page_item a{

	}
	
	body.nottop #headercontent p a.becomeafranchisee{
		padding: 15px;
	}
	
	
	
	body.nottop #preheader{
		font-size: 0.9em;
	}
	
	#bannercontent_text .su-expand-link-more{ display: none; }
	#bannercontent_text .su-expand-content{ max-height: 9999px!important; }
	
}

#nav ul li a .ubermenu-target-description{ 
	text-transform: none;
	font-size: 1em;
	margin: 5px auto;
}

#nav ul ul li a .ubermenu-target-title{
	font-weight: 800;
	color: #9c1737;
	padding-top: 5px;
}


@media all and (min-width: 1024px) {
	body.nottop  #menu-social-menu li.findastore{
		margin-top: -10px;
	}
}

#menu-item-34 .ubermenu-target-with-image{ padding: 15px 5px!important; }
.ubermenu-retractor{ display: none!important; }


/* Not Top ----------------------------------- */


body.nottop header.main	#nav{
	margin-top: 60px;
	font-size: 0.9em;
	left: 145px;
}


@media all and (min-width: 768px) {
	body.nottop header.main	#nav{
		margin-top: 55px;
	}

}





#container{
	display: block;
	width: 100%;
	float: left;
	z-index: 40;
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}

.mm-menu{
	background: #481425 url(../img/red-texture-bg.jpg)!important;
	background-size: cover !important;
}

.mm-menu a{
	font-size: 17px;
	color: #FFF!important;
	font-family: 'intro_head_bbase';
	text-transform: uppercase;
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span{
	background: rgba(0,0,0,.5)!important;
}

.mm-menu .mm-selected a{
	color: #e7d7b1!important;
}

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before,
.mm-menu .mm-listview > li .mm-next::after{
	border-color: rgba(255,255,255,.5)!important;
}


.hidden{
	display: none;
}

#mobilemenu {
	color: #481425;
	font-size: 30px;
	margin-left: 0;
	margin-top: 22px;
	float: right;
}

#mobilemenu:hover {
  	text-decoration: none;
}

#headercontent{
	float: right;
	width: 37%;
	margin-top: 10px;
}


#headercontent p{
	margin: 0;
	padding: 0;
}

#headercontent p a.becomeafranchisee{
	padding: 16px 15px;
	width: 90%;
	float: right;
	text-align: center;
	font-size: 1em;
	color: #FFF;
	background: #9c1737;
	font-family: 'intro_head_bbase';
	text-transform: uppercase;
	line-height: 1em;
}

#headercontent p a.becomeafranchisee:hover{
	background: #481425;
	text-decoration: none;
}


#menu-social-menu{
	display: none;
}


.allergenadvice{
	background: #e7d7b1;
	font-family: 'intro_head_hl_base';
	text-transform: uppercase;
	font-size: 1.1em;
	color: #5f1525;
	padding: 10px;
	text-align: center;
	cursor: pointer;
	z-index: 10;
	display: block;
	margin-bottom: 20px;
}

@media all and (min-width: 767px) {
	#container{ padding-top: 70px; padding-bottom: 40px; }
	body.page-id-19 #container{ padding-bottom: 0; }
	#main{ padding-bottom: 0; }
	#headercontent{  margin-top: 10px; width: 70%;  }
	#headercontent p a.becomeafranchisee{
		padding: 35px 18px;
		width: 26%;
		font-size: 1.6em;
	}
	body.nottop #headercontent p a.becomeafranchisee{
		padding: 15px 18px;
	}
	#menu-social-menu{
		margin: 15px 20px 0 0;
		padding: 0;
		list-style: none;
		float: right;
		display: block;
	}
	
	body.nottop #menu-social-menu{
		margin: 10px 20px 0 0;
	}
	
	#menu-social-menu li{
		float: right;
		padding: 5px;
	}

	#menu-social-menu li i{
		font-size: 1.4em;
	}

	#menu-social-menu li.findastore{
		text-transform: uppercase;
	}

	#menu-social-menu li a{
		color: #cacaca;
	}

	#menu-social-menu li.findastore i{
		color: #9c1737;
		margin-right: 6px;
	}
	body.nottop header.main	#headercontent{
		margin-top: 10px;
		font-size: 0.9em;
	}
	
	#newsarticles{ padding-top: 40px; }

	.su-row.header_row{ margin-bottom: 60px; }

}



@media all and (min-width: 1024px) {
	
	#menu-social-menu li.findastore{
		clear: right;
		margin-top: 12px;
	}
	#headercontent{  margin-top: 20px; width: 37%; }
	#headercontent p a.becomeafranchisee{
		padding: 25px 18px;
		width: 50%;
	}
	
}

.su-responsive-media-yes.su-gmap iframe{ height: 300px; }
.su-responsive-media-yes.su-gmap{ padding-bottom: 300px; margin-bottom: 0; }




/* banner
------------------------------------------------------------------------------------------------- */

#banner{
	height: 400px;
	background-size: cover;
	background-position: center center;
	overflow: hidden;
	position: relative;
}

#banner .banner_slide{
	height: 400px;
	background-size: cover;
	background-position: center center;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#banner:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0.3+40,0+100 */
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

}



body.home #banner{
	height: 400px;
}

#banner .inner{
	position: relative;
	height: 100%;
	z-index: 5;
}

#banner .bannercontent{
	position: absolute;
	bottom: 20px;
	left: 0;
	max-width: 50%;
	padding-top: 0;
}

#banner .bannercontent a:hover{
	color: #481425;
}

body.home #banner .bannercontent{
	max-width: 100%;
	padding-top: 150px;
	max-width: 100%;
	position: relative;
}

body.home #banner .bannercontent h1{
	font-size: 3.8em;
	line-height: 0.8em;
	color: #FFF;
	margin-bottom: 15px;
}

body.home #banner .bannercontent h1:after{
	font-weight: 400;
	text-transform: lowercase;
	content: 'u';
	font-size: 0.8em;
	margin-left: 20px;
	font-family: intro_goodiesbanners__endings,sans-serif;
}

.bannercontent > *:not(#animated-phone){
	opacity: 0;

	
	-webkit-animation: fadein 0.6s forwards; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 0.6s forwards; /* Firefox < 16 */
        -ms-animation: fadein 0.6s forwards; /* Internet Explorer */
         -o-animation: fadein 0.6s forwards; /* Opera < 12.1 */
            animation: fadein 0.6s forwards;
	    
	 
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.bannercontent.loadme > *{
	opacity: 1;
}

.bannercontent h2{ margin-top: 0; margin-bottom: 20px; }
.bannercontent h2 strong{ color: #FFF; font-family: 'intro_head_bbase'; font-size: 1.4em; }

body.home #banner .bannercontent #bannercontent_text{
	max-width: 95%;
}

#banner .bannercontent .maintitle{
	line-height: 0.8em;
	font-family: 'intro_head_hl_base';
	text-transform: uppercase;
	font-size: 3.0em;
    	font-weight: 400;
	color: #FFF;
	padding: 5px 10;
	margin: 0 0 10px 0;
	text-shadow: 2px 2px rgba(0,0,0,.3);
	position: relative;
	
	
	opacity: 0;
	-webkit-animation: fadein 0.6s forwards; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 0.6s forwards; /* Firefox < 16 */
        -ms-animation: fadein 0.6s forwards; /* Internet Explorer */
         -o-animation: fadein 0.6s forwards; /* Opera < 12.1 */
            animation: fadein 0.6s forwards;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}


#banner .bannercontent .subtitle{
	line-height: 1.3em;
	font-family: 'plutocond_light';
	font-size: 1.2em;
	color: #FFF;
	background: #55222f;
	padding: 5px 10px;
	margin: 0;
	display: inline-block;
	
	opacity: 0;
	-webkit-animation: fadein 0.6s forwards; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 0.6s forwards; /* Firefox < 16 */
        -ms-animation: fadein 0.6s forwards; /* Internet Explorer */
         -o-animation: fadein 0.6s forwards; /* Opera < 12.1 */
            animation: fadein 0.6s forwards;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
body.home #banner .bannercontent .subtitle{	background: 0 !important;}
#banner #subnav{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 180px 20px 20px;
	display: block;
	width: 35%;
}

#banner #subnav:after{
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 1000px;
	display: block;
	background: rgba(72,20,38, 0.9);
}

#banner #subnav .widget-title{ display: none; }

#banner #subnav img{
	position: absolute;
	bottom: 14px;
	z-index: 20;
}

#banner #subnav ul{
	position: absolute;
	bottom: 20px;
	left: 26px;
	z-index: 20;
	list-style: none;
	margin: 0;
	padding: 0;
}

#banner #subnav ul a{
	font-family: "intro_head_bbase";
	font-size: 1.2em;
	line-height: 1.1em;
	text-transform: uppercase;
	color: #FFF;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#banner #subnav ul a:hover{
	text-decoration: none;
}

#banner #subnav ul li.current-menu-item a{
	color: #e7d7b1;
}


@media all and (min-width: 768px) {
	#banner{
		height: 550px;
	}
	#banner .bannercontent{
		bottom: 40px;
	}
	body.home #banner .bannercontent h1{
		font-size: 5em;
	}
	body.home #banner .bannercontent{
		position: absolute;
		bottom: 40px;
		left: 0;
		max-width: 100%;
		padding-top: 0;
		width: 100%;
	}
	body.home #banner .bannercontent #bannercontent_text{
		max-width: 75%;
	}
	body.home #banner, body.home #banner .banner_slide{
		height: 650px;
	}
	#banner .bannercontent .subtitle{
		font-size: 1.4em;
		display: table;
	}
	#banner .bannercontent .maintitle{
		line-height: 1em;
		font-size: 4.6em;
		margin: 0;
		display: inline;
	}
	body.home #banner .bannercontent #bannercontent_text{
		width: 62%;
	}
	#banner #subnav{
		width: 20%;
	}
	#banner #subnav ul a{
		font-size: 1.8em;
		line-height: 1.3em;
	}
	#banner #subnav ul a:hover{
		margin-left: 5px;
	}
	#banner .bannercontent .maintitle .headerendicon{
		position: relative;
	}	
	#banner .bannercontent .maintitle .headerendicon:after{
		font-weight: 400;
		text-transform: lowercase;
		content: 'u';
		font-size: 0.7em;
		
		position: absolute;
		top: 4px;
		font-family: intro_goodiesbanners__endings,sans-serif;
	}
	
	
	
}



#main .column_overlay_container, .column_overlay_container{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 92%;
	box-sizing: border-box;
}

#main .column_overlay, .column_overlay{
	background: rgba(0,0,0,0.6);
	display: block;
	padding: 20px;
	text-align: center;
	box-sizing: border-box;
	margin: 60px 0;
}

#main .column_overlay p, .column_overlay p{
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-family: 'intro_head_hl_base';
	text-transform: uppercase;
	font-size: 3em;
	color: #FFF;
}


#main .column_overlay ul, .column_overlay ul{
	list-style: none;
	color: #FFF;
	font-family: 'plutocond_light';
	font-size: 1.4em;
	padding: 0 10%;
}

#main .column_overlay ul li, .column_overlay ul li{
	margin-bottom: 10px;
}

#main .column_overlay p strong, .column_overlay p strong{
	font-family: 'intro_head_hl_base';
	text-shadow: 2px 2px 2px #481425;
	font-weight: normal;
	color: #FFF;
	font-size: 1.3em;
	margin-top: 0px;
	display: block;
}


@media all and (min-width: 768px) {
	#main .column_overlay, .column_overlay{ margin: 0; }
	#main .column_overlay p, .column_overlay p{ font-size: 4em; }
	#main .column_overlay ul, .column_overlay ul{ padding: 0; }
}




.column-background-image{
	background-size: cover!important;
}




.gallery-item a{
	width: 100%;
}

.gallery .gallery-item{
	margin-bottom: 0;
}

dl.gallery-item img{
	width: 100%!important;
	max-width: 100%!important;
	margin-bottom: 0;
}



@media all and (min-width: 768px) {
	.gallery{ 
		margin-right: 1em;
		margin-top: -5px!important;
		margin-bottom: 0;
	}
	.lessmargin.su-column-size-1-2{ 
		margin-left: 2%!important;
		width: 50%!important;
	}
}


/* breadcrumb 
------------------------------------------------------------------------------------------------- */

#breadcrumb{
	background: rgba(192,183,177,.2);
	padding: 5px 0;
	font-size: 0.9em;
	color: #481425;
}

#breadcrumb .inner{
	display: none;
}

#breadcrumb a{
	color: #481425;
}

#breadcrumb i{
	color: #9c1737;
	margin-right: 10px;
}

#breadcrumb .breadcrumb_last{
	font-weight: bold;
}


/* carousel
------------------------------------------------------------------------------------------------- */

ul.carousel{
	list-style: none;
	margin: 0 0 40px;
	padding: 0;
}

.flickity-prev-next-button.previous{
	display: none;
}

.flickity-prev-next-button.next{
	display: none;
}

ul.carousel li.carousel-cell{
	width: 97%;
	margin: 0 1.5%;
}

@media all and (min-width: 768px) {
	ul.carousel li.carousel-cell{
		width: 47%;
	}
}

@media all and (min-width: 1024px) {
	ul.carousel li.carousel-cell{
		width: 30%;
	}
}
@media all and (min-width: 1190px) {
	.flickity-prev-next-button.previous{
		left: -28px;
		display: block;
	}

	.flickity-prev-next-button.next{
		right: -28px;
		display: block;
	}
}


/* Loop
------------------------------------------------------------------------------------------------- */


article .sue-photo-panel-content span.post_type{
	position: absolute;
	top: 1em;
	left: 0;
}

span.post_type{
	background: #FFF;
	padding: 4px 10px;
	font-size: 0.7em;
	text-transform: uppercase;
}

span.post_type{
	background: #9c1737;
	color: #FFF;
}
.news-title a{ color: #481425; }
.news-title a:hover{ text-decoration: none; }

.sue-photo-panel{ box-shadow: 0 5px 0 #e5e5e5!important; }

.su-row.no_images article .sue-photo-panel-head,
.su-row.no_images article .sue-photo-panel-content span.post_type{
	display: none!important;
}


/* Single
------------------------*/

.sue-section.post-header{
	background-size: cover!important;
}

.sue-section.post-header span.post_type{
	display: table-cell;
}

.sue-section-content h1.page-title{ background: rgba(255,255,255, 0.9); padding: 5px 10px; display: inline-block; }
.sue-section-content .news-date:before{ content: ''; clear: both; display: block; }
.sue-section-content .news-date{ background: rgba(255,255,255, 0.9); padding: 5px 10px; display: table-cell; }


.displayinline.sue-icon-text{
	display: inline-block;
	padding-left: 28px!important;
}

/* Page Nav 
------------------------------------------------------------------------------------------------- */

.page_nav{ list-style: none; margin: 0; padding: 0; }
.page_nav li{ list-style: none; margin: 0; padding: 5px; }
.page_nav li.prev_post{ float: left; }
.page_nav li.next_post{ float: right; }
.page_nav li a{ color: #481425; }



/* Stores Map
------------------------------------------------------------------------------------------------- */

#muffin_store_map{ position: relative; }
#store_map_map{ width: 100%; height: 600px; }

#muffin_store_map #store_map_overlay{ 
	position: absolute; 
	left: 5%; 
	top: 10%; 
	width: 90%; 
	background: #f7f7f7 url(../img/light-texture-bg.jpg) repeat top left; 
	opacity: 0.9; 
	padding: 20px;  
	z-index: 99;
	background-size: 30%;
}

#store_map_overlay input{
	padding: 7px;
	float: left;
	border: 1px #CCC solid;
}

#store_map_overlay p{
	margin-bottom: 5px;
}

#store_map_overlay button{
	padding: 7px 10px;
	text-align: center;
	font-size: 1.3em;
	color: #FFF;
	background: #9c1737;
	font-family: 'intro_head_bbase';
	text-transform: uppercase;
	line-height: 1em;
	border: none;
}


@media all and (min-width: 768px) {
	#muffin_store_map #store_map_overlay{ 
		left: 20px; 
		top: 30%; 
		width: 30%;
	}
}


/* Home 
------------------------------------------------------------------------------------------------- */

body.home #container{
	padding: 0;
}

body.home #main.inner{ 
	max-width: 100%;
	width: 100%;
}




/* Sidebar
------------------------------------------------------------------------------------------------- */

#sidebar{
	float: none;
	width: 100%;
	position: relative;
}

.widget ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li{
	margin: 0 0 10px 0;
}

.widget ul li a{
	color: #252525;
}

.widget_recent_entries{
	margin-bottom: 30px;
}

#text-6 {
	margin-bottom: 25px;
}

#text-6 .textwidget {
	background-color: #9c1737;
    border-color: #7d122c;
    border-radius: 0px;
    text-align: center;
}

#text-6 .textwidget a {
	color: #FFFFFF;
	padding: 0px 34px;
    font-size: 25px;
    line-height: 50px;
    text-shadow: 0px 0px 0px #590a18;
    padding: 0 !important;
    font-family: "intro_head_bbase";
    text-transform: uppercase;
}


@media all and (min-width: 768px) {
	#sidebar{
		float: right;
		width: 18%;
	}
	#sidebar .sue-photo-panel-content h3{
		font-size: 0.8em
	}
}

@media all and (min-width: 1024px) {
	#sidebar .sue-photo-panel-content h3{
		font-size: 1.4em
	}
}


/* Content
------------------------------------------------------------------------------------------------- */

#maincolumn{
	width: 100%;
	float: none;
}


#mainfull{
	width: 100%;
	float: left;
}

#main p{ color: #481425; }
#main strong{ color: #9c1737; }
#main p strong{ font-family: 'plutocond_bold'; font-size: 1.1em; font-weight: normal; }
#container p a{ color: #9c1737; }
#container h4 a{ color: #9c1737; }

.postmeta{ 
	margin-top: -20px;
	margin-bottom: 20px;
}

.postmeta a{
	color: #481425;
} 

.su-button{
	font-family: "intro_head_bbase";
	text-transform: uppercase;
	padding-top: 2px;
	padding-bottom: 2px;
}

@media all and (min-width: 768px) {
	#maincolumn{
		width: 78%;
		float: left;
	}
}

.sue-photo-panel-head{
	overflow: hidden;
}

.sue-photo-panel-head img{
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.sue-photo-panel:hover .sue-photo-panel-head img{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

@media all and (max-width: 768px) {
	.su-button-style-flat.fullmobile{ width: 100%; }
	.su-button-style-flat span{ padding: 14px 22px 14px 22px!important; }
	.su-button-style-flat.fullmobile span{ padding: 14px 40px 14px 22px!important; }
}

@media all and (min-width: 768px) {
	.su-row.fullheightpanels{ display: flex; }
	.su-row.fullheightpanels .su-column-inner{ flex: 1 1 0; height: 100%; }
	.su-row.fullheightpanels .su-column-inner article.hentry, 
	.su-row.fullheightpanels .su-column-inner .sue-panel, 
	.su-row.fullheightpanels .su-column-inner .sue-photo-panel{ height: 100%; }
	.su-row.fullheightpanels .su-column-inner .sue-panel .su-button,
	.su-row.fullheightpanels .su-column-inner .sue-photo-panel .su-button{ position: absolute; bottom: 1em; left: 1em; }
	.su-row.fullheightpanels .su-column-inner .sue-panel-content,
	.su-row.fullheightpanels .su-column-inner .sue-photo-panel-content{ padding: 1em; }
	.su-row.fullheightpanels .su-column-inner .sue-photo-panel-content p{ margin-bottom: 0; }
	.su-row.fullheightpanels .su-column-inner article.page .sue-photo-panel-content{ padding: 1em 1em 1em; }
	.su-row.fullheightpanels .su-column-inner article.page .sue-photo-panel-content p{ margin-bottom: 0; }

	.su-row.fullheightpanels.featuredrow .su-column-size-1-3{ width: 100%!important; }
	.su-row.fullheightpanels.featuredrow .su-column-size-1-3 .sue-photo-panel-head{ width: 30.7%; float: left; }
	.su-row.fullheightpanels.featuredrow .su-column-size-1-3 .sue-photo-panel-content{ width: 69.3%; float: left; }
}

@media all and (min-width: 1024px) {
	.su-row.fullheightpanels.featuredrow .su-column-size-1-3 .sue-photo-panel-content{ width: 69.3%; float: left; }
	.su-row.fullheightpanels.featuredrow .su-column-size-1-3 .sue-photo-panel-content h3{ margin-bottom: 40px; }
}

.flickity-loaded .flickity-slider .carousel-cell,
.flickity-loaded .flickity-slider .carousel-cell article.hentry,
.flickity-loaded .flickity-slider .carousel-cell article.hentry .sue-photo-panel{ height: 98%;  }

.flickity-loaded .flickity-slider .carousel-cell article.hentry .su-button{ position: absolute; bottom: 1em; left: 1em; }
.flickity-loaded .flickity-slider .carousel-cell article.hentry .sue-panel-content,
.flickity-loaded .flickity-slider .carousel-cell article.hentry .sue-photo-panel-content{ padding: 1em 1em 3.5em; }



/* Home
------------------------------------------------------------------------------------------------- */

.homecolumns{
	
}

.homecolumns{
	margin-top: 60px;
}


.homecolumns .sue-photo-panel{
	position: relative;
	padding-bottom: 30px;
	transition: all 0.5s ease;
	opacity: 0;
	
	-webkit-animation: fadein 0.6s forwards; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 0.6s forwards; /* Firefox < 16 */
        -ms-animation: fadein 0.6s forwards; /* Internet Explorer */
         -o-animation: fadein 0.6s forwards; /* Opera < 12.1 */
            animation: fadein 0.6s forwards;
	 
	 margin-bottom: 35px!important;
}

.homecolumns .sue-photo-panel *{
	transition: all 0.5s ease;
}

.homecolumns .sue-photo-panel .sue-photo-panel-content{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: inherit;
	padding-bottom: 1em!important;
	overflow: hidden;
	height: 62px;	
}

.homecolumns .sue-photo-panel .sue-photo-panel-content h2{
	color: inherit;
	text-transform: uppercase;
	font-family: 'intro_head_bbase';
	text-align: center;
	font-size: 1.6em;
}

.homecolumns .sue-photo-panel:hover .sue-photo-panel-content{
	height: 200px;
}

.homebox-1, .homecolumns .homebox-1.sue-photo-panel .sue-photo-panel-content{ background-image: url(../img/green-texture-bg.jpg); background-size: 40%; }
.homecolumns .homebox-1.sue-photo-panel{ -webkit-animation-delay: 0.6s; text-shadow: 1px 1px 1px #FFF; }

.homebox-2, .homecolumns .homebox-2.sue-photo-panel .sue-photo-panel-content{ background-image: url(../img/yellow-texture-bg.jpg);  background-size: 40%; }
.homecolumns .homebox-2.sue-photo-panel{ -webkit-animation-delay: 0.9s;  text-shadow: 1px 1px 1px #FFF; }

.homebox-3, .homecolumns .homebox-3.sue-photo-panel .sue-photo-panel-content{ background-image: url(../img/blue-texture-bg.jpg);  background-size: 40%; }
.homecolumns .homebox-3.sue-photo-panel{ -webkit-animation-delay: 1.2s;  text-shadow: 1px 1px 1px #FFF; }


/* Contact form ------------------------------- */

.sue-panel-content form.wpcf7-form input:not(.wpcf7-submit),
.sue-panel-content form.wpcf7-form textarea,
form.wpcf7-form select{ 
	width: 100%;
	border: 1px #CCC solid;
	padding: 5px;
	box-sizing: border-box; 
}



.sue-panel-content form.wpcf7-form input:not(.wpcf7-submit):focus,
.sue-panel-content form.wpcf7-form textarea:focus{
	border-color: #1261ab;
} 

.sue-panel-content form.wpcf7-form input.wpcf7-submit{
	background: #0072ce;
	border: none;
	padding: 10px 20px;
	font-size: 20px;
	color:#FFF;
}



/* Overall
------------------------------------------------------------------------------------------------- */

.inner {
	width: 96%;
	margin: 0 auto;
	max-width: 1120px;
}



.su-button-style-flat span{
	padding-top: 4px!important;
	padding-bottom: 4px!important;
}

.su-button-style-flat:hover span{
	top: 0!important;
	text-decoration: underline!important;
}

.scrollToTop {
    bottom: 20px;
    display: none;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    z-index: 1000;
    font-size: 40px;
    color: #9c1737;
}
.scrollToTop:hover {
    text-decoration: none;
}


.gallery-item{ text-align: center; }
.gallery-item dt{ display: block; }

table.openingtimes{
	width: 100%;
	margin: 20px 0;
}

table.openingtimes th{
	width: 50%;
	text-align: left;
}

ul.amenities{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.amenities li{
	display: inline-block;
}

.fa-circle{
	color: #9c1737;
}

.entry-header .amenities .fa-stack{
	font-size: 1em;
	margin-top: 5px;
}

.donwload-brochure span{
	padding: 0 !important;
}


/* News List
----------------------------------------------------------------------------------------------- */

.newseventstitle:after{
	color: #701523;
	font-family: 'FontAwesome';
	float: right;
	font-size: 0.8em;
	content: "";
}

.su-posts-news-list{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.su-posts-news-list .su-post {
	padding-bottom: 8px;
	margin-bottom: 12px;
	border-bottom: 2px dotted #CCC;
	overflow: hidden;
}

.su-posts-news-list .su-post:last-child {
	border-bottom: 0;
}

.su-posts-news-list p{
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

.su-posts-news-list p.su-post-title{
	font-size: 1em;
}

.su-posts-news-list p.su-post-title a{
	color: #701523;
	font-family: "plutocond_bold";
}

.su-post-thumbnail{
	width: 30%;
	margin-right: 5%;
	float: left;
}

.news-content{
	float: left;
	width: 65%;
}

.page-options{ text-align: center; font-size: 1.4em; font-family: 'intro_head_bbase'; }
.page-options .page-numbers{ display: inline-block; padding: 10px; color: #222; }
.page-options .page-numbers.current{ color: #9c1737; text-decoration: underline;  }


/* Heritage
------------------------------------------------------------------------------------------------- */

.heritagesection{
	background-size: cover!important;
}

.heritagesection p, #main .heritagesection p{
	color: #FFF;
}

.heritagesection p strong, #main .heritagesection p strong{
	color: #e7d7b1;
	font-family: 'plutocond_bold', sans-serif;
}

.heritagesection h1{
	color: #FFF!important;
	font-size: 3.4em;
	margin-bottom: -10px;
	position: relative;
}

.heritagesection h1 strong, #main .heritagesection h1 strong{
	color: #FFF;
	text-shadow: 2px 2px 2px #481425;
	font-weight: normal;
}

.heritagesection h1:after{
	font-weight: 400;
	text-transform: lowercase;
	content: 'u';
	font-size: 0.7em;
	margin-left: 10px;
	font-family: intro_goodiesbanners__endings,sans-serif;
}

.heritagesection img{
	width: 100%;
	margin-top: 30px;
}

@media all and (min-width: 768px) {
	.heritagesection img{
		width: 70%;
	}
}


/* Application Lightbox
------------------------------------------------------------------------------------------------- */

#franchisees-apply{ 
	min-width: 400px;
	background: #f7f7f7 url(../img/light-texture-bg.jpg) repeat top left;
	background-size: 20%;
}

.sue-photo-panel.applynow{ cursor: pointer; }

.popup-title{ 
	line-height: 1em;
	font-family: 'intro_head_hl_base';
	text-transform: uppercase;
	font-size: 3em;
	color: #9c1737!important;
}

.wpcf7-form label{ padding: 5px; display: block; }
.wpcf7-form label span.label{ width: 35%; padding-top: 2px; display: inline-block; } 
.wpcf7-form input{ padding: 5px; width: 60%; border: 1px #DDD solid; }
.wpcf7-form textarea{ border: 1px #DDD solid; width: 100%; padding: 5px; box-sizing: border-box; height: 120px;}
.wpcf7-form > p > br{ display: none; }
.wpcf7-form-control.wpcf7-radio{ display: inline-block; }
.wpcf7-form-control.wpcf7-radio label{ width: 60px; padding: 5px 0; }
.wpcf7-form-control.wpcf7-radio label input{ display: inline-block; margin-top: 4px; }
.wpcf7-list-item input{ float: left; }
.label-full{ display: block; padding: 5px; }
.wpcf7-exclusive-checkbox input[type="checkbox"]{ width: auto; margin: 5px; }
.wpcf7-exclusive-checkbox label{ width: 100%; }
.wpcf7-exclusive-checkbox span.wpcf7-list-item{ display: block; }
.wpcf7-form input.wpcf7-submit{ 
	padding: 16px 15px;
	width: 90%;
	float: right;
	text-align: center;
	font-size: 1.6em;
	color: #FFF;
	background: #70D199;
	font-family: 'intro_head_bbase';
	text-transform: uppercase;
	line-height: 1em;
	width: 100%;
	border: none;
}
.wpcf7-form input.wpcf7-submit.disabled{
	pointer-events: none;
	opacity: .7;
	cursor: not-allowed;
}
.wpcf7-form .opportunity-type select{ width: 95%; }



/* Newsletter signup
------------------------------------------------------------------------------------------------- */

body.home .newsletter_signup{
	border-bottom: 5px #cbcbcb solid!important;
}

.newsletter_signup p{
	margin: 0;
}

.newsletter_signup h4{
	font-family: "intro_head_hl_base";
	text-transform: uppercase;
	font-size: 1.8em;
}

.newsletter_signup input[type="email"]{
	color: #e4b4c3;
	background: #64263A;
	padding: 10px;
	font-size: 18px;
	border: none;
	width: 250px;
	box-sizing: border-box;
}

.newsletter_signup input.wpcf7-submit{
	width: 90px;
	height: 33px;
	background: transparent url(../img/submit-arrow.png) no-repeat top left;
	border: none;
	padding: 10px;
	margin: 10px 5px 0;
	text-indent: -30000px;
}

.wpcf7-response-output{
	display: block;
	margin-top: 10px;
	clear: both;
}

.wpcf7-display-none{
	display: none;
}

.wpcf7-not-valid-tip{ display: none!important; }

@media all and (min-width: 768px) {
	.newsletter_signup form{ margin: 0 auto; overflow: hidden; }
	.newsletter_signup h4{ padding: 4px 10px; margin: 0; font-size: 2em; }
	.newsletter_signup p{ margin: 10px auto 0; width: 370px; }
	.newsletter_signup input[type="email"]{ float: left; }
	.newsletter_signup input.wpcf7-submit{ float: left; margin: 5px 10px 0; }
}



/* Muffin Stats
--------------------------*/

#muffin-stats{ list-style: none; margin: 0; padding: 0;}
#muffin-stats li{ margin: 0; padding: 20px 0; width: 100%; width: 50%; float: left; text-align: center;}
#muffin-stats li strong{ display: inline-block; font-size: 4em; font-family: 'intro_head_hl_base'; text-transform: uppercase; background: #FFF; border-radius: 50%; width: 130px; height: 130px; text-align: center; padding: 20px; }
#muffin-stats li span{ display: block; padding: 20px 0; width: 150px; margin: 0 auto; }
#muffin-stats li:nth-child(3){ clear: left; }

@media all and (min-width: 768px) {
	#muffin-stats li{ width: 33%; }
	#muffin-stats li:nth-child(3){ clear: none; }
}

/* Footer
------------------------------------------------------------------------------------------------- */

footer.site-footer{
	position: relative;
	z-index: 1;
	overflow: hidden;
	font-size: 14px;
 	width: 100%;
	color: #252525;
	border-top: 5px #cbcbcb solid;
	padding-top: 40px;
	background: rgba(192,183,177,.2);
}

footer.site-footer .inner{

}

#footercolumns{
	width: 100%;
	overflow: hidden;
}

#footercolumns .widget{
	width: 50%;
	float: left;
}

#footercolumns .widget h4{
	color: #481425;
	text-transform: uppercase;
	font-family: "intro_head_hl_base";
	font-size: 1.6em;
}

#footercolumns .widget:nth-child(1),
#footercolumns .widget:nth-child(3){
	clear: left;
}

@media all and (min-width: 768px) {
	#footercolumns .widget{ width: 25%; }
	#footercolumns .widget:nth-child(1), #footercolumns .widget:nth-child(3){ clear: none; }
}

@media all and (min-width: 1024px) {
	#footercolumns .widget{ width: 15%; margin-right: 1%; }
	#footercolumns .widget:last-child{ float: right; text-align: right; }
}
@media all and (max-width: 768px) {
	#media_image-3{
		padding-right: 10px;
		padding-top: 20px;
	}
}

#menu-footer-menu{
	clear: both;
	margin: 50px 0 0 0;
	padding: 0;
	list-style: none;
}

#menu-footer-menu li{
	display: inline-block;
	margin-right: 10px;
	border-right: 1px #CCC solid;
	padding-right: 10px;
	line-height: 1em;
}

#menu-footer-menu li:first{
	margin-left: 0;
}

#menu-footer-menu li:last-child{
	border-right: none;
}

#menu-footer-menu li a{
	color: #252525;
	font-size: 1em;
}

#copyright{
	text-align: left;
	color: #252525;
	padding-top: 5px;
	font-size: 0.9em;
}

/*------------------ Helper Styles----------------------- */	

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.highlight {
	font-weight: bold;
	color: #c90033;
}
	
.hide { display: none; }
	
.clear {
	clear: both;
}

.clearleft{
	clear: left;
}
	
.bold {
	font-weight: bold;
}
	
em { 
	font-style: italic;
}



/* Responsive */

@media only screen and (max-width: 41.250em) {
	#container {
		width: 100%;
	}
	#imagelightbox-close {
		top: 1.25em; /* 20 */
		right: 1.25em; /* 20 */
	}
	#imagelightbox-nav {
		bottom: 1.25em; /* 20 */
	}
	.imagelightbox-arrow {
		width: 2.5em; /* 40 */
		height: 3.75em; /* 60 */
		margin-top: -2.75em; /* 30 */
	}
	.imagelightbox-arrow-left {
		left: 1.25em; /* 20 */
	}
	.imagelightbox-arrow-right {
		right: 1.25em; /* 20 */
	}
}



/* ============== Image Lightbox ===================*/

/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox
{
	cursor: pointer;
	position: fixed;
	z-index: 10000;

	-ms-touch-action: none;
	touch-action: none;

	-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
	box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}


/* ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div
{
	border-radius: 50%;
}
#imagelightbox-loading
{
	width: 2.5em; /* 40 */
	height: 2.5em; /* 40 */
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 50%;
	padding: 0.625em; /* 10 */
	margin: -1.25em 0 0 -1.25em; /* 20 */

	-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
	box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}
#imagelightbox-loading div
{
	width: 1.25em; /* 20 */
	height: 1.25em; /* 20 */
	background-color: #fff;

	-webkit-animation: imagelightbox-loading .5s ease infinite;
	animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading
{
	from { opacity: .5;	-webkit-transform: scale( .75 ); }
	50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
	to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
}
@keyframes imagelightbox-loading
{
	from { opacity: .5;	transform: scale( .75 ); }
	50%	 { opacity: 1;	transform: scale( 1 ); }
	to	 { opacity: .5;	transform: scale( .75 ); }
}


/* OVERLAY */

#imagelightbox-overlay
{
	background-color: #000;
	background-color: rgba( 0, 0, 0, .9 );
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


/* "CLOSE" BUTTON */

#imagelightbox-close
{
	width: 2.5em; /* 40 */
	height: 2.5em; /* 40 */
	text-align: left;
	background-color: #666;
	border-radius: 50%;
	position: fixed;
	z-index: 10002;
	top: 2.5em; /* 40 */
	right: 2.5em; /* 40 */

	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}
#imagelightbox-close:hover,
#imagelightbox-close:focus { background-color: #111; }

	#imagelightbox-close:before,
	#imagelightbox-close:after
	{
		width: 2px;
		background-color: #fff;
		content: '';
		position: absolute;
		top: 20%;
		bottom: 20%;
		left: 50%;
		margin-left: -1px;
	}
	#imagelightbox-close:before
	{
		-webkit-transform: rotate( 45deg );
		-ms-transform: rotate( 45deg );
		transform: rotate( 45deg );
	}
	#imagelightbox-close:after
	{
		-webkit-transform: rotate( -45deg );
		-ms-transform: rotate( -45deg );
		transform: rotate( -45deg );
	}


/* CAPTION */

#imagelightbox-caption
{
	text-align: center;
	color: #fff;
	background-color: #666;
	position: fixed;
	z-index: 10001;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.625em; /* 10 */
}


/* NAVIGATION */

#imagelightbox-nav
{
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	border-radius: 20px;
	position: fixed;
	z-index: 10001;
	left: 50%;
	bottom: 3.75em; /* 60 */
	padding: 0.313em; /* 5 */

	-webkit-transform: translateX( -50% );
	-ms-transform: translateX( -50% );
	transform: translateX( -50% );
}
	#imagelightbox-nav button
	{
		width: 1em; /* 20 */
		height: 1em; /* 20 */
		background-color: transparent;
		border: 1px solid #fff;
		border-radius: 50%;
		display: inline-block;
		margin: 0 0.313em; /* 5 */
	}
	#imagelightbox-nav button.active
	{
		background-color: #fff;
	}


/* ARROWS */

.imagelightbox-arrow
{
	width: 3.75em; /* 60 */
	height: 7.5em; /* 120 */
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	vertical-align: middle;
	display: none;
	position: fixed;
	z-index: 10001;
	top: 50%;
	margin-top: -3.75em; /* 60 */
	border: none;
}
.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus	{ background-color: rgba( 0, 0, 0, .75 ); }
.imagelightbox-arrow:active { background-color: #111; }

	.imagelightbox-arrow-left	{ left: 2.5em; /* 40 */ }
	.imagelightbox-arrow-right	{ right: 2.5em; /* 40 */ }

	.imagelightbox-arrow:before
	{
		width: 0;
		height: 0;
		border: 1em solid transparent;
		content: '';
		display: inline-block;
		margin-bottom: -0.125em; /* 2 */
	}
		.imagelightbox-arrow-left:before
		{
			border-left: none;
			border-right-color: #fff;
			margin-left: -0.313em; /* 5 */
		}
		.imagelightbox-arrow-right:before
		{
			border-right: none;
			border-left-color: #fff;
			margin-right: -0.313em; /* 5 */
		}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow
{
	-webkit-animation: fade-in .25s linear;
	animation: fade-in .25s linear;
}
	@-webkit-keyframes fade-in
	{
		from	{ opacity: 0; }
		to		{ opacity: 1; }
	}
	@keyframes fade-in
	{
		from	{ opacity: 0; }
		to		{ opacity: 1; }
	}

@media only screen and (max-width: 41.250em) /* 660 */
{
	#container
	{
		width: 100%;
	}
	#imagelightbox-close
	{
		top: 1.25em; /* 20 */
		right: 1.25em; /* 20 */
	}
	#imagelightbox-nav
	{
		bottom: 1.25em; /* 20 */
	}

	.imagelightbox-arrow
	{
		width: 2.5em; /* 40 */
		height: 3.75em; /* 60 */
		margin-top: -2.75em; /* 30 */
	}
	.imagelightbox-arrow-left	{ left: 1.25em; /* 20 */ }
	.imagelightbox-arrow-right	{ right: 1.25em; /* 20 */ }
}

@media only screen and (max-width: 20em) /* 320 */
{
	.imagelightbox-arrow-left	{ left: 0; }
	.imagelightbox-arrow-right	{ right: 0; }
}


/* LOADER */

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  top: 20%;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}







@keyframes fadein {
    from { opacity: 0; bottom: -20px; }
    to   { opacity: 1; bottom: 0;  }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; bottom: -20px;  }
    to   { opacity: 1; bottom: 0; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; bottom: -20px; }
    to   { opacity: 1; bottom: 0; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; bottom: -20px;  }
    to   { opacity: 1; bottom: 0; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; bottom: -20px;  }
    to   { opacity: 1; bottom: 0; }
}


.webdesign a {
    background: url("data:image/png;base64,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") no-repeat scroll 0 0 transparent;
    width: 200px;
    height: 30px;
    display: block;
    float: left;
    text-indent: -30000px;
    margin-bottom: 20px;
    opacity: 0.8;
    -webkit-transition: opacity 0.6s; /* Safari */
    transition: opacity 0.6s;
}

.webdesign a:hover {
	opacity: 1;
}