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

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

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

/*------ Colors

Cyan: #00aeef rgba(0, 174, 239, 1.0)
Magenta: #ec008c rgba(236, 0, 140, 1.0)
Yellow: #fff200 rgba(255, 242, 0, 1.0)

Green Medium: #a9bb4c rgba(169, 187, 76, 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 56%: #707070
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 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: #333333;
}
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: #7f7f7f;
}
div.height-middle {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.contentclass {
	padding-top: 0;
}
h1, h2, h3 {
	margin-top: 0;
	margin-bottom: 0;
}
h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0;
}
div.contentclass h2 {
	font-size: 13px;
}
h1.title {
	font-size: 20px;
	line-height: 20px;
}
h2.subtitle {
	font-size: 14px;
	line-height: normal;
}
h3.extra {
	font-size: 13px;
	line-height: normal;
}
p {
	margin: 0;
}
.shadow.headerclass {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #e8e8e8;
}


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







/*---------------------------------------------- Float Menu --------------------------------------------*/

.float-menu {
	position: fixed;
	top: 176px;
	right: 4px;
	z-index: 16;
}
.float-menu ul.sf-menu {
	float: left;
}
.float-menu .sf-menu li {
	float: none;
	margin-bottom: 4px;
}
.float-menu .sf-menu li a {
	background-color: #333333;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	color: #ffffff;
	height: 52px;
	width: 52px;
	border-radius: 28px;
}
.float-menu .sf-menu li a:hover {
	background-color: #7f7f7f;
}
.float-menu .sf-menu li.phone a {
	background-color: #f1592a;
}
.float-menu .sf-menu a div.height-middle {
	height: 100%;
}
.float-menu .sf-menu li a .box span i {
	font-size: 21px;
}
.float-menu .sf-menu li.phone a .box span i {
	font-size: 22px;
}
.float-menu .sf-menu li.email a .box span i {
	font-size: 18px;
}
.float-menu .phone-mobile {
	display: none;
}
.float-menu .sf-menu li .tooltip-inner {
	background-color: #7f7f7f;
}
.float-menu .sf-menu li.phone .tooltip-inner {
	background-color: #7f7f7f;
}
.float-menu .sf-menu li .aboutus_link + .tooltip.left .tooltip-arrow {
	border-left-color: #7f7f7f;
}
.float-menu .sf-menu li .home_link + .tooltip.left .tooltip-arrow {
	border-left-color: #7f7f7f;
}
.float-menu .sf-menu li .phone_link + .tooltip.left .tooltip-arrow {
	border-left-color: #7f7f7f;
}
.float-menu .sf-menu li .email_link + .tooltip.left .tooltip-arrow {
	border-left-color: #7f7f7f;
}
.float-menu .sf-menu li .address_link + .tooltip.left .tooltip-arrow {
	border-left-color: #7f7f7f;
}



/*----- / Float Menu ------*/







/*---------------------------------------------- Menubar --------------------------------------------*/


#menubar {
	height: 160px;
	position: relative;
}
#menubar .left {
	width: 25%;
	float: left;
}
#menubar .right {
	width: 75%;
	float: left;
}
#menubar .container, #menubar .row, #menubar .right, #menubar .left {
	height: 100%;
}
#menubar #logo .kad-standard-logo, #menubar #logo .kad-retina-logo {
	width: 96px;
}
#menubar #logo {
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}
#menubar #thelogo {
	float: left;
}
#menubar .height-middle {
	width: 100%;
}
#menubar #nav-main {
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
}
#menubar #nav-main .sf-menu a {
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	opacity: 1.0;
}
#menubar #nav-main .sf-menu a:hover {
	opacity: 0.64;
}
#menubar #nav-main .sf-menu li:last-child a {
	padding-right: 0;
}
#menubar #nav-main .sf-menu li a .image {
	width: 72px;
	margin: 0 auto 0 auto;
}
#menubar #flash {
	position: absolute;
	top: 0;
	right: 0;
}
#headerclass.sticky #nav-top .sf-menu li.whatsapp #whatsapp-float {
	position: fixed;
	
	right: 14px;
	z-index: 999;
	background-color: #00c163;
	padding-top: 14px;
	padding-right: 13px;
	padding-bottom: 12px;
	padding-left: 13px;
	border-radius: 32px;
	height: auto;
}
#headerclass.sticky #nav-top .sf-menu li.whatsapp-one #whatsapp-float {
	top: 32px;
}
#headerclass.sticky #nav-top .sf-menu li.whatsapp-two #whatsapp-float {
	top: 88px;
}
#headerclass.sticky #nav-top .sf-menu li.whatsapp-three #whatsapp-float {
	top: 144px;
}
#headerclass.sticky #nav-top .sf-menu li.whatsapp #whatsapp-float a .icon {
    position: static;
	width: 26px;
	height: 26px;
	background-size: 26px 26px;
}
#headerclass.sticky #nav-top .sf-menu li.whatsapp #whatsapp-float {
	color: #009c50;
    transition: all .3s ease-out;
}
#headerclass.sticky #nav-top .sf-menu li.whatsapp #whatsapp-float .info {

}
#headerclass.sticky #nav-top .sf-menu li.whatsapp #whatsapp-float a {
	padding: 0;
}


/*----- / Menubar ------*/









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


#topbar {
	height: 44px;
}
#topbar .envolve, #topbar .left, #topbar .right, #topbar .right #nav-top, #topbar .right .sf-menu, #topbar .right .sf-menu li, #topbar .right .sf-menu a, #topbar .right .sf-menu li.whatsapp .whatsapp-float, #topbar .right .sf-menu a .icon {
	height: 100%;
}
#topbar .left .search-query {
	width: 50%;
	background: none;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(255, 255, 255, 0.0);
	border-radius: 6px;
	transition: width 0.3s;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	-o-transition: width 0.3s;
}
#topbar .left .search-query:hover {
	width: 100%;
	border-color: rgba(255, 255, 255, 0.56);
}
#topbar .left .col-md-3 {
	padding-right: 24px;
	padding-left: 24px;
}
#topbar .left input[type="text"]:focus, #containerfooter .form-search {
	color: #ffffff;
	box-shadow: none;
}
#topbar .left .search-query {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 48px;
}
#topbar input[type="text"] {
	color: #bfbfbf;
}
#topbar input[type="text"]:focus {
	box-shadow: none;
}
#topbar input[type="text"]::-webkit-input-placeholder {
	color: #bfbfbf;
}
#topbar input[type="text"]::-moz-placeholder {
	color: #bfbfbf;
} /* firefox 19+ */
v input[type="text"]:-ms-input-placeholder {
	color: #bfbfbf;
} /* ie */
#topbar input[type="text"]:-moz-placeholder {
	color: #bfbfbf;
}
#topbar .left .form-search .search-icon {
	font-size: 18px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 16px;
}
#topbar .left .form-search .search-icon {
	color: #ffffff;
}
#topbar .left .form-search {
	max-width: none;
	width: 100%;
	box-shadow: none;
	
}
#topbar #nav-top {
	width: 100%;
}
#topbar .right ul.sf-menu {
	float: right;
}
#topbar .right .sf-menu a {
	color: #ffffff;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 24px;
	font-size: 12.5px;
}
#topbar .right .sf-menu a .color {
	float: left;
	padding-right: 24px;
}
#topbar .right .sf-menu a .text {
	float: left;
}
#topbar .right .sf-menu a .color div {
	width: 6px;
}
#topbar .right .sf-menu a .color-1, #topbar .right .sf-menu a .color-2, #topbar .right .sf-menu a .color-3, #topbar .right .sf-menu a .color-4 {
	height: 6px;
}
#topbar .right .sf-menu a .color-1 {
	background-color: #00aeef;
}
#topbar .right .sf-menu a .color-2 {
	background-color: #ec008c;
}
#topbar .right .sf-menu a .color-3 {
	background-color: #fff200;
}
#topbar .right .sf-menu a .color-4 {
	background-color: #7f7f7f;
}
#topbar .right .sf-menu a .icon {
	float: left;
}
#topbar .right .sf-menu a .info {
	float: left;
}
#topbar .right .sf-menu li.whatsapp a .icon {
	width: 20px;
	height: 20px;
	margin-top: -2px;
	background-image: url("https://www.bigtree.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 .right .sf-menu li a .icon {
	position: absolute;
}
#topbar .right .sf-menu li a .info {
	padding-left: 24px;
}
#headerclass.sticky #topbar .right .sf-menu li a .info {
	padding-left: 12px;
	margin-top: 4px;
}
#topbar .right .sf-menu li.phone a .icon {
	top: 11px;
}
#topbar .right .sf-menu li.phone a .icon i {
	font-size: 24px;
}
#topbar .right .sf-menu li.cellphone a .icon {
	top: 8px;
}
#topbar .right .sf-menu li.cellphone a .icon i {
	font-size: 27px;
}





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








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


.sliderclass {
	padding: 0;
}
#imageslider .image {
	height: 560px;
}
#imageslider .flex-direction-nav .flex-prev {
	background-position: 0% 80%;
	left: 64px;
	height: 52px;
	width: 52px;
	border-radius: 28px;
}
#imageslider .flex-direction-nav .flex-next {
	background-position: 100% 80%;
	right: 64px;
	height: 52px;
	width: 52px;
	border-radius: 28px;
}
#imageslider .flex-direction-nav a {
	width: 48px;
	height: 48px;
	background-image: url("https://www.bigtree.mx/wp-content/themes/virtue-child/images/slide_direction.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top left;
}
#imageslider .sliderclass:hover .flexslider .flex-next {
	ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
#imageslider .sliderclass:hover .flexslider .flex-prev {
	ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
#imageslider .flexslider:hover .flex-next {
	background-color: #444444;
	ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
#imageslider .flexslider:hover .flex-prev {
	background-color: #444444;
	ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
#imageslider .flexslider:hover .flex-next:hover, .home #imageslider .flexslider:hover .flex-prev:hover {
	background-color: #7f7f7f;
	ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
}
#imageslider .flex-control-nav li {
	padding: 3px;
}
#imageslider .flex-control-paging li a {
	width: 14px;
	height: 14px;
}
#imageslider .flex-control-paging li a.flex-active {
	background: #f0f0f0;
	box-shadow: none;
}
#imageslider .information {
	position: absolute;
	bottom: 32px;
	width: 100%;
}
#imageslider .left {
	width: 66.66%;
}
#imageslider .right {
	background-color: rgba(0, 0, 0, 0.72);
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 33.33%;
}
#imageslider .right .inside {
	position: relative;
	height: 100%;
}
#imageslider .right .indicator {
	position: absolute;
	top: 50%;
	left: -10px;
}
#imageslider .right .triangle {
	width: 0;
	height: 0;
	position: relative;
	top: -10px;
	content: '';
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid rgba(0, 0, 0, 0.80);
}
#imageslider .left .wrapper {
	background-color: #ffffff;
	padding-right: 48px;
	padding-left: 32px;
	padding-top: 24px;
	padding-bottom: 16px;
	margin-right: 16px;
}
#imageslider .envolve {
	width: 50%;
	position: relative;
}
#imageslider h1.title a {
	display: inline-block;
	color: #000000;
	margin-top: 4px;
	margin-bottom: 4px;
}
#imageslider h2.subtitle {
	font-weight: 500;
}
div.detail {
	height: 2px;
	width: 25%;
	background-color: magenta;
	margin-top: 10px;
	margin-bottom: 12px;
}
#imageslider h3.extra {
	font-weight: 500;
}
#imageslider h3.extra a {
	border-radius: 3px;
	display: inline-block;
}
#imageslider .flex-control-nav {
	bottom: 2px;
}
#imageslider .right a {
	display: inline-block;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 14px;
	height: 100%;
	width: 100%;
}
#imageslider .icon i {
	font-size: 16px;
}
#imageslider .right span {
	display: block;
}
#imageslider .center {
	position: absolute;
	top: 0;
	right: 33.33%;
	width: 16px;
	height: 100%;
}
#imageslider .center .wrapper {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
#imageslider .center .top {
	bottom: 10px;
}
#imageslider .center .bottom {
	top: 10px;
}
#imageslider .center .top, #imageslider .center .bottom {
	height: 50%;
	background-color: #ffffff;
	position: relative;
}
#imageslider .center .top::after {
	border-top: 20px solid #ffffff;
	bottom: -20px;
}
#imageslider .center .bottom::after {
	border-bottom: 20px solid #ffffff;
	top: -20px;
}
#imageslider .center .top::after, #imageslider .center .bottom::after {
	position: absolute;
	content: '';
	border-right: 20px solid transparent;
}





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







/*---------------------------------------------- Services --------------------------------------------*/


#services {
	height: 480px;
}
.services, .services .clearfix, .services .box, .services .box .image, .services .box .information {
	height: 100%;
}
.services .top, .services .bottom {
	height: 50%;
}
.services .box {
	width: 20%;
	float: left;
	transition: all 0.3s ease-out;
}
.services .box:hover {
	background-color: #adadad;
}
.services .box-1, .services .box-8 {
	background-color: #444444;
}
.services .box-3 {
	background-color: #00aeef;
}
.services .box-4 {
	background-color: #e0e0e0;
}
.services .box-6 {
	background-color: #e0e0e0;
}
.services .box-7 {
	background-color: #fff200;
}
.services .box-1, .services .box-8 {
	background-color: #333333;
}
.services .box-1, .services .box-8 {
	width: 40%;
}
.services .box .image {
	width: 50%;
	float: left;
}
.services .box-1 .information, .services .box-8 .information {
	width: 50%;
	float: left;
}
.services .box-1 .information, .services .box-8 .information, #featured .services .box-3 .information {
	position: relative;
}
.services .box-1 .information::before, .services .box-8 .information::before, #featured .services .box-3 .information::before {
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	left: -10px;
	content: '';
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #444444;
	transition: all 0.3s ease-out;
}
.services .box-1:hover .information::before, .services .box-8:hover .information::before {
	border-right: 10px solid #adadad;
}
.services .box h1.title {
	color: rgba(0, 0, 0, 0.72);
}
.services .box h2.subtitle, .services .box h3.extra {
	color: rgba(0, 0, 0, 0.40);
}
.services .box-1 h1.title, .services .box-8 h1.title {
	color: #ffffff;
}
.services .box-1 h2.subtitle, .services .box-1 h3.extra, .services .box-8 h2.subtitle, .services .box-8 h3.extra {
	color: rgba(255, 255, 255, 0.48);
}
.services .box div.detail {
	width: 25%;
	margin-bottom: 4px;
	background-color: rgba(0, 0, 0, 0.24);
}
.services span.link {
	position: relative;
	left: -10px;
	color: rgba(0, 0, 0, 0.32);
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
}
.services .information .wrapper {
	padding: 44px;
}




/*----- / Services ------*/







/*---------------------------------------------- Aboutus --------------------------------------------*/


#aboutus {
	height: 560px;
	background-color: #f7f7f7;
}
#aboutus .container, #aboutus .row, #aboutus .aboutus, #aboutus .information {
	height: 100%;
}
#aboutus .aboutus {
	position: relative;
}
#aboutus .wrapper, #grandformat .information .wrapper {
	width: 72%;
}
#aboutus .image {
	position: absolute;
	top: -64px;
	right: 0;
}
#aboutus h1.title, #grandformat .information h1.title {
	margin-bottom: 16px;
}
#aboutus div.detail {
	width: 8%;
	background-color: rgba(0, 0, 0, 0.24);
}



/*----- / Aboutus ------*/







/*---------------------------------------------- Grand Format --------------------------------------------*/


#grandformat {
	height: 720px;
}
#grandformat .envolve {
	position: relative;
}
#grandformat .envolve, #grandformat .information .container, #grandformat .information .row {
	height: 100%;
}
#grandformat .image {
	height: 50%;
	background-attachment: fixed;
	position: relative;
}
#grandformat .information {
	height: 50%;
	background-color: #212121;
}
#grandformat .indicator {
	position: absolute;
	top: 50%;
	left: 50%;
}
#grandformat .indicator::before {
	width: 0;
	height: 0;
	position: relative;
	top: -32px;
	content: '';
	border-bottom: 14px solid #212121;
	border-right: 14px solid transparent;
	border-left: 14px solid transparent;
}
#grandformat .image .wrapper {
	position: absolute;
	bottom: 0;
	left: 12.5%;
}
#grandformat .information h1.title, #grandformat .information h2.subtitle, #grandformat .information h3.extra, #grandformat .information p.excerpt {
	color: #ffffff;
}
#grandformat .information p.excerpt {
	color: #bfbfbf;
}
#grandformat .information div.detail {
	background-color: rgba(255, 255, 255, 0.32);
	margin-top: 16px;
	width: 16%;
}
#grandformat .information .icon {
	width: 12%;
	float: left;
}
#grandformat .information .text {
	width: 88%;
	float: left;
	padding-left: 64px;
}




/*----- / Grand Format ------*/








/*---------------------------------------------- Featured --------------------------------------------*/


#featured {
	height: 240px;
}
#featured .services .box-3 {
	width: 40%;
}
#featured .services .box-1 .information, #featured .services .box-3 .information {
	width: 50%;
	float: left;
}
#featured .services .box-3 .information::before {
	border-right: 10px solid #00aeef;
	transition: all 0.3s ease-out;
}
#featured .services .box-3:hover .information::before {
	border-right: 10px solid #adadad;
}
#featured .services .box-2 {
	background-color: #e0e0e0;
	transition: all 0.3s ease-out;
}
#featured .services .box-2:hover {
	background-color: #adadad;
}


/*----- / Featured ------*/








/*---------------------------------------------- Corporate --------------------------------------------*/


#corporate {
	height: 960px;
}
.messageform .heading {
	height: 33.33%;
	background-color: #ffffff;
}
.messageform .indicator {
	position: absolute;
	top: 33.33%;
	left: 50%;
}
.messageform .indicator::before {
	width: 0;
	height: 0;
	position: relative;
	top: 12px;
	content: '';
	border-top: 14px solid #ffffff;
	border-right: 14px solid transparent;
	border-left: 14px solid transparent;
}
.messageform .backdrop {
	height: 66.66%;
	background-position: center center;
	background-attachment: fixed;
}
.messageform {
	position: relative;
}
.messageform .message div.wpcf7 {
	height: 64%;
	background-color: rgba(0, 0, 0, 0.72);
	padding-top: 40px;
	padding-right: 80px;
	padding-bottom: 40px;
	padding-left: 80px;
}
.messageform, .messageform .backdrop .inside, .messageform .container, .messageform .row, .messageform .message, .messageform .message .wpcf7-form, .messageform .message .messageform-wrapper, .messageform .heading .information, .messageform .heading .image {
	height: 100%;
}
.messageform .wpcf7 textarea {
	height: 96px;
}
.messageform .wpcf7 .messageform-top input, .messageform .wpcf7 textarea, .messageform .search-query {
	background: none;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #d6d6d6;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #d6d6d6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d6d6d6;
	border-left-width: 0;
	border-left-style: solid;
	border-left-color: #d6d6d6;
	transition: all .3s ease-out;
	padding: 8px 0 4px 8px;
	max-width: none;
	color: #ffffff;
}
.messageform input[type="text"]:focus, .messageform input[type="email"]:focus, .messageform textarea:focus, .messageform input[type="tel"]:focus, .messageform .screen-reader-text:focus, .messageform .form-search {
	color: #ffffff;
	box-shadow: none;
}
.messageform .message .messageform-top p, .messageform .message .messageform-bottom p.verify {
	margin-bottom: 16px;
	color: #ffffff;
	font-size: 13px;
}
.messageform .message .messageform-send .wpcf7-form-control-wrap {
	margin-left: 8%;
}
.messageform .message .messageform-left {
	width: 33.33%;
	float: left;
	padding-right: 32px;
}
.messageform .message .messageform-center {
	width: 33.33%;
	float: left;
	padding-right: 16px;
	padding-left: 16px;
}
.messageform .message .messageform-right {
	width: 33.33%;
	float: left;
	padding-left: 32px;
}
.messageform .message {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.messageform .message .messageform-send {
	text-align: center;
}
.messageform .message .wpcf7 input.wpcf7-submit {
	background: #222222;
	border: 1px solid #525252;
	transition: all .3s ease-out;
	border-radius: 3px;
	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
	font-size: 14px;
	padding-top: 16px;
	padding-right: 32px;
	padding-bottom: 16px;
	padding-left: 32px;
}
.messageform .message div.wpcf7 .ajax-loader {
	display: none;
}
.messageform .messageform-send {
    -webkit-transform: scale(0.84, 0.84);
    -ms-transform: scale(0.84, 0.84);
    transform: scale(0.84, 0.84);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}
.messageform .messageform-top {
	height: 55%;
}
.messageform .messageform-bottom {
	height: 45%;
}
.messageform .heading .information {
	float: left;
}
.messageform .heading .image {
	width: 24%;
	float: left;
}
.messageform .heading h2.subtitle, .messageform .heading h3.extra {
	color: #adadad;
	font-weight: 500;
}
.messageform .heading div.detail {
	background-color: #adadad;
}




/*----- / Corporate ------*/







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


#map {
	height: 320px;
}
#map .map {
	height: 100%;
	position: relative;
	padding-bottom: 26%;
	padding-top: 0;
}
#map .map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}







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







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


#message {
	height: 960px;
}


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






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


.footerclass {
	background: #212121;
}
#containerfooter {
	padding-top: 0;
}
#containerfooter h3 {
	color: #ffffff;
	font-size: 12px;
	font-weight: 500;
	margin-top: 16px;
}
#containerfooter .columns {
	padding-top: 48px;
	padding-bottom: 24px;
}
#containerfooter .sf-menu li {
	float: none;
}
#containerfooter .sf-menu a {
	padding: 0;
	text-align: left;
}
#containerfooter .sf-menu a, #containerfooter .sf-menu li, #containerfooter .footer-aboutus h1.title, #containerfooter .footer-aboutus h2.subtitle, #containerfooter .footer-aboutus h4.extra, #containerfooter .footer-aboutus p, #containerfooter .footer-important a {
	color: #adadad;
	font-size: 12px;
	line-height: 18px;
}
.footercredits p a {
	color: #ffffff;
}
#containerfooter .search-query {
	background: none;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #d6d6d6;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #d6d6d6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d6d6d6;
	border-left-width: 0;
	border-left-style: solid;
	border-left-color: #d6d6d6;
	transition: all .3s ease-out;
	padding: 8px 0 4px 8px;
	max-width: none;
}
#containerfooter .footer-search .search-query {
	border-bottom-color: #7f7f7f;
}
#containerfooter input[type="text"]:focus, #containerfooter .form-search {
	color: #ffffff;
	box-shadow: none;
}
#containerfooter .search-query {
	padding: 8px 8px 8px 38px;
}
#containerfooter .form-search .search-icon {
	font-size: 18px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#containerfooter .form-search .search-icon {
	color: #ec008c;
}
#containerfooter .virtue_social_widget a {
	background: none;
	color: #adadad;
}
#containerfooter .virtue_social_widget .googleplus_link:hover, #containerfooter .virtue_social_widget .twitter_link:hover, #containerfooter .virtue_social_widget .facebook_link:hover, #containerfooter .virtue_social_widget .linkedin_link:hover, #containerfooter .virtue_social_widget .youtube_link:hover, #containerfooter .virtue_social_widget .instagram_link:hover {
	background: none;
}
#containerfooter .virtue_social_widget .tooltip-inner {
	background-color: #ffffff;
	color: #212121;
}
#containerfooter .tooltip.in {
    opacity: 1.0;
    filter: alpha(opacity=100)
}
#containerfooter .virtue_social_widget .googleplus_link + .tooltip.top .tooltip-arrow {
	border-top-color: #ffffff;
}
#containerfooter .virtue_social_widget .twitter_link + .tooltip.top .tooltip-arrow {
	border-top-color: #ffffff;
}
#containerfooter .virtue_social_widget .facebook_link + .tooltip.top .tooltip-arrow {
	border-top-color: #ffffff;
}
#containerfooter .virtue_social_widget .linkedin_link + .tooltip.top .tooltip-arrow {
	border-top-color: #ffffff;
}
#containerfooter .virtue_social_widget .youtube_link + .tooltip.top .tooltip-arrow {
	border-top-color: #ffffff;
}
#containerfooter .virtue_social_widget .instagram_link + .tooltip.top .tooltip-arrow {
	border-top-color: #ffffff;
}
#containerfooter .virtue_social_widget a.googleplus_link i {
	font-size: 23px;
}
#containerfooter .virtue_social_widget a.twitter_link i {
	font-size: 24px;
}
#containerfooter .virtue_social_widget a.facebook_link i {
	font-size: 24px;
}
#containerfooter .virtue_social_widget a.linkedin_link i {
	font-size: 25px;
}
#containerfooter .virtue_social_widget a.youtube_link i {
	font-size: 24px;
}
#containerfooter .virtue_social_widget a.instagram_link i {
	font-size: 24px;
}
.footer-aboutus h1.title, #containerfooter .footer-aboutus h2.subtitle, #containerfooter .footer-aboutus h4.extra {
	font-weight: 400;
}
#containerfooter .footer-aboutus p a {
	color: #ffffff;
}




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







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


.color_gray, .subhead {
	display: none;
}

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




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


}

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

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

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

@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 ------*/
	
	
	#nav-main ul.sf-menu {
		display: block;
	}
	#topbar .left {
		display: none;
	}
	#services {
		height: 1200px;
	}	
	#services .services .box {
		width: 50%;
		height: 33.33%;
	}
	#services .services .box-1, #services .services .box-8 {
		width: 100%;
	}
	#imageslider .envolve {
		width: 75%;
	}
	#featured {
		height: 600px;
	}
	#featured .services .box {
		width: 100%;
		height: 33.33%;
	}
	
	
	
	
	
	
	
}

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

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

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

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

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

@media(max-width: 800px) { /*----- 832-32= 800px iPad Portrait por Virtue 991px ------*/
	
	
	
	#menubar {
		height: 320px;
		padding-bottom: 32px;
	}
	#menubar .left {
		width: 100%;
		height: 66.66%;
		float: none;
	}
	#menubar .right {
		width: 100%;
		height: 33.33%;
		float: none;
	}
	.flex-control-nav, .flex-direction-nav {
		display: none;
	}
	#menubar .height-middle {
		width: auto;
	}
	#menubar #logo {
		width: auto;
	}
	#menubar .container {
		width: auto;
	}
	#corporate {
		height: 1200px;
	}
	.messageform .heading {
		height: 25%;
	}
	.messageform .indicator {
		top: 25%;
	}
	.messageform .backdrop {
		height: 75%;
	}
	.messageform .message div.wpcf7 {
		height: 88%;
	}
	.messageform .message .messageform-left {
		width: 100%;
		float: none;
		padding-right: 0;
	}
	.messageform .message .messageform-center {
		width: 100%;
		float: none;
		padding-right: 0;
		padding-left: 0;
	}
	.messageform .message .messageform-right {
		width: 100%;
		float: none;
		padding-left: 0;
	}
	#grandformat .image, .messageform .backdrop {
		background-attachment: scroll;
	}
	
	
	
	
	
}

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

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

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

@media(max-width: 672px) { /*----- 704-32= 672px ------*/
	
	
	#topbar {
		height: 128px;
	}
	#topbar .right {
		width: 50%;
		margin: 0 auto 0 auto;
	}
	#topbar .right ul.sf-menu {
		width: 100%;
		float: none;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	#topbar .right .sf-menu li {
		width: 100%;
		height: 33.33%;
		float: none;
	}
	#topbar .right .sf-menu li.phone.desktop, #topbar .right .sf-menu li.phone-secondary.desktop {
		display: none;
	}
	#topbar .right .sf-menu a {
		color: #333333;
		height: 90%;
		background-color: #ffffff;
		padding-left: 0;
		border-radius: 6px;
	}
	#menubar #flash {
		width: 120px;
		top: -140px;
	}
	#topbar .right .sf-menu li.whatsapp a .icon {
		background-image: url("https://www.bigtree.mx/wp-content/themes/virtue-child/images/icon-gray-whatsapp.png");
	}
	#headerclass.sticky #nav-top .sf-menu li.whatsapp #whatsapp-float a {
		background-color: transparent;
	}
	#headerclass.sticky #nav-top .sf-menu li.whatsapp #whatsapp-float a .icon {
		background-image: url("https://www.bigtree.mx/wp-content/themes/virtue-child/images/icon-whatsapp.png");
	}
	.messageform .heading .image {
		width: 32%;
	}
	#topbar .right .sf-menu li.cellphone, #topbar .right .sf-menu li.escribenos {
		display: none;
	}
	#menubar #flash {
		display: none;
	}
	#menubar .right {
		display: none;
	}
	#menubar {
		height: 104px;
	}
	#menubar .left {
		height: 100%;
	}
	#menubar .right {
		display: none;
	}
	#menubar #logo .kad-standard-logo, #menubar #logo .kad-retina-logo {
		width: 68px;
	}
	#menubar {
		padding-bottom: 0;
	}
	
	
	
}

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

@media(max-width: 608px) { /*----- 640-32= 608px Moto G Plus Landscape ------*/
	
	
	
	
	
	
	
	
	
}

@media(max-width: 576px) { /*----- 608-32= 576px ------*/
	
}

@media(max-width: 544px) { /*----- 576-32= 544px ------*/
	
	
	#topbar .right {
		width: 64%;
	}
	#nav-main .sf-menu li {
		float: none;
	}
	#imageslider .envolve {
		width: 100%;
	}
	#grandformat {
		height: 800px;
	}
	#grandformat .image .wrapper {
		bottom: 0;
		left: 12.5%;
		width: 64%;
	}
	#grandformat .image {
		height: 33.33%;
	}
	#grandformat .information {
		height: 66.66%;
	}
	#grandformat .indicator {
		top: 33.33%;
	}
	#grandformat .information .icon {
		width: 18%;
		float: none;
	}
	#grandformat .information .text {
		width: 100%;
		float: none;
		padding-left: 0;
	}
	.float-menu {
		display: none;
	}
	
	
	
	
	
}

@media(max-width: 480px) { /*----- 512-32= 480px iPhone 4s Retina Landscape ------*/
	
	
	
	
	
	
	
	
}

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

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

	#grandformat {
		height: 680px;
	}
	.messageform .heading .image {
		width: 40%;
	}
	
	
	
	
}

@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 ------*/
	
	
	
	.topclass {
		background: #f00;
	}
	
}







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