/**
 * SCREEN CSS
 * - Theme Main Layout
 * - Theme Commons
 * - Theme Layout
 * - Theme Template
 * - Responsive
**/
@charset "UTF-8";

/**
 * MAIN
**/
html, body{ margin: 0; padding: 0; }
html{ background-color: #153540; }
body{ background: #f9eddd url(../images/desktop/body.jpg?) repeat-x center top; }
.inner{ margin: 0 auto; position: relative; width: 990px; transition: width 0.5s ease; }


.menu-lvl-1{ left: 50%; margin-left: -165px; position: absolute; top: 56px; width: 330px; z-index: 20; }
.menu-lvl-1:before { content:""; display: block; margin-left: -20px; position: absolute; left: 50%; top: -20px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #f9eddd; }
.menu-lvl-1-items{ background-color: #f9eddd; border-radius: 5px; box-shadow: 0 0 15px #000; overflow: hidden; }
.menu-lvl-1-item{ border-bottom: 1px solid #fff; float: none; margin: 0; padding: 0; }
.menu-lvl-1-item:last-child{ border-bottom: 0; }
.menu-lvl-1-item > a{ border: 0; color: #333; display: block; line-height: 1; padding: 5px; text-align: center; text-decoration: none; text-transform: uppercase; }
.menu-lvl-1-items .current-menu-ancestor > a,
.menu-lvl-1-items .current-menu-parent > a,
.menu-lvl-1-items .current-menu-item > a,
.menu-lvl-1-item > a:focus,
.menu-lvl-1-item > a:hover{ background-color: #0090d6; color: #fff; }
.menu-lvl-0-item{ position: relative; }
.menu-lvl-0-item > .menu-lvl-1{ left: -99999em; }
.menu-lvl-0-item:hover > .menu-lvl-1,
.menu-lvl-0-item.hover > .menu-lvl-1{ left: 50%; }



#wrapper{ margin: 0 auto; position: relative; max-width: 1736px; overflow-x: hidden; }
#top a{ background: #fff; color: #000; display: block; left: 0; padding: 5px; position: absolute; text-decoration: none; top: -999em; }
#top a:focus{ top: 0; }
#header{ position: relative; }
#header-logo{ left: 50%; margin-left: -493px; position: absolute; top: -2px; z-index: 3; }
#header-logo img{ height: auto; }
#header-bar{ background-color: #0192d3; color: #fff; }
#header-bar .inner{ height: 56px; }
#header-bar .wrap{ height: 56px; position: absolute; right: 0; top: 0; }
#header-nav-top{ float: left; }
#header-nav-top .menu-lvl-0-items{ margin: 0; padding: 0; }
#header-nav-top .menu-lvl-0-item{ display: block; float: left; margin: 0 0 0 20px; padding: 0; position: relative; }
#header-nav-top .menu-lvl-0-item > a{ border-bottom: 4px solid transparent; color: #fff; display: block; font-size: 15px; font-family: 'Roboto Condensed'; line-height: 48px; height: 48px; padding-top: 4px; text-decoration: none; text-transform: uppercase; }
#header-nav-top .current-menu-ancestor > a,
#header-nav-top .current-menu-parent > a,
#header-nav-top .current-menu-item > a,
#header-nav-top .menu-lvl-0-item > a:focus,
#header-nav-top .menu-lvl-0-item > a:hover{ border-bottom-color: #fff; }
#header-nav-top .menu-item-has-children:hover > a,
#header-nav-top .menu-item-has-children.hover > a,
#header-nav-top .menu-item-has-children > a:focus,
#header-nav-top .menu-item-has-children > a:hover{ border-bottom-color: transparent; }
#header-nav-socials{ float: left; margin-left: 20px; padding: 17px 2px 0 0; }
#header-nav-socials ul{ margin: 0; padding: 0; }
#header-nav-socials li{ display: inline; margin: 0; padding: 0; }
#header-nav-socials a{  border-radius: 3px; float: left; height: 24px; margin-left: 4px; overflow: hidden; position: relative; text-indent: -999em; text-decoration: none; width: 24px; }
#header-nav-socials a:before{ content: ''; display: block; font-family: 'FontAwesome'; height: 24px; left: 0; line-height: 24px; position: absolute; text-align: center; text-indent: 0; top: 0; width: 24px; }
#header-nav-socials .fb a{ background: #fff; }
#header-nav-socials .fb a:before{ color: #0192d3; content: '\f09a'; font-size: 24px; line-height: 30px; text-indent: 6px; }
#header-nav-socials .fb a:focus:before,
#header-nav-socials .fb a:hover:before{ background-color: #68d57e; color: #fff; }
#header-nav-socials .ig a{ background-color: transparent; }
#header-nav-socials .ig a:before{ content: '\f16d'; color: #fff; font-size: 28px; line-height: 24px; text-indent: 0; }
#header-nav-socials .ig a:focus:before,
#header-nav-socials .ig a:hover:before{ color: #68d57e; }
#header-paypal-donate{ float: left; margin-left: 20px; padding: 8px 2px 0 0; }
#header-paypal-donate .is-tablet,
#header-paypal-donate .is-mobile{ display: none; }
#header-paypal-donate input[type="submit"]{ background-color: #8aca80; border-color: #8aca80; box-shadow: none; }
#header-paypal-donate input[type="submit"]:focus,
#header-paypal-donate input[type="submit"]:hover{ background-color: #f9f4ee; border-color: #f9f4ee; color: #000; box-shadow: none; }

#header-main{ height: 0; position: relative;}
#header-nav-primary{ position: absolute; right: 0; top: 42px; z-index: 4; }
#header-nav-primary .menu-lvl-0-items{ margin: 0; padding: 0; }
#header-nav-primary .menu-lvl-0-item{ display: block; margin: 0; padding: 0; position: relative; }
#header-nav-primary .menu-lvl-0-item > a{ text-decoration: none; text-transform: uppercase; }
#header-nav-primary .menu-lvl-0-item{ border-left: 1px solid rgba(255,255,255,0.25); float: left; height: 22px; padding: 7px 20px 7px 20px; }
#header-nav-primary .menu-lvl-0-item:first-child{ border-left: 0; }
#header-nav-primary .menu-lvl-0-item:last-child{ padding-right: 0; }
#header-nav-primary .menu-lvl-0-item > a{ color: #fff; display: inline-block; font-family: 'Roboto Condensed'; font-size: 23px; font-weight: 300; height: 56px; position: relative; }
#header-nav-primary .menu-lvl-0-item > a:after{ background: url(../images/stripe.png) no-repeat; background-size: 100% auto;  bottom: 0; content: ''; display: none; height: 22px; left: 0; margin: 0 -10px; position: absolute; right: 0; }
#header-nav-primary .current-menu-ancestor > a:after,
#header-nav-primary .current-menu-parent > a:after,
#header-nav-primary .current-menu-item > a:after,
#header-nav-primary .menu-lvl-0-item > a:focus,
#header-nav-primary .menu-lvl-0-item > a:hover:after{ display: inline-block; }
#header-nav-primary .menu-item-has-children:hover > a:after,
#header-nav-primary .menu-item-has-children.hover > a:after,
#header-nav-primary .menu-item-has-children > a:hover:after{ display: none; }
#header-nav-mobile{ display: none; }
#header-nav-mobile-button{ background-color: transparent; border: 0; box-shadow: none; height: 44px; padding: 0; position: absolute; right: 10px; top: 8px; text-indent: -999em; width: 26px; }
#header-nav-mobile-button:before{ color: #fff; content: '\f0c9'; display: block; font-family: 'FontAwesome'; font-size: 28px; height: 42px; line-height: 42px; left: 0; position: absolute; top: 0; text-align: center; text-indent: 0; width: 26px; }
	.is-nav-mobile #header-nav-mobile-button:before{ content: '\f00d'; }
	.is-nav-mobile #header-nav-mobile-content{ display: block; }
#header-nav-mobile-content{ display: none; position: absolute; right: 0; top: 54px; width: 280px; z-index: 20; }
#header-nav-mobile-content:before { content:""; display: block; margin-left: -10px; position: absolute; right: 13px; top: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f9eddd; }
#header-nav-mobile-primary{ background-color: #f9eddd; border-radius: 5px; box-shadow: 0 0 15px #000; overflow: hidden; }
#header-nav-mobile-primary ul{ margin: 0; padding: 0; }
#header-nav-mobile-primary li{ border-bottom: 1px solid #fff;  margin: 0; padding: 0;  }
#header-nav-mobile-primary li:last-child{ border-bottom: 0; }
#header-nav-mobile-primary a{ color: #333; display: block; padding: 5px 0; text-align: center; text-decoration: none; text-transform: uppercase; }
#header-nav-mobile-primary a:focus,
#header-nav-mobile-primary a:hover{ background-color: #0090d6; color: #fff; }
#header-nav-mobile-primary .menu-lvl-1{ border-top: 1px solid #fff; font-size: 0.9em; margin-left: 0; position: static; width: auto; }
#header-nav-mobile-primary .menu-lvl-1:before{ display: none; }
#header-nav-mobile-primary .menu-lvl-1-items{ border-radius: 0; box-shadow: none; }
#header-nav-mobile-primary .menu-lvl-1-items a{ background-color: rgba(0,0,0,0.075); text-transform: none; }
#header-nav-mobile-primary .menu-lvl-1-items .current-menu-ancestor > a,
#header-nav-mobile-primary .menu-lvl-1-items .current-menu-parent > a,
#header-nav-mobile-primary .menu-lvl-1-items .current-menu-item > a,
#header-nav-mobile-primary .menu-lvl-1-items a:focus,
#header-nav-mobile-primary .menu-lvl-1-items a:hover{ background-color: #0192d3; color: #fff; }

#swiper{ background-color: #13323c; height: 329px; position: relative; }
#swiper .swiper-slide{ background-repeat: no-repeat; background-position: center top; background-size: auto 100%; height: 329px; }
#swiper .slick-dots{ bottom: 120px; display: none !important; left: 0; margin: 0; padding: 0; position: absolute; right: 0; text-align: center; }
#swiper .slick-dots li{ display: inline; margin: 0 5px; padding: 0; }
#swiper .slick-dots button{ background-color: #fff; border: 0; border-radius: 50%; box-shadow: none; display: inline-block; font-size: 0; height: 24px; padding: 0; width: 24px; }
#swiper .slick-active button{ background-color: #153641; }

#subnav{ margin-top: -329px; position: relative; z-index: 2; }
#subnav .inner{ height: 329px; }
#subnav-nav-section{ background-color: rgba(255,255,255,0.8); bottom: 0; left: 0; padding: 18px 32px 14px 32px; position: absolute; right: 0; z-index: 3; }
#subnav-nav-section .menu-lvl-0-items{ margin: 0; padding: 0; }
#subnav-nav-section .menu-lvl-0-item{ display: inline-block; margin: 0 20px 0 0; padding: 0; }
#subnav-nav-section .menu-lvl-0-item > a{ color: #000; font-family: 'Roboto Condensed', sans-serif; font-size: 15px; line-height: 16.88px; text-decoration: none; text-transform: uppercase; }
#subnav-nav-section .current-menu-ancestor > a,
#subnav-nav-section .current-menu-parent > a,
#subnav-nav-section .current-menu-item > a,
#subnav-nav-section .menu-lvl-0-item > a:focus,
#subnav-nav-section .menu-lvl-0-item > a:hover{ text-decoration: underline; }
#subnav-nav-section .menu-lvl-1{ top: 36px; }
/**/
#main{ padding-bottom: 14px; }
#content{ background: url(../images/desktop/content.jpg) no-repeat center top; }
#content .inner{ min-height: 450px; padding-top: 29px; padding-bottom: 29px; }
#banner-sponsors .inner{ border-top: 1px solid #fff; padding-top: 28px; padding-bottom: 44px;  text-align: center; }
#banner-sponsors .inner:before{ border-top: 1px solid #cbc9bf; content: ''; display: block; left: 0; position: absolute; right: 0; top: -2px; }
#banner-sponsors ul{ margin: 0; padding: 0; }
#banner-sponsors li{ display: inline; margin: 0 15px; padding: 0; }


#footer{ background-color: #153540; position: relative; }
#footer:before{ background: url(../images/desktop/copyright.png) repeat-x; content: ''; display: block; height: 14px; left: 0; position: absolute; right: 0; top: -14px; }
#footer .inner{ padding: 27px 0 80px 0; }
.footer-credits{ color: #fff; float: left; font-size: 0.95em; font-weight: 400; padding-top: 38px; width: 50%; }
.footer-credits-copyright{}
.footer-credits-copyright:after{ content: '-'; margin: 0 0.5em; }
.footer-credits-legal{}
#footer .followus{ padding-left: 204px; position: absolute; right: 0; top: 49px; }
#footer .followus-title{ background: url(../images/desktop/followus.png) no-repeat; height: 106px; width: 234px; overflow: hidden; text-indent: -9999em; left: 0; position: absolute; top: -22px; z-index: 2; }
#footer .followus-container{}
#footer .followus-container ul{ display: table; margin: 0; padding: 0; }
#footer .followus-container li{ display: table-cell; vertical-align: top; list-style: none; margin: 0; padding: 0 0 0 10px; }
#footer .followus-container a{ display: block; font-family: 'FontAwesome'; text-decoration: none; height: 68px; width: 68px; }
#footer .followus-container .fb a{ background: #fff; color: #153641; border-radius: 3px; font-size: 70px; line-height: 90px; text-indent: 18px;}
#footer .followus-container .fb a:focus,
#footer .followus-container .fb a:hover{ background-color: #68d57e; }
#footer .followus-container .ig a{ color: #fff; font-size: 82px; line-height: 68px; text-align: center; }
#footer .followus-container .ig a:focus,
#footer .followus-container .ig a:hover{ color: #68d57e; }


#goto-cookies{ box-shadow: 0 0 25px rgba(0,0,0,0.5);  left: 0; right: 0; bottom: 0; position: fixed; z-index: 99999; }
#goto-cookies .cookies{ background:  #fff; padding: 20px; position: relative; }
#goto-cookies .cookies-inner{ margin: 0 auto; max-width: 1310px; }
#goto-cookies .cookies-close{ position: absolute; right: 20px; top: 20px;  }
#goto-cookies .cookies-content{ font-size: 0.875rem; padding-right: 60px; margin-bottom: 1em; }
#goto-cookies .cookies-ctas{}
#goto-cookies .cookies-ctas ul{ display: flex; flex-wrap: wrap; margin: 0 -5px; padding: 0; }
#goto-cookies .cookies-ctas li{ list-style: none; margin: 0; padding: 5px; }
#goto-cookies .cookies-ctas button,
#goto-cookies .cookies-ctas a{ display: table; border-radius: 5px; outline: none; padding: 0.75em 1em; font-size: 0.75rem; line-height: 1.2; text-transform: none; text-decoration: none;}
#goto-cookies .cookies-ctas a{ background: #aaa; color: #fff; }
#goto-cookies .cookies-ctas button{ background: #0192d3; color: #fff; }
#goto-cookies .cookies-ctas button:focus,
#goto-cookies .cookies-ctas a:focus,
#goto-cookies .cookies-ctas button:hover,
#goto-cookies .cookies-ctas a:hover{ background-color: #2d3043; text-decoration: none; }
#goto-cookies .cookies-close button{ background: url(../images/cookies-close-out.svg) no-repeat center center; background-size: 100% 100%; box-shadow: none; border-radius: none; outline: none; display: block; height: 20px; width: 20px; padding: 0; overflow: hidden; text-indent: -9999em; }
#goto-cookies .cookies-close button:focus,
#goto-cookies .cookies-close button:hover{ background-image: url(../images/cookies-close-over.svg); box-shadow: none; }
html[data-iscookies="true"] #goto-cookies{ display: none; }

/**
 * COMMONS
**/
.form-tpl-message{ color: #fff; }
.form-tpl-message .field-email input{ border-color: #fff; }
.form-tpl-message .field-fullname input{ border-color: #fff; }
.form-tpl-message .field-message textarea{ border-color: #fff; height: 100px; }
.form-tpl-message .field-file{ display: block; float: left; }
.form-tpl-message .label-file{ display: block; line-height: 36px; }
.form-tpl-message .label-file .label-text{ background: none; box-shadow: none; padding: 0 0 0 42px; }
.form-tpl-message .label-file .label-text:before{ content: '\f030'; font-size: 32px; height: 36px; left: 0; line-height: 36px; top: 0; width: 36px; }
.form-tpl-message .form-submit{ float: right; position: relative; text-align: right; top: 0; width: 100px; }
.form-tpl-message .form-submit input{ background-color: #fff; border-color: #fff; color: #db2b2b; font-size: 16px; }

/**
 * LYT
**/
#lyt-index #swiper-slide-0{ background-image: url(../../data/tpl-index/swiper-slide-1.jpg); }
#lyt-index .bubble-image{ float: right; margin: 0 0 20px 20px; max-width: 490px; }
#lyt-index .bubble-image img{ display: block; height: auto; max-width: 100%; }

#lyt-index .bubble-images{ float: right; margin: 0 0 20px 20px; padding-bottom: 90px; max-width: 490px; position: relative; }
#lyt-index .bubble-images:after{ content: ''; clear: both; display: block; height: 0; overflow: hidden; }
#lyt-index .bubble-images .bubble-image{ box-sizing: border-box; border: 1px solid #fff; border-radius: 50%; float: left; margin: 0; padding: 12px; position: relative; width: 60%;  max-width: none; }
#lyt-index .bubble-images .bubble-image img{ border-radius: 50%; }
#lyt-index .bubble-images .bubble-image--1{ top: 90px; z-index: 2;  }
#lyt-index .bubble-images .bubble-image--2{ margin-left: -20%; }
#lyt-index .post-title{ white-space: nowrap; }

/**
 * TPL
**/
#tpl-contact .post-content{ margin-bottom: 20px; }
#tpl-contact #googlemap{ border: 1px solid #fff; height: 300px; }

#tpl-front-page #content{ background-image: url(../images/desktop/tpl-front-page-content.jpg); }
#tpl-front-page #content .inner{ padding-bottom: 46px; }
#tpl-front-page #swiper{ height: 716px; margin-bottom: 0; }
#tpl-front-page #swiper .swiper-container{ height: 716px; }
#tpl-front-page #swiper .swiper-slide{ height: 716px; position: relative; }
#tpl-front-page #swiper .swiper-slide:before{ background: url(../images/desktop/swiper-slide.png) repeat-x; background-size: auto 100%; content: ''; display: block; height: 299px; left: 0; position: absolute; right: 0; top: 0; }
#tpl-front-page #swiper .swiper-slide-inner{ display: table; height: 716px;  }
#tpl-front-page #swiper .swiper-slide-wrap{ display: table-cell; vertical-align: middle; }
#tpl-front-page #swiper .swiper-layer{ border: 1px solid rgba(255,255,255,0.4); margin-left: auto; padding: 9px 10px; width: 328px; }
#tpl-front-page #swiper .swiper-layer-content{ background: transparent url(../images/desktop/swiper-layer.png); color: #fff; font-size: 24px; font-weight: 300; line-height: 1.25; padding: 30px; position: relative; text-align: center; }
#tpl-front-page #swiper .swiper-layer-content .swiper-cta{}
#tpl-front-page #swiper .swiper-layer-content .swiper-cta a{ display: block; bottom: 0; left: 0; position: absolute; right: 0; top: 0; overflow: hidden; text-indent: -999em; }
#tpl-front-page #swiper .swiper-layer-is-image{ background: transparent; padding: 0; }
#tpl-front-page #swiper .slick-dots{ bottom: 120px; display: block !important; }
#tpl-front-page #boxes{ color: #fff; font-size: 14px; line-height: 17px;  margin-bottom: 38px; overflow: hidden; margin-top: -87px; }
#tpl-front-page #boxes{ display: table; table-layout: fixed; width: 100%; }
#tpl-front-page .boxes-box{ display: table-cell; vertical-align: top; position: relative; }
#tpl-front-page .boxes-box-inner{ padding: 24px 27px; margin: 0 auto; max-width: 336px; position: relative; }
#tpl-front-page .boxes-box-title{ font-family: 'Kalam', cursive; font-size: 28px; font-weight: 400; line-height: 1; margin-bottom: 21px; text-align: center; }
#tpl-front-page #boxes-featured{ background-color: #0092d2; left: -12px; }
#tpl-front-page #boxes-featured .boxes-box-inner{ left: 6px; }
#tpl-front-page #boxes-featured .post-image{ margin-bottom: 13px; }
#tpl-front-page #boxes-featured .post-image img{ display: block; height: auto; }
#tpl-front-page #boxes-featured .post-title{ font-size: 1em; line-height: inherit; margin: 0;}
#tpl-front-page #boxes-featured .post-excerpt{ margin: 0; }
#tpl-front-page #boxes-featured .post-excerpt a{ color: inherit; }
#tpl-front-page #boxes-featured .post-cta{}
#tpl-front-page #boxes-featured .post-cta .input-button{ background-color: #fff; border-color: #fff; color: #0092d2; font-size: 16px; }
#tpl-front-page #boxes-facebook{ background-color: #f9f4ee; }
#tpl-front-page #boxes-facebook .boxes-box-inner{ padding: 24px 13px;  }
#tpl-front-page #boxes-facebook iframe{ display: block; height: 400px; margin: 0 auto; width: 300px; }
#tpl-front-page #boxes-contact{ background-color: #db2b2b; color: #fff; right: -12px; }
#tpl-front-page #boxes-contact .boxes-box-inner{ right: 6px; }
#tpl-front-page #post{ margin: 0 auto; text-align: center; width: 790px; }

#tpl-message #post{ background-color: #db2b2b; color: #fff; min-height: 400px; padding: 24px 27px; }

#tpl-postuler #post{ background-color: #db2b2b; color: #fff; min-height: 400px; padding: 24px 27px; }
#tpl-postuler .form-tpl-message .label-file .label-text:before{ content: '\f1c1'; }

/**
 * RESPONSIVE
**/

/* LARGE + DESKTOP */
@media only screen and (min-width: 1025px), only screen and (device-min-width: 1025px){
	#swiper .swiper-layer{ left: 20px; position: relative; opacity: 0; transform: scale(0.5) rotate(15deg); transition: all 1s 0.5s ease; }
	#swiper .slick-active .swiper-layer{ left: 0; opacity: 1; transform: scale(1) rotate(0deg); }
}

/* LARGE */
@media only screen and (min-width: 1324px), only screen and (device-min-width: 1324px){
	.inner{ width: 1300px; }

	#header-logo{ margin-left: -649px; }
	#header-established{ margin-left: -411px; }
	#header-nav-top .menu-lvl-0-item{ margin-left: 28px; }
	#header-nav-socials{ margin-left: 26px; }
	#header-paypal-donate{ margin-left: 26px; }
	#header-nav-primary > ul > li > a{ font-size: 26px; }

	#swiper{ height: 382px; }
	#swiper .swiper-slide{ height: 382px; }
	#subnav{ margin-top: -382px;}
	#subnav .inner{ height: 382px; }

	#tpl-front-page #swiper{ height: 796px; }
	#tpl-front-page #swiper .swiper-container{ height: 796px; }
	#tpl-front-page #swiper .swiper-slide{ height: 796px; }
	#tpl-front-page #swiper .swiper-slide-inner{ height: 796px;  }
	#tpl-front-page #swiper .swiper-layer{ margin-right: 50px; width: 366px; }
	#tpl-front-page #swiper .swiper-layer-content{ font-size: 28px; }
	#tpl-front-page #boxes{ margin-bottom: 38px; margin-top: -120px; }
	#tpl-front-page .boxes-box-inner{ padding: 24px 36px;  }
	#tpl-front-page .boxes-box-title{ font-size: 32px; }
	#tpl-front-page #boxes-featured{ left: -26px; }
	#tpl-front-page #boxes-featured .boxes-box-inner{ left: 13px; }
	#tpl-front-page #boxes-facebook iframe{ height: 360px; }
	#tpl-front-page #boxes-contact{ right: -26px; }
	#tpl-front-page #boxes-contact .boxes-box-inner{ right: 13px; }
	/**/
	#tpl-index .bubble-image{ margin-top: -20px; max-width: 645px; }
	#tpl-index .bubble-images{ margin-top: -20px;  padding-bottom: 127px; max-width: 645px; }
	#tpl-index .bubble-images .bubble-image{ margin-top: 0; max-width: none; }
	#lyt-index .bubble-images .bubble-image--1{ top: 127px;  }
}

/* DESKTOP + LTIE8 */
@media only screen and (min-width: 1025px) and (max-width: 1323px), only screen and (device-min-width: 1025px) and (device-max-width: 1323px){
	.inner{ width: 990px; }
}

/* HEADER */
@media only screen and (max-width: 1323px), only screen and (device-max-width: 1323px){
	#header-established{ display: none; }
	#header-main{ background: #0171a1 url(../images/tablet/header-main.jpg) center top; height: auto; }
	#header-nav-primary{ padding: 20px 0; position: static; }
	#header-nav-primary .menu-lvl-0-item{ border-left: 0; float: none; padding-right: 0; text-align: right; }
	#header-nav-primary .menu-lvl-0-item > a:after{ bottom: 14px; }
	#subnav{ background-color: #cceaf5; margin-top: 0; }
	#subnav .inner{ height: auto; }
	#subnav-nav-section{ background-color: transparent; padding-left: 0; padding-right: 0; position: static; }
	#subnav-nav-section .menu-lvl-0-item{ margin-bottom: 0; }
}


/* TABLET + MOBILE */
@media only screen and (max-width: 1024px), only screen and (device-max-width: 1024px){

	#content .inner{ background-color: #fff; box-shadow: 0 0 40px rgba(0,0,0,0.5); }
	#swiper .slick-dots button{ height: 16px; width: 16px; }
	#banner-sponsors .inner{ border-top: 0; }
	#banner-sponsors .inner:before{ display: none; }
	.footer-credits-copyright{ display: block; }
	.footer-credits-copyright:after{ display: none; }
	.footer-credits-legal{ display: block; }

	#lyt-index .bubble-image{ display: none; }
	#lyt-index .bubble-images{ display: none; }
	#lyt-index .post-title{ white-space: normal; }
	#tpl-front-page #swiper .swiper-layer-content{ font-size: 22px; }
	#tpl-front-page #swiper .slick-dots{ bottom: 10px; }
	#tpl-front-page #boxes{ display: block; margin-top: 0; }
	#tpl-front-page .boxes-box{ display: block; }
	#tpl-front-page #boxes-featured{ height: 400px; float: left; left: 0; margin-bottom: 22px; width: 352px; }
	#tpl-front-page #boxes-featured .boxes-box-inner{ left: 0; }
	#tpl-front-page #boxes-facebook{ height: 400px; float: right; right: 0; margin-bottom: 22px;  width: 346px; }
	#tpl-front-page #boxes-contact{ clear: both; right: 0; width: auto;  }
	#tpl-front-page #boxes-contact .boxes-box-inner{ right: 0; }
	#tpl-front-page #boxes-contact .field-message textarea{ height: 95px; }
}




/* TABLET */
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (device-min-width: 768px) and (device-max-width: 1024px){
	.inner{ padding: 0 20px; width: 728px; }
	#wrapper{ max-width: 768px; }
	#header-logo{ margin-left: -364px; top: -5px; }
	#header-logo img{ width: 278px; }
	#header-bar .wrap{ right: 18px; }
	#header-nav-top .menu-lvl-0-item{ margin-left: 10px; }
	#header-nav-top .menu-lvl-1{ display: none; }
	#header-nav-socials{ margin-left: 7px; }
	#header-paypal-donate{ padding-top: 17px; margin-left: 10px; }
	#header-paypal-donate input[type="submit"]{ font-size: 0.875em; padding: 4px 15px; }
	#header-paypal-donate .is-large,
	#header-paypal-donate .is-desktop,
	#header-paypal-donate .is-mobile{ display: none; }
	#header-paypal-donate .is-tablet{ display: block; }
	#header-nav-primary{ padding: 16px 0 27px 0; }
	#header-nav-primary .menu-lvl-0-item{ border: 0; }
	#header-nav-primary .menu-lvl-0-item > a{ display: inline-block; font-size: 26px; height: auto; line-height: 1; }
	#header-nav-primary .menu-lvl-0-items > .current-menu-ancestor > a,
	#header-nav-primary .menu-lvl-0-items > .current-menu-parent > a,
	#header-nav-primary .menu-lvl-0-items > .current-menu-item > a{ text-decoration: underline; }
	#header-nav-primary .menu-lvl-0-item > a:after{ display: none !important; }
	#header-nav-primary .menu-lvl-0-item:hover > .menu-lvl-1{ left: auto; right: 0; margin-left: 0; }
	#header-nav-primary .menu-lvl-0-item > .menu-lvl-1:before{ left: auto; right: 40px; margin-left: 0; }
	#header-nav-primary .menu-lvl-1{ display: none; }

	#swiper{ height: 214px; }
	#swiper .swiper-slide{ height: 214px; }
	#subnav{ margin-top: 0; }
	#banner-sponsors ul{ margin: 0 -20px; }
	#banner-sponsors li{ margin: 0 10px; }

	#tpl-front-page #swiper{ height: 352px; }
	#tpl-front-page #swiper .swiper-container{ height: 352px; }
	#tpl-front-page #swiper .swiper-slide{ height: 352px; }
	#tpl-front-page #swiper .swiper-slide:before{ height: 150px; }
	#tpl-front-page #swiper .swiper-slide-inner{ height: 352px;  }
	#tpl-front-page #swiper .swiper-layer{ width: 294px; }
	#tpl-front-page #content{ background: none; }
	#tpl-front-page #content .inner{ background-color: transparent; box-shadow: none; padding-top: 22px; }
	#tpl-front-page #post{ width: auto; }
	#tpl-front-page #banner-sponsors .inner{ border-top: 1px; }
	#tpl-front-page #banner-sponsors .inner:before{ display: block; }
}

/* MOBILE */
@media only screen and (max-width: 767px), only screen and (device-max-width: 767px){
	.inner{ padding: 0 25px; width: 270px; }
	#wrapper{ max-width: 320px; }
	#header-logo{ margin-left: -98px; top: 66px; }
	#header-logo img{ width: 196px; }
	#header-bar .wrap{ position: static; }
	#header-nav-top{ display: none; }
	#header-paypal-donate{ margin-left: 0; }
	#header-nav-socials{ display: none; }
	#header-nav-mobile{ display: block; }
	#header-main{ height: 194px; }
	#header-nav-primary{ display: none; }
	#swiper{ display: none; }
	#subnav-nav-section{ padding: 18px 0 19px 0; }
	#subnav-nav-section li{ display: block; }
	#subnav-nav-section a{ display: block; padding: 6px 0; }
	#subnav-nav-section .menu-lvl-0-item{ display: block; margin: 0; }
	#content .inner{ padding-top: 14px; padding-bottom: 14px; }
	#sponsors ul{ margin: 0 -25px; }
	#sponsors li{ margin: 0 5px; }
	#footer .inner{ padding-top: 152px; }
	.footer-credits{ float: none; padding-top: 0; text-align: center; width: auto; }
	.footer-facebook{ float: none;  left: 50%; margin-left: -155px; position: absolute; top: 27px; }

	#footer .followus{ padding-left: 136px; top: 49px; }
	#footer .followus-title{ background-image: url(../images/mobile/followus.png); height: 72px; width: 160px; top: -18px; }
	#footer .followus-container{}
	#footer .followus-container li{ padding-left: 10px; }
	#footer .followus-container a{ height: 46px; width: 46px; }
	#footer .followus-container .fb a{ font-size: 42px; line-height: 58px; text-indent: 16px;}
	#footer .followus-container .ig a{ font-size: 52px; line-height: 46px; }



	#tpl-front-page #header-logo{ margin-left: -124px;}
	#tpl-front-page #header-logo img{ width: 246px; }
	#tpl-front-page #header-main{ height: 240px; }
	#tpl-front-page #swiper{ background-color: transparent; display: block; height: auto; }
	#tpl-front-page #swiper .swiper-container{ height: auto; }
	#tpl-front-page #swiper .swiper-slide{ background-size: auto 147px; height: auto; }
	#tpl-front-page #swiper .swiper-slide:before{ height: 50px; }
	#tpl-front-page #swiper .swiper-slide-inner{ display: block; height: auto; padding: 157px 0 0 0; width: 320px;  }
	#tpl-front-page #swiper .swiper-slide-wrap{ display: block; }
	#tpl-front-page #swiper .swiper-layer{ margin: 0 10px; width: auto; }
	#tpl-front-page #swiper .slick-dots{ bottom: auto; top: 120px; }
	#tpl-front-page #content{ background: none; }
	#tpl-front-page #content .inner{ background-color: transparent; box-shadow: none; padding: 22px 10px; width: 300px; }
	#tpl-front-page #boxes{ display: block; margin-top: 0; }
	#tpl-front-page .boxes-box-inner{ padding: 24px 15px; }
	#tpl-front-page #boxes-featured{ float: none; height: auto; margin: 0 0 22px 0; width: auto; }
	#tpl-front-page #boxes-facebook{ float: none; height: auto; margin: 0 0 22px 0; width: auto; }
	#tpl-front-page #boxes-facebook .boxes-box-inner{ padding: 0;}
	#tpl-front-page #boxes-facebook iframe{ height: 360px; }
	#tpl-front-page #boxes-contact{  float: none; height: auto; margin: 0 0 22px 0; width: auto; }
	/*
	#tpl-front-page .boxes-box{ display: block; font-size: inherit; line-height: inherit; padding: 24px 15px 10px 15px; }
	#tpl-front-page #boxes-featured{ left: 0; float: none; height: auto; margin-bottom: 22px; padding: 24px 15px 15px 15px; width: auto; }

	#tpl-front-page #boxes-facebook iframe{ box-sizing: border-box; width: 100%; }
	#tpl-front-page #boxes-contact{ right: 0; float: none; height: auto; padding: 24px 15px 15px 15px; width: auto; }
	#tpl-front-page #boxes-contact .field-message textarea{ height: 95px; }
	/**/
	#tpl-front-page #post{ width: auto; }
	#tpl-front-page #banner-sponsors .inner{ border-top: 1px; }
	#tpl-front-page #banner-sponsors .inner:before{ display: block; }
}
/**/