@charset "UTF-8";

::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(214,214,214,0.8); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(214,214,214,0.4); 
}
::-webkit-scrollbar-thumb:hover{background-color: #ED1E24;}

body{
    background: #FFFFFF;
    font-family: Verdana,Geneva,sans-serif; 
    font-size: 100%;
    color: #000000;
    line-height: 1.5;      
}
.home_background{ 
    -webkit-animation: bg_image 6s;
    -moz-animation: bg_image 6s;
    animation: bg_image 6s;
    background: url(../img/home_body_bg.jpg) no-repeat center center;    
}
@-webkit-keyframes bg_image{
  0%{background: url(../img/home_body_bg_black.jpg) no-repeat center center;}
  100%{background: url(../img/home_body_bg.jpg) no-repeat center center;}
}
@-moz-keyframes bg_image{
  0%{background-image: url(../img/home_body_bg_black.jpg) no-repeat center center;}
  100%{background-image: url(../img/home_body_bg.jpg) no-repeat center center;}
}
@keyframes bg_image{
  0%{background: url(../img/home_body_bg_black.jpg) no-repeat center center;}
  100%{background: url(../img/home_body_bg.jpg) no-repeat center center;}
}

/* GLOBAL STYLE */
.row{max-width: 100%;}
.input-group{margin-bottom: 0;}
.pokrivlya__color{background: #2F343B;}
.aksesuary__color{background: #A88165;}
.stiny__color{background: #E9994A;}
.komynovi__color{background: #91785A;}
.fullpage__color{background: #8A654A;}
.tabs-content{border: none;position: relative;}
.tabs-panel{padding: 0;}
.tabs{border: none;margin-top: 10px;}
.tabs-title>a{background: none;padding: 0;margin-right: 10px;margin-bottom: 10px;}
#google_map{
    border: 1px solid #ECECEC;
    width: 100%;
    height: 350px;
}

/* HELPER CLASS */
.margin_none{margin: 0px !important;}
.margin_r{margin-right: 0px !important;}
.margin_l{margin-left: 0px !important;}
.padding_none{padding: 0px !important;}
.padding_r{padding-right: 0px !important;}
.padding_l{padding-left: 0px !important;}

/* START HEADER STYLE */
.header{
    background: #000000;
    padding: 10px 0;
    color: #bcbcbc;
}

/* HEADER NAVIGATION LEVEL 1*/
.header__navigation{list-style-type: none;margin: 0;padding: 0;}
.header__navigation-item{display: inline-block;vertical-align: middle;}
.header__navigation-item > a{
    position: relative;
    display: block;
    margin-right: 10px;
    font-size: 0.875em;
    color: #bcbcbc;
    text-transform: uppercase;
}
.header__navigation-sub{position: relative;}
.header__navigation-sub small{vertical-align: text-top;}

.header__navigation-item > a:hover{color: #ed1e24;transition: color 0.3s;}
.header__navigation-item:hover > .header__navigation-submenu{display: block;}
.header__navigation-item_active > a{color: #ed1e24 !important;}


/* HEADER NAVIGATION LEVEL 2*/
.header__navigation-submenu{
    background: #000000;
    display: none;
    position: absolute;
    left: -10px;
    list-style-type: none;
    margin: 0;
    padding: 10px;
    border-radius: 0 0 15px 15px;
    z-index: 999;
}
.header__navigation-submenu .header__navigation-item > a{
    display: block;
    padding: 5px 0;
    font-size: 0.800em;
    text-transform: uppercase;
    color: #bcbcbc;
}
.header__navigation-submenu .header__navigation-item > a:hover{color: #ed1e24;transition: color 0.3s;}

/* HEADER SEARCH FORM STYLE */
.header__search{}
.header__search-form{
    border: none !important;
    box-shadow: none !important;
    border-radius: 15px 0 0 15px !important;
    height: 28px;
    padding: 0 15px;
}
.header__search-button{
    border-radius: 0 15px 15px 0 !important;
    background: #ffffff;
    height: 28px;
    padding: 0 15px;
}

.header__search-button:hover{color: #ed1e24;transition: color 0.3s;}

/* HEADER CONTACT PHONE */

.header__contact{list-style-type: none;margin: 0;padding: 0;}
.header__contact-phone{display: inline-block;vertical-align: middle;}
.header__contact-phone > a{font-size: 0.875em;color: #bcbcbc; text-transform: uppercase;}
.header__contact-phone > a:hover{color: #ed1e24;transition: color 0.3s;}
.header__contact-phone_divider{margin: 0 3px;}

.header__language-swither{
    background-color: #000000;
    border: none;
    height: auto;
    font-size: 0.875em;
    color: #bcbcbc;
    margin: 0;
    padding: 3px 0 0 0;
    cursor: pointer;
    vertical-align: inherit; 
    text-transform: uppercase;
}
.header__language-swither:focus{outline: none;}


/* LOGO */
.logo{margin: 50px 0;}

/* */
.breadcrumbs-nav{margin: 50px 0;}
.breadcrumbs-nav-list{
    padding: 25px 0;
    list-style-type: none;
    margin: 0;
    color: #ffffff;
}
.breadcrumbs-nav-list > li{display: inline-block;}
.breadcrumbs-nav-list > li:before{content: "|";margin: 0 5px;}
.breadcrumbs-nav-list > li:first-child:before{content: "";}
.breadcrumbs-nav-list > li:nth-child(2):before{content: "";}
.breadcrumbs-nav-list > li > i{
    color: #ed1e24;
    font-size: 21px;
    vertical-align: middle;
}
.breadcrumbs-nav-list > li > a{color: #ffffff;}
.breadcrumbs-nav-list-current > strong{font-weight: normal;text-decoration: underline;}


/* HOMEPAGE CATEGORY */
.category{overflow: hidden;}
.category__item{position: relative;}
.category__item:hover > .category__item-button{border: 1px solid #ee2025;}
.category__item:hover > .category__item-introtext{
    visibility: visible;
    opacity: 1;
    transition: opacity 0.6s linear;
}
.category__item_pokrivlya > .category__item-introtext{border-radius: 15px 0 0 15px;}
.category__item_stiny > .category__item-introtext{border-radius: 0 15px 15px 0;}
.category__item_pokrivlya{
    display: block;
    padding: 30px;
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3)),url(../img/pokrivlya_bg.jpg) no-repeat center center;
    height: 600px;
    border-radius: 15px 0 0 15px; 
    border-right: 1px solid #444444;
}
.category__item_aksesuary{
    display: block;
    padding: 30px;
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3)),url(../img/aksesuary_bg.jpg) no-repeat center center; 
    height: 600px;
    border-right: 1px solid #444444;
}
.category__item_komynovi{
    display: block;
    padding: 30px;
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3)),url(../img/komynovi.jpg) no-repeat center center; 
    height: 600px;
    border-right: 1px solid #444444;
}
.category__item_stiny{
    display: block;
    padding: 30px;
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3)),url(../img/stiny_bg.jpg) no-repeat center center; 
    height: 600px;
    border-radius: 0 15px 15px 0;
}
.category__item-introtext{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    color: #ffffff;
    background: rgba(0,0,0,0.7);
}
.category__item-button{
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    display: block;
    font-size: 1.125em;
    text-transform: uppercase;   
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid #444444;
    padding: 15px 10px; 
    background: rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    2px 2px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow:         2px 2px 6px 0px rgba(0, 0, 0, 0.5);
}

/* PAGE OUR MATERIAL */
.material{
    display: block;
    height: 660px;
    overflow: hidden;
    position: relative;
}
.material_border-right{border-right: 5px solid #000;}
.material_border-bottom{border-bottom: 5px solid #000;}

.material-box{
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;    
}
.material-box_height100{
    height: 100%;
    overflow: hidden;
}

.material-box_height50{
    height: 50%;
}

.material__title{
    text-transform: uppercase;
    color: #ffffff;
}
.material__article{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: block; 
    overflow: hidden;
    color: #ffffff;
    padding: 15px;
}
.material__article:hover{background: rgba(0,0,0,0.7);}
.material__article:hover .material__article-description{
    visibility: visible;
    opacity: 1;
    transition: opacity 1s linear;    
}
.material__article-description{visibility: hidden;opacity: 0;color: #ffffff;}

.material__btn{
    display: inline-block;
    background: rgba(0,0,0,0.7);
    padding: 10px;
    border: 1px solid #ee1f25;
    color: #ffffff;
    text-transform: uppercase;
}
.material__btn:focus{color: #ffffff !important;}
.material__btn:hover{color: #ffffff !important;}
.material__btn:visited{color: #ffffff !important;}

/* START LEFTBAR */
.leftbar{
    background: #ed1e24;
    padding: 10px 24px 30px 24px;
    border-radius: 15px 0;
}
.leftbar-menu{list-style-type: none;margin: 0;padding: 0;}
.leftbar-menu > li{border-bottom: 1px solid #ffffff;}
.leftbar-menu > li:first-child{border-top: 1px solid #ffffff;}
.leftbar-menu > li > a{
    display: block;
    padding: 10px 0 10px 10px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
}
.leftbar-menu > li[class="first active"] > a{color: #000000;}
.leftbar-menu > li[class="last active"] > a{color: #000000;}
.leftbar-menu > li[class="active"] > a{color: #000000;}
.leftbar-menu > li > a:hover{color: #000000;transition: color 0.3s linear;}
.leftbar-menu > li > a > i{margin-right: 5px;}

/* LEFTBAR LEVEL 2 */
.leftbar-menu-sub{list-style-type: none;margin: 0;padding: 0;}
.leftbar-menu-sub > li{border-bottom: 1px solid #ffffff;}
.leftbar-menu-sub > li:first-child{border-top: 1px solid #ffffff;}
.leftbar-menu-sub > li:last-child{border-bottom: none;}
.leftbar-menu-sub > li > a{
    display: block;
    padding: 10px 0 10px 40px;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;    
} 
.leftbar-menu-sub > li > a:hover{color: #000000;transition: color 0.3s linear;}
.leftbar-menu-sub > li > a > i{margin-right: 5px;}
.leftbar-menu-sub > li[class="active"] > a{color: #000000;}
.leftbar-menu-sub > li[class="first active"] > a{color: #000000;}
.leftbar-menu-sub > li[class="last active"] > a{color: #000000;}

.leftbar-title{
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 24px;
    font-weight: normal;
}
/* LEFTBAR NAVIGATION */
.leftbar__navigation{border-right: 1px solid #ECECEC;}
.leftbar__navigation-menu > ul{list-style-type: none;padding: 0;margin: 0;}
.leftbar__navigation-menu > ul > li > a{
    display: block;
    padding: 15px;
    color: #000000;    
}
.leftbar__navigation-menu > ul > li > a:hover{background: #ECECEC;}

.leftbar__navigation-last-news{margin-top: 30px;}
.leftbar__navigation-last-news > strong{
    display: block;
    padding: 15px;
    text-transform: uppercase;
    font-weight: bold;
}
.leftbar__navigation-last-news-list{
    list-style-type: none;
    padding: 0;
    margin: 0;    
}
.leftbar__navigation-last-news-list > li > a{
    display: block;
    padding: 15px;
    color: #000000;
}

.leftbar__last-action{margin-top: 30px;}
.leftbar__last-action-list{list-style-type: none;margin: 0;padding: 0;}
.leftbar__last-action-list > li{
    border-bottom: 1px solid #ffffff;
}
.leftbar__last-action-list > li > a{
    display: block;
    padding: 10px 0;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
}
.leftbar__last-action-list > li > a:hover{color: #000000;transition: color 0.3s linear;}

/* TABLE STYLE FOR CONTENT BLOCK AND FIXED WIDTH SIDEBAR */
.table-content-wrapper{
    display: table;
    width: 100%;
    overflow: hidden;
    padding: 0 15px;
}
.table-sidebar-width{
    width: 303px;
    display: table-cell;
    vertical-align: top;
}
.table-content-body{display: table-cell;padding-left: 20px;}

/* START CONTENT */
.content{margin:30px 0;}
.content__category-header{
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.content__category-info{
    margin: 20px 0;
}

.content__category-title{
    display: block;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.rt_product_special_offer{
    display: block;
    margin: 0;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-animation: offer_animation 8s infinite; 
    animation: offer_animation 8s infinite;    
}

@-webkit-keyframes offer_animation{
    0%     {color: #000000;}
    50.0%  {color: #ED1E24;}
    100.0%  {color: #000000;}
}

@keyframes offer_animation{
    0%     {color: #000000;}
    50.0%  {color: #ED1E24;}
    100.0%  {color: #000000;}
}

.content__category-pagination{}
.content__category-pagination-title{
    display: inline-block;
    margin-right: 10px;
}
.content__category-pagination-nav{
    display: inline-block;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.content__category-pagination-nav > li{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #bcbcbc;
    margin-left: 5px;
    text-align: center;
}
.content__category-pagination-nav > li > a{
    display: block;
    padding-top: 3px;
    color: #ffffff;
}
.content__category-pagination-nav > li:hover{background: #ed1e24;transition: background 0.3s linear;}
.content__category-pagination-nav-active{background: #ed1e24 !important;}

.content__category-description{
    border-top: 1px solid #ECECEC;
    margin-top: 15px;
    padding-top: 15px;
    color: #bcbcbc;
    font-size: 13px;
}
.content__category-description h2{font-size: 1.1rem;}

.content__category-description-black{
	color: #bcbcbc;
    font-size: 13px;
    background: #000;
}
.content__category-description-black h2{font-size: 1.1rem;}

.content__category-description-black p {line-height:18px !important;  }


.content__product-item{
    position: relative;
    margin-bottom: 50px;
    margin-right: 20px;
    border: 1px solid #ECECEC;    
    text-align: center;
}



.content__product-item-link{
    color: #000000;
    display: block;
    min-height: 365px;
    overflow: hidden;
}
.content__product-item-link:hover{color: #ed1e24;transition: color 0.3s;}
.content__product-item-link:hover .content__product-item-button-icon{background: #ed1e24;color:#fff;transition: background 1s;}
.content__product-item-image{}
.content__product-item-button{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;    
    margin-top: 10px;
    background: #ECECEC;
}
.content__product-item-button-icon{background: #ECECEC;}
.content__product-item-button-icon > i{padding: 15px;}
.content__product-item-title{
    display: block;
    padding-top: 13px;
    font-weight: normal;
}
.content__product-item-title:first-letter{text-transform: uppercase;}

.content__delivery{margin-bottom: 30px;}
.content__delivery-info{
    padding: 10px;
    background: #ECECEC;
    min-height: 110px;
    max-height: 110px;
    overflow: hidden;
}
.content__delivery-info-icon{font-size: 23px;color:#444444;}
.content__delivery-info-title > a{
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: normal;
    color:#444444;        
}
.content__delivery-info-title > a:hover{color: #000000;}
.content__delivery-info-description{
    font-size: 14px;
    line-height: 1.4;
}

.content__product-color{
    display: block;
    font-weight: normal;
    margin-bottom: 10px;
}
.content__product-color-version{margin-bottom: 15px;}
.content__product-color-version-image{}
.content__product-color-version-title{
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-weight: normal;
}
.content__product-color-version-title:first-letter{text-transform: uppercase;}
.content__product-color-falczeva-pokrivlya{list-style-type: none;padding: 0;margin: 0;}

.content__product-price-button{
    display: inline-block;
    background: #ed1e24;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px;
    border-radius: 15px 0;
    margin-right: 30px;
}
.content__product-price-button:hover{color: #ffffff;}


.content__product-order-button{
    display: inline-block;
    background: #ed1e24;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px;
    border-radius: 15px 0;
    margin-right: 34px;
}
.content__product-order-button:hover{color: #ffffff;}


.content__product-specifications{
    display: block;
    padding: 15px 20px;
    margin: 30px 0;
    background: #ECECEC;
    color: #444444;
    text-transform: uppercase;    
}
.content__product-description{}

.orbit-zoom-icon{
    display: block;
    width: 50px;
    padding: 5px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #ed1e24;    
    text-align: center;
    font-size: 26px;
    cursor: pointer;
}
.orbit-zoom-icon > a{color: #ffffff;}

/* START BLOG STYLE */
.blog__article{
    padding: 30px 0;
    border-bottom: 1px solid #ECECEC;
}
.blog__article-date{}
.blog__article-title > a{color: #000000;text-transform: uppercase;}
.blog__article-title > a:hover{color: #ed1e24;transition: color 0.3s;}
.blog__article-introtext{}
.blog__article-readmore-btn{
    text-transform: uppercase;
    border-radius: 1px;
    background-color: #ed1e24;
}
.blog__article-readmore-btn:hover{background-color: #ed1e24;color: #000;transition: color 0.3s;} 


/* START SEARCH PAGE STYLE */
.search-results{}
.search-results__item{
    padding: 30px 0;
    border-bottom: 1px solid #ECECEC;
}
.search-results__item-title > a{color: #000000;text-transform: uppercase;}
.search-results__item-title > a:hover{color: #ed1e24;transition: color 0.3s;}
.search-results__item-description{}

.search-results__pagination{}

/* START CONTACT PAGE STYLE */
.contact-info{}
.contact-info__title{text-transform: uppercase;}
.contact-info__list{list-style-type: none;margin: 0;padding: 0;}
.contact-info__list > li{margin: 15px 0;}
.contact-info__list > li > a{color: #000000;text-decoration: underline;}
.contact-info__list > li > a:hover{color: #ed1e24;}
.contact-info__list > li > address{display: inline-block;font-style: normal;}

.contact-info__form{}
.contact-info__form-input{box-shadow: none;}
textarea.contact-info__form-input{min-height: 150px;max-height: 150px;}
.contact-info__form-send-btn{
    text-transform: uppercase;
    border-radius: 1px;
    background-color: #ed1e24;
}

.contact-info__google-map{
    border-top: 1px solid #ECECEC;
    padding-top: 30px;
    margin-top: 10px;
}


/* START FOOTER STYLE */
.footer{
    background: #000000;
    padding: 10px 0;
    font-size: 0.750em;
    color: #fff;
    text-transform: uppercase;    
}
.footer_absolute{
    position: absolute;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
}
.footer_feedback-btn{
    display: inline-block;
    padding: 10px 20px;
    margin: 30px 0 50px 0;
    background: #ed1e24;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 15px 0 15px 0;    
}
.footer_feedback-btn:hover{color: #ffffff;}

.footer_feedback-form{}
.footer_feedback-form-title{text-transform: uppercase;}
.footer_feedback-form-description{line-height: 1;}
.footer_feedback-form-input{box-shadow: none;border-radius: 1px;}
.footer_feedback-form-textarea{min-height: 80px;max-height: 80px;}
.footer_feedback-form-list{list-style-type: none;margin: 0;padding: 0;}
.footer_feedback-btn-clear{
    text-transform: uppercase;
    border-radius: 1px;
    background-color: #CACACA;
}
.footer_feedback-btn-send{
    text-transform: uppercase;
    border-radius: 1px;
    background-color: #ed1e24;
}
.footer_feedback-btn-send:hover{background: #3ADB76;}

.footer__information{list-style-type: none;margin: 0;padding: 0;}
.footer__information-item{display: inline-block;}
.footer__information-item:after{content: " | ";display: inline-block;margin: 0 10px;}
.footer__information-item:last-child:after{content: "";}
.footer__information-item > a{text-decoration: underline;}
.footer__information-item_gray{color: #444444;}
.footer__information-item_gray > a{color: #444444;}
.footer__information-item_gray > a:hover{color: #ed1e24;transition: color 0.3s;}
.footer__information-item_white > a{color: #bcbcbc;}
.footer__information-item_white > a:hover{color: #ed1e24;transition: color 0.3s;}

.footer__social{list-style-type: none;margin: 0;padding: 0;}
.footer__social-btn{display: inline-block;margin-left: 10px;}
.footer__social-btn > a{color: #444444;}
.footer__social-btn > a:hover{color: #ed1e24;transition: color 0.3s;}


/* START 404 PAGE STYLE */
.page404{
    color: #ffffff;
    text-transform: uppercase;
    padding: 15% 0;
}

/* START SITEMAP */
.sitemap{list-style-type: circle;}
.sitemap > li > a{
    display: block;
    padding: 5px 0;
    color: #000;
}
.sitemap > li > a:hover{color: #ed1e24;transition: color 0.3s;}