/*
GERAL
*/
body{padding-top: 96px;}
.content{width: 95%;}

/*
WIDGETS
*/

/*one input*/
.one_input{position: relative;}
.one_input_field{height: 50px; border: 1px solid #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 10px 15px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); outline: none;}
.one_input_field:focus{-webkit-box-shadow: 0 0 7px rgba(0, 153, 255, 0.5); -moz-box-shadow: 0 0 7px rgba(0, 153, 255, 0.5); -ms-box-shadow: 0 0 7px rgba(0, 153, 255, 0.5); -o-box-shadow: 0 0 7px rgba(0, 153, 255, 0.5); box-shadow: 0 0 7px rgba(0, 153, 255, 0.5);}
.one_input_button{-webkit-display: -webkit-box; -webkit-display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; height: 50px; padding: 14px 20px; position: absolute; top: 0; right: 0; font-size: 1.125em; color: #ffffff; background-color: #191e74; border: 3px solid #191e74; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; outline: none;}
.one_input_button:hover{cursor: pointer; background-color: #385c9f; border-color: #385c9f;}

/*real time search*/
.realtime_search{display: none; width: 100%; position: absolute; margin-top: 10px; padding: 10px 5px 10px 10px; background-color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 4px 0 rgba(216, 216, 216, 0.5); -moz-box-shadow: 0 2px 4px 0 rgba(216, 216, 216, 0.5); -ms-box-shadow: 0 2px 4px 0 rgba(216, 216, 216, 0.5); -o-box-shadow: 0 2px 4px 0 rgba(216, 216, 216, 0.5); box-shadow: 0 2px 4px 0 rgba(216, 216, 216, 0.5); z-index: 99;}
.realtime_search ul{max-height: 300px; overflow-y: auto;}
.realtime_search ul::-webkit-scrollbar{width: 7px; background-color: #ffffff;}
.realtime_search ul::-webkit-scrollbar-thumb{background-color: transparent; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -ms-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.realtime_search li a{-webkit-display: -webkit-box; -webkit-display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; text-decoration: none; padding: 10px; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out;}
.realtime_search li a:hover{background-color: #f6f6f6;}
.realtime_search li a img{width: 50px; margin-right: 20px;}
.realtime_search li a p{font-size: 0.9em; color: #000000; font-weight: 600;}
.realtime_search li a p .old_price{font-size: 0.75em; text-decoration: line-through;}
.realtime_search li a p .new_price{color: #813eb3; font-weight: bold;}

/*actions wishlist*/
.actions_wishlist{-webkit-display: -webkit-box; -webkit-display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; position: absolute; -webkit-transition: right 0.4s ease-in-out; -moz-transition: right 0.4s ease-in-out; -ms-transition: right 0.4s ease-in-out; -o-transition: right 0.4s ease-in-out; transition: right 0.4s ease-in-out;}
.actions_wishlist span{font-size: 40px; color: #000000; -webkit-text-shadow: 0 0 5px rgba(255, 255, 255, 1); -moz-text-shadow: 0 0 5px rgba(255, 255, 255, 1); -ms-text-shadow: 0 0 5px rgba(255, 255, 255, 1); -o-text-shadow: 0 0 5px rgba(255, 255, 255, 1); text-shadow: 0 0 5px rgba(255, 255, 255, 1); cursor: pointer;}
.actions_wishlist span.active{color: #ed3636;}

/*countdown*/
.countdown{-webkit-display: -webkit-box; -webkit-display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-around; align-items: center; padding: 10px; margin-bottom: 5px; background-color: #3e5a8d66; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1); -ms-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1); -o-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);}
.countdown div{-webkit-display: -webkit-box; -webkit-display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex;}
.countdown div > span{font-size: 1em; color: #555555; font-weight: bold; text-align: left; line-height: 15px;}
.countdown div > span .countdown_legend{font-size: 0.65em; text-transform: uppercase;}

/*
HEADER
*/

/*header mobile*/
.header_mobile{position: fixed; top: 0; right: 0; left: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); z-index: 999999;}
.header_mobile .content{padding: 5px 0 5px 0;}
.header_mobile .header_mobile_logo{text-align: center; background-color: #3e5b8d;}

/*header mobile => nav*/
.header_mobile .header_mobile_nav{text-align: center; background-color: #3e5b8d;}
.header_mobile .header_mobile_nav .content{padding: 0;}
.header_mobile .header_mobile_nav ul li{display: inline-block;}
.header_mobile .header_mobile_nav ul li a{display: block; padding: 5px 12px;text-decoration: none;}
.header_mobile .header_mobile_nav ul li a.active{background-color: #3e5b8d;}
.header_mobile .header_mobile_nav ul li a i{position: relative; font-size: 1.5625em; color: #ffffff;}
.header_mobile .header_mobile_nav ul li a i span{display: none; width: 20px; height: 20px; position: absolute; top: -5px; font-size: 0.5em; font-weight: bold; line-height: 20px; background-color: #469aa8; opacity: 0.9; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.9); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.9); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.9); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.9); box-shadow: 0 0 3px rgba(0, 0, 0, 0.9);}
.header_mobile .header_mobile_nav ul li a i span.active{display: inline-block;}

/*header mobile => search*/
.header_mobile .header_mobile_search{display: none; background-color: #3e5b8d;}
.header_mobile .header_mobile_search form input{height: 35px; border: none;}
.header_mobile .header_mobile_search form button{height: 35px; background-color: #ffffff; color: #813eb3; border: none; padding: 0 10px;}
.header_mobile .header_mobile_search form button:hover{background-color: #f1f1f1;}
.header_mobile .header_mobile_search .realtime_search{background-color: #813eb3; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 3px 4px 0 rgba(216, 216, 216, 0.5); -moz-box-shadow: 0 3px 4px 0 rgba(216, 216, 216, 0.5); -ms-box-shadow: 0 3px 4px 0 rgba(216, 216, 216, 0.5); -o-box-shadow: 0 3px 4px 0 rgba(216, 216, 216, 0.5); box-shadow: 0 3px 4px 0 rgba(216, 216, 216, 0.5);}
.header_mobile .header_mobile_search .realtime_search ul{background-color: #ffffff;}

/*header mobile => categories*/
.header_mobile_categories{display: none; height: 100vh; background-color: rgba(62, 91, 141, 0.83);}

.header_mobile_categories .header_mobile_categories_ul{max-height: 350px; overflow-y: auto; background-color: #ffffff; border: 5px solid #e9e9e9; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
.header_mobile_categories .header_mobile_categories_ul::-webkit-scrollbar{width: 8px; background-color: #ffffff;}
.header_mobile_categories .header_mobile_categories_ul::-webkit-scrollbar-thumb{background-color: #813eb3; border-right: 2px solid #ffffff; border-left: 2px solid #ffffff;}

.header_mobile_categories .header_mobile_categories_ul li > div{position: relative; font-size: 0.9em; color: #555555; font-weight: 600; background-color: #fafafa; margin-bottom: 1px; border: 1px solid #d9d9d9; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.header_mobile_categories .header_mobile_categories_ul li > div div{-webkit-display: -webkit-box; -webkit-display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; width: 50px; height: 100%; position: absolute; top: 0; left: 0; padding: 10px; background-color: #e9e9e9; cursor: pointer;}
.header_mobile_categories .header_mobile_categories_ul li > div div i{font-size: 1.2em; color: #999999; font-weight: bold; -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;}
.header_mobile_categories .header_mobile_categories_ul li > div div i.active{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.header_mobile_categories .header_mobile_categories_ul li > div a{display: block; font-size: 0.8em; color: #303030; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 15px 15px 15px 70px;}
.header_mobile_categories .header_mobile_categories_ul li ul{display: none; padding-left: 40px;}

/*header desktop*/
.header_desktop{display: none;}

/*header desktop => access*/
.header_desktop .header_access{border-bottom: 1px solid #eeeeee; background: #fff;}
.header_desktop .header_access .content{padding: 10px 0;}
.header_desktop .header_access p{display: inline-block; font-size: 1.0em; color: #292725;}
.header_desktop .header_access p a{color: #f8a521; font-weight: bold; text-decoration: none; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;}
.header_desktop .header_access p a:hover{color: #469aa8;}
.header_desktop .header_access p .contact{color: #3e5a8d; font-weight: bold; padding: 0 5px;}

.header_desktop .header_access ul{float: right;}
.header_desktop .header_access li{display: inline-block; margin: 0 10px;}
.header_desktop .header_access li:last-child{margin-right: 0;}
.header_desktop .header_access li a{font-size: 0.6875em; color: #3e5a8d; font-weight: bold; text-transform: uppercase; text-decoration: none; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;}
.header_desktop .header_access li a:hover{color: #f8a521;}
.header_desktop .header_access li a.active{position: relative; padding: 3px 10px 3px 35px; background-color: #f1f1f1; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;}
.header_desktop .header_access li a .notification{display: none; width: 30px; height: 30px; position: absolute; top: 50%; left: 0; margin-top: -15px; text-align: center; line-height: 30px; border-radius: 50%; background-color: #f1f1f1;}
.header_desktop .header_access li a.active .notification{display: inline-block;}

/*header desktop => logo*/
.header_desktop .header_desktop_logo{display: inline-block; width: 25%; vertical-align: bottom;margin-bottom: -15px;}
.header_desktop .header_desktop_logo span{position: absolute; top: -9999px; left: -9999px; text-indent: -9999px;}

/*header desktop => search*/
.header_desktop .header_desktop_search{display: inline-block; width: 50%; position: relative; vertical-align: bottom;}

/*header desktop => cart*/
.header_desktop .header_desktop_cart{display: inline-block; width: 25%; text-align: right; vertical-align: bottom;}
.header_desktop .header_desktop_cart_button {
    display: inline-block;
    font-size: 0.7em;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    padding: 10px 20px 10px 20px;
    background: #191e74;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.header_desktop .header_desktop_cart_button:hover{cursor: pointer; background-color: #385c9f;}
.header_desktop .header_desktop_cart_button p{text-transform: initial;}

/*header desktop => categories*/
.header_desktop .header_desktop_categories{background: #191e74;/*background-image: linear-gradient(to right, #469aa8, #3e5a8d);*/}

.header_desktop .header_desktop_categories .header_desktop_categories_ul{-webkit-display: -webkit-box; -webkit-display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex;}
.header_desktop .header_desktop_categories .header_desktop_categories_ul > li{position: relative; flex-grow: 1;}
.header_desktop .header_desktop_categories .header_desktop_categories_ul > li:nth-child(-n+3) > div{left: 0;}
.header_desktop .header_desktop_categories .header_desktop_categories_ul > li:nth-child(n+4) > div{right: 0;}
.header_desktop .header_desktop_categories .header_desktop_categories_ul > li:hover > div{display: block;}
.header_desktop .header_desktop_categories .header_desktop_categories_ul > li > a{display: block; font-size: 0.8em; color: #ffffff; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 18px 0; text-align: center; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out;}
.header_desktop .header_desktop_categories .header_desktop_categories_ul > li > a:hover{background-color: #385c9f;}

/*header desktop => categories => sub categories*/
.header_desktop .header_desktop_categories .header_desktop_categories_ul > li > div{display: none; width: 600px; max-height: 300px; overflow-y: auto; position: absolute; padding-right: 5px; border: 10px solid #ffffff; border-right-width: 5px; background-color: #ffffff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); z-index: 9999;}
.header_desktop .header_desktop_categories .header_desktop_categories_ul > li > div::-webkit-scrollbar{width: 7px; background-color: #ffffff;}
.header_desktop .header_desktop_categories .header_desktop_categories_ul > li > div::-webkit-scrollbar-thumb{background-color: transparent; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -ms-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.header_desktop .header_desktop_categories .header_desktop_categories_ul > li > div div{display: inline-block; vertical-align: top;}
.header_desktop .header_desktop_categories .header_desktop_categories_ul > li > div div:first-child{width: 55%;}
.header_desktop .header_desktop_categories .header_desktop_categories_ul > li > div div:last-child{width: 45%;}

.header_desktop .header_desktop_categories .header_desktop_categories_ul > li > div div:first-child ul{display: inline-block; width: auto; min-width: 150px; padding: 5px;}
.header_desktop .header_desktop_categories .header_desktop_categories_ul > li > div div:first-child ul li{display: block; line-height: 17px;}
.header_desktop .header_desktop_categories .header_desktop_categories_ul > li > div div:first-child ul li:first-child{margin-bottom: 5px;}
.header_desktop .header_desktop_categories .header_desktop_categories_ul > li > div div:first-child ul li a{font-size: 0.75em; color: #4d4d4d; text-decoration: none;}
.header_desktop .header_desktop_categories .header_desktop_categories_ul > li > div div:first-child ul li:first-child > a{font-size: 0.7em; font-weight: bold; text-transform: uppercase;}
.header_desktop .header_desktop_categories .header_desktop_categories_ul > li > div div:first-child ul li a:hover{text-decoration: underline;color: #f8a521}

/*
CAROUSEL
*/
.carousel .content{width: 100%;}
.carousel .owl-theme .owl-dots{position: absolute; right: 0; bottom: 0;}
.carousel .owl-theme .owl-dots .owl-dot span{background-color: #828282; border: 3px solid #828282; padding: 3px;}
.carousel .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #ffffff; border-color: #f9b03d;}

/*
QUALITY
*/
.quality{display: none; background-color: #191e74;}
.quality .content{padding: 10px 0;}
.quality .quality_item{display: inline-block; width: 28%; margin: 1% 2% 1% 0; vertical-align: top;}
.quality .quality_item:nth-of-type(4n+0){margin-right: 0;}
.quality .quality_item img{float: left; margin-right: 5px;}
.quality .quality_item .quality_item_text{text-align: left; line-height: 16px;margin-top: 20px;}
.quality .quality_item .quality_item_text p{font-size: 0.875em; color: #ffffff; font-weight: bold; text-transform: uppercase;}
.quality .quality_item .quality_item_text span{font-size: 0.75em; color: #ffffff;}

/*
PRODUCTS
*/
.products .content{padding: 30px 0;}

/*products => heading*/
.products .products_heading{margin-bottom: 10px;}
.products .products_heading h1{font-size: 1.125em; color: #ce8b20; font-weight: 300; text-transform: uppercase; text-align: center; position: relative;}
.products .products_heading h1:before{content: ""; display: block; width: 100%; height: 1px; position: absolute; top: 50%; margin-top: 0.5px; background-color: #ce8b20; z-index: -1;}
.products .products_heading h1 > span{background-color: #ffffff; padding: 0 20px;}
.products .products_heading h1 span span{color: #ce8b20; font-weight: bold;}

/*products => item*/
.products .products_item{border: 1px solid #f4f4f4; text-align: center; padding: 10px 10px 20px 10px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);}
.products .products_item:hover .products_item_image img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}

/*products => item => image*/
.products .products_item .products_item_image{margin-bottom: 15px; position: relative; min-height: 265px;/*445px;*/ overflow: hidden;}
.products .products_item .products_item_image img{width: auto !important; /*height: 100%; max-width: 445px; */position: absolute; right: -50%; left: -50%; margin: 0 auto; -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;}

/*products => item => image => new*/
.products .products_item .products_item_image .new_product{width: 100px; height: 100px; line-height: 160px; position: absolute; top: -50px; right: -50px; background-color: #f9b03d; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.products .products_item .products_item_image .new_product p{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.products .products_item .products_item_image .new_product p a{display: block; width: 100%; height: 100%; font-size: 0.8125em; color: #ffffff; font-weight: bold; text-transform: uppercase; text-decoration: none;}

/*products => item => image => wishlist*/
.products .products_item .products_item_image .actions_wishlist{right: 10px; bottom: 10px; -webkit-transition: bottom 0.4s ease-in-out; -moz-transition: bottom 0.4s ease-in-out; -ms-transition: bottom 0.4s ease-in-out; -o-transition: bottom 0.4s ease-in-out; transition: bottom 0.4s ease-in-out;}

/*products => item => image => browsing history*/
.browsing_history .browsing_history_remove_all{text-align: center; margin-bottom: 10px}
.browsing_history .browsing_history_remove_all span{display: inline-block; font-size: 0.7em; color: #666666; font-weight: bold; background-color: #eeeeee; padding: 7px 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; cursor: pointer;}
.browsing_history .browsing_history_remove_all span:hover{color: #ffffff; background-color: #f8a521;}
.browsing_history .browsing_history_remove_this{-webkit-display: -webkit-box; -webkit-display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; position: absolute; top: 5px; right: 5px; background-color: #f1f1f1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;}
.browsing_history .browsing_history_remove_this:hover{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.browsing_history .browsing_history_remove_this span{font-size: 1.875em; color: #813eb3; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); cursor: pointer;}

/*products => item => image => discount*/
.products .products_item .products_item_image .discount_product{min-width: 70px; height: 40px; line-height: 40px; position: absolute; top: 70%; left: 0; margin-top: -20px; background-color: #de4728;}
.products .products_item .products_item_image .discount_product p a{display: block; width: 100%; height: 100%; font-size: 0.75em; color: #ffffff; font-weight: bold; text-transform: uppercase; text-decoration: none;}
.products .products_item .products_item_image .discount_product p a i{font-size: 50px; color: #ffffff; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px;}

/*products => item => image => actions*/
.products .products_item .products_item_image .btn_actions{-webkit-display: -webkit-box; -webkit-display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; width: 100%; height: 40px; position: absolute; bottom: -40px; padding: 10px 5px; opacity: 0; -webkit-transition: bottom 0.4s ease-in-out, opacity 0.5s ease-in-out; -moz-transition: bottom 0.4s ease-in-out, opacity 0.5s ease-in-out; -ms-transition: bottom 0.4s ease-in-out, opacity 0.5s ease-in-out; -o-transition: bottom 0.4s ease-in-out, opacity 0.5s ease-in-out; transition: bottom 0.4s ease-in-out, opacity 0.5s ease-in-out;}
.products .products_item:hover .products_item_image .btn_actions{bottom: 10px; opacity: 1;}
.products .products_item:hover .products_item_image .actions_wishlist{bottom: 60px;}
.products .products_item .products_item_image .btn_actions li{flex-grow: 1; width: 47%; padding: 0 1.5%;}
.products .products_item .products_item_image .btn_actions li a{display: block; font-size: 0.8125em; color: #ffffff; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 10px 5px; -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out;}
.products .products_item .products_item_image .btn_actions li a.view_product{background-color: rgba(0, 0, 0, 0.7); border: 1px solid #ffffff;}
.products .products_item .products_item_image .btn_actions li a.view_product:hover{background-color: rgb(70, 154, 168);}
.products .products_item .products_item_image .btn_actions li a.purchase_product{background-color: #f8a521;border: 1px solid #ffffff;}
.products .products_item .products_item_image .btn_actions li a.purchase_product:hover{background-color: #3e5a8d;border: 1px solid #ffffff;}
.products .products_item .products_item_image .btn_actions li a i{margin-right: 5px;}

/*products => item => title*/
.products .products_item .products_item_title{margin-bottom: 20px;}
.products .products_item .products_item_title a{font-size: 0.9375em; color: #111111; font-weight: 600; text-decoration: none;}

/*products => item => price*/
.products .products_item .products_item_price a{font-size: 1em; color: #3e5a8d; font-weight: 600; text-decoration: none;}
.products .products_item .products_item_price span.old_price{display: block; font-size: 0.75em; color: #f23550; text-decoration: line-through;}
.products .products_item .products_item_price span.installment{display: block; font-size: 0.8125rem; color: #f8a521;}

/*products => carousel*/
.products .owl-nav{width: 100%; position: absolute; top: 20%;}
.products .owl-nav .owl-prev, .products .owl-nav .owl-next{display: inline-block; width: 35px; height: 35px; line-height: 35px; font-size: 2em; color: #813eb3; text-align: center; background-color: #f8f8f8; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out, color 0.2s ease-out; -o-transition: background-color 0.2s ease-out, color 0.2s ease-out; transition: background-color 0.2s ease-out, color 0.2s ease-out;}
.products .owl-nav .owl-prev{position: absolute; left: 0;}
.products .owl-nav .owl-next{position: absolute; right: 0;}
.products .owl-nav .owl-prev:hover, .products .owl-nav .owl-next:hover{background-color: #f8a521; color: #ffffff;}

/*products => paginator*/
.products .paginator{margin-top: 40px;}
.products .paginator a, .products .paginator span{font-size: 0.8em; color: #813eb3; font-weight: bold; text-shadow: none; background-color: transparent; border: 1px solid #813eb3;}
.products .paginator a:hover, .products .paginator span.active{cursor: pointer; background-color: transparent; color: #469aa8; border-color: #469aa8;}

/*products => modal*/
.products_modal{-webkit-display: -webkit-box; -webkit-display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; width: 100vw; height: calc(100vh - 96px); position: fixed; background-color: rgba(0, 0, 0, 0.7); z-index: 998;}
.products_modal .products_modal_content{display: none; width: 90%; height: 90%; position: relative; background-color: #ffffff;}

.products_modal .products_modal_content .product{max-height: calc(100% - 45px); overflow-y: auto; border-top: 10px solid #ffffff; border-bottom: 10px solid #ffffff;}
.products_modal .products_modal_content .product::-webkit-scrollbar{width: 5px; background-color: #ffffff;}
.products_modal .products_modal_content .product::-webkit-scrollbar-thumb{background-color: transparent; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -ms-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.products_modal .products_modal_content .product .content{width: 95%; padding: 0;}

.products_modal .products_modal_content .products_modal_content_close.modal_pdt_mobile{background-color: #3e5b8d; padding: 10px; text-align: center;}
.products_modal .products_modal_content .products_modal_content_close.modal_pdt_mobile span{display: inline-block; font-size: 0.8em; color: #813eb3; font-weight: bold; text-decoration: none; text-transform: uppercase; background-color: #ffffff; padding: 5px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.products_modal .products_modal_content .products_modal_content_close.modal_pdt_mobile span:hover{cursor: pointer;}

.products_modal .products_modal_content .products_modal_content_close.modal_pdt_desktop{display: none; justify-content: center; align-items: center; width: 40px; height: 40px; position: absolute; top: -20px; left: -20px; background-color: #f1f1f1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;}
.products_modal .products_modal_content .products_modal_content_close.modal_pdt_desktop:hover{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); cursor: pointer;}
.products_modal .products_modal_content .products_modal_content_close.modal_pdt_desktop i{font-size: 1.875em; color: #813eb3;}

/*
BANNERS
*/
.banners h1{position: absolute; top: -9999px; left: -9999px; text-indent: -9999px;}
.banners .banners_item {
    border-radius: 5px;
    -webkit-box-shadow: 0 0 17px rgb(1, 26, 145);
    -moz-box-shadow: 0 0 17px rgb(1, 26, 145);
    -ms-box-shadow: 0 0 17px rgb(1, 26, 145);
    -o-box-shadow: 0 0 17px rgb(1, 26, 145);
    box-shadow: 0 0 17px rgb(1, 26, 145);
    -webkit-transition: transform 0.1s ease-in-out;
    -moz-transition: transform 0.1s ease-in-out;
    -ms-transition: transform 0.1s ease-in-out;
    -o-transition: transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out;
}
.banners .banners_item:hover{-webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01);}
.banners .banners_item img {
    width: 100%;
    border-radius: 5px;
    border: rgb(1, 26, 145) solid 0px;
}

/*
CATEGORIES
*/
.categories .content{padding: 50px 0;}

/*
PRODUCT
*/
.product .content{padding: 30px 0;}

/*product => images*/
.product .product_image{position: relative; margin-bottom: 10px;}
.product .product_image .product_image_focus{margin-bottom: 5px;}
.product .product_image .product_image_gallery{max-width: 100%; max-height: 100%; overflow-x: auto; white-space: nowrap; padding-bottom: 5px;}
.product .product_image .product_image_gallery::-webkit-scrollbar{width: 5px; height: 5px; background-color: #ffffff;}
.product .product_image .product_image_gallery::-webkit-scrollbar-thumb{background-color: transparent; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -ms-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.product .product_image .product_image_gallery img{display: inline-block; width: 60px; margin-right: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.product .product_image .product_image_gallery img:last-child{margin-right: 0;}
.product .product_image .product_image_gallery img:hover{cursor: pointer;}

/*product => images => wishlist*/
.product .product_image .actions_wishlist{top: 10px; right: 10px;}

/*product => info*/
.product .product_info{padding-top: 10px;}

/*product => info => heading*/
.product .product_info .product_info_heading{margin-bottom: 10px; line-height: 25px;}
.product .product_info .product_info_heading h1{font-size: 1.2em; color: #333333; font-weight: 400;}
.product .product_info .product_info_heading span{display: block; font-size: 0.8125em; color: #999999; font-weight: 600; margin-top: 10px;}
.product .product_info .product_info_heading span a{color: #469aa8;}

/*product => info => countdown*/
.product .product_info .countdown{max-width: 300px;}

/*product => info => rating*/
.product .product_info .product_info_rating{margin-bottom: 10px;}
.product .product_info .product_info_rating li{display: inline-block; font-size: 0.8em; color: #fed384;}

/*product => info => price*/
.product .product_info .product_info_price{margin-bottom: 10px;}
.product .product_info .product_info_price .old_price{font-size: 0.9em;}
.product .product_info .product_info_price .old_price span{font-weight: 600; text-decoration: line-through;}
.product .product_info .product_info_price .price_heading{-webkit-display: -webkit-box; -webkit-display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; line-height: 15px; margin-bottom: 5px;}
.product .product_info .product_info_price .price_heading .by{font-size: 0.7em; color: #000000; text-transform: uppercase; margin-right: 5px;}
.product .product_info .product_info_price .price_heading .by span{font-size: 1.375em; color: #3e5a8d; font-weight: bold;}
.product .product_info .product_info_price .price_heading .price{font-size: 2.5em; color: #3e5a8d; font-weight: bold;}
.product .product_info .product_info_price p.discount{font-size: 0.875em; color: #000000; font-weight: 600;}
.product .product_info .product_info_price p.discount > span{font-size: 0.8125em; color: #3f172c; font-weight: 400;}
.product .product_info .product_info_price p.discount > span span{font-size: 1em; color: #3e5a8d; font-weight: bold;}

/*product => description*/
.product .product_footer .content{padding: 20px 0;}
.product .product_footer ul{margin-bottom: 30px; background-color: #f9f9f9; padding: 10px; text-align: center; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);}
.product .product_footer ul li{display: inline-block;}
.product .product_footer ul li a{display: block; font-size: 0.8125em; color: #3e5a8d; font-weight: bold; text-transform: uppercase; text-decoration: none; background-color: transparent; padding: 10px 16px; border: 1px solid #a7a49f; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
.product .product_footer ul li a.wc_active{color: #ffffff; background-color: #3e5a8d;}

.product .product_footer .product_footer_description{max-height: 100px; overflow-y: auto; padding-right: 10px;}
.product .product_footer .product_footer_description::-webkit-scrollbar{width: 10px; background-color: #ffffff;}
.product .product_footer .product_footer_description::-webkit-scrollbar-thumb{background-color: transparent; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -ms-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.product .product_footer .product_footer_description p{font-size: 0.875em; color: #222222; line-height: 25px;}
.product .product_footer .product_footer_description p:not(:last-child){margin-bottom: 10px;}
.product .product_footer .product_footer_description p span{display: block; color: #111111; font-weight: 600;}

.product .product_footer .product_footer_reviews textarea{resize: none;}
.product .product_footer .product_footer_reviews select{background-size: auto 60%;}

/*
WISHLIST
*/
.wishlist .content{padding: 50px 0;}
.wishlist .products .products_item .products_item_image .actions_wishlist{width: 40px; height: 40px; top: 5px; right: 5px; background-color: #f1f1f1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;}
.wishlist .products .products_item .products_item_image .actions_wishlist:hover{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.wishlist .products .products_item .products_item_image .actions_wishlist span{font-size: 1.875em; color: #813eb3;}

/*
COMBO
*/

.combo .content{padding: 50px 0;}

/*combo => purchase*/
.combo .combo_purchase{padding: 10px; margin: 10px 0; text-align: center; background-color: #f9f9f9;}
.combo .combo_purchase .combo_purchase_title{font-size: 1.5em; color: #555555; font-weight: 300;}
.combo .combo_purchase .combo_purchase_title span{color: #3e5b8d; font-weight: bold;}
.combo .combo_purchase .combo_purchase_price{font-size: 1.5em; color: #813eb3; font-weight: bold;}
.combo .combo_purchase .combo_purchase_price span{font-size: 0.8em; color: #555555; font-weight: 300;}
.combo .combo_purchase .combo_purchase_button{font-size: 0.9em; color: #ffffff; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 10px 20px; background-color: #3e5b8d; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; outline: none;}
.combo .combo_purchase .combo_purchase_button:hover{background-color: #469aa8; cursor: pointer;}
.combo .combo_purchase .combo_purchase_button i{margin-right: 5px;}

/*combo => restore*/
.combo .combo_restore{display: none; text-align: center; margin-bottom: 10px}
.combo .combo_restore span{display: inline-block; font-size: 0.7em; color: #666666; font-weight: bold; background-color: #eeeeee; padding: 7px 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; cursor: pointer;}
.combo .combo_restore span:hover{color: #ffffff; background-color: #813eb3;}

/*combo => auto height*/
.combo .auto_height{margin-bottom: 20px;}

/*combo => attributes*/
.combo .combo_cart_add{padding: 20px 0; background-color: #f9f9f9;}

.combo .combo_cart_add .color_content{margin-bottom: 10px;}
.combo .combo_cart_add .color_content p{font-size: 0.9375em; color: #000000; font-weight: 300; text-transform: uppercase; margin-bottom: 10px;}
.combo .combo_cart_add .color_content p span{font-weight: bold;}

.combo .combo_cart_add .color_content.has_relatives a{display: inline-block; width: 35px; height: 35px; position: relative; text-align: center; cursor: pointer; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
.combo .combo_cart_add .color_content.has_relatives a input{display: none; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; cursor: pointer;}
.combo .combo_cart_add .color_content.has_relatives a .selected_color{display: none; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.combo .combo_cart_add .color_content.has_relatives a .selected_color i{font-size: 1.5em; color: #ffffff; -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -ms-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -o-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.combo .combo_cart_add .color_content.has_relatives a.active .selected_color{-webkit-display: -webkit-box; -webkit-display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -webkit-box-pack: center; -moz-justify-content: center; -moz-flex-pack: center; -ms-justify-content: center; -ms-flex-pack: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; -o-align-items: center; align-items: center;}

.combo .combo_cart_add .color_content.no_relatives .boxing_loading{display: none;}
.combo .combo_cart_add .color_content.no_relatives .boxing_loading label{display: inline-block; width: 35px; height: 35px; position: relative; text-align: center; cursor: pointer; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
.combo .combo_cart_add .color_content.no_relatives .boxing_loading label input{display: none; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; cursor: pointer;}
.combo .combo_cart_add .color_content.no_relatives .boxing_loading label .selected_color{display: none; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.combo .combo_cart_add .color_content.no_relatives .boxing_loading label .selected_color i{font-size: 1.5em; color: #ffffff; -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -ms-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -o-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.combo .combo_cart_add .color_content.no_relatives .boxing_loading label.active .selected_color{-webkit-display: -webkit-box; -webkit-display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -webkit-box-pack: center; -moz-justify-content: center; -moz-flex-pack: center; -ms-justify-content: center; -ms-flex-pack: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; -o-align-items: center; align-items: center;}

.combo .combo_cart_add .size_content .boxing_loading{display: none;}
.combo .combo_cart_add .size_content .boxing_loading p{font-size: 0.9375em; color: #000000; font-weight: 300; text-transform: uppercase; margin-bottom: 10px;}
.combo .combo_cart_add .size_content .boxing_loading p span{font-weight: bold;}
.combo .combo_cart_add .size_content .boxing_loading label{display: inline-block; position: relative; color: #ffffff; font-weight: bold; text-transform: uppercase; text-decoration: none; text-align: center; padding: 5px 15px; margin-bottom: 3px; background-color: #3e5b8d; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
.combo .combo_cart_add .size_content .boxing_loading label.active{color: #ffffff; background-color: #469aa8;}
.combo .combo_cart_add .size_content .boxing_loading label input{display: none; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; cursor: pointer;}
.combo .combo_cart_add .size_content .boxing_loading label span{display: none; -webkit-justify-content: center; -webkit-box-pack: center; -moz-justify-content: center; -moz-flex-pack: center; -ms-justify-content: center; -ms-flex-pack: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; -o-align-items: center; align-items: center; width: 15px; height: 15px; position: absolute; bottom: -7.5px; right: 0; background-color: #813eb3; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.combo .combo_cart_add .size_content .boxing_loading label span i{font-size: 0.5em;}
.combo .combo_cart_add .size_content .boxing_loading label.active span{-webkit-display: -webkit-box; -webkit-display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
.combo .combo_cart_add .size_content .image_loading.invisible{display: none;}

/*
404
*/
.not_found{text-align: center;}
.not_found .content{padding: 50px 0 20px 0;}
.not_found h1{font-size: 4.6875em; color: #3e5a8d; font-weight: bold; text-transform: uppercase; -webkit-text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); -moz-text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); -ms-text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); -o-text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);}
.not_found .tagline{display: block; font-size: 1em; color: #3e5a8d; font-weight: 300; margin-bottom: 20px;}

/*
NEWSLETTER
*/
.alert_newsletter {
    float: right;
    margin-bottom: 5px;
    overflow-x: hidden;
    background: #f1f1f1;
}
.alert_newsletter_content{display: inline-block; width: 300px; max-width: 100%; font-size: 0.8em; color: #ffffff; font-weight: 600; text-align: center; padding: 5px; margin-right: -310px; background-color: #00B494; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); cursor: default;}
.alert_newsletter_content.error{background-color: #F45563;}

.newsletter{background-color: #3e5a8d; text-align: center;}
.newsletter .content{padding: 15px 0;}
.newsletter h1{position: absolute; top: -9999px; left: -9999px; text-indent: -9999px;}

.newsletter_title{margin-bottom: 15px;}
.newsletter_title_content i{font-size: 2em; color: #ffffff; margin-bottom: 10px;}
.newsletter_title_content p{font-size: 0.9em; color: #ffffff; font-weight: bold; line-height: 20px;}
.newsletter_title_content p span{font-size: 0.9em; font-weight: normal;}

.newsletter_area_form form{max-width: 500px; margin: 0 auto;}
.newsletter_area_form form input{height: 40px; border: none;}
.newsletter_area_form form button{height: 40px; border: none; background-color: #ffffff; color: #813eb3; padding: 0 15px;}
.newsletter_area_form form button:hover{background-color: #f1f1f1;}

/*
FOOTER
*/
.footer{background-color: #f1f1f1;}
.footer .content{padding: 20px 0;}
.footer header h1{position: absolute; top: -9999px; left: -9999px; text-indent: -9999px;}

/*footer => links*/
.footer .footer_links{height: 220px; padding: 0 20px; overflow-y: auto;}
.footer .footer_links::-webkit-scrollbar{width: 5px; background-color: #ffffff;}
.footer .footer_links::-webkit-scrollbar-thumb{background-color: #813eb3;}
.footer .footer_links h1{font-size: 0.9375em; color: #3e5a8d; font-weight: bold; margin-bottom: 20px;}
.footer .footer_links ul li{margin: 5px 0;}
.footer .footer_links ul li a{font-size: 0.8125em; color: #48525b; text-decoration: none;}
.footer .footer_links ul li a:hover{color: #f8a521; text-decoration: underline;}

/*footer => contact*/
.footer .footer_contact .footer_contact_content{background-color: #ffffff; padding: 20px;}

.footer .footer_contact h1{font-size: 1em; color: #3e5a8d; font-weight: bold; margin-bottom: 5px;}
.footer .footer_contact span{font-size: 0.8125em; color: #51b3c2; font-weight: bold;}
.footer .footer_contact .footer_contact_whatsapp{font-size: 1.5em; color: #292725; font-weight: 600; text-transform: uppercase; margin-top: 10px;}
.footer .footer_contact .footer_contact_suport{margin: 10px 0; line-height: 15px;}
.footer .footer_contact .footer_contact_suport p{font-size: 0.75em; color: #48525b; font-weight: normal;}
.footer .footer_contact .footer_contact_suport p a{font-size: 1.085em; color: #51b3c2; font-weight: bold;}

/*footer => about*/
.footer .footer_about{vertical-align: bottom; padding: 0 20px;}
.footer .footer_about .footer_about_company{margin-bottom: 20px;}
.footer .footer_about .footer_about_company a{display: inline-block; margin-bottom: 20px;}
.footer .footer_about .footer_about_company p{font-size: 0.8125em; color: #48525b; margin-bottom: 10px; text-align: justify;}
.footer .footer_about .footer_about_company span{font-size: 0.8125em; color: #48525b; font-weight: bold;}

/*footer => about => social*/
.footer .footer_about .footer_about_social a{text-decoration: none;}
.footer .footer_about .footer_about_social a i{width: 47px; height: 47px; font-size: 1.875em; color: #3e5a8d; text-align: center; padding: 7px 0; border: 2px solid; margin-right: 5px;}

/*footer => payments and security*/
.footer .footer_payments_and_security_content{background-color: #ffffff; padding: 20px;}
.footer .footer_payments_and_security_content article:not(:last-child){margin-bottom: 20px;}
.footer .footer_payments_and_security_content h1{font-size: 1em; color: #3e5a8d; font-weight: bold; margin-bottom: 15px;}

/*footer => copy*/
.footer .footer_copy{text-align: center; background-color: #ffffff;}
.footer .footer_copy p{font-size: 0.7em; color: #696969;margin: 0;}

/*
MEDIA QUERIES
*/

/*400px*/
@media (min-width: 25em){
    /*
    PRODUCTS
    */
    .products .products_wrap{width: 85%; margin: 0 auto;}
}

/*500px*/
@media (min-width: 31.25em){
    /*
    PRODUCTS
    */
    .products .products_wrap{width: 80%;}

    /*
    PRODUCT
    */

    /*product => images*/
    .product .product_image{display: inline-block; width: 49%; margin: 1% 2% 1% 0; vertical-align: top; margin-bottom: 10px;}

    /*product => info*/
    .product .product_info{display: inline-block; width: 49%; margin: 1% 0 1% 0; vertical-align: top;}
}

/*544px and 768px*/
@media (min-width: 34em) and (max-width: 48em){
    /*
    FOOTER
    */

    /*footer => links*/
    .footer .footer_links article{width: 100%; margin: 15px 0 15px 0 !important;}

    /*footer => contact*/
    .footer .footer_contact .footer_contact_whatsapp{font-size: 1.3em;}

    /*footer => social*/
    .footer .footer_about .footer_about_social a i{width: 40px; height: 40px; font-size: 1.5em;}
}

/*550px*/
@media (min-width: 34.375em){
    /*
    GERAL
    */
    body{padding-top: 51px;}
    /*
    COMBO
    */
    .combo .products .products_item{display: inline-block; vertical-align: top;}

    /*
    HEADER
    */

    /*header => mobile*/
    .header_mobile .header_mobile_wrap{-webkit-display: -webkit-box; -webkit-display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; background-color: #7838a8;}
    .header_mobile .header_mobile_logo{display: inline-block; width: 40%;}
    .header_mobile .header_mobile_nav{display: inline-block; width: 60%; background-color: #7838a8;}

    /*
    PRODUCTS
    */
    .products .products_wrap{width: 100%;}

    /*products => modal*/
    .products_modal{height: calc(100vh - 51px);}

    /*
    CATEGORIES
    */
    .categories .products .products_item{display: inline-block; vertical-align: top;}

    /*
    WISHLIST
    */
    .wishlist .products .products_item{display: inline-block; vertical-align: top;}
}

/*550px and 849px*/
@media (min-width: 34.375em) and (max-width: 53.0625em){
    /*
    CATEGORIES
    */
    .categories .products .products_item{width: 49%; margin: 1% 2% 1% 0;}
    .categories .products .products_item:nth-of-type(2n+0){margin-right: 0;}
    
    /*
    COMBO   
    */
    .combo .products .products_item{width: 49.5%; margin: 1% 1% 1% 0;}
    .combo .products .products_item:nth-of-type(2n+0){margin-right: 0;}

    /*
    WISHLIST
    */
    .wishlist .products .products_item{width: 49%; margin: 1% 2% 1% 0;}
    .wishlist .products .products_item:nth-of-type(2n+0){margin-right: 0;}
}

/*850px*/
@media (min-width: 53.125em) {
    /*
    PRODUCTS
    */

    /*products => carousel*/
    .products .owl-nav{display: block; width: 75px; background-color: #ffffff; top: -37px; right: 0; text-align: right;}
    .products .owl-nav .owl-prev, .products .owl-nav .owl-next{display: inline-block; width: 30px; height: 30px; line-height: 30px; font-size: 1.875em; color: #ed3237; text-align: center; background-color: #f8f8f8; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
    .products .owl-nav .owl-prev{position: initial; margin-right: 5px;}
    .products .owl-nav .owl-next{position: initial;}
    
    /*
    COMBO   
    */
    .combo .products .products_item{width: 32.6%; margin: 1% 1.1% 1% 0;}
    .combo .products .products_item:nth-of-type(3n+0){margin-right: 0;}

    /*
    WISHLIST
    */
    .wishlist .products .products_item{width: 32%; margin: 1% 2% 1% 0;}
    .wishlist .products .products_item:nth-of-type(3n+0){margin-right: 0;}
}

/*850px and 991px*/
@media (min-width: 53.125em) and (max-width: 61.9375em) {
    /*
    CATEGORIES
    */
    .categories .products .products_item{width: 32%; margin: 1% 2% 1% 0;}
    .categories .products .products_item:nth-of-type(3n+0){margin-right: 0;}
}

/*992px and 1099px*/
@media (min-width: 62em) and (max-width: 68.6875em){
    /*
    CATEGORIES
    */
    .categories .products .products_item{width: 49%; margin: 1% 2% 1% 0;}
    .categories .products .products_item:nth-of-type(2n+0){margin-right: 0;}
}

/*992px*/
@media (min-width: 62em){
    /*
    GERAL
    */
    body{padding-top: 0;}

    /*
    HEADER
    */

    /*header => mobile*/
    .header_mobile{display: none;}

    /*header => desktop*/
    .header_desktop{display: block;}

    /*
    QUALITY
    */
    .quality{display: block;}

    /*
    NEWSLETTER
    */
    .newsletter{background-image: linear-gradient(to right, #469aa8, #3e5a8d); text-align: initial;}
    .newsletter .content{padding: 20px 40px;}

    .newsletter_title{display: inline-block; width: 45%; margin-bottom: 0; vertical-align: top;}
    .newsletter_title_content{-webkit-display: -webkit-box; -webkit-display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-end;}
    .newsletter_title_content i{font-size: 3em; margin-right: 30px; margin-bottom: 0;}
    .newsletter_title_content p{font-size: 1.125em;}
    .newsletter_title_content p span{font-size: 0.77em;}

    .newsletter_area_form{display: inline-block; width: 55%; vertical-align: top;}
    .newsletter_area_form form input{height: 50px; border: 1px solid #d1d1d1;}
    .newsletter_area_form form button{height: 50px; border: 3px solid #469aa8; background-color: #469aa8; color: #ffffff; padding: 14px 20px;}
    .newsletter_area_form form button:hover{background-color: #000000; border-color: #000000;}

    /*
    PRODUCTS
    */

    /*products => modal*/
    .products_modal{height: 100vh;}

    .products_modal .products_modal_content .product{max-height: 100%;}
    .products_modal .products_modal_content .product::-webkit-scrollbar{width: 10px;}

    .products_modal .products_modal_content .products_modal_content_close.modal_pdt_mobile{display: none;}
    .products_modal .products_modal_content .products_modal_content_close.modal_pdt_desktop{-webkit-display: -webkit-box; -webkit-display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex;}

    /*
    PRODUCT
    */

    /*product => info*/
    .product .product_info .product_info_heading h1{font-size: 1.5em; font-weight: 300;}

    /*product => description*/
    .product .product_footer .product_footer_description{max-height: none; overflow-y: visible; padding-right: 0;}

    /*
    CATEGORIES
    */
    .categories .products{padding-left: 240px;}
}

/*1100px*/
@media (min-width: 68.75em) {
    /*
    CATEGORIES
    */
    .categories .products .products_item{width: 32%; margin: 1% 2% 1% 0;}
    .categories .products .products_item:nth-of-type(3n+0){margin-right: 0;}
    
    /*
    COMBO
    */
    .combo .products .products_item{width: 24.25% !important; margin: 1% 1% 1% 0 !important;}
    .combo .products .products_item:nth-of-type(4n+0){margin-right: 0 !important;}

    /*
    WISHLIST
    */
    .wishlist .products .products_item{width: 23.5% !important; margin: 1% 2% 1% 0 !important;}
    .wishlist .products .products_item:nth-of-type(4n+0){margin-right: 0 !important;}
}

/*1200px*/
@media (min-width: 75em){
    /*
    GERAL
    */
    .content{width: 90%;}

    /*
    PRODUCTS
    */

    /*products => modal*/
    .products_modal .products_modal_content .product .content{width: 90%;}

    /*
    PRODUCT
    */

    /*product => images*/
    .product .product_image{width: calc(49% + 75px); margin: 1% 2% 1% 0;}

    /*product => info*/
    .product .product_info{width: calc(49% - 75px); margin: 1% 0 1% 0;}

    /*product => images*/
    .product .product_image{position: relative;}
    .product .product_image .product_image_focus{margin-bottom: 0; padding-left: 75px;}
    .product .product_image .product_image_gallery{position: absolute; top: 0; left: 0; padding: 0 3px 0 0; border-right: 2px solid #ffffff; background-color: #ffffff;}
    .product .product_image .product_image_gallery img{display: block; width: 70px; margin-right: 0; margin-bottom: 5px;}
    .product .product_image .product_image_gallery img:last-child{margin-bottom: 0;}
}
/*
*MODAL DE ASSINATURA OU LOGIN/

#login-barreira {
    background: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 55px;
    z-index: 98;
    font-family: "Lato",sans-serif;
}
#login-barreira .conteudo-barreira {
    background: #fff;
}
#login-barreira .conteudo-barreira #login-promocao {
    z-index: 99;
    height: 60px;
    width: 100%;
    bottom: 0;
    position: fixed;
    background: #00aeef;
    -webkit-box-shadow: 0 -2px 6px 0 rgba(0,0,0,.24);
    box-shadow: 0 -2px 6px 0 rgba(0,0,0,.24);
}
#login-barreira .conteudo-barreira #login-promocao .conteudo-produto {
    margin: 0 auto;
    width: 300px;
    height: 60px;
    position: relative;
}

#login-barreira .conteudo-barreira #login-promocao .conteudo-produto img {
    display: block;
    float: left;
    margin: 7px 14px 0 0;
    width: 88px;
}
.article img {
    display: block;
    margin: 0 auto;
}
img {
    background-size: cover;
    height: auto;
    max-width: 100%;
}
#login-barreira .conteudo-barreira #login-promocao .conteudo-produto h2 {
    display: none;
    margin: 0;
    padding: 10px 0 0;
    color: #fff;
    font-weight: 900;
    font-size: 18px;
    line-height: 1;
}

#login-barreira .conteudo-barreira #login-promocao .conteudo-produto p {
    display: block;
    margin: 0;
    padding: 12px 0 0;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    font-weight: 900;
    letter-spacing: -.5px;
}

@media only screen and (min-width: 769px){
#login-barreira .conteudo-barreira {
    width: 900px;
    height: 540px;
}
#login-barreira .conteudo-barreira #login-promocao {
    background: #10a84d;
}
#login-barreira .conteudo-barreira #login-promocao {
    width: 540px;
    height: 540px;
}
#login-barreira .conteudo-barreira #login-promocao .conteudo-produto {
    width: 462px;
    margin-top: 29px;
}
#login-barreira .conteudo-barreira #login-promocao .conteudo-produto img.img-mobi {
    display: none;
}
#login-barreira .conteudo-barreira #login-promocao .conteudo-produto img.img-mobi {
    display: block;
}
#login-barreira .conteudo-barreira #login-promocao .conteudo-produto h2 {
    padding: 18px 0 28px;
    font-size: 53px;
}
#login-barreira .conteudo-barreira #login-promocao .conteudo-produto h2 {
    letter-spacing: -1.1px;
    text-align: left;
    font-size: 0px;
    display: block;
    padding: 10px 0 15px;
}
#login-barreira .conteudo-barreira #login-promocao .conteudo-produto p {
    color: #ffffff;
}
    #login-barreira .conteudo-barreira #login-promocao .conteudo-produto p {
    font-size: 30px;
    width: 230px;
    letter-spacing: -1.1px;
}
#login-barreira .conteudo-barreira #login-promocao .conteudo-produto a {
    background: #FFF200;
}
#login-barreira .conteudo-barreira #login-promocao .conteudo-produto a {
    margin-top: 0;
}
}

#login-barreira .conteudo-barreira #login-promocao .conteudo-produto a {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    background: url(../images/icArrowRight.svg) no-repeat right 50%;
    font-size: 0;
    height: 30px;
    width: 300px;
}
#login-barreira a {
    text-decoration: none;
}

#login-barreira .conteudo-barreira #login-barreira-iframe {
    text-align: center;
    padding-bottom: 60px;
    height: 520px;
    background: #fff;
}

#login-barreira .conteudo-barreira #login-barreira-iframe h2 {
    margin: 0;
    font-size: 18px;
    letter-spacing: -.3px;
    color: #071c37;
    font-style: inherit;
    line-height: 1;
    font-weight: 400;
    padding: 11px 0;
    border-radius: 0 4px 0 0;
    background: #eceff1;
    border-bottom: 1px solid #cfd8dc;
}

b, strong {
    font-weight: bold;
}
*, *:after, *:before {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

#login-barreira .conteudo-barreira #login-barreira-iframe h2 span {
    display: block;
    font-size: 15px;
    letter-spacing: -.1px;
    color: #78909c;
    padding-top: 5px;
    width: 300px;
    margin: 0 auto;
    background: url(../images/chave.svg) no-repeat 25px 10px;
    font-weight: 400;
}

#login-barreira .conteudo-barreira #login-barreira-iframe .segura-cadun {
    overflow: hidden;
}
@media only screen and (min-width: 765px){
    #login-barreira {
    zoom: 1;
    top: 0;
    background: 0 0;
    animation: fadeRegister 2s;
    -moz-animation: fadeRegister 2s;
    -webkit-animation: fadeRegister 2s;
    -o-animation: fadeRegister 2s;
    background: rgba(38,42,56,.9);
}

#login-barreira, #login-barreira .conteudo-barreira {
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}
#login-barreira .conteudo-barreira {
    position: relative;
    animation-delay: 2s;
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation: slideRegister 2s;
    -moz-animation: slideRegister 2s;
    -webkit-animation: slideRegister 2s;
    -o-animation: slideRegister 2s;
    top: 120px;
    width: 748px;
    height: 540px;
    margin: 0 auto;
    background: 0 0;
    -webkit-box-shadow: 0 10px 200px 50px rgba(0,0,0,.5);
    box-shadow: 0 10px 200px 50px rgba(0,0,0,.5);
}
#login-barreira, #login-barreira .conteudo-barreira {
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}
#login-barreira .conteudo-barreira #login-promocao {
    position: inherit;
    width: 388px;
    height: 540px;
    float: left;
    border-radius: 4px 0 0 4px;
    background-color: #545c6d;
}
#login-barreira .conteudo-barreira #login-promocao .conteudo-produto {
    width: 352px;
    margin-top: 64px;
}
#login-barreira .conteudo-barreira #login-promocao .conteudo-produto img {
    float: none;
    width: auto;
    display: block;
    margin: 0 auto;
}
    #login-barreira .conteudo-barreira #login-promocao .conteudo-produto p {
    font-style: italic;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.13;
    letter-spacing: -.8px;
    text-align: left;
    color: #bbb;
    width: 130px;
    margin-right: 24px;
    float: left;
    padding: 0;
}
#login-barreira .conteudo-barreira #login-barreira-iframe h2 {
    padding: 19px 0;
    border-radius: 0 4px 0 0;
    font-size: 19px;
    position: relative;
    z-index: 2;
}
#login-barreira .conteudo-barreira #login-barreira-iframe {
    width: 360px;
    height: 540px;
    float: left;
    padding-bottom: 0;
    border-radius: 0 4px 4px 0;
}
#login-barreira .conteudo-barreira #login-promocao .conteudo-produto a {
    float: right;
    position: inherit;
    width: 190px;
    height: 35px;
    border-radius: 100px;
    background: #00aeef;
    font-size: 19px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.5px;
    text-align: center;
    color: #fff;
    display: inline-block;
    right: auto;
    top: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0px;
    padding: 8px 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#login-barreira .conteudo-barreira #login-barreira-iframe iframe {
    height: 540px;
    margin-top: 0;
    width: 336px;
}
#login-barreira .conteudo-barreira #login-barreira-iframe .segura-cadun {
    height: 459px;
}
#login-barreira .conteudo-barreira #login-barreira-iframe h2 span {
    padding-top: 5px;
    font-size: 16px;
}
#login-barreira .conteudo-barreira #login-barreira-iframe h2 strong {
    font-weight: 400;
}
}
#login-barreira .conteudo-barreira #login-barreira-iframe iframe {
    border: 0;
    height: 540px;
    width: 315px;
    overflow: hidden;
    position: relative;
    top: -86px;
}
.form-container, .cadun-flow-container .main-container {
    margin: auto;
}
.dynamic-window-sized {
    max-width: 301px;
    width: 87%;
    margin-left: auto;
    margin-right: auto;
}
.salutation-header {
    font-family: opensans-regular,helvetica,arial,sans-serif;
    max-width: 300px;
    margin: 30px auto 0;
}
.salutation-header img.user-avatar {
    background-image: url(/pc/cf/images/avatar.png);
    width: 50px;
    height: 50px;
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 12px 16px 0;
}
.salutation-header .salutation-content span.name {
    font-family: opensans-light,helvetica,arial,sans-serif;
    font-size: 1.5em;
    line-height: 1em;
    letter-spacing: -.3px;
    padding-top: 3px;
}
.salutation-header .salutation-content .logout {
    font-size: .75em;
    cursor: pointer;
    padding-top: 3px;
    font-family: opensans-regular,helvetica,arial,sans-serif;
}
form, .cadun-flow-container .form-fields-container {
    width: 100%;
    margin: auto;
}
.text-content {
    margin: 0 auto;
    width: 100%;
}
form .text-content h2 {
    font-family: opensans-semibold,helvetica,arial,sans-serif;
    font-size: .9375em;
    letter-spacing: -1px;
    margin-bottom: 16px;
}
form fieldset.no-legend, .form-fields-container fieldset.no-legend {
    border-top: 0;
    margin: 0;
}
form fieldset, .form-fields-container fieldset {
    border: 0;
    padding: 0;
    color: #666;
    width: 100%;
    margin: 18px 0 0;
}
form .field, .form-fields-container .field {
    margin: 0 0 16px;
}
form label, .form-fields-container label {
    font-family: opensans-regular,helvetica,arial,sans-serif;
    text-align: left;
    font-size: 14px;
    margin-bottom: 8px;
    display: inline-block;
    float: left;
}
form input:required, .form-fields-container input:required{
    box-shadow: none;
}
form input[type=text], form input[type=email], form input[type=number], form input[type=tel], form input[type=date], form input[type=password], form input[name='recaptcha_response_field'], .form-fields-container input[type=text], .form-fields-container input[type=email], .form-fields-container input[type=number], .form-fields-container input[type=tel], .form-fields-container input[type=date], .form-fields-container input[type=password], .form-fields-container input[name='recaptcha_response_field'] {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: opensans-regular,helvetica,arial,sans-serif;
    font-size: 1em;
    border: 1px solid #d5d5d5;
    border-top: 1px solid #aaa;
    width: 100%;
    height: 40px;
    padding: 10px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}

input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb !important;
}
.form-container .actions, .main-container .actions {
    display: block;
    margin: 0;
    color: #999;
    text-align: center;
}
button:disabled, .button:disabled, .button-agree:disabled, .button-disagree:disabled {
    border: 1px solid #d5d5d5;
    background: #f5f5f5;
    color: #d5d5d5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.actions button {
    margin-bottom: 24px;
    margin-right: 10px;
    display: inline-block;
}
button, .button {
    background-color: #325e94;
}
button, .button, .button-agree, .button-disagree {
    background-color: #0669de;
    width: 50%;
    font-size: 1em;
    padding: 0 8px;
    font-size: .875em;
    color: #fff;
    padding: .75em;
    border: 0;
    heigth: 42px;
    -webkit-box-shadow: inset 0 -2px rgba(0,0,0,.25);
    -moz-box-shadow: inset 0 -2px rgba(0,0,0,.25);
    box-shadow: inset 0 -2px rgba(0,0,0,.25);
    margin: auto;
    display: inline-block;
    cursor: pointer;
    font-family: proximanova-bold-limited,helvetica,arial,sans-serif;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.divider {
    font-family: opensans-regular,helvetica,arial,sans-serif;
    color: #999;
    font-size: .875em;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-top: 40px;
    margin-bottom: 12px;
    height: 12px;
}
.divider span {
    background: #fff;
    position: relative;
    display: inline-block;
    padding: 0 10px;
    z-index: 2;
    line-height: 1;
    top: -5px;
}
.divider hr {
    position: relative;
    top: -13px;
    z-index: 1;
    margin: 0;
    padding: 0;
}
hr {
    border: 0;
    border-bottom: 1px solid #e2e2e2;
    margin: 0;
    margin-bottom: 16px;
}
hr {
    display: block;
    unicode-bidi: isolate;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
}
.horizontal-container {
    margin-bottom: 8px;
    text-align: left;
}
.horizontal-container .column.left {
    text-align: left;
}
.horizontal-container .column {
    display: table-cell;
    line-height: 12px;
    width: 30%;
}
.horizontal-container * {
    font-family: opensans-regular,helvetica,arial,sans-serif;
    font-size: 12px!important;
}
.horizontal-container * {
    font-family: opensans-regular,helvetica,arial,sans-serif;
    font-size: 12px!important;
}

input[type="checkbox" i] {
    margin: 3px 3px 3px 4px;
}
input[type="checkbox" i] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
}
input[type="radio" i], input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    margin: 3px 0.5ex;
    padding: initial;
    border: initial;
}
form label, .form-fields-container label {
    font-family: opensans-regular,helvetica,arial,sans-serif;
    text-align: left;
    font-size: 14px;
    margin-bottom: 8px;
    display: inline-block;
}
.horizontal-container .column.right {
    text-align: right;
}
.horizontal-container .column {
    display: table-cell;
    line-height: 12px;
    width: 30%;
}
.horizontal-container * {
    font-family: opensans-regular,helvetica,arial,sans-serif;
    font-size: 12px!important;
}
*/

/*CUSTON BY Célio Ricardo
/*Section Video*/
.box-video.video2 {
    margin: 0;
}

.box-video {
    position: relative;
    margin: 100px 0 150px;
    max-height: 650px;
    padding-bottom: 5px;
    background: #000;
}
.box-video .info-video {
    bottom: 1.5vh;
}
.box-video.video2 .info-video {
    width: 540px;
}
.box-video .info-video {
    width: 516px;
    position: absolute;
    left: 6.25vw;
    bottom: 8vh;
    color: #fff;
    z-index: 10;
    pointer-events: none;
}
.box-video .wrapper-video, .modal_video {
    position: relative;
    padding-bottom: 31.8%;
    height: 0;
    width: 100%;
}
.box-video .wrapper-video iframe, .box-video .wrapper-video .trigger-video, .box-video .wrapper-video img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 600px;
}
.box-video .ico-play {
    width: 50%;
    /* height: 50%; */
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 555%;
    text-align: center;
}
/*CUSTON BY Célio Ricardo*/
/*PAGUE BLOG*/
.wrapper {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
header.content-util {
    margin-bottom: 0px;
}
header.content-util nav.breadcrumb {
    float: left;
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Open Sans","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-left: 20px;
}
header.content-util nav.breadcrumb a {
    text-decoration: none;
    color: #f8a521;
}
header.content-util nav.breadcrumb>* {
    margin-right: 4px;
    line-height: 20px;
}
header.content-util nav.breadcrumb span {
    color: #3e5c8e;
    cursor: default;
}
header.content-util nav.breadcrumb>*:last-child {
    margin-right: 0;
}

header.content-util ul.social-icons {
    float: right;
}
ul.social-icons {
    margin: 0;
    padding: 0;
}
ul.social-icons li {
    display: inline-block;
    margin-right: 10px;
}
ul.social-icons li a {
    display: block;
    font-size: 1.125em;
    position: relative;
    top: -3px;
    color: #f8a521;
}
span.icon-fallback-text span.icon, button.icon-fallback-text span.icon, span.icon-text span.icon, button.icon-text span.icon {
    position: relative;
    top: 2px;
    display: inline-block;
}
.icon, .collection aside nav.tags li.active.close a:after {
    font-family: 'ficon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
span.icon-fallback-text span.fallback-text, button.icon-fallback-text span.fallback-text, span.icon-text span.fallback-text, button.icon-text span.fallback-text {
    display: none;
}
.icon-facebook:before {
    content: "\ea90";
}
.icon-instagram:before {
    content: "\ea92";
}
header.product-header {
    display: table;
    width: 100%;
    padding-bottom: 1px;
    margin-bottom: 30px;
    padding-top: 1px;
    border-bottom: 1px solid #e5e5e5;
}
.l-grid-row {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin: 0 10px;
}
.l-blog-list-item.l-blog-list-item-grid {
    display: block;
    text-align: center;
}
.l-grid-row>[class^="l-grid-col-4"], .l-grid-row>[class*="l-grid-col-4"] {
    box-sizing: border-box;
    flex: 0 0 calc( 49.33333% - 20px);
    flex-basis: calc( 49.33333% - 20px);
    margin: 0 10px 20px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 1200ms ease;
    -moz-transition: all 1200ms ease;
    -ms-transition: all 1200ms ease;
    -o-transition: all 1200ms ease;
    transition: all 1200ms ease;
}
article .l-grid-row>[class^="l-grid-col-4"], .article .l-grid-row>[class*="l-grid-col-4"] {/*blog index*/
    box-sizing: border-box;
    flex: 0 0 calc( 33.33333% - 20px);
    flex-basis: calc( 33.33333% - 20px);
    margin: 0 10px 20px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 1200ms ease;
    -moz-transition: all 1200ms ease;
    -ms-transition: all 1200ms ease;
    -o-transition: all 1200ms ease;
    transition: all 1200ms ease;
}

.l-blog-list-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 1.875em;
}
.l-blog-list-item.l-blog-list-item-grid .l-blog-list-item--image {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    padding: 0;
}
.l-blog-list-item--image {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    overflow: hidden;
    padding: 1em 0 1em 1em;
    align-self: flex-start;
}
.l-blog-list-item.l-blog-list-item-grid {
    display: block;
    text-align: center;
}
.l-blog-list-item.l-blog-list-item-grid:hover {
    -webkit-transform: scale(1.1) rotate(0deg);
    -moz-transform: scale(1.1) rotate(0deg);
    -ms-transform: scale(1.1) rotate(0deg);
    -o-transform: scale(1.1) rotate(0deg);
    transform: scale(1.03) rotate(0deg);
}
.l-blog-list-item a {
    text-decoration: none;
}
.l-blog-list-item.l-blog-list-item-grid .l-blog-list-item--content {
    padding: 0.25em 2.25em;
}
.l-blog-list-item--content {
    flex: 1;
    padding: 1em 2.5em;
}
.l-blog-list-item.l-blog-list-item-grid .item-title {
    font-size: 145%;
}
.l-blog-list-item .item-title {
    font-size: 165%;
    margin-bottom: 10px;
}
.l-blog-list-item a {
    text-decoration: none;
}
.l-blog-list-item .item-cat {
    font-size: 105%;
    font-weight: bold;
    color: #9575ad;
    margin-top: 20px;
}
p {
    margin: 0 0 1.5em 0;
    font-size: 100%;
    line-height: 1.65;
    font-weight: 300;
}
.l-blog-list-item .item-cat a {
    color: #f8a521;
}
.l-blog-list-item a {
    text-decoration: none;
    color: #3e5c8e;
}
.l-blog-list-item .item-excerpt {
    position: relative;
    padding: 1.5em 0 0 0;
    margin: 1.5em 0 0 0;
    color: #f8a521;
}
p:last-of-type {
    margin-bottom: 0;
}
.l-blog-list-item.l-blog-list-item-grid .item-excerpt:after {
    left: 0;
    right: 0;
}
.l-blog-list-item .item-excerpt:after {
    margin: auto;
    content: '';
    background: #f8a521;
    height: 4px;
    width: 80%;
    max-width: 9em;
    position: absolute;
    top: -15%;
    left: 0%;
}
/*Widgetes sidebar*/
.l-blog-widget {
    background: #fff;
    margin-bottom: 20px;
}
aside h3:nth-of-type(1) {
    margin: 11px 0 20px 0;
}
aside ul a li.cat:hover {
    background: #4699a8;
    color: #ffffff;
}
aside ul a li.cat {
    padding: 5px 17px;
    clear: both;
    color: #3e5c8e;
    font-weight: bold;
}
aside ul li {
    padding: 5px 0;
}
.l-blog-widget--title {
    margin-bottom: 5px;
    padding: 1em;
    font-size: 110%;
    color: #fff;
    background: #3e5c8e;
}
.l-blog-widget--posts-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    /*align-items: center;*/
/*    margin-bottom: 10px;*/
    border-bottom: 1px solid #eee;
/*    padding-bottom: 10px;*/
    float: left;
    padding-top: 20px;
}
.l-blog-widget--posts-item .media {
    width: 5em;
    max-width: 5em;
    min-width: 5em;
}
.l-blog-widget a {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.l-blog-widget--posts-item .info {
    flex: 1;
    padding-left: 15px;
}
.l-blog-widget--posts-item .info h4 {
    font-size: 90%;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    color: #3e5c8e;
}
.l-blog-widget--posts-item .info a {
    text-decoration: none;
    color: #f7a57d;
}
.icon-calendar{
    color: #4699a8;
}
.l-blog-widget--posts-item:hover {
    background: #ffffff;
    color: #f8a521;
    border-bottom: dotted 1px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 1200ms ease;
    -moz-transition: all 1200ms ease;
    -ms-transition: all 1200ms ease;
    -o-transition: all 1200ms ease;
    transition: all 1086ms ease;
}
h4 {
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}


.l-blog-widget a {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.l-blog-widget--posts-item .info p {
    line-height: 1;
    font-size: 95%;
}
.l-blog-widget--posts-item .info p:last-of-type {
    margin-bottom: 40px;
    padding: 5px
}
.l-blog-widget--social {
    text-align: center;
}
.l-blog-widget--social ul, .l-blog-widget--social li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.l-blog-widget--social li {
    display: inline-block;
    text-align: center;
    margin-right: 1px;
    margin-left: 1px;
}
.l-blog-widget--social ul, .l-blog-widget--social li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.l-blog-widget--social li a {
    display: block;
    width: 4.25em;
    height: 2.25em;
    background: #eee;
    line-height: 2.5;
    color: #3e5a8d;
}
.l-blog-widget--social li a:hover {
    color: #fff;
    background: #4699a7;
}
.l-blog-widget a {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    text-decoration: none;
}
/*Widget Captura*/
.l-blog-widget--subscribe-form .m-form-field__input-wrapper {
    margin-bottom: 10px;
    font-size: 115%;
}
.m-form-field__input-wrapper {
    position: relative;
}
.m-form-field__label {
    display: block;
    font-size: 80%;
    width: 100%;
    margin: 0;
    position: absolute;
    bottom: 105%;
    color: #21242d;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}l-grid-row

.btn-primary.btn-primary-on-white {
    border: 2px solid #813eb3;
}
.btn-primary.btn-primary-full {
    display: block;
    width: 100%;
    padding: 1em 1.25em;
    font-size: 95%;
}
.btn-primary {
    color: #fff;
    background: #813eb3;
}
[class^="btn-"], .m-listing-item--btn, [class*=" btn-"], .m-listing-item--btn {
    position: relative;
    text-decoration: none;
    padding: 0.75em 1.25em;
    display: inline-block;
    border: none;
    line-height: 1;
    font-size: 85%;
    font-weight: 600;
    text-align: center;
    background: transparent;
    cursor: pointer;
    text-transform: uppercase;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}


p.postby{
    margin-bottom: 0px;
}
.postby {
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    margin-top: 15px;
    color: #4699a8;
}
p.postby:last-of-type {
    padding: 5px;
}
.postby img {
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    overflow: hidden;
    border: 1px solid #3e5c8e;
}
.postby img {
    border-radius: 50%;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 1px;
    -webkit-transform: none !important;
    transform: none !important;
}
.col-1-4, .col-3-4{float:left; display: inline-block;}
.col-1-4{width:25%;}
.col-3-4{width:75%;}
.article .col-3-4{width:100%;}/*blog index*/
.wrap-col {
    margin: 10px;
}
.relating {
    margin: 0 8px 30px 8px;
    font-size: 2.0em;
    font-weight: bold;
    color: #5d5959;
}
/*Custon by Célio Ricardo*/
/*Media queries*/

@media (max-width: 1200px){
.l-grid-row>[class^="l-grid-col-lg-6"], .l-grid-row>[class*=" l-grid-col-lg-6"] {
    box-sizing: border-box;
    flex: 0 0 calc( 50% - 20px);
    flex-basis: calc( 50% - 20px);
    margin: 0 10px 20px;
}
}
@media only screen and (max-width:1024px){
    .col-1-3 {
    width: 50%;
}
.col-1-2 {
    width: 100%;
    text-align: center;
}

.abelha_blog.pdt {
    position: absolute;
    margin-top: 68px;
    margin-left: 35%;
    width: 32%;
    height: 16em;
    display: flex;
    align-items: center;
}
.col-3-4 {
    width: 100%;
}
.col-1-4 {
    width: 32%;
    margin: 0 5px 0 5px;
}
}
@media only screen and (max-width: 767px) {
.col-1-4 {
    width: 47%;
    margin: 0 8px 0 9px;
}
}
@media only screen and (max-width: 550px) {
.l-grid-row>[class^="l-grid-col-xs-12"], .l-grid-row>[class*=" l-grid-col-xs-12"] {
    box-sizing: border-box;
    flex: 0 0 calc( 100% - 20px);
    flex-basis: calc( 100% - 20px);
    margin: 0 10px 20px;
}
.abelha_blog.pdt {
    position: absolute;
    margin-top: 112px;
    margin-left: 35%;
    width: 32%;
    height: 12em;
    display: flex;
    align-items: center;
}
}
@media only screen and (min-width: 480px) and (max-width: 619px) {
	.col-1-3, .col-2-3{width:100%;}
	.col-1-4{width:100%;}
}
@media only screen and (max-width: 479px) {
	.col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-2-4, .col-3-4, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-1-6, .col-2-6, .col-3-6, .col-4-6, .col-5-6{width:95%;}
        .col-3-4{width:100%;}
        
.abelha_blog {
    position: absolute;
    margin-top: 60px;
    margin-left: 20%;
    width: 50%;
    height: 8em;
    display: flex;
    align-items: center;
}
}
@media only screen and (max-width: 391px) {
.abelha_blog {
    position: absolute;
    margin-top: 102px;
    margin-left: 17%;
    width: 59%;
    height: 9em;
    display: flex;
    align-items: center;
}
}

/***********************************
########## DOBRA05 ###########
***********************************/

.dobra05 {
  text-align: center;
  padding: 70px 0;
  color: #fff;
  background: #eaeae8;
}

.dobra05 h1 {
  color: #ffb101;
}
.sectiontitle h1 {
    font-size: 34px !important;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #fff;
}
.dobra05 p {
  text-align: justify;
  color: #504646;
}
.dobra05 p:last-of-type {
  text-align: left;
}


.dobra05 .sectiontitle {
  padding: 20px;
}

.dobra05 .sectiontitle:after {
  background: #fff;
}

.dobra05 .videocontent {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    background: rgba(19, 11, 9, 0.82);
    -webkit-box-shadow: 5px 64px 75px -54px rgb(0, 0, 0);
    -moz-box-shadow: 5px 64px 75px -54px rgb(0, 0, 0);
    box-shadow: 5px 64px 75px -54px rgb(0, 0, 0);
}

.dobra05 .titlecontent h1 {
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #ffb101;
  text-align: left;
}
.button-gradient-transparent {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    color: #fff;
    border: 1px solid;
}
.button-gradient {
    padding: 20px 20px;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 100px;
    margin-top: 10px;
    display: inline-block;
    width: auto;
    /* opacity: 0.8; */
    cursor: pointer;
}
@media only screen and (max-width: 559px) {
    .dobra05 .titlecontent h1 {
    font-size: 18px;
  }
}

.dobra05 .button-gradient-transparent {
    float: none;
    background: #ffb101;
}
.dobra05 .button-gradient-transparent:hover {
    background: #e8b849
}

.dobra05 .flexdisplay {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: flex-start;
}

@media only screen and (max-width: 959px) {
   .dobra05 .flexdisplay {
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 959px) {
    .dobra05 .flexdisplay .boxdisplaytext, .dobra05 .flexdisplay .boxdisplayvideo {
    flex-basis: 100%;
    width: 100%;
    text-align: center;
  }
}

.dobra05 .flexdisplay .boxdisplaytext {
  flex-basis: 50%;
  padding-right: 20px;
}

@media only screen and (max-width: 959px) {
    .dobra05 .flexdisplay .boxdisplaytext {
    padding-right: 0;
  }
}

.dobra05 .flexdisplay .boxdisplayvideo {
  flex-basis: 50%;
  justify-content: flex-end;
  text-align: center;
}

@media only screen and (max-width: 959px) {
    .dobra05 .flexdisplay .boxdisplayvideo {
    margin-bottom: 40px;
  }
}

/*modal*/
.products_modal .products_modal_content .product .content ul.bt {
    margin-bottom: 30px;
    background-color: #f9f9f9;
    padding: 10px;
    text-align: center;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}
.products_modal .products_modal_content .product .content ul li {
    display: inline-block;
}
.products_modal .products_modal_content .product .content ul li a.wc_active {
    color: #ffffff;
    background-color: #3e5a8d;
}
.products_modal .products_modal_content .product .content ul li a {
    display: block;
    font-size: 0.8125em;
    color: #3e5a8d;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    background-color: transparent;
    padding: 10px 20px;
    border: 1px solid #a7a49f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

/*
LOJAS FEITOSA///////////////////////////////////////////////////////////////////////////////////////
*/
#Content {
    /*background-color: #3b4b56;*/
    padding-top: 50px;
}
.clearfix {
    zoom: 1;
}
.section_wrapper {
    max-width: 90%;
    margin: 0 auto;
    position: relative;
}
.background_store {
    background-color: #100f0f;
}
.store_box.theme_store {
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 1;
}
.store_box {
    margin: 0;
}
.store_box, .store_box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.border_store {
    border: 2px solid #4acea9;
}
.store_box.theme_store:hover:before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}
.store_box.theme_store:before {
    position: absolute;
    content: "";
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    border: 8px solid #4acea9;
    -webkit-transform: scale(1.1,1.04);
    transform: scale(1.1,1.04);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    z-index: -1;
}
.store_box.theme_store .tilte_store {
    background-color: transparent;
    padding: 55px 0 30px;
}
.tilte_store {
    background-color: #4e4e4e;
}
.tilte_store {
    padding: 30px 0;
}
.store_box, .store_box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.tilte_store h3 {
    font-family: roboto,sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}
.store_box.theme_store .box_img_store {
    padding-bottom: 0;
}
.box_img_store {
    padding: 35px 0 25px;
    position: relative;
}
.one.mcb-wrap {
    width: 100%;
}
.mcb-wrap {
    float: left;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.sectiontitle h1 {
    font-size: 34px !important;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #666;
}
.loja_mtop{
    margin-top: 40px;
}
.lojas:after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #ffffff;
    margin: 8px auto;
}
.lojas h1 {
    color: #ffffff;
    font-weight: bold;
}

.lojas:after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #ffb101;
    margin: 8px auto;
}
.store_box.theme_store {
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 1;
}
.store_box, .store_box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.border_store {
    border: 2px solid #ffb101;
    margin: 20px 0 20px 0!important;
}
.store_box, .store_box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.store_box {
    margin: 0;
}
.background_store {
    background-color: #233c6b;
}
.store_box.theme_store:before {
    position: absolute;
    content: "";
    top: -7px;
    right: -7px;
    bottom: -7px;
    left: -7px;
    border: 5px solid #ffb101;
    -webkit-transform: scale(1.1,1.04);
    transform: scale(1.1,1.04);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    z-index: -1;
}
.store_box.theme_store .tilte_store {
    background-color: transparent;
    padding: 20px 0 0px 0;
}
.tilte_store {
    padding: 30px 0;
}
.tilte_store {
    background-color: #4e4e4e;
}
.tilte_store h3 {
    font-family: roboto,sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}
.text_title {
    color: #f3a209;
    line-height: 2em;
}
.sectiontitle {
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
}
.lojas h1 {
    color: #ffffff;
    font-weight: bold;
}
.sectiontitle h1 {
    font-size: 34px !important;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #d55d42;
    font-weight: bold;
}
.tagline {
    font-size: 1em;
    padding: 0 30px;
    color: #666;
    text-transform: initial;
    text-align: center;
}

/*MEDIA QUERY*/
@media only screen and (min-width: 1240px){
.section_wrapper {
    max-width: 90%;
}
}
/*resultado de baterias por ajax*/
.battery-details {
    color: #2b4576;
    background-color: #f7f7f5;
    box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.42);
    margin: 10px 0 10px 0;
}
.battery-details-body {
    position: relative;
    padding: 15px;
}
@media (min-width: 1200px){
.battery-details-battery-a {
    left: 28px;
}
}
.battery-details-battery {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 180px;
    height: auto;
}
.battery-details-title {
    margin-top: 0;
    margin-bottom: 3px;
    color: #4a90e2;
    font-weight: 400;
}
.battery-details-model {
    margin-bottom: 10px;
}
.d-block {
    display: block;
}
.small, small {
    font-size: 85%;
}
.battery-details-subtitle {
    font-size: 16px;
}
.initialism, .text-uppercase {
    text-transform: uppercase;
}
.d-inline-block {
    display: inline-block;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
    display: none !important;
}
.battery-details-strike {
    font-size: 16px;
}
.d-block {
    display: block;
}
.battery-details-strike strike {
    color: #ce181e;
    font-size: 18px;
}
.battery-details-price {
    margin-top: -8px;
    margin-bottom: -3px;
    color: #4a90e2;
    font-size: 32px;
}
.battery-details-price small{
    font-size: 45%;
}
.battery-details-installments {
    font-size: 16px;
}
.battery-details-advantage {
    padding-top: 18px;
    text-align: center;
}
.battery-details-advantage-icon {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin-bottom: 10px;
}
.battery-details-advantage-text {
    display: block;
    font-size: 18px;
    line-height: 22px;
}
.buy{
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    margin: auto;
}
.products .trigger .products_heading h1 > span {
    padding: 0 20px;
    color: white;
    font-size: 1.2em;
    background: none;
}
.products .trigger {
    display: block;
    width: 100%;
    padding: 15px;
    background: #3e5a8d;
    font-size: 0.9em;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 10px;
}

/*LOJAS*/
.bloco2222 p{
    font-size: 1em;
    font-family: sans-serif;
    font-weight: 300;
    color: #666666;
    margin: 10px 0;
}
.bloco222 p{
    color: #666666;
    font-size: 1.2em;
    font-family: sans-serif;
    font-weight: 300;
    margin-bottom: 30px;
}
.bloco222 h3{
    color: #191e74;
    font-family: sans-serif;
    font-weight: 900;
    font-size: 2.5em;
    margin-bottom: 40px;
}
.bloco222 h2{
    color: #666666;
    font-size: 1.8em;
    font-family: sans-serif;
    font-weight: 300;
    margin-top: 50px;
    margin-bottom: 40px;
    text-align: center;
}
.listaLojas {
    margin-bottom: 20px;
    background: #efefef;
    border-bottom: 1px dashed #efca04;
}
.zerogrid{width: 90%;position: relative;margin: 0 auto;padding: 0px;}
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.zerogrid .row{}
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}
.zerogrid .wrap-col{margin:10px;}
.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left; display: inline-block;}
.zerogrid .col-1-2{width:50%;}
.zerogrid .col-1-2:nth-of-type(2){
    margin-bottom: 20px;
}
.listaLojas h4{
    color: #354c5a;
    font-size: 1.2em;
    margin: 10px;
}
.listaLojas ul li {
    padding: 5px;
    background: #4b94c7;
    border: 1px dashed #FF9800;
    display: inline-block;
    margin: 5px 0px 5px 6px;
    color: #fff;
}
@media only screen and (max-width:1024px){
    .zerogrid .col-1-2 {
        width: 100%;
        text-align: center;
    }
}
@media only screen and (max-width: 767px) {
    .slide_index .zerogrid .wrap-col, .bloco-concurso .zerogrid .wrap-col, .bloco1B .zerogrid .wrap-col {
        margin: 10px;
        text-align: center;
    }    
}
@media only screen and (max-width: 479px) {
    .zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:90%;}
    .footer1 form a { float: right;}
}