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



Red: #c90a0e rgba(201, 10, 14, 1.0)
Blue: #00183e rgba(0, 24, 62, 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, #payment #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, .home #topbar .headersocials .virtue_social_widget a:hover, .home #topbar #address .sf-menu a:hover, #topbar .headersocials .virtue_social_widget a:hover, #topbar #address .sf-menu a:hover, #headerinfo #nav-second ul.sf-menu > li > a:hover {
    color: #bfbfbf;
}
.home #headerinfo #nav-second ul.sf-menu > li > a, #headerinfo #nav-second ul.sf-menu > li > a, #topbar .headersocials .virtue_social_widget a, #topbar #address .sf-menu a, section.main-slider .information h2.subtitle a.link, #nav-main ul.sf-menu a, .single.postid-45 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption, #individuals .information h2.subtitle a.link, #individuals .box:nth-of-type(even) .information p.description, #individuals .information p.excerpt, section.featured .information h2.subtitle a.link {
    color: #00183e;
}
#individuals .box .image .wrapper, #individuals .box .information .wrapper, #individuals .box .information, .single.postid-45 .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image, .single.postid-45 .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img, section.kits .information .left .envolve, section.kits .information .right .top .inside, section.kits .information .right .bottom .bottom-left .wrapper, section.kits .information .right .bottom .bottom-right .wrapper {
    border-radius: 12px;
}
body #wrapper, h1, h2, h3 {
	color: #777777;
}
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;
}
#content .entry-content p {
	margin-bottom: 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: #001126;
	bottom: 0;
	height: 56px;
	width: 56px;
	border-radius: 32px;
}
#topcontrol > div:hover {
	background: #ec008c;
}
#topcontrol .to_the_top > div {
 	font-size: 21px;
 	padding-top: 17px;
}
[class*="wp-image"] {
	border: none;
	box-shadow: none;
}
.entry-content h1, .entry-content h2, .entry-content h3 {
    margin-bottom: 0;
}
#content .entry-content p {
	margin-bottom: 0;
}
.home .contentclass {
    height: 100%;
}
a.linkage, span.linkage, #message input.wpcf7-submit {
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    color: #ffffff;
    border-radius: 24px;
    font-weight: 600;
    background-color: #000000;
}
a.linkage:hover, span.linkage:hover {
    color: #adadad;
}
a.link {
    color: #ffffff;
	display: inline-block;
}
a.link, a.linkage, #message .wpcf7 input.wpcf7-submit, #contact_nav .sf-menu li.whatsapp #floating.sticky {
    transition: all .3s ease-out;
}
a.link-disable {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
.entry-content h2 {
    font-size: 18px;
}
body #wrapper, h1, h2, h3 {
    color: #000000;
}
.postmeta, .subhead {
    display: none;
}
a.x_link {
	display: none;
}
#topbar .kad-topbar-center, #headerinfo .header-right .info, section.primary-slider .sliderclass .information h1.title {
	font-weight: 300;
	font-size: 16px;
	letter-spacing: 0.5px;
}
#topbar #topbar-slider a.link, .home #headerinfo .header-left #nav-main ul.sf-menu a.link, .home #topbar.topclass .kad-topbar-left .phone a.link, section.primary-slider .sliderclass .information h3.extra a, section.primary-slider #slogan p {
	color: #ffffff;
}
section.products .list .information a.link, .home #topbar.topclass .kad-topbar-right a {
	color: #000000;
}
section.products .list .information h2.subtitle, section.sold .information h2.subtitle {
	font-size: 21px;
}
section.products .list .information span.icon i, section.sold .information h2.subtitle span.icon i {
	color: #c90a0e;
}
#information-format .information .heading .square {
	background-color: #c90a0e;
}
#topbar.topclass .kad-topbar-left .phone a.link {
	color: #001123;
}





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





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



#topbar.topclass {
	height: 152px;
	background: none;
	border-bottom-color: rgba(13, 42, 69, 0.32);
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
.home #topbar.topclass {
	height: 128px;
	border-bottom-width: 0;
}
#topbar.topclass .container, #topbar.topclass .row, #topbar.topclass .kad-topbar-center, #topbar.topclass .kad-topbar-center .phone, #topbar.topclass .kad-topbar-center .phone a.link, #topbar.topclass .kad-topbar-left, #topbar.topclass .kad-topbar-left, .brand, #topbar.topclass .kad-topbar-left .logocase, #topbar.topclass .kad-topbar-left .thelogo, #topbar.topclass .kad-topbar-left a, #topbar.topclass .kad-topbar-left .inside,  #topbar.topclass .kad-topbar-right, #topbar.topclass .kad-topbar-right .headersocials, #topbar.topclass .kad-topbar-right .inside, #topbar.topclass .kad-topbar-right .virtue_social_widget, #topbar.topclass .kad-topbar-right a, #topbar #topbar-slider .container, #topbar #topbar-slider .row, #topbar #topbar-slider section.text-slider, #topbar #topbar-slider .sheath, #topbar #topbar-slider #nav-text-slider, #topbar #topbar-slider .kt-slickslider, #topbar #topbar-slider .slick-list, #topbar #topbar-slider .slick-track, #topbar #topbar-slider .box, #topbar #topbar-slider a {
	height: 100%;
}
#topbar.topclass #topbar-slider {
	height: 30%;
	background-color: #00183e;
	border-bottom-color: rgba(255, 255, 36, 0.56);
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#topbar.topclass #topbar-info {
	height: 70%;
}
.home #topbar.topclass #topbar-info, .home #headerinfo {
	background-color: rgba(0, 24, 62, 0.32);
}
#topbar .kad-topbar-left {
	width: 33.33%;
	float: left;
}
#topbar .kad-topbar-center {
	width: 33.33%;
	float: left;
}
#topbar .kad-topbar-right {
	width: 33.33%;
	float: left;
}
#topbar .kad-topbar-center .phone {
	float: left;
	text-align: center;
	width: 100%;
}
#topbar .kad-topbar-center a.link {
	color: #00183e;
}
.home #topbar .kad-topbar-center a.link {
	color: #ffffff;
}
#topbar .kad-topbar-center .wrapper {
	position: relative;
}
#topbar .kad-topbar-center .info {
	float: left;
	padding-left: 32px;
}
#topbar .kad-topbar-center .icon {
	position: absolute;
	left: 0;
	top: 0;
}
#topbar .kad-topbar-center .phone .icon i {
	font-size: 21px;
}
#topbar .kad-topbar-left #logo {
	padding-top: 0;
	padding-bottom: 0;
}
#topbar .kad-topbar-left .brand a {
	display: inline-block;
	width: 100%;
}
#topbar .kad-topbar-left .wrapper {
	position: relative;
	left: -52px;
}
#topbar .kad-topbar-left .brand img {
	width: 44.8%;
	height: auto;
}
#topbar .kad-topbar-left .brand .wrapper-1 {
	display: none;
}
.home #topbar .kad-topbar-left .brand .wrapper-1 {
	display: block;
}
.home #topbar .kad-topbar-left .brand .wrapper-2 {
	display: none;
}
#topbar.topclass .kad-topbar-right a {
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	background: none;
	float: right;
}
#topbar.topclass .kad-topbar-right a i {
	font-size: 21px;
}
#topbar .kad-topbar-left {
	font-size: 13px;
}
#topbar #topbar-slider .kt-slickslider .slick-prev, #topbar #topbar-slider .kt-slickslider .slick-next {
	display: none !important;
}
#topbar #topbar-slider a.link {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 13px;
}
#topbar #topbar-slider a.link {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 15px;
}








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






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




.home .wide #wrapper.container {
    position: relative;
}
.home .headerclass {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
}
#headerinfo {
	height: 48px;
	padding-bottom: 8px;
}
#headerinfo .container, #headerinfo .row, #headerinfo .header-left, #headerinfo .header-left .menuclass, #headerinfo .header-left .navclass, #headerinfo .header-left #nav-main, #headerinfo .sf-menu, #headerinfo .header-left .sf-menu li, #headerinfo .header-left .sf-menu li a, #headerinfo .header-right, #headerinfo .header-right .whatsapp, #headerinfo .header-right a {
	height: 100%;
}
#headerinfo .navclass {
	background: none;
}
#headerinfo .header-left {
	width: 50%;
	float: left;
}
#headerinfo .header-right {
	width: 50%;
	float: left;
}
#headerinfo .header-left #nav-main {
	margin-top: 0;
	margin-bottom: 0;
}
#headerinfo .header-left #nav-main ul.sf-menu {
	float: left;
}
#headerinfo .header-left #nav-main ul.sf-menu a {
	padding-top: 0;
	padding-right: 21px;
	padding-bottom: 0;
	padding-left: 21px;
}
#headerinfo .header-left #nav-main ul.sf-menu li:first-child a {
	padding-left: 0;
}
#headerinfo .header-right .floating {
	width: auto;
	display: inline-block;
	float: right;
}
#headerinfo .header-right #floating a {
	padding-top: 0;
	padding-right: 36px;
	padding-bottom: 0;
	padding-left: 36px;
	background-color: #00183e;
	border-radius: 24px;
	color: #ffffff;
}
.home #headerinfo .header-right #floating a {
	background-color: #ffffff;
	color: #000000;
}
#headerinfo .header-right .wrapper {
	position: relative;
}
#headerinfo .header-right .icon {
	position: absolute;
	top: -3px;
	left: 0;
}
#headerinfo .header-right .icon i {
	font-size: 24px;
}
#headerinfo .header-right .info {
	padding-left: 32px;
	font-weight: 500;
}





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






/*---------------------------------------------- Sticky --------------------------------------------*/






#headerclass.sticky {
    position: fixed;
	background-color: #00183e;
	z-index: 999;
	height: 88px;
	width: 100%;
}
#headerclass.sticky .envolve, #headerclass.sticky #topbar.topclass {
	height: 100%;
}
#headerclass.sticky #topbar.topclass {
	width: 100%;
}
#headerclass.sticky .envolve {
	position: relative;
}
#headerclass.sticky #topbar .kad-topbar-left .brand {
  	position: absolute;
	top: 0;
	left: 24px;
	z-index: 999;
}
#headerclass.sticky #topbar.topclass #topbar-slider {
  height: 50%;
  border-bottom-width: 0;
}
#headerclass.sticky #topbar.topclass #topbar-info {
	height: 50%;
}
#headerclass.sticky #topbar .kad-topbar-left {
  	width: 100%;
  	float: none;
}
#headerclass.sticky #headerinfo {
 	position: absolute;
	width: 100%;
	height: 50%;
	bottom: 0;
	left: 0;
}
#headerclass.sticky #topbar .kad-topbar-right {
 	display: none;
}
#headerclass.sticky #headerinfo .container {
 	width: auto;
}
#headerclass.sticky #topbar .kad-topbar-left .wrapper {
  	left: 0;
}
#headerclass.sticky #headerinfo .header-left #nav-main ul.sf-menu {
  	float: right;
}
#headerclass.sticky #headerinfo .header-left {
  	width: auto;
	float: none;
}
#headerclass.sticky #text-slider #nav-text-slider {
  	width: 40%;
	float: right;
	border-bottom-color: rgba(255, 255, 255, 0.32);
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#headerclass.sticky #nav-main ul.sf-menu a {
	color: #ffffff;
}
#headerclass.sticky #topbar .kad-topbar-left .brand .wrapper-1 {
	display: block;
}
#headerclass.sticky #topbar .kad-topbar-left .brand .wrapper-2 {
	display: none;
}
#headerclass.sticky #headerinfo #floating.whatsapp a.link {
	position: fixed;
	top: 108px;
	right: 8px;
	height: auto;
	width: auto;
	background-color: transparent;
	padding-right: 0;
	padding-left: 0
}
#headerclass.sticky #headerinfo #floating.whatsapp a.link .icon {
	position: static;
	top: auto;
	left: auto;
	background-color: #00c163;
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 14px;
	padding-left: 14px;
	color: #ffffff;
	border-radius: 32px;
	float: right;
}
#headerclass.sticky #headerinfo #floating.whatsapp a.link .icon i {
	font-size: 30px;
}
#headerclass.sticky #headerinfo #floating.whatsapp a.link .info {
	background-color: #00c163;
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 14px;
	padding-left: 14px;
	color: #ffffff;
	border-radius: 32px;
	float: right;
	margin-top: 8px;
	margin-right: 4px;
}
#headerclass.sticky #headerinfo .header-right .wrapper {
	position: static;
}
#headerclass.sticky #topbar .kad-topbar-center {
 	display: none;
}





/*----- / Sticky ------*/





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


section.primary-slider .sliderclass {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
section.primary-slider .image {
    height: 720px;
	background-color: rgba(8, 32, 58, 1.0);
}
section.primary-slider .image figure {
    height: 100%;
	opacity: 1.0;
}
section.primary-slider #slogan .envolve {
    width: 50%;
	float: left;
}
section.primary-slider #slogan p {
	font-size: 24px;
	font-weight: 500;
	line-height: 24px;
}
section.primary-slider .sliderclass .information {
    position: absolute;
	bottom: 128px;
	left: 0;
	width: 100%;
}
section.primary-slider .sliderclass .information .envolve {
	width: 50%;
}
section.primary-slider .sliderclass .information .wrapper {
	width: 100%;
}
section.primary-slider .sliderclass .information h1.title {
	font-weight: 600;
	font-size: 88px;
	line-height: 88px;
	margin-bottom: 18px;
}
section.primary-slider .sliderclass .information h3.extra {
	font-size: 15px;
}
section.primary-slider .sliderclass .flex-direction-nav {
	display: none;
}
section.primary-slider .sliderclass .flex-control-paging li a {
    width: 16px;
    height: 16px;
    border-width: 1px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.32);
    background: rgba(255, 255, 255, 0.24)
}
section.primary-slider .sliderclass .flex-control-paging li a.flex-active {
    background: #ffffff;
}
section.primary-slider .sliderclass .flex-control-nav {
	bottom: 72px;
}






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






/*---------------------------------------------- Information Format --------------------------------------------*/






#information-format, #information-format .sheath, #information-format .image, #information-format .information, #information-format .information .container, #information-format .information .row {
	height: 100%;
}
#information-format .sheath {
	position: relative;
}
#information-format .information {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
#information-format .information .envolve {
	background-color: #ffffff;
	padding-top: 48px;
	padding-right: 64px;
	padding-bottom: 48px;
	padding-left: 64px;
	margin-bottom: 48px;
	margin-left: 256px;
	box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
	position: relative;
}
#information-format .information .envolve::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 #ffffff;
  	transition: all 0.3s ease-out;
}
#information-format .information .heading {
	margin-bottom: 12px;
	position: relative;
}
#information-format .information .heading .square {
	position: absolute;
	top: 8px;
	left: 260px;
	width: 36px;
	height: 8px;
	border-radius: 12px;
}
#information-format .information .heading h1.title {
	font-size: 24px;
	font-weight: 500;
}
#information-format .image {
	width: 75%;
	float: left;
	overflow: hidden;
}
#information-format .image img {
	width: 100%;
	height: auto;
}





/*----- / Information Format ------*/







/*---------------------------------------------- Quality Section --------------------------------------------*/



section.quality {
	background-color: #fafafa;
	height: 680px;
	padding-top: 72px;
	padding-bottom: 72px;
}



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





/*---------------------------------------------- Sold Section --------------------------------------------*/



section.sold {
	padding-top: 96px;
	padding-bottom: 172px;
}
section.sold .heading h1.title {
	text-align: center;
}
section.sold .list .information a.link {
	color: #000000;
	font-weight: 500;
	text-align: center;
	display: inline-block;
	width: 100%;
}
section.sold .information h2.subtitle span {
	display: block;
}
section.sold .information h2.subtitle span.text {
	font-size: 16px;
	margin-bottom: 4px;
}
section.sold .kt-slickslider .slick-prev, section.sold .kt-slickslider .slick-next {
	background-color: transparent;
	opacity: 1.0;
	width: 64px;
	height: 64px;
	background-image: url("https://www.envasesplasticos.mx/wp-content/themes/virtue-child/images/slide_direction.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top left;
}
section.sold .kt-slickslider .slick-prev::before, section.sold .kt-slickslider .slick-next::before {
	content: none;
}
section.sold .kt-slickslider .slick-prev {
	background-position: 0% 80%;
	top: auto;
	bottom: -144px;
	left: 44%;
}
section.sold .kt-slickslider .slick-next {
	background-position: 100% 80%;
	top: auto;
	bottom: -144px;
	right: 44%;
}




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





/*---------------------------------------------- Our Products Section --------------------------------------------*/



section.ourproducts {
	background-color: #fafafa;
	height: 680px;
	padding-top: 72px;
	padding-bottom: 72px;
}



/*----- / Our Products Section ------*/






/*---------------------------------------------- Price Section --------------------------------------------*/



section.price {
	background-color: #fafafa;
	height: 680px;
	padding-top: 72px;
	padding-bottom: 72px;
}
section.price #information-format .image {
	float: right;
}
section.price #information-format .information .envolve {
	margin-right: 256px;
	margin-left: 0;
}
section.price #information-format .information .envolve::before {
  	left: 0;
	right: -100%;
}





/*----- / Price Section ------*/





/*---------------------------------------------- Products Section --------------------------------------------*/




section.products {
	background-color: #f0f0f0;
	padding-top: 96px;
	padding-bottom: 80px;
}
section.products .left, section.products .envolve, section.products .list .image, section.products .right, section.products .information {
	height: 100%;
}
section.products .left {
	width: 50%;
	float: left;
	padding-right: 8px;
}
section.products .right {
	width: 50%;
	float: left;
	padding-left: 8px;
}
section.products .list {
	height: 240px;
}
section.products .list .envolve {
	box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
}
section.products .list .image {
	width: 50%;
	float: left;
 	overflow: hidden;
}
section.products .information {
	width: 50%;
	float: left;
	position: relative;
	background-color: #ffffff;
}
section.products .image img {
  	width: 100%;
  	height: auto;
	margin-top: -56px;
}
section.products .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 #ffffff;
  	transition: all 0.3s ease-out;
}
section.products .heading {
  	margin-bottom: 24px;
}
section.products .heading h1.title {
  	text-align: center;
}
section.products .list .information span {
	display: block;
}
section.products .list .information span.icon {
	text-align: center;
}






/*----- /  Products Section ------*/








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



section.message {
	height: 560px;
	padding-top: 32px;
	padding-bottom: 32px;
    margin-top: 12px;
}
section.message #message .heading {
	height: 25%;
}
section.message #message .fields {
	height: 75%;
}
section.message .container, section.message .row, section.message #message {
	height: 100%;
}
#message .wpcf7 .wpcf7-form-control-wrap 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;
	transition: all .3s ease-out;
	padding: 8px 0 4px 0;
	color: #000000;
}
#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: #9e9e9e;
	margin-bottom: 32px;
}
#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;
}
section.message #message .heading h1.title {
	padding-right: 48px;
	padding-bottom: 8px;
	padding-left: 48px;
}
section.message #message .heading .line-container .line-box::before, section.message #message .heading .line-container .line-box::after {
	border-bottom-color: #777777;
}
section.message #message .heading .line-container .line-box i {
	color: #777777;
}





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







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


section.map {
    background-color: #f0f0f0;
}
section.map .heading {
    padding-top: 80px;
    padding-bottom: 56px;
}
section.map .wrapper {
	position: relative;
	padding-bottom: 24%;
	padding-top: 25px;
	height: 0px;
}
section.map .wrapper iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}




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








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


.footerdata {
	background-color: #ffffff;
	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: #000000;
    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 .footer-search .form-search .search-icon {
	color: #c90a0e;
}
#containerfooter .footer-search .form-search .search-icon {
	color: #c90a0e;
}
#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: #525252;
}
#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: #000000;
	border-radius: 12px;
}
#containerfooter .form-search .search-query {
	background-color: transparent;
	border: none;
	color: #000000;
}
#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: #000000;
}
#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 ------*/









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




.product_item .notrated {
  	display: none;
}
.product .product_item .product_details h5 {
	line-height: normal;
	font-weight: 600;
	font-style: normal;
}


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






/*---------------------------------------------- Woocommerce - Archive - 19 --------------------------------------------*/


section.products-format .box {
	width: 33.33%;
	height: 360px;
	float: left;
	margin-bottom: 24px;
}
section.products-format .box .envolve {
	height: 100%;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
	margin-right: 12px;
	margin-left: 12px;
}
section.products-format .box .heading {
	position: relative;
	height: 50%;
}
section.products-format .box .list {
	position: relative;
	height: 50%;
	background-color: #ffffff;
}
section.products-format .box .information {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -14px;
	text-align: center;
	z-index: 9;
}
section.products-format .box .image {
	height: 100%;
	overflow: hidden;
}
section.products-format .box .image img {
	width: 100%;
	height: auto;
}
.archive.term-19 section.products-format .box-1 .image img {
	margin-top: -48px;
}
.archive.term-19 section.products-format .box-2 .image img {
	margin-top: -104px;
}
.archive.term-19 section.products-format .box-4 .image img {
	margin-top: -52px;
}
.archive.term-19 section.products-format .box-5 .image img {
	margin-top: -96px;
}
.archive.term-19 section.products-format .box-6 .image img {
	margin-top: -96px;
}
.archive.term-19 section.products-format .box-8 .image img {
	margin-top: -96px;
}
.archive.term-19 section.products-format .box-9 .image img {
	margin-top: -116px;
}
section.products-format .box .information h2.subtitle {
	font-size: 14px;
	border-color: #000000;
	border-style: solid;
	border-width: 2px;
	border-radius: 24px;
	display: inline-block;
	width: auto;
	padding-top: 8px;
	padding-right: 24px;
	padding-bottom: 8px;
	padding-left: 24px;
	background-color: #000000;
	color: #ffffff;
}
section.products-format .box .list .inside {
	height: 100%;
	padding-top: 48px;
	padding-right: 32px;
	padding-bottom: 24px;
	padding-left: 32px;
}
section.products-format .box .list .item a.link {
	color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
	display: inline-block;
}
section.products-format .box .list .item a.link:hover {
	color: #adadad;
}
section.products-format .box .list .item a.link .wrapper {
	position: relative;
}
section.products-format .box .list .item a.link .icon {
	position: absolute;
	top: 0;
	left: 0;
}
section.products-format .box .list .item a.link .text {
	padding-left: 24px;
}
.archive.term-86 section.products-format .box-1 .image img {
	margin-top: -64px;
}
.archive.term-86 section.products-format .box-2 .image img {
	margin-top: -128px;
}
.archive.term-86 section.products-format .box-3 .image img {
	margin-top: -128px;
}
.archive.term-86 section.products-format .box-5 .image img {
	margin-top: -88px;
}
.archive.term-86 section.products-format .box-7 .image img {
	margin-top: -32px;
}
.archive.term-86 section.products-format .box-8 .image img {
	margin-top: -88px;
}
.archive.term-86 section.products-format .box-10 .image img {
	margin-top: -64px;
}



/*----- /  Woocommerce - Archive - 19 ------*/







/*---------------------------------------------- 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 ------*/
    
	
	
	
	
	
	
	section.products .image img {
		margin-top: 0;
	}
	
	
	
	
	
}

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

	
	
	
	
	
	
	
	
	
	
	section.products .heading h1.title, section.sold .heading h1.title, section.message .heading h1.title, section.map .heading h1.title {
	  	font-size: 32px
	}
	section.primary-slider .sliderclass .information h1.title {
	  	font-size: 80px;
		line-height: 80px;
	}
	#headerinfo .header-left {
		width: 66.66%;
	}
	#headerinfo .header-right {
		width: 33.33%;
	}
	
	
	
}

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

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

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

@media(max-width: 1056px) { /*----- 1088-32= 1056px ------*/
	
	
	
	#topbar .kad-topbar-left .wrapper {
		position: static;
	}
	section.sold .kt-slickslider .slick-prev {
		left: 42%;
	}
	section.sold .kt-slickslider .slick-next {
		right: 42%;
	}
	
	
	
	
	
	
	
	
	
	
	
	
}

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

@media(max-width: 991px) { /*----- 1024-32= 992px por Virtue 991px ------*/
	
	
	
	
	
	#headerinfo .header-right {
	 	width: 66.66%;
	}
	#headerinfo .header-left {
	 	display: none;
	}
	#headerclass .nav-trigger-case {
	  	width: auto;
		border-radius: 32px;
		top: -48px;
	}
	#headerclass .mobileclass {
		background-color: #ffffff;
		border-radius: 18px;
	}
	#headerclass .nav-trigger-case .kad-menu-name {
		font-weight: 600;
		font-size: 17px;
		padding-top: 0;
		padding-right: 72px;
		padding-bottom: 0;
		padding-left: 48px;
		line-height: 40px;
	}
	#headerclass .nav-trigger-case .kad-navbtn {
		padding-top: 0;
		padding-right: 32px;
		padding-bottom: 0;
		padding-left: 0;
		line-height: 40px;
	}
	section.primary-slider .sliderclass .information h1.title {
	  	font-size: 72px;
		line-height: 72px;
	}
	#topbar .kad-topbar-left .brand img {
		width: 52%;
	}
	#headerclass.sticky #text-slider #nav-text-slider {
		border-bottom-width: 0;
	}
	#topbar .kad-topbar-left .brand img {
		width: 52%;
	}
	#headerclass.sticky #topbar .kad-topbar-left .brand img {
		width: 44.8%;
	}
	section.products .list {
		height: 560px;
	}
	section.products .left {
		width: 100%;
		height: 50%;
		float: none;
		padding-right: 0;
		margin-bottom: 16px;
	}
	section.products .right {
		width: 100%;
		height: 50%;
		float: none;
		padding-left: 0;
		margin-bottom: 16px;
	}
	#information-format .information .envolve p {
		line-height: 21px;
	}
	section.quality, section.price, section.ourproducts {
		height: 560px;
	}
	section.map .wrapper {
		padding-bottom: 48%;
	}
	section.products-format .box {
	  	width: 50%;
	}
	
	
	
	
	
	
	
	
}

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

@media(max-width: 928px) { /*----- 960-32= 928px ------*/
	
	
	
	section.primary-slider .image {
		height: 640px;
	}
	section.primary-slider .bottom {
		display: none;
	}
	section.primary-slider #slogan {
		top: auto;
		bottom: 88px;
	}
	section.primary-slider .sliderclass .flex-control-nav {
		bottom: 32px;
	}
	section.primary-slider .sliderclass .information h1.title {
	  	font-size: 64px;
		line-height: 64px;
	}
	
	
	
	
	
	
	
	
	
	
	
}

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

@media(max-width: 864px) { /*----- 896-32= 864px ------*/	
    
	
	
	
	h1.page-title {
		font-size: 32px;
	}
	
	
	
	
	
	
	
	
	
}

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

@media(max-width: 800px) { /*----- 832-32= 800px iPad Portrait por Virtue 991px ------*/
	
	
	
	
	section.sold .kt-slickslider .slick-prev {
		left: 40%;
	}
	section.sold .kt-slickslider .slick-next {
		right: 40%;
	}
	section.map .wrapper {
		padding-bottom: 56%;
	}
	
	
	
	
	
	
	
	
	
	
	
}

@media(max-width: 767px) { /*----- 800-32= 768px / Virtue 767px ------*/
	
	
	
	
	
	#topbar .kad-topbar-left {
		width: 50%;
	}
	#topbar .kad-topbar-center {
		width: 50%;
	}
	#topbar .kad-topbar-right {
		display: none;
	}
	#headerclass .nav-trigger-case {
		position: absolute;
	}
	section.products .heading h1.title, section.sold .heading h1.title, section.message .heading h1.title, section.map .heading h1.title {
	  	font-size: 26px
	}
	section.primary-slider .sliderclass .information h1.title {
	  	font-size: 56px;
		line-height: 56px;
	}
	
	
	
	
	
	
	
	
	
	
}

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

@media(max-width: 704px) { /*----- 736-32= 704px ------*/
	
	
	
	section.primary-slider .image {
		height: 560px;
	}
	section.quality, section.price, section.ourproducts {
		height: 720px;
		padding-top: 0;
	}
	#information-format .information {
		position: static;
		height: 50%;
	}
	#information-format .image {
		width: 100%;
		height: 50%;
		float: none;
	}
	#information-format .information .envolve {
		margin-bottom: 0;
		margin-left: 0;
	}
	section.price #information-format .image {
		float: none;
	}
	section.price #information-format .information .envolve {
		margin-right: 0;
		margin-left: 0;
	}
	
	
	
	
	
	
	
	
	
	
	
	
}

@media(max-width: 672px) { /*----- 704-32= 672px ------*/
	
	
	
	section.map .wrapper {
		padding-bottom: 64%;
	}
	section.products-format .inside {
	  	width: 72%;
		margin: 0 auto 0 auto;
	}
	section.products-format .box {
	  	width: 100%;
	}
	
	
	
	
	
	
	
	
}

@media(max-width: 640px) { /*----- 672-32= 640px ------*/
	
	
	
	
	section.sold .kt-slickslider .slick-prev {
		left: 38%;
	}
	section.sold .kt-slickslider .slick-next {
		right: 38%;
	}
	
	
	
	
	
	
	
}

@media(max-width: 608px) { /*----- 640-32= 608px Moto G Plus Landscape ------*/
	
	
	
	
	
	section.products-format .inside {
	  	width: 80%;
	}
	
	
	
	
	
	
	
}

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

@media(max-width: 544px) { /*----- 576-32= 544px ------*/
	
	
	
	
	section.products .list {
		height: 480px;
	}
	section.sold .kt-slickslider .slick-prev {
		left: 36%;
	}
	section.sold .kt-slickslider .slick-next {
		right: 36%;
	}
	#headerclass.sticky #topbar .kad-topbar-left .brand {
		width: 33.33%;
	}
	#headerclass.sticky #topbar .kad-topbar-left .brand img {
		width: 72%;
	}
	#headerclass.sticky #text-slider #nav-text-slider {
		width: 66.66%;
	}
	section.products-format .inside {
	  	width: 88%;
	}
	h1.page-title {
		font-size: 28px;
	}
	
	
	
	
	
}

@media(max-width: 512px) { /*----- 544-32= 512px ------*/
	
	
	
	
	
	
	
	
	
}

@media(max-width: 480px) { /*----- 512-32= 480px ------*/
	
	
	
	
	
	.home #topbar.topclass {
		height: 96px;
	}
	  #headerinfo .header-right {
    	width: 50%;
	}
	section.primary-slider .sliderclass .information .envolve {
		width: 100%;
	}
	section.primary-slider .sliderclass .information h1.title {
	  	font-size: 48px;
		line-height: 48px;
	}
	section.primary-slider #slogan p {
		font-size: 21px;
		line-height: 21px;
	}
	section.products .list {
		height: 440px;
	}
	section.sold {
		padding-top: 56px;
		padding-bottom: 172px;
	}
	section.products-format .inside {
	  	width: 100%;
	}
	
	
	
	
	
	
	
}

@media(max-width: 448px) { /*----- 480-32= 448px ------*/
	
	
	
	section.sold .kt-slickslider .slick-prev {
		left: 34%;
	}
	section.sold .kt-slickslider .slick-next {
		right: 34%;
	}
	
	
	
	
	
	
	
	
}

@media(max-width: 416px) { /*----- 448-32= 416px ------*/
	
	
	
	#headerinfo .header-right .info, #topbar .kad-topbar-center .info {
		font-size: 13px;
	}
	section.products .list {
		height: 400px;
	}
	section.products .list .information h2.subtitle, section.sold .information h2.subtitle {
	  	font-size: 18px;
	}
	section.primary-slider .sliderclass .information h1.title {
	  	font-size: 40px;
		line-height: 40px;
	}
	section.primary-slider #slogan p {
		font-size: 18px;
		line-height: 18px;
	}
	section.primary-slider .image {
		height: 480px;
	}
	section.products .heading h1.title, section.sold .heading h1.title, section.message .heading h1.title, section.map .heading h1.title {
	  	font-size: 24px
	}
	
	
	
	
	
	
	
	
	
}

@media(max-width: 384px) { /*----- 416-32= 384px Moto G Plus Portrait------*/
	
	
	
	
	section.products .list {
		height: 360px;
	}
	
	
	
	
	
	
	
	
	
}

@media(max-width: 352px) { /*----- 384-32= 352px iPhone 4s Retina Portrait ------*/
	
	
	
	#topbar #topbar-slider a.link {
	  	font-size: 13px;
	}
	section.products .list {
		height: 320px;
	}
	section.primary-slider .sliderclass .information h1.title {
	  	font-size: 36px;
		line-height: 36px;
	}
	section.primary-slider #slogan p {
		font-size: 16px;
		line-height: 16px;
	}
	section.sold .kt-slickslider .slick-prev {
		left: 30%;
	}
	section.sold .kt-slickslider .slick-next {
		right: 30%;
	}
	#topbar .kad-topbar-left .brand img {
		width: 58%;
	}
	#headerclass.sticky #topbar .kad-topbar-left .brand img {
		width: 76%;
	  }
	
	
	
	
	
	
	
	
}

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

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

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







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

