@import url(https://fonts.googleapis.com/css?family=Roboto:300&subset=latin,cyrillic);

.all-product-container .text{
padding-right: 0;
padding-top: 0;
}

.all-product-container .text h2{
font-size: 1.1em;
margin-bottom: 0;
}


.kf-blog-detail .cat_list.thumb{
max-height: 270px;
}

.kode-product-3{
min-height: 340px;
margin-bottom: 20px;

box-shadow:0px 5px 5px 0px rgba(111,111,111,0.1);
-moz-box-shadow:0px 5px 5px 0px rgba(111,111,111,0.1);
-webkit-box-shadow:0px 5px 5px 0px rgba(111,111,111,0.1);
}

.kode-product-3 .kode-text h2 a{
color: #828282;
}

.kode-product-3:hover .kode-text h2 a{
color: #fff;
}

.all-product-container .text table{
font-size: 12px;
}


.color_wrap, .color_wrap_ {
float: left;
height: 18px;
position: relative;
width: 30px;
}
.color_wrap img, .color_wrap_ img {
height: 18px;
width: 30px;

border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.color_hover {
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-origin: padding-box;
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto auto;
display: none;
height: 23px;
left: 6px;
position: absolute;
text-align: center;
top: 15px;
z-index: 2;
}

.color_hover div {
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
/*background-image: url("color_hover2.png");*/
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat-x;
background-size: auto auto;
color: #333;
font-size: 11px;
height: 23px;
line-height: 26px;
min-width: 96px;
padding-bottom: 0;
padding-left: 4px;
padding-right: 4px;
padding-top: 0;
text-align: center;
white-space: nowrap;
}

.color_wrap:hover .color_hover, .color_wrap_:hover .color_hover_, .color_hover_:hover {
display: block;
z-index: 100
}

.color_hover_ {
display: none;
padding-top: 2px;
position: absolute;
right: 0;
text-align: center;
top: 18px;
width: 150px;
z-index: 2;
}

.color_hover_ .color_wrap {
float: right;
}

.more_colors {
color: #333;
cursor: default;
display: block;
font-size: 11px;
text-align: center;
text-decoration-color: -moz-use-text-color;
text-decoration-line: underline;
text-decoration-style: solid;
}

.product-detail .size span{
width: auto;
padding: 0 5px;
margin: 0 5px 5px 0;
}
.product-detail .cover > img {
height: 320px;
object-fit: cover;
}

.product-detail h3 {
margin-top: 0;
font-family: "Roboto Thin", sans-serif;
}
.product-detail .available_store img {
width: 200px;
height: 90px;
object-fit: cover;
}
.product-detail .available_store img {
height: 50px;
object-fit: cover;
padding-bottom: 20px;
width: 25%;
}
.product-detail .text p > .date {
font-family: "Roboto Light", sans-serif;
}

.event-detail .row {
padding: 15px 0;
margin-top: 90px;
position: relative;
z-index: 100;
}
.event-detail .about-detail span {
margin: 15px;
}
.event-detail .about-detail:after {
content: ' ';
width: 100%;
height: 100%;
}
.photo_gallery p:last-child {
font-family: "Roboto Thin", sans-serif;
}
.photo_gallery img {
width: 100%;
/*height: 240px;*/
object-fit: cover;
}
.photo_gallery .col-sm-4:nth-child(3n):after {
content: ' ';
height: 0;
clear: both;
}


.kf-copyright{
color: #fff
}

.accordion .active,
.accordion-content .active{
color: #000;
font-weight: bold;
}

.accordion-content ul:last-child{
margin-bottom: 20px;
}

table.mceItemTable td{
vertical-align: top;
padding:5px 0;
}

.social-contacts{
width: 100%;
}

.follow-us a{
float: left;

width: auto;
background-color: transparent;
border-radius: 0;
font-size: inherit;
text-align:center;

}

.follow-us a:hover{
background:transparent;
color: auto;
}

.follow-us a i{
margin: 0px;
float: none;
}


.header-5 .logo-container .logo img{
padding-top:0;
width: auto;
}

.contact-us-2 textarea{
height: 100px;
}



.header-3 ul.we-ship,
.header-4 ul.we-ship{
color: #fff;
}
/*
.kode-product-2 .sale-tag,
.kode-product-2 .new-tag,
.kode-product-2 .out-of-stock,
.navigation-3 ul ul li,
.header-1.header-7 .top-strip,
.kode-product-3 .sale-tag,
.kode-product-3 a.add-to-cart,
ul.contact-info li:hover i,
.wrapper .header-8 .top-strip,
.header-3 .nav-container,
.header-4 .nav-container,
.kode_gsk_link,
.kode-product-3:hover,
.header-1 .top-strip,
.bg, .bag-button a,
.shipping-services,
.product-container .text,
.discount .btn-container a:hover,
.pro-name .price,
.kf-blog-listing .kf-date,
.kf-blog-listing a.more:hover,
.social,
.widget-news .news-date,
.kf-products .kf-price,
.kf-products .caption a.zoom,
.sidebar .widget h2,
.widget-search-product button,
.kd-accordion ul li:hover a,
.widget-brands ul li:hover a,
.widget-offer .thumb .caption a.more,
.error-404 a.return:hover,
.kf-cart ul li.header div,
.payment-method button:hover,
.contact-us-1 button,
.contact-us-2 button:hover,
.banner-2 ul li .caption:before,
.banner-2 ul li .caption:after,
.banner-2 ul li .caption a.shop:hover,
.banner-2 .bx-wrapper .bx-pager.bx-default-pager a.active,
.discount-2 .btn-container a:hover,
.discount .btn-container a:hover,
.all-product-container .btn-container,
.kf-blog-detail .header i,
.blog-tags a:hover,
.kf-comments ul li a.reply,
.widget-archive ul li:hover,
.widget-tags ul li a:hover,
.product-reivews .nav-tabs > li.active > a,
.product-reivews .nav-tabs > li.active > a:hover,
.product-reivews .nav-tabs > li.active > a:focus,
.kf-products-2 .text .btns a:hover,
.btn-container a:hover,
.child-store,
.cart-option, .btn-filled,
.user-box .modal-header, .kf-wishlist .kf-options a.cart:hover,
.kf-user .kf-user-thumb .kd-text a.logout, .kf-user .kf-user-option ul li a:hover, .kf-order table thead, .kf-search button, .kf-team .thumb, .kf-team .social ul li a:hover, .member-detail .social ul li a:hover, .btn-style, .kf-blog-single .kf-text .read-more:hover, .kf-blog-single .like-btn, .kf-blog-single .thumb, .header-9 .logo-container, .header-9 .logo-container .navigation ul li a:before, .kf-services i, .kf-cart-options .cart-itmes, .navigation ul ul li a:hover, .navigation ul ul li a:hover, .navigation li.kode-mega-menu .kode-megamenu-container .mega-wrapper .kode-product-3:hover .kode-text, .cupon .input-container button:hover, .cupon button.update:hover, .cupon button.update:hover, .cupon button.checkout:hover
.header-3 .top-strip,
.header-4 .top-strip,
.header-3 .nav-container, .header-4 .nav-container,
.header-3 .top-strip,
.header-4 .top-strip{
background-color: #ec2031;
}
*/
.heading-1 h2:before, .heading-1 h2:after, .heading-2 h2:before,
.heading-1 h2:before, .heading-1 h2:after, .heading-2 h2:before, .product-container .thumb .label, .new-product-container .thumb .label, .banner-slide .banner-caption{
background-color: #ec2031 !important;
}

.kf-copyright{
background-color: #666;
}

.footer-2{
background-color: #333;
}

.header-4 .logo-container .logo img{
bottom: 60px;
}

.navigation-3 ul li a{
font-family: 'Open Sans', sans-serif;
font-weight: normal;
font-size: 18px;
color: #000;
}

.dl-menuwrapper{
z-index: 100;
}


/* menu on mobile */

.justify-menu{
display: block;
padding: 0;
margin: 0;
list-style: none;
position: relative;
text-align: justify;
width: 100%;            /*set width*/
margin-bottom: 15px;

overflow: hidden;
}

.justify-menu li{
display: block;
padding: 0 10px;
}

@media (min-width: 768px) {
.justify-menu li{
display: block;
width: 33%;
float: left;
}
}

@media (min-width: 992px) {
.justify-menu{
padding-bottom: 20px;
}

.justify-menu li{
display: inline;
width: auto;
float: none;
padding: 0 10px;
}

}

@media (min-width: 1200px) {

}


@media (max-width: 1200px){
.justify-menu:after{
display: none;
}
.justify-menu{
display: block;
}

.justify-menu li{
display: inline;
}
}



/* end  menu on mobile */

.kf-blog-grid-4 .kode-thumb{
background-color: #fff
}

.banner-inner {
font-family: 'Open Sans', serif;
padding: 35px 0px;
float: left;
width: 100%;
background-color: #eee;
position: relative;
background-image: none;
background-size: cover;
background-position: center;
background-attachment: fixed;
}

.banner-inner h2, .banner-inner h1 {
font-size: 27px;
color: #000;
margin: 5px 0px 0px 0px;
text-transform: uppercase;
font-weight: normal;
}

.banner-inner:before{
background: none;
}

.banner-2 ul li .caption a.shop:hover{
border-color: #fff;
}

.header-5 .logo-container {
background-color: #fff;
padding:0;
}

.logo{
padding-top: 0
}

.logo img{
max-height: 80px;
}

.banner-2 ul li .caption div{
margin-top: -5%;
}
.header-5 .navigation-3{
margin-top: 21px;
}


.kf-products-2{
color: #000;
}

.product-container .thumb a:before,
.product-container .thumb span:before{
content:"\f18e";
font-size: 60px;
}

.product-container .text h2{
font-weight: 100;
}
.product-container .thumb > img {
height: 320px;
object-fit: cover;
}

.product-listing a:hover h2{
text-decoration: underline;
}

.kf-blog .kf-blog-listing .text a{
color: #fff;
}

.all-product-container .thumb{
background-color: #fff
}
.product-listing3 ul li{
min-height: 375px;
}


@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}

.spin{
-webkit-transform-origin: 50% 50%;
transform-origin:50% 50%;
-ms-transform-origin:50% 50%; /* IE 9 */
-webkit-animation: spin 1s infinite linear;
-moz-animation: spin 1s infinite linear;
-o-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
}


.kf-blog-detail .kf-cart .header{
float: none;
}

.kf-blog-detail .kf-cart .thumb img{
width: 90px;
}
.kf-cart ul li .product-img .thumb{
width: auto
}

.kf-cart ul li p{
display: inline;
}

.qty-form{
text-align: center;
display: inline-block;
}

.default-msg a{
color: #fff;
}

.with_photo img{
width: 100px;
}

.nowrap{
white-space: nowrap;
}

.header-5 .cart-option{
background: none !important;
}
.header-5 .cart-option p{
position: relative;

}

.header-5 .cart-option span{
color: #fff;
background-color: #f00;
width:15px;
height: 15px;
line-height: 15px;
display: block;
text-align: center;
font-size: 9px;
position: absolute;
bottom:-5px;
right:-5px;

border-radius: 15px;
-o-border-radius: 15px;
-ms-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

.product-container .text{
background-color: #ec2031;
}

.banner-2{
border-bottom: 4px solid #ec2031;
}

.banner-2 .bx-wrapper .bx-pager.bx-default-pager a{
background: #ccc;
}
.banner-2 ul li .caption h5{
font-weight: normal;
}
.banner-2 ul li .caption{
background-color: transparent;
}

.product-listing3.list{
margin-top: -40px
}

.events-listing.row label {
font-weight: normal;
}

/* COMMENTS */

.reply_comment,
.reply_comment:hover{
text-decoration: none;
border-bottom: 1px dotted #00F;
}
.blog-comment::before,
.blog-comment::after,
.blog-comment-form::before,
.blog-comment-form::after{
content: "";
display: table;
clear: both;
}

.blog-comment{
padding-left: 0;
padding-right: 0;
}

.blog-comment ul{
list-style-type: none;
padding: 0;
}

.blog-comment img{
opacity: 1;
filter: Alpha(opacity=100);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}

.blog-comment img.avatar {
position: relative;
float: left;
margin-left: 0;
margin-top: 0;
width: 65px;
height: 65px;
}

img.avatar{
max-width: 65px;
}

.overlay{
position: fixed;
z-index:10000;
top:0;
left:0;
width:100%;
height: 100%;
background: url(loading-s@2x.gif) centeк center no-repeat rgba(0,0,0,0.5);
}

.blog-comment .post-comments{
border: 1px solid #eee;
margin-bottom: 20px;
margin-left: 85px;
margin-right: 0px;
padding: 10px 20px;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background: #fff;
color: #6b6e80;
position: relative;
}

.blog-comment .meta {
font-size: 13px;
color: #aaaaaa;
padding-bottom: 8px;
margin-bottom: 10px !important;
border-bottom: 1px solid #eee;
}

.blog-comment ul.comments ul{
list-style-type: none;
padding: 0;
margin-left: 85px;
}

.blog-comment-form{
padding-left: 15%;
padding-right: 15%;
padding-top: 40px;
}

.blog-comment h3,
.blog-comment-form h3{
margin-bottom: 40px;
font-size: 26px;
line-height: 30px;
font-weight: 800;
}

/* END COMMENTS */

/* NEWS */
.news-desc{
padding: 10px 0 20px 10px;
}

.news-desc h4{
font-weight: normal;
}

.news-image img{
padding: 10px;
}

@media (min-width: 768px) {
.news-image img{
max-height: 140px;
}
}
/* END NEWS */

span.videoarchive {
display: block;
width: 854px;
margin: 5px auto 50px auto;
font-size: 18px;
text-align: center;
}

span.videoarchive a {
margin: 0px 7px 0px 7px;
color: #333;
text-decoration: underline;
}

span.section-subtitle {
color: #fff;
display: inline-block;
margin-top: 10px;
}



/* style page contacts */

.map{
margin-bottom: 20px;
}
.img_home{
height: 300px;
max-width: 390px;
width: 100%;
}

.mce-content-body .img_home img{
width: 50%;
}

form#contactform p:not(.contactform_captcha){
display: flex;
justify-content: space-between;
}
#embed-responsive-item{
height: 375px !important;
max-height: 100% !important;
width: 100% !important;
}
p.contactform_captcha{
margin-left: 31%;
/* text-align: right; */
}

.contactform_captcha input, .contactform_captcha button{
width: 100%!important;
}

form#contactform input:nth-child(-n+3),
form#contactform textarea{
width: 69%;
border: 0.5px solid #a7aaad !important;
padding: 0px 10px !important;
}
#container_form_reviews{
display: none;
font-family: 'Open Sans';
}
.content_line{
margin-bottom: 20px;
padding: 20px;
}
.content_line,
.content_line p{
font-family: 'Open Sans';
}
#container_form_reviews p{
font-family: 'Open Sans';
}
div#container_form_reviews.open{
display: block;
}
form#application-form{
max-width: 600px;
width: 100%;
margin: 0 auto;
}
.near-pages-reviews h2{
text-align: center;
}
.application-form p {
width: 100%;
}
form#application-form input,
form#application-form textarea{
width: 100%;
border: 0.5px solid #a7aaad !important;
}
form#application-form input{
height: 26px;
}
.valid{
display: none;
position: absolute;
left: 120px;
top: -28px;
padding: 0 10px;
background: #fff;
text-align: center;
color: orange;
border: 1px solid #a7aaad;
}
span.false::after {
content: "v";
color: #a7aaad;
top: 25px;
position: absolute;
left: 38px;
font-size: 14px;
border-top: 1px solid #a7aaad;
line-height: 5px;
background: #fff;
}
.btn-filled {
background-color: #7d0606!important;
border-radius: 0 !important;
color: #fff !important;
width: 69%;
margin-top: 10px !important;
}
@media(max-width: 991px){
.img_home{
display: none !important;
}
}
@media(max-width: 511px){
form#contactform input:nth-child(-n+3),
form#contactform textarea{
width: 100%;
}
.btn-filled {
width: 100%;
}
form#contactform label{
display: none;
}
}
.dropdown .dropdown-menu{
margin: 0px 0 0 !important;
}
/* style page contacts END*/

/* style page vote */
.poll_form{margin-bottom: 20px; padding-bottom: 60px; border-bottom: 2px solid #eee;padding-left: 0px;}
.js-poll-body p.tittle{
font-weight: 700;
font-size: 18px;
}
.poll_form form .cs-label-area{
display: flex;
align-items: center;
padding: 10px 0;
}
.poll_form form .cs-label-area label{
margin-bottom: 0px;
font-weight: normal;
font-size: 16px;
}
.poll_form form .cs-label-area:last-child{
margin-bottom: 20px;
}
/*.form form .cs-label-area:nth-child(odd){
background: #607d8b;
}
.form form .cs-label-area:nth-child(odd) label{
color: #fff;
}*/
.poll_form form input{
margin-right: 10px;
}
.poll_form form  input[type='radio']:after {
width: 15px;
height: 15px;
border-radius: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: #fff;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid #607d8b;
}
.poll_form form  input[type='radio']:checked:after {
width: 15px;
height: 15px;
border-radius: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: #607d8b;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid white;
}
.js-vote{
color: #607d8b !important;
background: #fff;
border: 1px solid #607d8b !important;
text-transform: uppercase;
border-radius: 0 !important;
}
.js-vote:hover{
color: #fff !important;
background: #607d8b;
border: 1px solid #fff !important;
transiotion: all .5 ease;
}
.poll_title_result{
font-size: 20px;
}

.my_vote{
margin-right: 10px;
}

.poll_padding{
padding: 55px 0 10px 0
}
/* style page vote END*/