/*
Theme Name: Virtue Child
Theme URI: http://kadencethemes.com/product/virtue-free-theme/
Description: Child theme for the Virtue theme. (EMSculpt) Child themes are the recommended way of making modifications to a theme. <a href="http://codex.wordpress.org/Child_Themes">Reade More</a>
Author: Ricrr
Author URI: http://www.alegoria.com.mx
Template: virtue
*/



@import url("../virtue/style.css");
/*---------------------------------------------- General --------------------------------------------*/



/*------ Colors


Blue Light: #009ddb rgba(0, 157, 219, 1.0)
Blue Medium: #00568d rgba(0, 86, 141, 1.0)


Black 97%: #080808
Black 95%: #0d0d0d
Black 93%: #121212
Black 91%: #171717
Black 89%: #1c1c1c
Black 87%: #212121
Black 81%: #303030
Black 75%: #404040
Black 68%: #525252
Black 62%: #616161
Black 50%: #7f7f7f
Black 38%: #9e9e9e
Black 32%: #adadad
Black 25%: #bfbfbf
Black 20%: #cccccc
Black 16%: #d6d6d6
Black 12%: #e0e0e0
Black 9%: #e8e8e8
Black 6%: #f0f0f0
Black 5%: #f2f2f2
Black 4%: #f5f5f5
Black 3%: #f7f7f7
Black 2%: #fafafa
Black 1%: #fcfcfc

--*/

.widget_price_filter .ui-slider .ui-slider-handle, .product_item .kad_add_to_cart:hover, .product_item:hover a.button:hover, .product_item:hover .kad_add_to_cart:hover, .kad-btn-primary, html .woocommerce-page .widget_layered_nav ul.yith-wcan-label li a:hover, html .woocommerce-page .widget_layered_nav ul.yith-wcan-label li.chosen a, .product-category.grid_item a:hover h5, .woocommerce-message .button, .widget_layered_nav_filters ul li a, .widget_layered_nav ul li.chosen a, .wpcf7 input.wpcf7-submit, .yith-wcan .yith-wcan-reset-navigation, #containerfooter .menu li a:hover, .bg_primary, .portfolionav a:hover, .home-iconmenu a:hover, p.demo_store, .topclass, #commentform .form-submit #submit, .kad-hover-bg-primary:hover, .widget_shopping_cart_content .checkout, .login .form-row .button, .kad-post-navigation .kad-previous-link a:hover, .cart_totals .checkout-button, .wpcf7 input.wpcf7-back, .kad-post-navigation .kad-next-link a:hover, .variations .kad_radio_variations label.selectedValue, #payment #place_order, .shop_table .actions input[type="submit"].checkout-button, input[type="submit"].button, .order-actions .button {
    background: #009ddb;
}
a, #nav-main ul.sf-menu ul li a:hover, .product_price ins .amount, .price ins .amount, .color_primary, .primary-color, #logo a.brand, #nav-main ul.sf-menu a:hover, .woocommerce-message::before, .woocommerce-info::before, #nav-second ul.sf-menu a:hover, .footerclass a:hover, .posttags a:hover, .subhead a:hover, .nav-trigger-case:hover .kad-menu-name, .nav-trigger-case:hover .kad-navbtn, #kadbreadcrumbs a:hover, #wp-calendar a, .star-rating {
    color: #00568d;
}
body #wrapper, h1, h2, h3 {
	color: #00568d;
}
h1, h2, h3 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
h1.title, h2.subtitle, h3.extra {
    line-height: normal;
}
p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.contentclass {
	background: none repeat scroll 0% 0% transparent;
	padding: 0px;
}
div.height-middle {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
#topcontrol > div {
	background: #00568d;
	bottom: 176px;;
}
#topcontrol > div:hover {
	background: #63a9a6;
}
[class*="wp-image"] {
	border: none;
	box-shadow: none;
}
div.line {
	height: 2px;
	width: 12.5%;
	background-color: #00aeef;
	margin-top: 12px;
	margin-bottom: 12px;
}
.entry-content h1, .entry-content h2, .entry-content h3 {
    margin-bottom: 0;
}








/*----- / General ------*/





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




.headerclass {
    height: 96px;
    background-image: linear-gradient(to right, #00568d, #009ddb);
}
#datamenu {
    height: 60%;
}
#datamenu .container, #datamenu .row, #datamenu #mainmenu, #datamenu #nav-main, #datamenu .inside, #datamenu #nav-main ul.sf-menu, #datamenu #nav-main .sf-menu li, #datamenu #nav-main .sf-menu a, #datamenu #brand, #datamenu #logo, #datamenu #thelogo, #datamenu .kad-standard-logo, #datamenu .kad-standard-logo a, #datamenu .kad-retina-logo, #datamenu .kad-retina-logo a {
    height: 100%;
}
#datamenu #nav-main {
    margin-top: 0;
    margin-bottom: 0;
}
#datamenu .sf-menu a {
    color: #ffffff;
}
#datamenu #brand {
    float: left;
    width: 16%;
}
#datamenu #mainmenu {
    float: right;
    width: 84%;
}
#datamenu #logo {
    padding-top: 0;
    padding-bottom: 0;
}



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





/*---------------------------------------------- Top Bar --------------------------------------------*/


#topbar {
    height: 40%;
}
#topbar .container, #topbar .row, #topbar .kad-topbar-right, #topbar #contactmenu, #topbar .navclass, #topbar #nav-contact, #topbar #nav-contact .sf-menu, #topbar #nav-contact .sf-menu li, #topbar #nav-contact .sf-menu li #floating, #topbar #nav-contact .sf-menu a, #topbar #headersocials, #topbar #headersocials .virtue_social_widget, #topbar #headersocials .virtue_social_widget a, #topbar #address, #topbar #address a {
    height: 100%;
}
#topbar .kad-topbar-right {
	float: right;
}
#topbar .kad-topbar-left {
	float: right;
}
#topbar .kad-topbar-center #logo {
	padding-top: 0;
	padding-bottom: 0;
}
#contactmenu section.navclass {
    float: left;
    background: none;
}
#contactmenu #headersocials {
    float: left;
}
#contactmenu .address {
    float: left;
}
#topbar .sf-menu a, #topbar #headersocials .virtue_social_widget a, #topbar #address a.link {
    color: #ffffff;
}
#topbar #headersocials .virtue_social_widget a {
    background: none;
    margin-bottom: 0;
    margin-left: 0;
}
#topbar #nav-contact .sf-menu a, #topbar #headersocials .virtue_social_widget a {
    padding-top: 0;
    padding-right: 12px;
    padding-bottom: 0;
    padding-left: 12px;
}
.topclass {
    background: rgba(0, 157, 219, 0.24);
}
#topbar .kad-topbar-right li.whatsapp .icon {
	width: 20px;
	height: 20px;
	background-image: url("https://www.emsculpt.com.mx/wp-content/themes/virtue-child/images/icon-whatsapp.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-size: 20px 20px;
}
#topbar .kad-topbar-right li.whatsapp .info, #topbar #headersocials .virtue_social_widget .twitter_link .icon {
	padding-left: 8px;
    padding-right: 24px;
    border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: rgba(255, 255, 255, 0.50);
}
#topbar .kad-topbar-right li.phone .info, #topbar #address div.info {
	padding-left: 8px;    
}
#topbar .kad-topbar-right li.phone .icon i {
	font-size: 24px;
}
#topbar .kad-topbar-right li.whatsapp #floating.sticky {
  	position: fixed;
  	top: 14px;
	right: 0;
	z-index: 6;
    height: auto !important;
}
#topbar .kad-topbar-right li.whatsapp #floating.sticky .icon {
	width: 48px;
	height: 48px;
	background-size: 24px 24px;
    position: static;
    top: auto;
    background-color: #009ddb;
    border-radius: 26px;
}
#topbar .kad-topbar-right li.whatsapp #floating.sticky .info {
	display: none;
}
#topbar #address {
    padding-left: 24px;
}
#topbar #address div.icon i {
    font-size: 18px;
}






/*----- / Top Bar ------*/







/*---------------------------------------------- Primary Slider --------------------------------------------*/


section.primary-slider .sliderclass {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 0;
}
section.primary-slider .image figure.photo {
	height: 520px;
}
section.primary-slider .information, section.primary-slider .container, section.primary-slider .row, section.primary-slider .envolve {
	height: 100%;
}
section.primary-slider .information {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
section.primary-slider .envolve {
	width: 50%;
}
section.primary-slider h2.subtitle {
	font-weight: 400;
}
section.primary-slider h2.subtitle, section.primary-slider h1.title {
	font-size: 42px;
	text-transform: uppercase;
	line-height: 50px;
}
section.primary-slider h1.title {
	font-weight: 800;
}
section.primary-slider h1.title a {
	color: #009ddb;
}
section.primary-slider .flex-direction-nav a {
	width: 75px;
	height: 150px;
	top: auto;
	bottom: 40%;
	background-image: url("https://www.emsculpt.com.mx/wp-content/themes/virtue-child/images/slide_direction.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	ms-filter: "alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
section.primary-slider .flex-direction-nav .flex-next {
	background-position: 100% 0;
	right: 0px;
}
section.primary-slider .flex-direction-nav .flex-prev {
	left: 0px;
}
section.primary-slider .sliderclass:hover .flexslider .flex-next, section.primary-slider .flexslider:hover .flex-next {
	ms-filter: "alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	right: 0px;
}
section.primary-slider .sliderclass:hover .flexslider .flex-prev, section.primary-slider .flexslider:hover .flex-prev {
	ms-filter:" alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	left: 0px;
}
section.primary-slider .flexslider:hover .flex-next:hover, section.primary-slider .flexslider:hover .flex-prev:hover {
	ms-filter: "alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
section.primary-slider .flexslider:hover .flex-next:hover {
	background-position: 100% 0;
}
section.primary-slider .flexslider:hover .flex-control-paging li a {
	width: 12px;
	height: 12px;
	transition: all .3s ease-out;
}




/*----- / Primary Slider ------*/






/*---------------------------------------------- Mosaic --------------------------------------------*/


section.mosaic .images {
	position: relative;
}
section.mosaic .image, section.mosaic .image a, section.mosaic figure.photo, section.mosaic .box-last .information {
	height: 100%;
}
section.mosaic .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
}
section.mosaic .list {
	width: 20%;
	float: right;
}
section.mosaic .heading h1.title, section.videos .heading h1.title, section.message .heading h1.title {
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 32px;
	line-height: 30px;
}
section.mosaic .heading h1.title a {
	color: #009ddb;
	padding-top: 64px;
	padding-bottom: 48px;
	display: inline-block;
}
section.mosaic .heading h1.title a span {
	display: block;
}
section.mosaic .heading h1.title a span.linkage {
	font-family: Montserrat;
	font-size: 14px;
	text-transform: none;
	font-weight: normal;
}
section.mosaic .list {
	position: relative;
}
section.mosaic .box-last {
	position: absolute;
	bottom: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 157, 219, 0.72);
}
section.mosaic .box-last p {
	color: #ffffff;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 40px;
	margin-bottom: 0;
}
section.mosaic .box-last p span {
	display: block;
}
section.mosaic .box-last p span.linkage {
	font-weight: 600;
	font-size: 13px;
	padding-top: 4px;
}



/*----- / Mosaic ------*/






/*---------------------------------------------- Videos --------------------------------------------*/


section.videos {
	padding-top: 72px;
	padding-bottom: 48px;
}
section.videos .heading, section.message .heading {
	padding-bottom: 56px;
}
section.videos .list h1.title {
	font-size: 16px;
	line-height: 18px;
}
section.videos .list h1.title a {
	color: #ffffff;
	font-weight: 600;
	font-size: 13px;
}
section.videos .list .box {
	margin-right: 4px;
	margin-left: 4px;
}
section.videos .kt-slickslider .slick-prev, section.videos .kt-slickslider .slick-next {
	background: #00568d;
	opacity: 1.0;
	width: 52px;
	height: 52px;
	background-image: url("https://www.dtamexico.com.mx/wp-content/themes/virtue-child/images/slide_direction.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top left;
	top: 40%;
}
section.videos .kt-slickslider .slick-prev::before, section.videos .kt-slickslider .slick-next::before {
	content: none;
}
section.videos .kt-slickslider .slick-prev {
	background-position: 0% 80%;
	left: -26px;
}
section.videos .kt-slickslider .slick-next {
	background-position: 100% 80%;
	right: -26px;
}
section.videos .list .time {
	position: absolute;
	top: 86px;
	right: 3px;
	background-color: rgba(0, 0, 0, 0.72);
	border-radius: 3px;
}
section.videos .list .time p {
	font-size: 13px;
	line-height: normal;
	color: rgba(255, 255, 255, 0.72);
	font-weight: 700;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	margin-bottom: 0;
}
section.videos .list .wrapper {
	width: 100%;
}
section.videos .list .information {
	margin-top: 10px;
}
section.videos .link {
	text-align: center;
	margin-top: 48px;
}
section.videos .link a {
	height: 52px;
	display: inline-block;
	background-color: #00568d;
	color: #ffffff;
	padding-right: 48px;
	padding-left: 24px;
	font-size: 12px;
	position: relative;
}
section.videos .link a span.icon {
	font-size: 18px;
	padding-left: 4px;
	position: absolute;
	top: 16px;
	right: 21px;
}
section.videos .leading {
    height: 480px;
	margin-bottom: 48px;
}
section.videos .leading .main-video, section.videos .leading .container, section.videos .leading .row, section.videos .leading .wrapper, section.videos .leading .wrapper iframe {
    height: 100%;
}
section.videos .leading .wrapper {
	position: relative;
	padding-bottom: 26%;
	padding-top: 0;
}
section.videos .leading .wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
section.videos .list {
	background-image: linear-gradient(to right, #00568d, #009ddb);
	padding-top: 48px;
	padding-bottom: 24px;
}





/*----- / Videos ------*/







/*---------------------------------------------- Message Section --------------------------------------------*/



section.message {
	background-color: #f7f7f7;
	padding-top: 56px;
	padding-bottom: 32px;
}
section.message .wpcf7 input, section.message .wpcf7 textarea {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e8e8e8;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e8e8e8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e8e8e8;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e8e8e8;
	transition: all .3s ease-out;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
}
section.message .wpcf7 textarea {
	max-width: none;
	margin-bottom: 0;
	height: 128px;
}
section.message .bottom p:first-child {
	margin-top: 16px;
	margin-bottom: 8px;
}
section.message input[type="text"]:focus, section.message input[type="email"]:focus, section.message input[type="tel"]:focus, section.message textarea:focus, section.message .form-search, section.message .screen-reader-text:focus {
	color: #000000;
	box-shadow: none;
}
section.message .wpcf7-form-control-wrap {
	position: static;
	display: inline-block;
	width: 100%;
}
section.message .fields p {
	color: #7f7f7f;
	margin-bottom: 32px;
}
section.message .fields p span {
	margin-top: 8px;
}
section.message .messageform-left, section.message .messageform-center {
	width: 50%;
	float: left;
}
section.message .messageform-left {
	padding-right: 12px;
}
section.message .messageform-center {
	padding-left: 12px;
}
section.message .heading .line-container .line-box::before, section.message .heading .line-container .line-box::after {
	border-bottom-color: #616161;
}
section.message .heading .line-container .line-box i {
	color: #616161;
}
section.message .wpcf7 input.wpcf7-submit {
	padding-top: 12px;
	padding-right: 24px;
	padding-bottom: 12px;
	padding-left: 24px;
}
section.message .heading {
	margin-bottom: 48px;
}
section.message .wpcf7 {
	width: 56%;
	margin: 0 auto 0 auto;
}



/*----- / Message Section ------*/





/*---------------------------------------------- Map Section --------------------------------------------*/



section.map .wrapper {
	position: relative;
	padding-bottom: 28%;
	padding-top: 25px;
	height: 0px;
}
section.map .wrapper iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}




/*----- / Map Section ------*/







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


.footerclass {
	background: none;
}
.footerdata {
	background-image: linear-gradient(to right, #00558c 0%, #009edb 50%, #00558c 100%);
	padding-top: 32px;
	padding-bottom: 32px;
}
.footercredits {
	background-color: #f2f2f2;
}
.footercredits p {
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-left: 16px;
	color: #404040;
}
#containerfooter h3 {
	color: #ffffff;
	text-transform: uppercase;
}
#containerfooter {
	padding-top: 0;
}
#containerfooter h3, #containerfooter .footer-aboutus h1.title, #containerfooter h3.extra, #containerfooter h4.plus {
	font-size: 14px;
}
#containerfooter .footer-aboutus p.email a {
	color: #ffffff;
}
#containerfooter .sf-menu a, .footerclass .footer-privacy a, #containerfooter h1.title, #containerfooter h3.extra, #containerfooter h4.plus, #containerfooter .footer-aboutus p {
	color: #80ceed;
}
#containerfooter .footer-aboutus h1.title, #containerfooter h3.extra, #containerfooter h4.plus {
	font-family: Montserrat;
	font-weight: 400;
	line-height: normal;
}
#containerfooter h3.extra {
	text-transform: none;
}
#containerfooter h4.plus {
	margin-top: 0;
	margin-bottom: 0;
}
#containerfooter .sf-menu li {
	float: none;
}
#containerfooter .menu {
	margin: 0;
}
#containerfooter .sf-menu a, .footerclass .footer-privacy a {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: left;
}
#containerfooter .footer-socials {
	margin-top: 24px;
}
#containerfooter .footer-socials .virtue_social_widget a {
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 18px;
	background: #ffffff;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 0;
	color: #00568d;
}
#containerfooter .footer-socials .virtue_social_widget a.facebook_link {
	padding-right: 13px;
	padding-left: 13px;
}
#containerfooter .footer-socials .virtue_social_widget a.instagram_link {
	padding-right: 10px;
	padding-left: 10px;
}
#containerfooter .footer-socials .virtue_social_widget a.linkedin_link {
	padding-right: 10px;
	padding-left: 10px;
}
#containerfooter .footer-socials .virtue_social_widget a.twitter_link {
	padding-right: 9px;
	padding-left: 9px;
}
#containerfooter .footer-socials .virtue_social_widget a.youtube_link {
	padding-right: 7px;
	padding-left: 7px;
}
#containerfooter .footer-socials .virtue_social_widget a i {
	font-size: 22px;
}
#containerfooter .virtue_social_widget a + .tooltip.top .tooltip-inner {
	background-color: #00568d;
}
#containerfooter .virtue_social_widget a + .tooltip.top .tooltip-arrow {
	border-top-color: #00568d;
}










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






/*---------------------------------------------- Archive --------------------------------------------*/


.archive .page-header h1, .single-article .post header h1 {
	font-size: 24px;
	line-height: normal;
}
.archive header h2.entry-title, .single .entry-content h2 {
	font-size: 21px;
	line-height: normal;
}
.archive .postmeta, .archive .subhead {
	display: none;
}


/*----- / Archive ------*/







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



.single .postmeta, .single .subhead {
	display: none;
}


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







/*---------------------------------------------- Responsive --------------------------------------------*/




@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	
	#logo .kad-standard-logo {
		display: none;
	}
	#logo .kad-retina-logo {
		display: block;
	}

}

@media(min-width: 1200px) { /*----- Important Width Container ------*/
	
	.container {
		width: 1104px;
	}


}

@media(min-width: 1200px) { /*----- Important Width Container ------*/

}

@media(max-width: 1920px) { /*----- Maxim Ric ------*/
	
}

@media(max-width: 1664px) { /*----- 1920-256= 1664px ------*/
	
}

@media(max-width: 1408px) { /*----- 1664-256= 1408px ------*/
	
}

@media(max-width: 1344px) { /*----- 1408-64= 1344px ------*/
	
}

@media(max-width: 1280px) { /*----- 1344-64= 1280px ------*/
	
	
	
	
	
	
	#mainmenu #nav-main .sf-menu li.informacion-de-interes {
		display: none;
	}
	
	
	
	
	
	
	
	
	
}

@media(max-width: 1216px) { /*----- 1280-64= 1216px ------*/
	
}

@media(max-width: 1152px) { /*----- 1216-64= 1152px ------*/
	
}

@media(max-width: 1120px) { /*----- 1152-32= 1120px ------*/
	
	
	
	section.primary-slider h2.subtitle, section.primary-slider h1.title, section.mosaic .heading h1.title, section.videos .heading h1.title, section.message .heading h1.title {
		font-size: 32px;
		line-height: 40px;
	}
	
	
	
	
	
	
	
	
	
}

@media(max-width: 1088px) { /*----- 1120-32= 1088px iPad Landscape------*/
    
}

@media(max-width: 1056px) { /*----- 1088-32= 1056px ------*/
	
}

@media(max-width: 1024px) {	/*----- 1056-32= 1024px ------*/
	
}

@media(max-width: 991px) { /*----- 1024-32= 992px por Virtue 991px ------*/
    
	
	
	#mainmenu {
		display: none;
	}
	#contactmenu {
		width: 100%;
	}
	section.primary-slider .image figure.photo {
		height: 480px;
	}
	section.mosaic .images {
		position: static;
	}
	section.mosaic .image {
		position: static;
		top: auto;
		left: auto;
		width: 100%;
		height: 320px;
	}
	section.mosaic .list {
		width: 80%;
		margin: 0 auto 0 auto;
		float: none;
	}
	section.mosaic .list .box {
		width: 33.33%;
		float: left;
	}
	section.mosaic .box-last {
		bottom: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 100%;
		float: none !important;
	}
    #datamenu #brand {
        width: 24%;
        float: none;
        margin: 0 auto 0 auto;
    }
	
	
	
	
	
	
	
	
}

@media(max-width: 960px) { /*----- 992-32= 960px Menu Virtue ------*/
	
}

@media(max-width: 928px) { /*----- 960-32= 928px ------*/
	
    
    
    
    
    
    
}

@media(max-width: 896px) { /*----- 928-32= 896px ------*/
    
	
	
	
	#topbar .kad-topbar-left {
		display: none;
	}
	#topbar .kad-topbar-center {
		width: 40%;
		margin: 0 auto 0 auto;
		float: none;
	}
	section.message .wpcf7 {
		width: 64%;
	}
	section.primary-slider .image figure.photo {
		height: 440px;
	}
	section.map .wrapper {
		padding-bottom: 36%;
	}
	
	
	
	
	
	
	
	
	
	
	
	
}

@media(max-width: 864px) { /*----- 896-32= 864px ------*/	
		
	
	section.primary-slider .image figure.photo {
		height: 400px;
	}
	section.primary-slider h2.subtitle, section.primary-slider h1.title, section.mosaic .heading h1.title, section.videos .heading h1.title, section.message .heading h1.title {
		font-size: 24px;
		line-height: 32px;
	}
	section.mosaic .list {
		width: 90%;
	}
	section.map .wrapper {
		padding-bottom: 56%;
	}
	
	
	
	
	
	
	
}

@media(max-width: 832px) { /*----- 864-32= 832px -----*/
	
}

@media(max-width: 800px) { /*----- 832-32= 800px iPad Portrait por Virtue 991px ------*/
    
	
	
	.flex-direction-nav {
		display: none;
	}
	section.mosaic .list {
		width: 100%;
	}
	section.message .wpcf7 {
		width: 72%;
	}
	
	
	
	
	
	
	
	
	
}

@media(max-width: 767px) { /*----- 800-32= 768px / Virtue 767px ------*/
	
}

@media(max-width: 736px) { /*----- 768-32= 736px ------*/
	
    
    
    #topbar #address {
        display: none;
    }
    
    
    
    
}

@media(max-width: 704px) { /*----- 736-32= 704px ------*/
    
    
    
    
}

@media(max-width: 672px) { /*----- 704-32= 672px ------*/
	
	
	
	
	section.mosaic .list {
		width: 44%;
		margin: 0 auto 0 auto;
		padding-top: 32px;
		padding-bottom: 32px;
	}
	section.mosaic .list .box {
		width: 100%;
		float: none;
	}
	section.mosaic .box-last {
		bottom: auto;
		right: auto;
		width: 100%;
		height: auto;
		position: static;
		padding-top: 32px;
		padding-bottom: 32px;
	}
	#datamenu #brand {
        width: 28%;
    }
	
	
	
	
	
	
	
}

@media(max-width: 640px) { /*----- 672-32= 640px ------*/
    
    
    
    
    
    
    
}

@media(max-width: 608px) { /*----- 640-32= 608px Moto G Plus Landscape ------*/
	
	
	
	
	
	section.mosaic .list {
		width: 52%;
	}
	section.map .wrapper {
		padding-bottom: 64%;
	}
    #contactmenu #headersocials {
        display: none;
    }
    #contactmenu {
        width: 64%;
        margin: 0 auto 0 auto;
    }
    #topbar .kad-topbar-right {
        float: none;
    }
    section.primary-slider .image figure.photo {
		height: 320px;
	}
    #topbar .kad-topbar-right li.whatsapp .info {
        padding-right: 0;
        border-right-width: 0;
    }
	
	
	
	
	
	
	
}

@media(max-width: 576px) { /*----- 608-32= 576px ------*/
    
    
    #datamenu #brand {
        width: 48%;
    }
    .headerclass {
        height: 140px;
    }
    #topbar {
        height: 60%;
    }
    #datamenu {
        height: 40%;
    }
    #topbar #nav-contact .sf-menu li {
        height: 50%;
    }
    #datamenu #brand a {
        display: inline-block;
    }
    #contactmenu .navclass .sf-menu li a {
		background-color: #00568d;
	}
    #topbar .kad-topbar-right li.whatsapp #floating.sticky a {
        background-color: transparent;
        top: 42px;
        right: 18px;
    }
    
    
    
}

@media(max-width: 544px) { /*----- 576-32= 544px ------*/
	
	
	#contactmenu {
        width: 100%;
    }
    
	
	
	
	
	
}

@media(max-width: 480px) { /*----- 512-32= 480px iPhone 4s Retina Landscape ------*/
    
	
	
	section.primary-slider .image figure.photo {
		height: 240px;
	}
	section.mosaic .list {
		width: 64%;
	}
	section.message .wpcf7 {
		width: 80%;
	}
	section.map .wrapper {
		padding-bottom: 80%;
	}
	section.primary-slider h2.subtitle, section.primary-slider h1.title, section.mosaic .heading h1.title, section.videos .heading h1.title, section.message .heading h1.title {
		font-size: 18px;
		line-height: 24px;
	}
	#contactmenu {
        width: 80%;
    }
	
	
	
	
	
	
	
	
	
	
	
	
}

@media(max-width: 448px) { /*----- 480-32= 448px ------*/
	
	
	
	#topbar .kad-topbar-center {
		width: 48%;
	}
	#contactmenu {
		width: 56%;
		margin: 4px auto 0 auto;
		float: none;
	}
	#contactmenu .navclass .sf-menu li {
		float: none;
		height: 50%;
		padding-bottom: 2px;
	}
	#contactmenu #headersocials {
		float: none;
		height: 50%;
	}
	#contactmenu #address {
		float: none;
		height: 50%;
	}
	#contactmenu .navclass .sf-menu {
		width: 100%;
	}
	#contactmenu .navclass .sf-menu li a {
		border-radius: 8px;
	}
	#contactmenu .navclass .sf-menu li:first-child a {
		padding-left: 64px;
	}
	#contactmenu .navclass .sf-menu li:last-child a {
		padding-left: 64px;
	}
	
	
	
}

@media(max-width: 416px) { /*----- 448-32= 416px ------*/
    
	
	
	
	
	
	
	
	
}

@media(max-width: 384px) { /*----- 416-32= 384px Moto G Plus Portrait------*/
    
	
	
	
	
	
	
	
	
}

@media(max-width: 352px) { /*----- 384-32= 352px iPhone 4s Retina Portrait ------*/
    
}

@media(max-width: 320px) { /*----- 352-32= 320px ------*/
    
}

@media(max-width: 288px) { /*----- 320-32= 288px ------*/	
	
}

@media(max-width: 256px) { /*----- 288-32= 256px ------*/
    
	
	
	#contactmenu .navclass .sf-menu li a {
		background-color: #f00;
	}
	
	
	
	
}







/*------ Responsive -------*/