/*
Theme Name: Virtue Child
Theme URI: http://kadencethemes.com/product/virtue-free-theme/
Description: Child theme for the Virtue theme. (Integral CNC) 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



Dark Blue: #00183e rgba(0, 24, 62, 1.0)
Medium Blue: #0586df rgba(5, 124, 223, 1.0)
Green: #02d793 rgba(2, 215, 147, 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 8%: #ebebeb
Black 7%: #ededed
Black 6%: #f0f0f0
Black 5%: #f2f2f2
Black 4%: #f5f5f5
Black 3%: #f7f7f7
Black 2%: #fafafa
Black 1%: #fcfcfc

--*/

html {
  scroll-behavior: smooth;
}
.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, #brands #place_order, .shop_table .actions input[type="submit"].checkout-button, input[type="submit"].button, .order-actions .button {
    background: #00183e;
}
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, #topbar .kad-topbar-right .sf-menu a:hover, #mainmenu .sf-menu li:last-child a:hover, #headerinfo .sf-menu li:last-child a:hover, #topbar .topbar-left a:hover, #topbar .topbar-right .sf-menu a:hover {
    color: #0586df;
}
body #wrapper, h1, h2, h3, h1.title a.link, h2.subtitle a.link, h3.extra a.link {
	color: #000000;
}
section .heading h2, section .heading h2.subtitle a.link, section .heading .right p.linkage a, p.label a, p.label a, section.manufacture .information p.linkage a.link, #nav-main ul.sf-menu a, #headerinfo .form-search .search-icon, section.primary-slider .information h2.subtitle a, section.primary-slider .information h3.extra a, section.primary-slider .information h1.title a.link, #individuals .information .code span.data, .archive.category-5 #individuals .information h1.title a {
    color: #000000;
}
#contact_nav .sf-menu, section.primary-slider .information p.linkage a.link {
    background-color: #000000;
}
#individuals .information p.linkage a.link, #headerinfo .header-left .sf-menu a, #headerinfo .header-right .top .sf-menu a .icon i, #headerinfo #nav-second ul.sf-menu > li > a {
    color: #ffffff;
}
#topbar .topbar-left a, #topbar .topbar-center a, #topbar .topbar-right a {
	color: #00183e;
}
.archive #individuals .information h1.title a {
    color: #ffffff !important;
}
.archive .contentclass.category #individuals .image, .archive .contentclass.category #individuals .information, .archive .contentclass.subcategories #individuals .image, .archive .contentclass.subcategories #individuals .information {
    background-color: #171717;
}
h1, h2, h3 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
h1.title, h2.subtitle, h3.extra, section .heading h2.subtitle, h1.entry-title {
    line-height: normal;
    font-weight: 600;
}
h1, h2, h3, h1.title, h2.subtitle, h3.extra {
    font-size: 23px;
}
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: #000000;
	bottom: 56px;
}
#topcontrol > div:hover {
	background: #7f7f7f;
}
[class*="wp-image"] {
	border: none;
	box-shadow: none;
}
.entry-content h1, .entry-content h2, .entry-content h3 {
    margin-bottom: 0;
}
.home .contentclass {
    height: 100%;
}
a.link {
    display: inline-block;
}
a.link:hover, section.brands .box img, #contact_nav .sf-menu li.whatsapp #floating.sticky, #message .wpcf7 input, #message .wpcf7 textarea {
    transition: all .3s ease-out;
}
a.linkage, #message .wpcf7 input.wpcf7-submit {
    display: inline-block;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    transition: all .3s ease-out;
    color: #7f7f7f;
    border-color: #7f7f7f;
	border-style: solid;
	border-width: 1px;
    border-radius: 6px;
    font-weight: 600;
}
a.linkage:hover, #message .wpcf7 input.wpcf7-submit:hover {
    color: #adadad;
    border-color: #adadad;
}
a.link-disable {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
.line {
    margin-top: 8px;
    width: 100%;
	margin: 0 auto 0 auto;
}
.line-container {
    display: inline-block;
    float: left;
    overflow: hidden;
	text-align: center;
    width: 100%;
}
.line-container .line-box {
    display: inline-block;
    position: relative;
}
.line-container .line-box::before, .line-container .line-box::after {
	border-bottom-color: #7f7f7f;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
    content: '';
    height: 1px;
    left: 100%;
    margin-left: 10px;
    position: absolute;
    top: 8px;
    width: 7700px;
}
.line-image::before {
    content: '';
}
.line-container .line-box i {
    color: #404040;
	display: inline-block;
	font-size: 21px;
}
.line-container .line-box::after {
    left: auto;
    margin-right: 10px;
    right: 100%;
}
.postmeta, .subhead {
    display: none;
}
p.label {
    font-size: 12px;
    margin-bottom: 32px !important;
}
p.label a {
    display: inline-block;
    border-color: #000000;
	border-style: solid;
	border-width: 1px;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    border-radius: 4px;
}
p.label, section.manufacture .information p.linkage a.link, .archive #individuals .information p.linkage a.link {
    font-size: 14px;
}
p.label {
    margin-bottom: 30px !important;
}
p.label a, section .information p.linkage a.link, .archive #individuals .information p.linkage a.link {
    display: inline-block;
	border-style: solid;
	border-width: 1px;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    border-radius: 4px;
}
p.label a, section .information p.linkage a.link {
    border-color: #000000;
}
section .heading {
    margin-bottom: 32px;
}
section .heading h2, .archive h1.entry-title, .single h1.entry-title {
    font-size: 32px;
}
section .heading p.linkage {
    font-size: 24px;
}
section .heading .left {
    float: left;
}
section .heading .right {
    float: right;
}
section .heading .right p.linkage {
    line-height: normal;
}
section .heading .right p.linkage span.text {
    font-size: 21px;
    font-weight: 600;
}
section .heading .right p.linkage span.icon {
    font-size: 17px;
}
h1.entry-title {
    display: none;
}





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





/*---------------------------------------------- Topbar --------------------------------------------*/


.headerclass {
	background: transparent;
}
#topbar {
	height: 48px;
	background: #ffffff;
	position: relative;
	z-index: 3;
}
#topbar .container, #topbar .row, #topbar .envolve, #topbar .topbar-left, #topbar .topbar-left .email, #topbar .topbar-left a, #topbar .topbar-center, #topbar .topbar-center .inside, #topbar .topbar-center .text-slider, #topbar .topbar-center #nav-text-slider, #topbar .topbar-center .kt-slickslider, #topbar .topbar-center .slick-slider .slick-list, #topbar .topbar-center .slick-track, #topbar .topbar-center .box, #topbar .topbar-center .box a, #topbar .topbar-center .brand a .wrapper, #topbar .topbar-right, #topbar .topbar-right #address, #topbar .topbar-right #nav-address, #topbar .topbar-right .sf-menu, #topbar .topbar-right .sf-menu li, #topbar .topbar-right .sf-menu a {
	height: 100%;
}
#topbar .topbar-left {
	width: 33.33%;
	float: left;
}
#topbar .topbar-center {
	width: 33.33%;
	float: left;
	background-color: #ffffff;
}
#topbar .topbar-center .inside {
	position: relative;
}
#topbar .topbar-right {
	width: 33.33%;
	float: left;
}
#topbar .topbar-left a .icon {
	padding-right: 8px;
}
#topbar .topbar-left a .icon i {
	font-size: 21px;
}
#topbar .topbar-center .brand {
	position: absolute;
	top: 48px;
	left: 0;
	width: 100%;
	z-index: -1;
}
#topbar .topbar-center .brand #logo {
	padding: 0;
	margin: 0;
	width: 100%;
}
#topbar .topbar-center .brand #thelogo {
	width: 100%;
	text-align: center;
}
#topbar .topbar-center .brand a {
	display: inline-block;
	width: 52%;
	background-color: #00183e;
	height: 180px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	box-shadow: 0 0 24px rgba(0, 0, 0, 0.56);
}
#topbar .topbar-center .brand img {
	width: 64%;
	height: auto;
}
#topbar .topbar-center .brand .text span.name, #topbar .topbar-center .brand .text span.slogan {
	display: block;
}
#topbar .topbar-center .brand .text {
	margin-top: 8px;
}
#topbar .topbar-center .brand .text span.name {
	text-transform: uppercase;
	font-size: 13px;
	color: #ffffff;
}
header.headerclass.sticky #topbar .topbar-center .brand .text span.name {
	font-size: 11px;
	text-align: left;
}
#topbar .topbar-center .brand .text span.slogan {
	font-size: 11px;
	color: #808c9f;
}
header.headerclass.sticky #topbar .topbar-center .brand .text span.slogan {
	font-size: 9px;
	text-align: left;
}
#topbar .topbar-center .text-slider a {
	display: inline-block;
	text-align: center;
	width: 100%;
}
#topbar .topbar-center .text-slider .kt-slickslider .slick-prev, #topbar .topbar-center .text-slider .kt-slickslider .slick-next {
	display: none !important;
}
#topbar .topbar-right .sf-menu li {
	width: 100%;
}
#topbar .topbar-right .sf-menu a {
	padding: 0;
	width: 100%;
	text-align: right;
}
#topbar .topbar-right .sf-menu a .wrapper {
	position: relative;
	width: 100%;
}
#topbar .topbar-right .sf-menu a .info {
	padding-right: 32px;
}
#topbar .topbar-right .sf-menu a .icon {
	position: absolute;
	top: -4px;
	right: 0;
}
#topbar .topbar-right .sf-menu a .icon i {
	font-size: 21px;
}






/*----- / Topbar ------*/





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


#wrapper .headerclass {
	background: none;
}
#headerinfo {
	height: 96px;
	background-color: #00183e;
}
#headerinfo .container, #headerinfo .row, #headerinfo .header-left, #headerinfo .header-left .menuclass, #headerinfo .header-left .navclass, #headerinfo .header-left #nav-main, #headerinfo .header-left .sf-menu, #headerinfo .header-left .sf-menu li, #headerinfo .header-left .sf-menu a, #headerinfo .header-right, #headerinfo .header-right .top #secondmenu, #headerinfo .header-right .top .wrapper, #headerinfo .header-right .top #nav-second, #headerinfo .header-right .top .inside, #headerinfo .header-right .top .sf-menu, #headerinfo .header-right .top .sf-menu li, #headerinfo .header-right .top .sf-menu a, #headerinfo .header-right .bottom #nav-contact, #headerinfo .header-right .bottom .sf-menu, #headerinfo .header-right .bottom .sf-menu li, #headerinfo .header-right .bottom .sf-menu .floating, #headerinfo .header-right .bottom .sf-menu a {
	height: 100%;
}
#headerinfo .header-left .navclass {
	background: none;
}
#headerinfo .header-left {
	width: 36%;
	float: left;
}
#headerinfo .header-right {
	width: 33.33%;
	float: right;
}
#headerinfo .header-left #nav-main {
	margin: 0;
}
#headerinfo .header-left .sf-menu a {
	padding-top: 0;
	padding-right: 16px;
	padding-bottom: 0;
	padding-left: 16px;
	font-weight: 700;
	font-size: 16px;
}
#headerinfo .header-right {
	width: 33.33%;
	float: right;
}
#headerinfo .header-right .top {
	height: 50%;
	border-bottom-color: #3d4f6c;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}
#headerinfo .header-right .bottom {
	height: 50%;
}
#headerinfo .header-right .top #nav-second {
	display: inline-block;
	width: 100%;
}
#headerinfo .header-right .top #nav-second .inside {
	display: inline-block;
	width: 100%;
}
#headerinfo .header-right .top #nav-second ul.sf-menu {
	float: right;
	width: auto;
	display: inline-block;
}
#headerinfo .header-right .top #nav-second ul.sf-menu > li {
	width: auto;
}
#headerinfo .header-right .top #nav-second ul.sf-menu > li > a {
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 8px;
}
#headerinfo .header-right .top #nav-second ul.sf-menu li:first-child a {
	padding-left: 0;
}
#headerinfo .header-right .top #nav-second ul.sf-menu li:last-child a {
	padding-right: 0;
}
#headerinfo .header-right .top #nav-second ul.sf-menu a {
	line-height: normal;
	font-size: 15px;
	font-weight: 400;
	display: inline-block;
	transition: all .3s ease-out;
}
#headerinfo .header-right .top #nav-second ul.sf-menu a:hover {
	color: #0586df;
}
#headerinfo .header-right .top .sf-menu a .icon i {
	font-size: 20px;
	transition: all .3s ease-out;
}
#headerinfo .header-right .top .sf-menu a:hover .icon i {
	color: #0586df;
}
#headerinfo .header-right .top .info {
	padding-left: 8px;
}
#headerinfo .header-right .bottom .sf-menu {
	display: inline-block;
	width: auto;
	float: right;
}
header.headerclass.sticky #headerinfo .header-right .bottom .sf-menu li #floating .info {
	display: none;
}
header.headerclass.sticky #headerinfo .header-right .bottom .sf-menu li #floating a {
	padding: 0;
	color: #ffffff;
	position: fixed;
	height: auto;
	right: 14px;
	z-index: 99999999;
	padding-top: 17px;
	padding-right: 14px;
	padding-bottom: 15px;
	padding-left: 18px;
	border-radius: 32px;
}
header.headerclass.sticky #headerinfo .header-right .bottom .sf-menu li.phone #floating a {
	top: 64px;
}
header.headerclass.sticky #headerinfo .header-right .bottom .sf-menu li.whatsapp #floating a {
	top: 128px;
}
#headerinfo .header-right .bottom .sf-menu li {
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}
#headerinfo .header-right .bottom .sf-menu li a {
	padding-top: 0;
	padding-right: 24px;
	padding-bottom: 0;
	padding-left: 24px;
	color: #ffffff;
	border-radius: 6px;
}
#headerinfo .header-right .bottom .sf-menu li.phone a {
	background-color: #0586df;
}
#headerinfo .header-right .bottom .sf-menu li.whatsapp a {
	background-color: #02d793;
	margin-left: 4px;
}
#headerinfo .header-right .bottom .sf-menu li.phone a:hover {
	color: #82c3ef;
}
#headerinfo .header-right .bottom .sf-menu li.phone a .icon i {
	font-size: 21px;
	padding-right: 4px;
}
#headerinfo .header-right .bottom .sf-menu li.whatsapp a .icon i {
	font-size: 27px;
	padding-right: 4px;
}





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





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



#headerclass.sticky #headerinfo {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9;
	width: 85%;
}
#headerclass.sticky #headerinfo .header-right .top {
	height: 100%;
}
#headerclass.sticky #headerinfo .header-right .top {
	border-bottom-width: 0;
}
#headerclass.sticky #headerinfo {
	height: 48px;
}
#headerclass.sticky #topbar .topbar-center .brand {
	position: static;
	top: 0;
}
#headerclass.sticky #topbar .topbar-center .brand a {
	position: fixed;
	top: 0;
	left: 0;
	width: 15%;
	height: 60px;
	padding-left: 12px;
}
#headerclass.sticky #headerinfo .container {
	width: auto;
}
#headerclass.sticky #headerinfo .header-left {
	width: 50%;
}
#headerclass.sticky #headerinfo .header-right {
	width: 50%;
	padding-right: 24px;
}
#headerclass.sticky #logo .kad-standard-logo, #headerclass.sticky #logo .kad-retina-logo {
	float: left;
	width: 33.33%;
}
#headerclass.sticky #topbar .topbar-center .brand .text {
	float: left;
	width: 66.66%;
}
#headerclass.sticky #topbar .topbar-center .brand img {
	width: 60%;
}
#headerclass.sticky #headerinfo .header-right .bottom .sf-menu li.whatsapp #floating {
	top: 72px;
}





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





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


section.primary-slider .sliderclass {
    padding: 0;
}
section.primary-slider .image, section.principal .image, section.print .image, section.manufactured .image {
    height: 560px;
}
section.primary-slider figure.photo, section.principal figure.photo, section.print figure.photo, section.manufactured figure.photo {
    height: 100%;
}
section.primary-slider .gradient {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0));
}
section.primary-slider .information, section.principal .information, section.print .information, section.manufactured .information {
    width: 100%;
    position: absolute;
}
section.primary-slider .information {
	bottom: 32px;
	left: 0;
}
section.primary-slider .information .wrapper, section.principal .information .wrapper, section.print .information .wrapper, section.manufactured .information .wrapper {
    width: 100%;
}
section.primary-slider .information .inside, section.principal .information .inside, section.print .information .inside, section.manufactured .information .inside {
    width: 40%;
    float: left;
}
section.primary-slider .information h2.subtitle, section.primary-slider .information h3.extra, section.principal .information h2.subtitle, section.principal .information h3.extra, section.print .information h2.subtitle, section.print .information h3.extra, section.manufactured .information h2.subtitle, section.manufactured .information h3.extra {
    font-weight: 400;
}
section.primary-slider .information h2.subtitle a:hover, section.primary-slider .information h3.extra a:hover, section.primary-slider .information h1.title a:hover.link, section.principal .information h2.subtitle a:hover, section.principal .information h3.extra a:hover, section.principal .information h1.title a:hover.link, section.print .information h2.subtitle a:hover, section.print .information h3.extra a:hover, section.print .information h1.title a:hover.link, section.manufactured .information h2.subtitle a:hover, section.manufactured .information h3.extra a:hover, section.manufactured .information h1.title a:hover.link {
    color: #adadad;
}
section.primary-slider .information h1.title, section.principal .information h1.title, section.print .information h1.title, section.manufactured .information h1.title {
    font-size: 56px;
    line-height: 50px;
    font-weight: 400;
}
section.primary-slider .information p.linkage, section.principal .information p.linkage, section.print .information p.linkage, section.manufactured .information p.linkage {
    margin-top: 16px;
    font-weight: 700;
}
section.primary-slider .information p.linkage a.link, section.principal .information p.linkage a.link, section.print .information p.linkage a.link, section.manufactured .information p.linkage a.link {
    display: inline-block;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    border-radius: 4px;
    color: #ffffff;
    border-width: 0;
}
section.primary-slider ul.slides li.slide-1 .information p.linkage a.link, section.manufactured .information p.linkage a.link, section.principal .information p.linkage a.link, section.print .information p.linkage a.link {
    color: #000000 !important;
}
section.primary-slider .information p.linkage a:hover, section.principal .information p.linkage a:hover, section.print .information p.linkage a:hover, section.manufactured .information p.linkage a:hover {
    background-color: #adadad;
}
section.primary-slider .information p.label a:hover, section.principal .information p.label a:hover, section.print .information p.label a:hover, section.manufactured .information p.label a:hover {
    border-color: #adadad;
    color: #adadad;
}
section.primary-slider .flex-direction-nav a {
    background-image: url("https://www.integralcnc.com.mx/wp-content/themes/virtue-child/images/slide_direction.png");
}
section.primary-slider .flex-control-paging li a {
    width: 12px;
    height: 12px;
}
section.primary-slider .flex-control-nav {
  	bottom: 24px;
}



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





/*---------------------------------------------- Individuals --------------------------------------------*/


#individuals .box {
    width: 20%;
    float: left;
}
#individuals .image, #individuals .information {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
#individuals .information h1.title {
    font-size: 15px;
    text-transform: none;
    font-weight: normal;
	margin-bottom: 12px;
}
#individuals .information .code {
	font-size: 13px;
}
#individuals .information .code span.data {
	font-weight: 700;
}
#individuals .information .code span.text {
	color: #ec1d78;
}
#individuals .list .box .envolve {
    position: relative;
}
#individuals .list .box {
    padding-bottom: 0;
}
#individuals .list .box .information {
    position: absolute;
}
#individuals .list .box .information {
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
}
#individuals .list .box .inside {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.80));
}
#individuals .list .box .information .wrapper {
    padding-top: 128px;
}
#individuals .list .box .information h1.title {
    font-size: 26px;
    font-weight: 600;
}
#individuals .information p.linkage a.link {
    background-color: transparent !important;
}
#individuals .information p.linkage a.link {
    border-color: #ffffff;
}
#individuals #individuals .information h1.title {
    font-size: 21px;
}





/*----- / Individuals ------*/





/*---------------------------------------------- Projets Section --------------------------------------------*/


section.projects {
    padding-top: 96px;
    padding-bottom: 2px;
}
section.projects #individuals .information h1.title {
    margin-bottom: 0;
}
section.projects #individuals .information h1.title a, section.projects #individuals .information h2.subtitle a, section.projects #individuals .information h3.extra a {
    color: #ffffff;
}
section.projects #individuals .information h2.subtitle, section.projects #individuals .information h3.extra {
    font-weight: 500;
	font-size: 16px;
}
section.projects #individuals .information p.linkage {
 	margin-top: 12px;
	font-size: 11px;
}







/*----- / Projets Section ------*/







/*---------------------------------------------- Technical Section --------------------------------------------*/


section.technical {
	padding-top: 80px;
	padding-bottom: 64px;
	background-color: #f7f7f7;
}
section.technical .heading {
	margin-bottom: 64px;
}
section.technical .heading h1.title {
	text-align: center;
}
section.technical .information .wp-block-column {
	padding-top: 56px;
	padding-right: 48px;
	padding-bottom: 56px;
	padding-left: 48px;
	background-color: #ffffff;
	margin-right: 8px;
	margin-left: 8px;
	border-radius: 12px;
}







/*----- / Technical Section ------*/







/*---------------------------------------------- Principal Section --------------------------------------------*/



section.principal {
	padding-bottom: 2px;
}
section.principal .envolve {
	position: relative;
}
section.principal .information h1.title a.link, section.principal .information h2.subtitle a.link, section.principal .information h3.extra a.link {
    color: #ffffff;
}
section.principal .information p.linkage a.link {
    background-color: #ffffff;
}
section.principal .information {
    top: 0;
    left: 0;
}
section.principal .information, section.principal .information .container, section.principal .information .row, section.principal .information .inside {
    height: 100%;
}
section.principal .image {
  	height: 560px;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1.0));
}
section.principal figure.photo {
    background-attachment: fixed;
	opacity: 0.64;
}




/*----- / Principal Section ------*/







/*---------------------------------------------- Print Section --------------------------------------------*/


section.print {
	padding-bottom: 2px;
}
section.print .envolve {
	position: relative;
}
section.print .information h1.title a.link, section.print .information h2.subtitle a.link, section.print .information h3.extra a.link {
    color: #ffffff;
}
section.print .information p.linkage a.link {
    background-color: #ffffff;
}
section.print .information {
    top: 0;
    left: 0;
}
section.print .information, section.print .information .container, section.print .information .row, section.print .information .inside {
    height: 100%;
}
section.print .image {
  	height: 560px;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1.0));
}
section.print figure.photo {
    background-attachment: fixed;
	opacity: 0.64;
}

/*----- / Print Section ------*/








/*---------------------------------------------- Manufactured Section --------------------------------------------*/


section.manufactured {
	padding-bottom: 2px;
}
section.manufactured .envolve {
	position: relative;
}
section.manufactured .information h1.title a.link, section.manufactured .information h2.subtitle a.link, section.manufactured .information h3.extra a.link {
    color: #ffffff;
}
section.manufactured .information p.linkage a.link {
    background-color: #ffffff;
}
section.manufactured .information {
    top: 0;
    left: 0;
}
section.manufactured .information, section.manufactured .information .container, section.manufactured .information .row, section.manufactured .information .inside {
    height: 100%;
}
section.manufactured .image {
  	height: 560px;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1.0));
}
section.manufactured figure.photo {
    background-attachment: fixed;
	opacity: 0.64;
}

/*----- / Manufactured Section ------*/





/*---------------------------------------------- Attributes Section --------------------------------------------*/





section.attributes {
	padding-top: 192px;
	padding-bottom: 192px;
}
section.attributes .heading, section.rules .heading {
	margin-bottom: 96px;
}
section.attributes .heading p, section.rules .heading p {
	text-align: center;
	font-size: 21px;
	color: #000000;
	font-weight: bold;
	line-height: normal;
}
section.attributes .list .box {
	width: 25%;
	float: left;
}
section.attributes .list .box .wrapper {
	padding-right: 24px;
	padding-left: 24px;
}
section.attributes .list .icon {
	margin-bottom: 32px;
}
section.attributes .list .icon i {
	color: #0586df;
}
section.attributes .list .icon i, section.rules .list .icon i {
	font-size: 40px;
}
section.attributes .list .text p, section.rules .list .text p {
	line-height: 26px;
}






/*----- / Attributes Section ------*/






/*---------------------------------------------- Rules Section --------------------------------------------*/




section.rules {
	background-color: #f7f7f7;
	padding-top: 128px;
	padding-bottom: 128px;
}
section.rules .list .box {
	width: 16.66%;
	float: left;
	padding-right: 8px;
	padding-left: 8px;
}
section.rules .list .box .wrapper {
	background-color: #ffffff;
	padding-top: 48px;
	padding-bottom: 48px;
	border-radius: 12px;
}
section.rules .list .icon {
	text-align: center;
	margin-bottom: 12px;
}
section.rules .list .icon i {
	color: #0586df;
}
section.rules .list .text {
	text-align: center;
}
section.rules .list .text p {
	text-align: center;
	color: #000000;
	font-weight: bold;
}



/*----- / Rules Section ------*/






/*---------------------------------------------- Video Section --------------------------------------------*/


section.video .inside {
	position: relative;
	padding-bottom: 48%;
	padding-top: 25px;
	height: 0px;
}
section.video .inside iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}


/*----- / Video Section ------*/






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



section.message {
	height: 800px;
	padding-top: 72px;
	padding-bottom: 72px;
}
section.message .sheath {
	width: 72%;
    margin: 0 auto 0 auto;
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.08);
    padding-top: 56px;
    padding-bottom: 56px;
    border-radius: 8px;
}
section.message .heading {
	height: 25%;
}
section.message .heading h2.subtitle, section.map .heading h2.subtitle {
    margin-bottom: 12px;
}
section.message .heading h2.subtitle {
    color: #0586df;
}
section.message .fields {
	height: 75%;
}
section.message .container, section.message .row, section.message #message {
	height: 100%;
}
#message .wpcf7 input, #message .wpcf7 textarea {
	background: none;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #bfbfbf;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #bfbfbf;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bfbfbf;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #bfbfbf;
	padding: 8px 0 4px 0;
	color: #000000;
}
#message .wpcf7 input.wpcf7-submit {
	background: #000000;
	color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}
#message .wpcf7 textarea {
	max-width: none;
	padding: 0;
	margin-bottom: 0;
	height: 60px;
}
#message .bottom p:first-child {
	margin-top: 16px;
	margin-bottom: 8px;
}
#message input[type="text"]:focus, #message input[type="email"]:focus, #message input[type="tel"]:focus, #message textarea:focus, #message .form-search, #message .screen-reader-text:focus, #message input[type="number"]:focus {
	color: #000000;
	box-shadow: none;
}
#message .wpcf7-form-control-wrap {
	position: static;
	display: inline-block;
	width: 100%;
}
#message .fields p {
	color: #000000;
	margin-bottom: 32px;
}
#message .fields .messageform-send p {
	text-align: center;
}
#message .fields p span {
	margin-top: 8px;
}
#message .messageform-left, #message .messageform-center {
	width: 50%;
	float: left;
}
#message .messageform-left {
	padding-right: 12px;
}
#message .messageform-center {
	padding-left: 12px;
}
#message .heading h1.title {
	padding-right: 48px;
	padding-bottom: 8px;
	padding-left: 48px;
}
#message .heading .line-container .line-box::before, #message .heading .line-container .line-box::after {
	border-bottom-color: #777777;
}
#message .heading .line-container .line-box i {
	color: #777777;
}
#message .heading .wrapper {
    width: 256px;
    text-align: center;
}




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






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


section.map {
    background-color: #00183e;
    padding-top: 96px;
    padding-left: 48px;
    padding-bottom: 96px;
}
section.map .sheath {
    position: relative;
}
section.map .heading {
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    height: 100%;
}
section.map .points {
    width: 75%;
    float: left;
    border-radius: 8px;
    overflow: hidden;
}
section.map .wrapper {
	position: relative;
	padding-bottom: 48%;
	padding-top: 25px;
	height: 0px;
}
section.map .wrapper iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
section.map .heading h2.subtitle, section.map .line-container .line-box i {
    color: #ffffff;
}
section.map .line-container .line-box::before, section.map .line-container .line-box::after {
  border-bottom-color: #ffffff;
}




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






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


.footerclass {
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
.footerdata {
	background-color: rgba(15, 26, 44, 0.88);
	padding-top: 32px;
	padding-bottom: 32px;
}
.footercredits p {
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-left: 16px;
	color: #adadad;
}
#containerfooter .footerlist {
	padding-top: 24px;
	padding-bottom: 12px;
}
#containerfooter h3 {
	color: #ffffff;
    margin-bottom: 12px;
}
#containerfooter {
	padding-top: 0;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ffffff;
}
#containerfooter h3, #containerfooter .footer-aboutus h1.title, #containerfooter h3.extra, #containerfooter h4.plus {
	font-size: 16px;
    font-weight: 700;
}
#containerfooter .footer-aboutus p.email a, #containerfooter .footer-interest li.servicios a, #containerfooter .footercredits a, #containerfooter .footer-search .form-search .search-icon {
	color: #ffffff;
}
#containerfooter .footer-search .form-search .search-icon {
	color: #0586df;
}
#containerfooter .footer-aboutus p.email a:hover, #containerfooter .footer-interest li.servicios a:hover, #containerfooter .footercredits a:hover {
	color: #adadad;
}
#containerfooter .sf-menu a, .footerclass .footer-privacy a, .footerclass .footer-terms a, #containerfooter h1.title, #containerfooter h3.extra, #containerfooter h4.plus, #containerfooter .footer-aboutus p {
	color: #adadad;
}
#containerfooter .footer-aboutus h1.title, #containerfooter .footer-aboutus p {
    font-size: 13px;
    font-weight: 400;
	line-height: normal;
    text-transform: none;
}
#containerfooter .footer-aboutus h1.title, #containerfooter .footer-aboutus h3.extra, #containerfooter .footer-aboutus h4.plus {
    font-size: 13px;
}
#containerfooter .footer-aboutus h3.extra, #containerfooter .footer-aboutus h4.plus {
    font-weight: normal;
}
#containerfooter h3.extra {
	text-transform: none;
    margin-bottom: 0;
}
#containerfooter h4.plus {
	margin-top: 0;
	margin-bottom: 0;
}
#containerfooter .sf-menu li {
	float: none;
    font-size: 13px;
}
#containerfooter .menu {
	margin: 0;
}
#containerfooter .sf-menu a, .footerclass .footer-privacy a {
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	text-align: left;
}
#containerfooter .sf-menu a:hover, .footerclass .footer-privacy a:hover {
	color: #81a095;
}
#containerfooter .footer-socials, #containerfooter .footer-search {
	margin-top: 24px;
}
#containerfooter .form-search {
	box-shadow: none;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	border-radius: 12px;
}
#containerfooter .form-search .search-query {
	background-color: transparent;
	border: none;
	color: #ffffff;
}
#containerfooter .form-search input[type="text"]:focus {
	box-shadow: none;
}
#containerfooter .footer-socials .virtue_social_widget a {
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 18px;
	background: none;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 0;
	color: #ffffff;
}
#containerfooter .footer-socials .virtue_social_widget a.facebook_link {
	padding-right: 4px;
	padding-left: 4px;
}
#containerfooter .footer-socials .virtue_social_widget a.instagram_link {
	padding-right: 4px;
	padding-left: 4px;
}
#containerfooter .footer-socials .virtue_social_widget a.linkedin_link {
	padding-right: 5px;
	padding-left: 5px;
}
#containerfooter .footer-socials .virtue_social_widget a.twitter_link {
	padding-right: 3px;
	padding-left: 3px;
}
#containerfooter .footer-socials .virtue_social_widget a.youtube_link {
	padding-right: 1px;
	padding-left: 1px;
}
#containerfooter.footerclass .virtue_social_widget .facebook_link:hover, #containerfooter.footerclass .virtue_social_widget .twitter_link:hover, #containerfooter.footerclass .virtue_social_widget .instagram_link:hover, #containerfooter.footerclass .virtue_social_widget .linkedin_link:hover, #containerfooter.footerclass .virtue_social_widget .pinterest_link:hover, #containerfooter.footerclassr .virtue_social_widget .youtube_link:hover {
  background: none;
}
#containerfooter .footer-socials .virtue_social_widget a i {
	font-size: 22px;
}
#containerfooter .virtue_social_widget a + .tooltip.top .tooltip-inner {
	background-color: #000000;
}
#containerfooter .virtue_social_widget a + .tooltip.top .tooltip-arrow {
	border-top-color: #000000;
}

#containerfooter .virtue_social_widget .facebook_link:hover, #containerfooter .virtue_social_widget .instagram_link:hover, #containerfooter .virtue_social_widget .linkedin_link:hover, #containerfooter .virtue_social_widget .twitter_link:hover {
	background: #000000;
}





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





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




.page .col-lg-9 {
	width: 100%;	
}
.page .contentclass {
	margin-top: 56px;
}






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





/*---------------------------------------------- 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: 1200px;
	}


}

@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 ------*/
    
}

@media(max-width: 1216px) { /*----- 1280-64= 1216px ------*/
    
	
	
	
	
	#headerinfo .header-right {
		padding-right: 24px;
	}
	#headerinfo .header-right .bottom .sf-menu li.whatsapp #floating {
		top: 144px;
	}
	section.primary-slider .information h1.title, section.principal .information h1.title, section.print .information h1.title, section.manufactured .information h1.title {
		font-size: 32px;
		line-height: normal;
	}
	section.primary-slider .information h2.subtitle, section.principal .information h2.subtitle, section.print .information h2.subtitle, section.manufactured .information h2.subtitle, section.primary-slider .information h3.extra, section.principal .information h3.extra, section.print .information h3.extra, section.manufactured .information h3.extra {
		font-size: 18px;
		line-height: normal;
	}
	#individuals .list .box .information h1.title {
		font-size: 21px;
	}
	section.primary-slider .information p.linkage, section.principal .information p.linkage, section.print .information p.linkage, section.manufactured .information p.linkage {
		font-size: 12px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
}

@media(max-width: 1184px) { /*----- 1216-32= 1184px ------*/
    
}

@media(max-width: 1152px) { /*----- 1184-32= 1152px ------*/
 
	
	
	
	#headerinfo .header-left .sf-menu a, #headerinfo .header-right .top #nav-second ul.sf-menu a, #topbar .topbar-left a, #topbar .topbar-center a, #topbar .topbar-right a {
		font-size: 13px;
	}
	#headerinfo .header-right .top .sf-menu a .icon i {
		font-size: 18px;
	}
	#headerinfo .header-right {
		width: 40%;
		padding-right: 0;
	}
	#headerinfo .header-left {
		width: 40%;
	}
	#topbar .topbar-center .brand img {
		width: 56%;
	}
	section.primary-slider .image, section.principal .image, section.print .image, section.manufactured .image {
		height: 500px;
	}
	section.attributes .list .icon i, section.rules .list .icon i {
		font-size: 36px;
	}
	section.message .sheath {
		width: 88%;
	}
	section.map .heading {
		position: static;
		top: 0;
		right: 0;
		width: 100%;
		height: auto;
	}
	section.map .points {
		width: 100%;
		float: none;
		padding-bottom: 24px;
	}
	section.map {
		padding-right: 48px;
	}

	
	
	
	
	
	
	
	
	
}

@media(max-width: 1120px) { /*----- 1152-32= 1120px ------*/
    
	
	
	header.headerclass.sticky #topbar .topbar-center .brand .text span.name {
		display: none;
	}
	header.headerclass.sticky #topbar .topbar-center .brand .text span.slogan {
		display: none;
	}
	#headerclass.sticky #topbar .topbar-center .brand a {
		width: 7%;
	}
	#headerclass.sticky #logo .kad-standard-logo, #headerclass.sticky #logo .kad-retina-logo {
		float: none;
		width: 100%;
	}
	#headerclass.sticky #topbar .topbar-center .brand .text {
		float: none;
		width: 100%;
		display: none;
	}
	#headerclass.sticky #headerinfo {
		width: 93%;
	}
	
	
	
	
	
	
	
	
	
}

@media(max-width: 1088px) { /*----- 1120-32= 1088px iPad Landscape------*/
    
	
	
	#topbar .topbar-center .brand a {
		width: 60%;
		background-color: #00183e;
	}
	section.primary-slider .flex-control-nav {
		display: none;
	}
	
	
	
	
	
	
	
	
	
	
	
}

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

@media(max-width: 1024px) {	/*----- 1056-32= 1024px ------*/
	
	
	
	section.primary-slider .flex-direction-nav {
		display: none;
	}
	section.attributes .list .box {
		width: 50%;
	}
	section.rules .list .box {
		width: 33.33%;
		margin-bottom: 24px;
	}
	section.projects .list .kt-slickslider .slick-prev, section.projects .list .kt-slickslider .slick-next {
		display: none !important;
	}
	section.video .inside {
		padding-bottom: 56%;
	}
	#headerclass.sticky #topbar .topbar-center .brand a {
		width: 8%;
	}
	#headerclass.sticky #headerinfo {
		width: 92%;
	}
	
	
	
	
	
	
	
	
	
	
}

@media(max-width: 991px) { /*----- 1024-32= 992px por Virtue 991px ------*/
    
	
	
	
	
	#topbar .topbar-left {
		display: none;
	}
	#topbar .topbar-center, #headerinfo .header-right {
		width: 80%;
		float: right;
	}
	#topbar .topbar-right {
		display: none;
	}
	#topbar .topbar-center .brand a {
		position: fixed;
		top: 0;
		left: 0;
		width: 20%;
	}
	#headerinfo .header-left {
		display: none;
	}
	#mobile-menu .nav-trigger-case {
		color: #00183e;
		top: 4px;
		right: 0;
		width: 18%;
		background-color: #ffffff;
		border-radius: 6px;
		padding-right: 18px;
		padding-left: 18px;
	}
	#mobile-menu .nav-trigger-case .kad-menu-name {
		font-size: 16px;
		font-weight: bold;
	}
	#mobile-menu .nav-trigger-case .kad-menu-name, #mobile-menu .nav-trigger-case .kad-navbtn {
		line-height: 38px;
	}
	#mobile-menu #kad-mobile-nav .mobileclass {
		background: none;
	}
	section.message .sheath {
		width: 100%;
	}
	
	
	
	
	
	
	
	
	
	
	
	
}

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

@media(max-width: 928px) { /*----- 960-32= 928px ------*/
	
	
	#message .messageform-left, #message .messageform-center {
		width: 100%;
		float: none;
	}
	#message .messageform-left {
		padding-right: 0;
	}
	#message .messageform-center {
		padding-left: 0;
	}
	section.message {
		height: 1100px;
	}
	
	
	
	
	
	
}

@media(max-width: 896px) { /*----- 928-32= 896px ------*/
    
	
	
	
	
	#headerclass.sticky #headerinfo .header-right {
		width: 66.66%;
	}
	
	
	
	
	
	
	
	
	
	
	
	
}

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

@media(max-width: 832px) { /*----- 864-32= 832px -----*/
	
	
	
	section.primary-slider .image, section.principal .image, section.print .image, section.manufactured .image {
		height: 480px;
	}
	#headerclass.sticky #topbar .topbar-center .brand a {
		width: 9%;
	}
	#headerclass.sticky #headerinfo {
		width: 91%;
	}
	
	
	
	
	
	
	
	
}

@media(max-width: 800px) { /*----- 832-32= 800px iPad Portrait por Virtue 991px ------*/
    
	
	
	section.technical .information .wp-block-column {
		margin-top: 12px;
		margin-right: 12px;
		margin-bottom: 12px;
		margin-left: 12px;
	}

	
	
	
	
	
	
	
	
}

@media(max-width: 767px) { /*----- 800-32= 768px / Virtue 767px ------*/
    
	
	
	#mobile-menu .nav-trigger-case {
		position: absolute;
	}
	#topbar .topbar-center, #headerinfo .header-right {
		width: 75%;
	}
	#topbar .topbar-center .brand a {
		width: 25%;
	}
	section.video .inside {
		padding-bottom: 64%;
	}
	#mobile-menu .nav-trigger-case {
		width: 19%;
	}
	
	
	
	
	
	
	
	
	
	
}

@media(max-width: 736px) { /*----- 768-32= 736px ------*/
	
	
	
	
	
	#headerclass.sticky #topbar .topbar-center .brand a {
		width: 10%;
	}
	#headerclass.sticky #headerinfo {
		width: 90%;
	}
	
	
	
	
	
	
	
}

@media(max-width: 704px) { /*----- 736-32= 704px ------*/
    
	
	
	#mobile-menu .nav-trigger-case {
		width: 21%;
	}
	
	
	
	
	
	
	
	
}

@media(max-width: 672px) { /*----- 704-32= 672px ------*/
	
	
	
	
	#headerinfo .header-right .top #nav-second .sf-menu li.contacto {
		display: none;
	}
	#mobile-menu .nav-trigger-case {
		right: 0;
	}
	#topbar .topbar-center .brand a {
		height: 152px;
	}
	section.primary-slider .image, section.principal .image, section.print .image, section.manufactured .image {
		height: 440px;
	}
	section.primary-slider .information h1.title, section.principal .information h1.title, section.print .information h1.title, section.manufactured .information h1.title {
		font-size: 28px;
	}
	section.primary-slider .information h2.subtitle, section.principal .information h2.subtitle, section.print .information h2.subtitle, section.manufactured .information h2.subtitle, section.primary-slider .information h3.extra, section.principal .information h3.extra, section.print .information h3.extra, section.manufactured .information h3.extra {
		font-size: 16px;
	}
	#individuals .list .box .information h1.title {
		font-size: 18px;
	}
	section.primary-slider .information p.linkage, section.principal .information p.linkage, section.print .information p.linkage, section.manufactured .information p.linkage {
		font-size: 11px;
	}
	section.map .wrapper {
		padding-bottom: 80%;
	}
	section.attributes .list .box {
		width: 100%;
		float: none;
	}
	section.rules .list .box {
		width: 50%;
	}
	#mobile-menu .nav-trigger-case {
		width: 22%;
	}
	#headerclass.sticky #topbar .topbar-center .brand a {
		width: 11%;
	}
	#headerclass.sticky #headerinfo {
		width: 89%;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

@media(max-width: 640px) { /*----- 672-32= 640px ------*/
    
	
	
	
	section.map .wrapper {
		padding-bottom: 88%;
	}
	#mobile-menu .nav-trigger-case {
		width: 23%;
	}
	
	
	
	
	
	
	
}

@media(max-width: 608px) { /*----- 640-32= 608px Moto G Plus Landscape ------*/
    
	
	
	#topbar .topbar-center .brand img {
		width: 48%;
	}
	#mobile-menu .nav-trigger-case {
		width: 24%;
		right: 0;
	}
	#headerinfo .header-right .top #nav-second .sf-menu li.contacto {
		display: block;
	}
	#headerinfo .header-right .top #nav-second .sf-menu li.menu-2 {
		display: none;
	}
	section.video .inside {
		padding-bottom: 72%;
	}
	#headerclass.sticky #topbar .topbar-center .brand a {
		width: 12%;
	}
	#headerclass.sticky #headerinfo {
		width: 88%;
	}
	
	
	
	
	
	
}

@media(max-width: 576px) { /*----- 608-32= 576px ------*/
    
	
	
	#mobile-menu .nav-trigger-case {
		width: 27%;
	}
	
	
	
	
	
	
	
}

@media(max-width: 544px) { /*----- 576-32= 544px ------*/
    
	
	
	
	#topbar .topbar-center, #headerinfo .header-right {
		width: 70%;
	}
	#topbar .topbar-center .brand a {
		width: 30%;
	}
	#mobile-menu .nav-trigger-case {
		width: 28%;
		right: 0;
	}
	#headerinfo .header-right .bottom .sf-menu li a .info {
		display: none;
	}
	#headerinfo .header-right .bottom .sf-menu li.whatsapp #floating {
		top: 168px;
	}
	#mobile-menu .nav-trigger-case {
		width: 29%;
	}
	#headerclass.sticky #topbar .topbar-center .brand a {
		width: 13%;
	}
	#headerclass.sticky #headerinfo {
		width: 87%;
	}
	
	
	
	
	
	
	
}

@media(max-width: 528px) { /*----- 544-16= 528 ------*/
    
	
	
	#headerclass.sticky #headerinfo .header-right {
		width: 100%;
	}
	#mobile-menu .nav-trigger-case {
		width: 31%;
	}
	
	
	
}


@media(max-width: 480px) { /*----- 512-32= 480px iPhone 4s Retina Landscape ------*/
    
	
	
	#mobile-menu .nav-trigger-case {
		width: 30%;
		right: 0;
	}
	section.primary-slider .image, section.principal .image, section.print .image, section.manufactured .image {
		height: 400px;
	}
	section.map .wrapper {
		padding-bottom: 100%;
	}
	section.video .inside {
		padding-bottom: 80%;
	}
	#mobile-menu .nav-trigger-case {
		width: 32%;
	}
	#headerclass.sticky #topbar .topbar-center .brand a {
		width: 14%;
	}
	#headerclass.sticky #headerinfo {
		width: 86%;
	}
	
	
	
	
	
	
	
	
	
	
	
}

@media(max-width: 448px) { /*----- 480-32= 448px ------*/
 
	
	
	
	
	
	section.map {
		padding-right: 0;
		padding-left: 0;
	}
	#mobile-menu .nav-trigger-case {
		width: 34%;
	}
	#headerclass.sticky #topbar .topbar-center .brand a {
		width: 15%;
	}
	#headerclass.sticky #headerinfo {
		width: 85%;
	}
	
	
	
	
	
	
	
	
	
	
	
}

@media(max-width: 416px) { /*----- 448-32= 416px ------*/
 
	
	
	
	
	#mobile-menu .nav-trigger-case {
		width: 34%;
		right: 0;
	}
	section.video .inside {
		padding-bottom: 88%;
	}
	#mobile-menu .nav-trigger-case {
		width: 35%;
	}
	
	
	
	
	
	
	
	
	
	
	
}

@media(max-width: 384px) { /*----- 416-32= 384px Moto G Plus Portrait------*/
    
	
	
	#mobile-menu .nav-trigger-case {
		width: 35%;
		right: 0;
	}
	#mobile-menu .nav-trigger-case {
		width: 37%;
	}
	#headerclass.sticky #topbar .topbar-center .brand a {
		width: 17%;
	}
	#headerclass.sticky #headerinfo {
		width: 83%;
	}
	
	
	
	
	
	
	
	
	
	
	
}

@media(max-width: 352px) { /*----- 384-32= 352px iPhone 4s Retina Portrait ------*/
    
	
	
	#mobile-menu .nav-trigger-case {
		width: 37%;
		right: 0;
	}
	#mobile-menu .nav-trigger-case {
		padding-right: 12px;
		padding-left: 12px;
	}
	#headerinfo .header-right .bottom .sf-menu li.phone a {
		padding-right: 16px;
		padding-left: 16px;
	}
	#topbar .topbar-center, #headerinfo .header-right {
		width: 66.66%;
	}
	#topbar .topbar-center .brand a {
		width: 33.33%;
	}
	#mobile-menu .nav-trigger-case {
		width: 39%;
	}
	
	
	
	
	
	
	
	
}

@media(max-width: 320px) { /*----- 352-32= 320px ------*/
    
	
	#mobile-menu .nav-trigger-case {
		width: 41%;
	}
	#headerclass.sticky #topbar .topbar-center .brand a {
		width: 20%;
	}
	#headerclass.sticky #headerinfo {
		width: 80%;
	}
	
	
	
	
	
	
	
	
	
	
	
	
}

@media(max-width: 288px) { /*----- 320-32= 288px ------*/	
	
	
	#mobile-menu .nav-trigger-case {
		width: 43%;
	}
	
	
	
	
	
	
}

@media(max-width: 256px) { /*----- 288-32= 256px ------*/
	
    
    #topbar .topbar-center .brand #logo .wrap {
		background-color: #f00;
	}
   
    
}







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