/* Site framework */

/*---------DESKTOP LARGE > 1200px---------*/

@media only screen and (min-width: 1200px) {
	.mobile:not(.desktop-large), .tablet:not(.desktop-large), .desktop:not(.desktop-large) {display: none !important;}
	.swipe {height: 575px;}


}

@media only screen and (min-width: 1600px) {
	.container{max-width: 1600px;}
}

@media (min-width:1400px) and (max-width:1599px) {
	.container{max-width: 1400px;}
}

@media (min-width:1200px) and (max-width:1399px) {

	.container{max-width: 1270px;}

	.top_footer > div > div{font-size: 12px;}

}

/*---------DESKTOP < 1199px---------*/

@media (min-width: 992px) and (max-width:1199px) {
	.mobile:not(.desktop), .tablet:not(.desktop), .desktop-large:not(.desktop) {display: none !important;}

	/*Header*/
	.logo{margin:0;}
	.mainmenu li a{padding: 0 8px;}

	/*Mosaic Module*/
	.mosaic-module > div > a > span {font-size: 20px; line-height: 32px;}
    .mosaic-module > div > a > span:nth-child(2) {font-size: 11px; line-height: 30px; background: #0069a9; color: #fff; padding: 0 10px;}

    /*Button Module*/
	.button_module > div > div > div{margin: 0 10px 20px 10px;}
	.button_module .button_item {padding: 0 20px;}

}

/*---------Tablet & Mobile---------*/
@media (max-width:991px){
	.contact-form .denotes{float: none;}

	.container{max-width: 990px;}

	/*Sticky*/
	body.sticky .content_wrap{margin-top: 82px;}

	/*Top Header*/
	.top_header > div {max-width: 100%;}

	/*Header*/
	.header_wrap{-webkit-box-shadow: 0px 1px 5px 0px rgb(168 168 168 / 61%); -moz-box-shadow: 0px 1px 5px 0px rgba(168,168,168,0.61); 
		box-shadow: 0px 1px 5px 0px rgb(168 168 168 / 61%); height: 82px;}
	.header_wrap > div{padding: 0; max-width: 100%; }
	.header_wrap .logo{padding: 0 10px;}

	.header_wrap .menuButton{height: 100%; width:70px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; 
		z-index: 1001; transition: ease-in-out all .2s; background: #000000}
	.header_wrap .menuButton > div{width: 30px; height: 30px; display: flex; flex-direction: column; align-items: center; 
		justify-content: center; position: relative;} 
	.header_wrap .menuButton > div > div{width: 30px; height: 2px; margin: 4px 0; background:#fff; transition: ease-in-out all .5s; }
	.header_wrap .menuButton.open{height: calc(100% - 2px);}
	.header_wrap .menuButton > div > div:first-child {position: absolute; top: 0; right: 0;}
	.header_wrap .menuButton > div > div:last-child {position: absolute; bottom: 0; left: 0;}
	.header_wrap .menuButton.open > div > div:first-child {width: 15px;}
	.header_wrap .menuButton.open > div > div:last-child {width: 15px;}

	/*Menu*/	
	.menu_wrap_responsive{height: initial; width: 100%; position: absolute; top:-40px; right: 0; display: none; background: #000000;}
	.menu_wrap_responsive > div{display: block; padding: 0; max-width: 100%;}
	.menu_wrap_responsive > div > span{display: flex; align-items: center; padding: 0 0 0 10px; height: 59px; text-transform: uppercase; font-size: 12px;}
	.menu_wrap_responsive ul{width: 100%; flex-direction: column; padding: 0; margin: 0; transition: none; visibility: initial; opacity: 1; z-index: 100;}
	.menu_wrap_responsive ul li{display: block; padding: 0; position: relative; margin: 0;}
	.menu_wrap_responsive .menu_scroll > ul > li{border-bottom: 1px solid #232323;}
	.menu_wrap_responsive ul li a{padding: 5px 10px; color: #fff; font-size: 12px; line-height: 26px; display: flex; transition: none;}
	.menu_wrap_responsive ul li a{text-transform: uppercase;}
	.menu_wrap_responsive ul li ul {width: 100%; display: none; padding: 0; background: #191919;}
	.menu_wrap_responsive ul li ul li a{width: 100%; padding: 5px 20px; font-size: 11px;}

	.menu_wrap_responsive ul li.has-children > a{padding-right: 50px;}

	.menu_wrap_responsive .menu_header{padding: 0 10px; box-sizing: border-box; border-bottom: 1px solid #232323;}
	.menu_wrap_responsive .menu_info{display: flex; justify-content: space-between; align-items: center; height: 40px; }
	.menu_wrap_responsive .menu_info > div{display:flex; align-items: center; justify-content: center; height: 100%;}
	.menu_wrap_responsive .menu_info > div > a{color: #fff; font-weight: 700; font-size: 10px; padding-left: 15px;}
	.menu_wrap_responsive .menu_info > div > a.menu_phone{background: url(../images/phone-white.svg) left no-repeat;}
	.menu_wrap_responsive .menu_info > div > a.menu_contact{background: url(../images/envelope-white.svg) left no-repeat; background-size: 15px; 
		padding-left: 23px;}
	.menu_wrap_responsive .menu_info > div > a.menu_direction{background: url(../images/direction-white.svg) left no-repeat; background-size: 10px;}
	.menu_wrap_responsive .menu_fav{height: 82px; display: flex; align-items: center; }
	.menu_wrap_responsive .menu_fav > a{color: #fff; padding-left: 25px; background: url(../images/fav-white.svg) left center no-repeat; font-size: 12px;}

	.menu_wrap_responsive .menu_logos{display: flex; height: 92px; align-items: center; justify-content: space-between; padding: 0 10px; 
		box-sizing: border-box;}
	.menu_wrap_responsive .menu_logos > img{max-height: 58px;}

	.menu_wrap_responsive li a.toggle-sub{width: 50px; height: 36px; position: absolute; right: 0; top: 0; padding: 0;}
	.menu_wrap_responsive li a.toggle-sub:before{ content: ""; background:#fff; display: block; position: absolute; width: 15px; height: 2px; 
		right: calc(50% - 8px); top: calc(50% - 1px); transform: rotate(90deg ); transition: opacity 0.3s ease-in-out 0s;} 
	.menu_wrap_responsive li a.toggle-sub:after{content: ""; background: #fff; display: block; position: absolute; width: 15px; height: 2px; 
		right: calc(50% - 8px); top: calc(50% - 1px); }
	.menu_wrap_responsive li.open a.toggle-sub:before{opacity: 0;}

	/*Footer*/
	.footer_wrap .newsletter{flex-direction: column; align-items: flex-start; border: 0;}
	.footer_wrap .newsletter > input{width: 100%; border-bottom: 1px solid #555555; margin-bottom: 10px; line-height: 20px; padding-bottom: 10px;}

	/*Fullscreen Gallery*/
	.flex-control-paging{width:100%; left: 0; justify-content: center;}
	.flex-direction-nav{display: none !important;}

	/*Mosaic Module*/
	.mosaic-module > div > a > span {font-size: 22px; line-height: 32px;}
    .mosaic-module > div > a > span:nth-child(2) {font-size: 11px; line-height: 30px; background: #0069a9; color: #fff; padding: 0 10px;}

}


/*---------TABLET < 991px---------*/

@media (min-width: 768px) and (max-width:991px){
	.mobile:not(.tablet), .desktop:not(.tablet), .desktop-large:not(.tablet) {display: none !important;}
	.tablet-hidden { display:none !important;}

	.container{max-width: 750px;}

	/*Header*/
	.header_wrap .logo img{max-width: 190px;}
	.header_wrap .header_logos{flex-grow: 1; justify-content: flex-end; margin-right: 30px;}
	.header_wrap .header_logos img{max-height: 52px; max-width:195px;}

	/*Menu*/
	.menu_wrap_responsive{width:568px;}
	.menu_wrap_responsive .menu_info{justify-content: flex-start;}
	.menu_wrap_responsive .menu_info > div{margin-right: 20px;}
	.menu_wrap_responsive .menu_logos{justify-content: flex-end; }
	.menu_wrap_responsive .menu_logos > img{margin-left: 50px;}

	/*Footer*/
	.footer_contact > :is(a.footer_phone, a.footer_message, a.footer_direction) {font-size: 15px;}
	.footer_wrap > div > div{padding: 0 5px;}

	/*Byline*/
	.byline_wrap > div {padding: 0 10px;}
	.byline_wrap > div > div{flex-wrap: wrap; padding: 30px 0 20px;}
	.byline_wrap .footer_logos {order: 1; width: 100%; margin-bottom: 35px; justify-content: center;}
	.byline_wrap .byline_menu{order: 2; justify-content: center;}
	.byline_menu li{margin: 0; padding: 0 15px;}
	.byline_wrap > div > div > div:last-child{order: 3;}
	.byline_wrap .footer_logos img {margin: 0 8px; max-width: 169px;}

	/*Fullscreen Gallery*/
	.flex-caption{padding: 20px}

	/*Button Module*/
	.button_module > div > div > div{margin: 0 10px 20px 10px;}
	.button_module .button_item {font-size: 14px; padding: 0 20px;}

}



/*---------MOBILE < 767px---------*/

@media (max-width: 767px) {
	.tablet:not(.mobile), .desktop:not(.mobile), .desktop-large:not(.mobile), .mobile-hidden {display: none !important;}

	.container{max-width: 500px;}

	.frame.main{background: none; border: 0; border-radius:0; box-shadow: none;}

	/*Header*/
	.header_wrap .logo img{max-width: 163px; height: auto;}
	.top_header .top_right{justify-content: space-between; width: 100%;}
	.top_header .top_right .social:after{content: none;}

	/*Menu*/
	.menu_wrap_responsive .menu_scroll{overflow: scroll; overflow-x: hidden; max-height: 360px;}

	/*Footer*/
	.footer_wrap > div{padding: 0 10px;}
	.footer_wrap > div > div{width: 50%;}
	.footer_wrap > div > div:first-child{padding: 0 10px;}
	.footer_wrap > div > div:last-child{padding: 0 10px;}
	.footer_services, .footer_info{margin-bottom: 20px;}
	.footer_wrap span{font-size: 13px;}
	.footer_contact > a.footer_phone{font-size: 14px;}
	.footer_contact > a{font-size: 11px;}
	.footer_wrap .newsletter > a{font-size: 13px;}
	.footermenu li a {font-size: 11px;}

	.footer_contact :is(a.footer_phone, a.footer_message, a.footer_direction){background-size: 12px; padding-left: 20px;}

	/*Byline*/
	.byline_wrap > div {padding: 0 10px;}
	.byline_wrap > div > div{flex-wrap: wrap; padding: 30px 0 20px;}
	.byline_wrap .footer_logos {order: 1; width: 100%; margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #555555; justify-content: center;}
	.byline_wrap .byline_menu{order: 2; width: 100%; justify-content: center; margin-bottom: 20px;}
	.byline_menu li{margin: 0; padding: 0 15px;}
	.byline_wrap > div > div > div:last-child{order: 3; width: 100%; text-align: center;}
	.byline_wrap .footer_logos img {margin: 0 8px; max-width: 169px;}

	iframe {max-width:100%; }
	.caroufredsel_wrapper  { margin-bottom:20px !important; padding-bottom:0;}
	.caroufredsel_wrapper div { max-width:initial !important;}

	img {max-width: 100%; vertical-align: middle;}
	h1 {font-size: 38px; }
	h2 {font-size: 32px; }
	h3 {font-size: 28px; }
	h4 {font-size: 26px; }
	h5 {font-size: 22px; }
	h6 {font-size: 18px; }
	p {font-size: 14px;}

	.flex-control-paging{bottom: 50px;}
	/* .full-width-fix .flex-caption.halign-center{left: calc(50% - 150px); right:initial; width: 300px; max-width: 100%; text-align: center;}
	.full-width-fix .flex-caption.halign-left{left: calc(50% - 150px); right:initial; width: 300px; max-width: 100%; text-align: center;}
	.full-width-fix .flex-caption.halign-right{left: calc(50% - 150px); right:initial; width: 300px; max-width: 100%; text-align: center;} */
	.flex-caption > div{padding: 20px !important;}

	/*Mosaic Module*/
	.mosaic-module {flex-direction: column;}
	.mosaic-module > div {flex: auto; width:100%; margin-bottom: 0px;}
	.mosaic-module > div > a {margin: 0 0 10px 0;}
	.mosaic-module > div:nth-child(2) { margin: 0;}
	.mosaic-module > div:nth-child(2) > a {justify-content: flex-end;}

	/*Button Module*/
	.button_module > div > div{flex-direction: column;}
	.button_module > div > div > div{margin: 0 0 15px 0;}
}
