/* ==================================================
  OKAY STYLE
  ================================================== *//*

1. Подключаемые стили
2. Шрифты
3. Общие стили
    - Text ( Форматирование текста)
    - Heading (Заголовки)
    - Buttons (Кнопки)
    - Pagination (Пагинация)
    - Links (Ссылки)
    - Boxed
    - Form (Элементы форм)
    - Tag
    - Raiting (Рейтинг)
4. Header_style
5. Standart
6. Main post and main news
7. Footer
8. Product_list.tpl
9. Breacrumbs.tpl
10. Comments.tpl
11. Autorisation
12. Banner.tpl
13. Category.tpl
14. Меню каталога
15. Product.tpl 
16. POPUP WINDOW
17. Описание товаров
18. Comparison_page 
19. Cart.tpl
20. Blog.tpl
21. Brand.tpl

*//* ==================================================
  OKAY STYLE
  ================================================== */


/********************************************************************* Подключаемые стили */

@import url("grid.css"); 
@import url("reboot.css");
@import url("font-awesome.min.css");

/********************************************************************** Шрифты */
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i,900&subset=cyrillic');

/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Oswald', sans-serif;    
*/

/* font-family: "Roboto"; */
/*
@font-face {
    font-family: "RobotoRegular";
    src: url("../fonts/RobotoRegular/RobotoRegular.eot");
    src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"),
    url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RobotoLight";
    src: url("../fonts/RobotoLight/RobotoLight.eot");
    src: url("../fonts/RobotoLight/RobotoLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoLight/RobotoLight.woff") format("woff"),
    url("../fonts/RobotoLight/RobotoLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RobotoMedium";
    src: url("../fonts/RobotoMedium/RobotoMedium.eot");
    src: url("../fonts/RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoMedium/RobotoMedium.woff") format("woff"),
    url("../fonts/RobotoMedium/RobotoMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RobotoBold";
    src: url("../fonts/RobotoBold/RobotoBold.eot");
    src: url("../fonts/RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoBold/RobotoBold.woff") format("woff"),
    url("../fonts/RobotoBold/RobotoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
*/

/************************************************************************* Общие стили  */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    height: 100%;
}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    min-height: 100%;
    line-height: 1.2;
    color: #0d0d0d;
    font-weight: normal;
    background-color: #fff;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 320px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    max-width: 100%;
}

.main {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    margin-bottom: 20px;
}

.border_img{
    background-color: rgb(255, 255, 255);
    background-image: none;
    border: 2px solid #e5f1e6;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
body:not(.top-nav) header.navbar {
    z-index: inherit;
}
.post_line{
    border-top: 1px solid #e5f1e6;
    margin-top: 0px;
    margin-bottom: 30px;
}
.post_line_dashed{
    border-bottom: 1px dashed #e5f1e6;

}
.active.cat_switch::after,
.active .angle_icon,
.sort_link.active_down span::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.promo_img {
    position: absolute;
    max-width: 60px;
    max-height: 60px;
    top: 0;
    left: 0;
}
.dropdown,
.hidden{display: none;}
.hidden_imp{display: none!important;}

ul{
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
}
hr{
    width: 100%;
    height: 2px;
    background: #e5f1e6;
    margin: 20px 0px;
}  
hr.big{
    margin: 40px 0px;
} 
/********************************************************************************* Text  */
.text_success{color: #61456a;}
.text_danger{color: #F55753!important;}
.text_primary{color: #06a2e3;}
.text_dark{color: #222;}
.text_black{color: #000;}
.text_white{color: #fff;}
.text_grey{color: #999999!important;}
.error {color: #f00;}
.font_12{font-size: 12px;}
.font_14{font-size: 14px;}
.font_18{font-size: 18px;}
.font_20{font-size: 20px;line-height: 24px;}
.text_900{font-weight: 900!important;}
.text_700{font-weight: 700!important;}
.text_500{font-weight: 500!important;}
.text_400{font-weight: 400!important;}
.text_300{font-weight: 300!important;}

.text_formated p{margin-bottom: 10px;}
.text_formated h2{font-size: 20px;}

/************************************************************************* Heading  */
h1, .h1, .heading_page{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #5171a4;
    font-size: 36px;
    line-height: 40px;
    margin-top: 0px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
h1.home_page{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #222222;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
}
h2, .h2, .heading_box{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #1f1f1f;
    font-size: 29px;
    line-height: 32px;
    margin-bottom: 15px;
    position: relative;
    display: block;
    text-transform: uppercase;
}
h3, .h3, .heading_promo{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #000000;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
}
h4, .h4, .heading_normal{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #2f2f2f;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}
h5, .h5, .heading_label{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #222;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}
h6, .h6, .heading_other{
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    color: #2f2f2f;
    font-size: 16px;
    line-height: 26px;
}
.h2.first_h2{
    margin-top: 15px;
}

/************************************************************************* Links  */
a {
    color: #758eb6;
    text-decoration: underline;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a:hover {
    text-decoration: none;
}
a.link {
    text-decoration: underline;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a.link:hover,
a.link:active {text-decoration: none;}

.decor{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background: none;
    border: none;
    color: rgb(117, 142, 182);
    font-size: 15px;
    cursor: pointer;
    line-height: 1;
    padding: 0px;
    text-decoration: none;
    border-bottom: 1px dashed rgb(117, 142, 182);
}
.decor:focus,
.decor:hover{border-bottom: 1px dashed transparent;}



/************************************************************************* Filter */

.filters_nav{
    margin-bottom: 20px;
}
.filters_nav .filters{
    background: rgb(229, 241, 230);
    border: none;
    padding: 15px;
}
.filters_nav .filters_nav_heading{
    background: #ccddcd;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
.filters_nav .filters_nav_heading span{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 28px; 
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
}
.filter_name{
    color: rgb(102, 163, 224); 
    font-size: 14px;
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    margin-bottom: 5px;
    justify-content: space-between;
    cursor: pointer;
}
.filter_group{margin-top: 10px;}
.filter_name .filter_name_arrow{
    color: #005098;
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: 32px;
    border-radius: 1.2em;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    
}
.filter_name .filter_name_arrow svg{ 
    height: 14px;
    width: 14px;
        -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.filter_name span{
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;  
}
.filter_name:hover span{
    color: rgb(102, 163, 224);
}
.filter_name:hover .filter_name_arrow{ 
    border-color: rgb(102, 163, 224);
    color: rgb(102, 163, 224); 
}
.filter_name.active .filter_name_arrow svg{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.filters .box_item_filter{
    border-bottom: 1px solid rgb(102, 163, 224);
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.filters .box_item_filter:last-child{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.filter_link {
    display: block;
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    min-height: 18px;
    line-height: 18px;
    text-decoration: none;
    color: #222222;
    margin-bottom: 10px;
        -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;  
}
.filter_indicator {
    position: absolute;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    top: -2px;
    left: 0;
    border: 1px solid #9b9b9b;
    border-radius: 0px;
        -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;  
}
.filter_item:hover .filter_indicator {
    border-color: rgb(102, 163, 224);
}
.filter_item:hover .filter_link {
    color: rgb(102, 163, 224);
}
.checked .filter_indicator, .checked_marker .filter_indicator {
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: rgb(102, 163, 224);
    border: 1px solid #rgb(102, 163, 224);
    font-size: 16px;
    line-height: 20px;
}
.checked .filter_indicator:before {
    content: "\f00c";
    color: #fff;
}
.checked_marker .filter_indicator:before {
    content: "\f00d";
    color: #fff;
}
.sort{
    max-width: 280px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgb(229, 241, 230);
    height: 40px;
    padding: 0px 0px 0px 10px;
    margin-bottom: 15px;
    margin-left: 5px;
    color: rgb(158, 171, 159);
    text-transform: uppercase;
    font-size: 12px;
    line-height: 40px;
}
.sort_title {
    width: 110px;
}
.select_sort_wrap {
    width: calc(100% - 110px);
    height: 100%;
}
.sort_link {
    padding: 0px 5px 0px 10px;
    text-decoration: none;
    font-size: 13px;
    display: inline-block;
}
.option.active {
    color: rgb(81, 113, 164);
}

.select_sort{
    position: relative;
    width: 100%;
    padding: 0 10px;
    font-size: 12px; 
    border-radius: 0px;
    background: url(../images/select_arrow.png) no-repeat right 10px center rgb(255, 255, 255);
        background-color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    max-width: 100%;
    font-family: inherit;
    background-color: transparent;
    border: none;
    height: 100%;
    color: rgb(158, 171, 159);
    text-transform: uppercase;
    font-size: 12px;
}

/*
.filter_marker{
    max-width: calc(100% - 360px);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
*/
.wrap_products_sort{
    margin-bottom: 10px;
}

/*Ui-slider CSS*/
.ui-slider {
    position: relative;
    height: 6px;
    border: 1px solid #e1e8ed;
    background-color: #e1e8ed;
    margin: 24px 10px 24px;
    border-radius: 2px;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    top: -10px;
    background-color: #e1e8ed;
    border: 1px solid #e1e8ed;
    box-shadow: inset 0 0 0 6px #fff, 0 1px 0 0 #e1e8ed;
    border-radius: 100%;
    cursor: pointer;
}
.ui-slider .ui-slider-handle.ui-state-focus,
.ui-slider .ui-slider-handle.ui-state-hover {
    background-color: #01b901;
}
.ui-slider .ui-slider-range {
    position: absolute;
    background-color: #01b901;
    height: 100%;
}
.price_range {
  overflow: hidden;
  margin-left: -12px;
  margin-right: -12px;
  margin-bottom: 15px;
}
.price_label {
  float: left;
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
}
.max_price {
  text-align: right;
}
.max_input,
.min_input {
  max-width: 100%;
  padding: 0 8px;
  line-height: 30px;
  height: 32px;
  border: 1px solid #ddd;
}
.change_pass{
    font-size: 14px;
    color: #06a2e3;
    text-decoration: underline;
    cursor: pointer;
}
.change_pass:hover{
    text-decoration: none;
}


/************************************************************************* Autocomplete  */
.autocomplete-suggestions {
    background-color: #fff;
    overflow: hidden;
    overflow-y: auto;
    border: 0.0625rem solid #e0e0e0;
    display: table; }

.autocomplete-suggestion {
    display: table-row;
    width: 100%; }

.autocomplete-suggestion:nth-child(even) {
    background-color: #fbfbfb; }

.autocomplete-suggestions .autocomplete-selected {
    background: #f0f0f0; }

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #ffb400; }

.autocomplete-suggestion div {
    width: 45px !important;
    text-align: center; }

.autocomplete-suggestion div,
.autocomplete-suggestions span,
.autocomplete-suggestions a {
    padding: 0.125rem 0.3125rem;
    display: table-cell;
    vertical-align: middle; }

.autocomplete-suggestions span {
    white-space: nowrap; }


/************************************************************************* Buttons  */

.btn {
    text-align: center;
    white-space: nowrap;
    border-radius: 0px;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.3rem 1rem;
    font-size: 0.875rem;
    transition: all 0.2s ease-in-out;
    
}
.coupon_button{
    display: inline-block;
    font-weight: 600;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    transition: all 0.2s ease-in-out;
    padding: 0px 15px;
    text-transform: uppercase;
    border: none;
    background-color: RGB(142, 177, 211);
    text-align: center;
    color: rgb(255, 255, 255);
}
.coupon_button:hover{
    background-color: rgb(72, 138, 203);
}
.btn_buy,
.btn_comment{
    display: block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 0px;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    user-select: none;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    transition: all 0.2s ease-in-out;
    border: none;
    padding: 0px 20px;
    width: 100%;
}
.btn_comment_inline{
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
    border: none;
    padding: 0px 25px;
    
}
.btn_popup_cart{
    display: block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    transition: all 0.2s ease-in-out;
    border: none;
    padding: 0px 60px;
    text-decoration: none;
}
.btn_admin:focus,
.btn_admin:hover{
    color: #fff;
    background-color: #8a7dbe;
    border-color: #8a7dbe;
}

.btn.btn_big svg{
    width: 22px;
    height: 22px;
    margin-right: 10px;
    vertical-align: text-bottom;
}
.btn_info2 svg,
.btn_info svg{
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    color: rgb(75, 121, 179);
    transition: all 0.2s ease-in-out;
    margin-left: 10px;
}
.btn_info:hover svg{
    color: #fff;
}
.btn_info2:hover svg{
    color: rgb(75, 121, 179);
}
.btn.btn_mini svg{
    width: 14px;
    height: 14px;
    margin-right: 3px;
}
.btn:focus,
.btn:hover {text-decoration: none;}
.btn:active,
.btn.active {background-image: none;outline: 0;}
.btn.disabled,
.btn:disabled {cursor: not-allowed;opacity: .65;}

.btn_big{
    padding: 0px 5px;
    font-size: 18px;
    text-align: center;
    height: 40px;
    line-height: 38px;
    width: 100%;
    text-transform: uppercase;
}
.product_details .btn_big{
    padding: 0px 15px;
}
.btn_small{
    padding: 0px 5px;
    font-size: 16px;
    height: 32px;
    line-height: 30px;
}
.btn_mini{
    padding: 5px 15px;
    font-size: 14px;
}
.btn_block {
    display: block;
    width: 100%;
}
.btn_blue {
    color: #fff;
    background-color: #5171a4;
    border-color: #5171a4;
}
.btn_blue:active,
.btn_blue:focus,
.btn_blue:hover {
    color: #fff;
    background-color: #8b5183;
    border-color: #8b5183;
}
btn_blue:active:hover,
.btn_blue:active:focus{
    color: #fff;
     background-color: #8b5183;
    border-color: #8b5183;
}
.btn_blue:disabled:focus{
     background-color: #8b5183;
    border-color: #8b5183;
}
.btn_blue:disabled:hover {
    background-color: #8b5183;
    border-color: #8b5183;
}

.btn_info{
    display: inline-block;
    font-size: 18px;
    padding: 10px 25px 12px;
    vertical-align: middle;
    color: #131313;
    background-color: transparent;
    border: 2px solid #5171a4;
    text-decoration: none;
}
.btn_info:active:hover,
.btn_info:active:focus,
.btn_info:active,
.btn_info:focus,
.btn_info:hover{
    color: #fff;
    background-color: #5171a4;
    border-color: #5171a4;
}

.btn_info2{
    display: inline-block;
    font-size: 18px;
    padding: 10px 25px 12px;
    vertical-align: middle;
    color: #131313;
    background-color: #e5f1e6;
    border: 2px solid #e5f1e6;
    text-decoration: none;
}
.btn_info2:active:hover,
.btn_info2:active:focus,
.btn_info2:active,
.btn_info2:focus,
.btn_info2:hover{
    color: #131313;
    background-color: #b4d3b8;
    border-color: #b4d3b8;
}

.btn_info3{
    display: inline-block;
    font-size: 18px;
    padding: 10px 25px 12px;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    background-color: #5171a4;
    border-color: #5171a4;
}
.btn_info3:active:hover,
.btn_info3:active:focus,
.btn_info3:active,
.btn_info3:focus,
.btn_info3:hover{
    color: #fff;
    background-color: #8b5183;
    border-color: #8b5183;
}
.btn_info3 svg{
    width: 22px;
    height: 22px;
    margin-right: 10px;
    vertical-align: text-bottom;
}

/************************************************************************* Boxed  */
.boxed{
    background: #fff;
    margin-bottom: 10px;
    position: relative;
    border: 2px solid #ccddcd;
    padding: 10px;
}
.boxed_15{
    background: #FFF;
    margin-bottom: 30px;
    padding: 15px;
}
.boxed_small{
    background: #fff;
    position: relative;
    border: 1px solid #ccddcd;
    padding: 10px;
}
.boxed_success,
.boxed_warning,
.boxed_attention{
    background-color: #ccddcd;
    color: #fff;
    border-color: #ccddcd;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    padding: 15px;
    border-radius: 3px;
    font-size: 14px;
    border-width: 0;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    border: 1px solid transparent;
}
.boxed_warning{
    background-color: #F55753;
    color: #fff;
    border-color: #F55753;
}
.boxed_success{
    background-color: #0A7C71;
    color: #fff;
    border-color: #0A7C71;
}
.boxed_notify{
    background-color: #6d5cae;
    color: #fff;
    border-color: #6d5cae;
}
.boxed_yellow{
    background-color: #F8D053;
    color: #fff;
    border-color: #F8D053;
}
.boxed_success .heading_box,
.boxed_warning .heading_box,
.boxed_attention .heading_box{
    font-weight: 600;
    color: rgb(0, 0, 0);
    text-shadow: none;
    font-size: 16px;
    margin: 0px;
    line-height: 24px;
}
.boxed_success .text_box,
.boxed_warning .text_box,
.boxed_attention .text_box{
    color: #fff;
    text-shadow: none;
    font-size: 15px;
    margin-top: 15px;
    padding-left: 15px
}
.block{
    margin-bottom: 20px;
}
.main_products:after,
.clearfix:after {
    content:" ";
    display:table;
    clear:both;
}
.tab_container_cart boxed .tab{padding: 0px;}

.boxed_b20, 
.order_details_boxed{
    margin-bottom: 20px; 
}

.message_error {
    clear: both;
    padding: 5px 10px;
    margin-bottom: 10px;
    color: #f00;
    background-color: #fcd3d3;
    border: 1px dotted #ff4545;
    margin-top: 3px;
}
.message_success {
    padding: 5px 10px;
    margin-bottom: 10px;
    margin-top: 3px;
    color: #ffffff;
    background-color: #ff6600;
    text-transform: uppercase;
}

/************************************************************************* Form  */


.comment_form,
.review_form{
    background: #b4d3b8;
    padding: 40px 60px 40px;
    margin-bottom: 20px;
}
.form_group {
    margin-bottom: 20px;
}
.comment_form .review_form_heding,
.review_form .review_form_heding{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #1f1f1f;
    font-size: 29px;
    line-height: 32px;
    margin-bottom: 25px;
    position: relative;
    text-align: center;
    display: block;
    text-transform: uppercase;
}
.cart_form{
    background: #fff;
    padding: 0px;
}
.cart_form_20{
    padding: 20px;
}
.input_coupon,
.form_input {
    line-height: 50px;
    height: 50px;
    background-color: #eaeaea;
    border: none;
    border-radius: 0px;
    padding: 0 20px;
    width: 100%;
    color: #638367;
    font-style: italic;
    font-weight: 400;
    font-size: 15px;
}
.cart_form .form_input {
    line-height: 40px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #ccddcd;
    border-radius: 0px;
    padding: 0 15px;
    width: 100%;
    color: #919992;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}
.form_label {
    color: #919992;
    font-size: 14px;
    margin-bottom: 0px;
    display: inline-block;
    text-transform: uppercase;
}

.form_inline .form_label{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-flex: 0;
        -webkit-flex: 0 0 135px;
            -ms-flex: 0 0 135px;
                flex: 0 0 135px;
        max-width: 135px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #919992;
    font-size: 14px;
    text-transform: uppercase;
    padding-right: 5px;
    padding-left: 0px;
}  
.form_inline .form_label + span{width: 100%;}
.form_label .required{
    color: #ff3479;
    display: inline-block;
    margin-left: 2px;
} 
.form_input:focus {}
.form_textarea {
    width: 100%;
    border: none;
    border-radius: 0px;
    padding: 20px 20px;
    background-color: #eaeaea;
    color: #638367;
    min-height: 160px;
    font-style: italic;
    font-weight: 400;
    font-size: 15px;
}
.cart_form .form_textarea {
    background-color: #fff;
    border: 1px solid #ccddcd;
    border-radius: 0px;
    padding: 15px;
    width: 100%;
    color: #919992;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}
.form_textarea:focus {
}
.captcha {
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
}
.cart_form .captcha {
    margin-bottom: 0px;
}
.cart_form .input_captcha,
.input_captcha {
    float: left;
    max-width: 100%;
    width: calc(100% - 130px)
}
.secret_number {
    float: left;
    width: 120px;
    border: 1px solid #e8e8e1;
    padding: 0px 10px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #f5f8f9;
    margin-right: 10px;
    font-size: 16px;
    position: relative;
    text-shadow: 1px 1px #38c0f3, -1px 1px mediumturquoise, -1px -1px mediumturquoise, 1px -1px mediumturquoise;
    color: white;
    font-weight: bold;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    pointer-events: none;
    cursor: pointer;
}
.cart_form .secret_number{
    height: 40px;
    line-height: 40px;
}
.secret_number:before {
    content: "";
    position: absolute;
    top: 10px;
    right: -15px;
    bottom: -15px;
    left: 0;
    z-index: -1;
    background: linear-gradient(-45deg,
    rgba(72, 209, 204, 0) 2px, mediumturquoise 3px, rgba(72, 209, 204, 0) 3px ) repeat;
    background-size: 4px 4px;
}
.secret_number:after {
    content: attr(data-name);
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: -2;
    text-shadow: 1px 1px white,
    2px 2px white,
    3px 3px white,
    4px 4px white;
    color: white;
    transition: all 1s;
}
.variant_input{
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ccddcd;
    -webkit-appearance: none;
    color: #2c2c2c;
    outline: 0;
    height: 35px;
    padding: 6px 12px;
    line-height: normal;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    min-height: 35px;
    -webkit-transition: all 0.12s ease;
    transition: all 0.12s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-transition: background 0.2s linear 0s;
    transition: background 0.2s linear 0s;
    display: block;
    width: 100%;
    position: relative;
}
.import_file{
    -webkit-appearance: none;
    color: #2c2c2c;
    outline: 0;
    height: 35px;
    padding: 6px 12px;
    line-height: normal;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    min-height: 35px;
    -webkit-transition: all 0.12s ease;
    transition: all 0.12s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: background 0.2s linear 0s;
    transition: background 0.2s linear 0s;
    display: block;
    width: 100%;
    position: relative;
}
.file_upload {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 30px;
    cursor: pointer;
 }
.variant_input:focus{
    border-color: rgba(0,0,0,0.1);
    background-color: #f0f0f0;
    outline: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none !important;
}
.variant_input::-moz-placeholder{
    color: #626262;
    opacity: 1
}
.variant_input:-ms-input-placeholder{
    color: #626262;
}
.variant_input::-webkit-input-placeholder{
    color: #626262;
}
.form-control:disabled,
.form-control[readonly] {background-color: #cfd8dc;opacity: 1;cursor: not-allowed}
.date_filter .form-control[readonly] {background-color: transparent;cursor: pointer}
input[type=search] {
    -webkit-appearance: none
}

.select{
    position: relative;
    width: 100%;
    height: 32px;
    padding: 0 15px;
    font-size: 12px;
    line-height: 35px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 0px;
    background: url(../images/select_arrow.png) no-repeat right 10px center rgb(255, 255, 255);
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    max-width: 100%;
    font-family: inherit;
}
select.select:focus {
    border: 1px solid rgb(204, 204, 204)!important;
    outline: none!important;
}

.select option{
    padding: 10px 15px;
    color: #000;
    font-size: 12px;
    line-height: 20px;
}

.boxed_captcha_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}
.okay_ckeckbox{
    display: block;
    position: relative;
    text-align: left;
    padding-left: 30px;
    line-height: 20px;
}
.delivery_label{
    display: block;
    position: relative;
    text-align: left;
    padding-left: 30px;
    line-height: 26px;
}
.okay_ckeckbox:before{
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 10%;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0px;
    position: absolute;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    width: 20px;
    line-height: 20px;
    padding-left: 2px;
}
.delivery_label:before{
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 0;
    content: "";
    display: inline-block;
    height: 20px;
    top: 3px;
    left: 0px;
    position: absolute;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    width: 20px;
    line-height: 18px;
    text-align: center;
}
.delivery_label.active:before{
    content: "\f04d";
    font-family: "FontAwesome";
    color: #a27eaf;
     border-color: #a27eaf;
    font-size: 14px;
}
input[type=checkbox]:checked + .okay_ckeckbox:before{
    content: '\f00c';
    font-family: "FontAwesome";
    color: rgb(43, 48, 59);
}

.checkbox_email  .checkbox_label::before {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 10%;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
    position: absolute;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    width: 20px;
}

.checkbox_email input[type="checkbox"]:checked + .checkbox_label::before {
    content: '\f00c';
    font-family: "FontAwesome";
}


/************************************************************************* Tag  */
.wrap_tags{margin-bottom: -3px; margin-right: -2px;}
.tag {
    line-height: 1;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
    margin-right: 1px;
    margin-bottom: 2px;
    margin-top: 2px;
    font-weight: 600;
    font-size: 12px;
    display: inline-block;
    padding:  3px 9px 5px;
    text-transform: lowercase;
}
.tag-default {background-color: rgb(230, 230, 230);color: rgb(98, 98, 98);}
.tag-primary {background-color: rgb(58, 143, 200);}
.tag-success {background-color: rgb(16, 207, 189);}
.tag-info {background-color: rgb(72, 176, 247);}
.tag-warning {background-color: rgb(248, 208, 83);}
.tag-danger {background-color: rgb(245, 87, 83);}


/************************************************************************* Raiting  */
.raiting_boxed{
    margin-bottom: 15px;
    margin-top: 5px;
}
.raiting_boxed .range_input{
    margin-top: 3px;
}
.raiting_boxed .raiting_range_number{
    overflow: hidden;
    margin-top: 3px;
}

/*rating_from_comments*/
.rating_starOff_c,
.rating_starOn_c {
    display: inline-block;
    vertical-align: top;
    max-width: 90px;
    width: 90px;
    height: 18px;
    background: url("../images/rating.png") left top repeat-x; }

.rating_starOn_c {
    display: block;
    background-position: left bottom; }
.comment_rating_product{
    display: inline-block;
    margin: 20px 0 16px;
    font-size: 13px;
}
/* Product Rating */
.rating_starOff {
    display: inline-block;
    vertical-align: top;
}
.rating_starOff,
.rating_starOn {
    width: 90px;
    height: 18px;
    background: url(../images/rating.png) repeat-x left top;
}
.rating_starOn {
    display: block;
    background-position: left bottom;
}
.rating_text {
    vertical-align: middle;
    line-height: 18px;
    display: inline-block;
}
/*/rating_from_comments*/


/************************************************************************* Pagination */

.pagination {
    list-style: none;
    text-align: center;
    padding: 0px;
    margin: 20px auto 40px;
    border-bottom: 2px solid #e5f1e6;
    border-top: 2px solid #e5f1e6;
    padding: 15px 0px 5px;
}
.page_item {
    display: inline-block;
    margin: 0px 3px 10px;
    
}
.page_link {
    display: block;
    padding: 0px 15px;
    text-align: center;
    text-decoration: none;
    background-color: #e5f1e6;
    color: rgb(116, 116, 116);
    font-size: 18px;
    height: 40px;
    text-align: center;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.page_link:hover,
.active .page_link {
    color: #000;
    background-color: #cae3cd;
}
.page_link svg{
    width: 14px;
    height: 14px;
}
.page_item.first .page_link svg{
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
}


/*********************************************************************  Header_style */
header{
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.header_top{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    background: #cae3cd;
    position: relative;
    color: #737373;
    font-size: 14px;
    height: 30px;
}
.header_top .informers .informer{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #737373;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
}
.header_top .informers .informer a,
.header_top .informers a.informer:hover{
    color: #758eb6;
    text-decoration: none;
}
.header_top .informers .informer a:hover{
    color: #A27EAF;
}
.header_top_left .informer{
    margin-right: 25px;
}
.header_top .informers svg{
    width: 16px;
    height: 16px;
    margin-right: 3px;
    color: #758eb6;
}

.header_top_left{
    float: left;
    height: 30px;
}
.header_top_right{
    float: right;
    height: 30px;
}
.header_top_right .languages,
.header_top_right .currencies{
    background: #e3efe4;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #737373;
    font-size: 12px;
    line-height: 1;
    padding: 0px 15px;
    height: 100%;
    margin-left: 5px;
    cursor: pointer;
}
.header_top_right .mobile_cart_informer{
    background: #e3efe4;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #737373;
    font-size: 12px;
    line-height: 1;
    padding: 0px 15px;
    height: 100%;
    margin-left: 5px;
    cursor: pointer;
}
.header_top .header_top_left.informers .svg_arrow svg{
    width: 9px;
    height: 9px;
    margin-left: 10px;
    color: #758eb6;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}
.header_top .header_top_left.informers .active .svg_arrow svg{
    -o-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.mobile_user_box{
    height: 100%;
}
.header_top_right .languages svg,
.header_top_right .currencies svg{
    width: 9px;
    height: 9px;
    margin-left: 10px;
    color: #758eb6;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}
.header_top_right .languages .active svg,
.header_top_right .currencies .active svg{
    -o-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.informer{
    position: relative;
}
.informer .dropdown {
    position: absolute;
    z-index: 2;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(202, 227, 205);
    top: 100%;
    right: -1px;
    min-width: calc(100% + 1px);
    font-size: 12px;
    box-sizing: border-box;
    padding: 0px 0px;
}
.informer .dropdown_item {
    white-space: nowrap;
    padding: 0px 15px;
    line-height: 24px;
    display: block;
    text-decoration: none;
}
.informer .dropdown_item:hover {
    background-color: rgb(227, 239, 228);
}

.header_middle{
    padding: 25px 0px;
}
.header_middle .logo{
    width: 200px;
}
.header_information_phones{
   
    margin-bottom: 10px;
}
.header_information_phones .phones{
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
     -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.header_information_phones .phones svg{
    color: #758eb6;
    margin-right: 5px;
}
.header_information_phones .phones a{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #131313;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
}

.header_information_phones .callback{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #758eb6;
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
    border-bottom: 1px dashed #758eb6;
}
.header_information_phones .callback:hover{
    border-bottom: 1px dashed transparent;
}

.header_information_phones .email{
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
     -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.header_information_phones .email svg{
    color: #758eb6;
    margin-right: 5px;
}
.header_information_phones .email a{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #131313;
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
}
.header_middle .logo .link_logo{
    display: block;
    text-decoration: none;
}
.header_middle .logo .logo_text{
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase;
    color: #465e49;
    font-size: 9px;
    line-height: 1;
    margin-top: 7px;
}
.header_middle .header_information{
    width: calc(100% - 200px);
    padding-top: 15px;
}

.header_information .search{
    border: 1px solid #cae3cd;
    overflow: hidden;
}
.search .search_input{
    width: calc(100% - 40px);
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    color: #cae3cd;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-style: italic;
    border: none; 
}
.search .search_button{
    width: 40px;
    height: 30px;
    float: left;
    background: transparent;
    border: none;
    line-height: 40px;
    cursor: pointer;
}
.search .search_button svg{
    width: 20px;
    height: 20px;
    color: #cae3cd;
}

.cart_informer_box_inner{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
     -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30px;
}
#cart_informer a.cart_informer_mob_btn:hover,
#cart_informer a.cart_informer_mob_btn{
    border: 2px solid #fff;
    color: #ffffff;
    font-size: 18px;
    display: block;
    padding: 15px 0px;
    text-align: center;
    margin-top: 15px;
    font-weight: 500;
    line-height: 20px;
}

.cart_informer_content{
    padding-left: 15px;
}
.cart_informer_title{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #1f1f1f;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 0px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
}
#cart_informer a{
    font-weight: 400;
    color: #1f1f1f;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
}
#cart_informer a .cart_counter{
    color: #758eb6;
    text-decoration: underline;
}
#cart_informer a:hover{
    font-weight: 400;
    color: #1f1f1f;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
}
#cart_informer a:hover .cart_counter{
    color: #758eb6;
    text-decoration: none;
}
.mobile_cart_informer{
    height: 50px;
    padding: 0px;
    width: 50px;
}
.mobile_cart_informer svg{
    height: 36px;
    width: 36px;
}
.mobile_cart_counter{
    position: absolute;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    background: #f06eaa;
    column-rule: #fff;
    top: 5px;
    right: 5px;
    font-size: 14px;
    font-weight: 600;
}
.header_menu{
    height: 50px;
}
.header_menu_inner{
    background: #5171a4;
    column-rule: #fff;
    height: 50px;
/*    margin-bottom: 10px;*/
}

.header_menu .menu_item{
    width: auto;
    height: 50px;
}
.header_menu .menu_item a{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: rgb(255, 255, 255);
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
}
.header_menu .menu_item a:hover{
    background: #1d3f76;
}
.header_menu_fix{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} 

.fix_ancor{
    padding-top: 50px;
}
.main_categories{
    padding: 50px 0px 20px;
}

.home_banner{
    background: #fbfbfb;
    padding: 40px 0px;
}
.home_banner_box{
    height: 369px;
}
.home_banner_infos,
.home_banner_image{
    text-align: center;
}
.home_banner_title{
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 42px;
    color: #000000;
    line-height: 46px;
    margin-bottom: 10px;
    padding: 0px 2.5vw;
}
.home_banner_description{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #fff;
    padding: 10px 20px;
    line-height: 22px;
    margin-bottom: 30px;
    background: #5171a4;
}
.home_banner_btn{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    padding: 10px 30px;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 30px;
    background: transparent;
    border: 2px solid #5171a4;
    text-decoration: none;
}


















/************************************************************************* Standart  */


#footer,
.main {
    transition-duration: 0.25s, 0.25s, 0.25s, 0.25s;
    transition-property: padding-left, padding-right, margin-left, margin-right;
}



/******************************************************* Main page  */

.advantages{
    
}
.advantages_btn_all{
    text-align: center;
    margin-bottom: 40px;
}
.advantages .advantages_heading_box{
    background: #e5f1e6;
    padding: 18px 0px 15px;
    text-align: center;
}
.advantages .advantages_heading_box .h2{
    margin-bottom: 0px;
}
.advantages .advantage{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.advantages .advantage_image{
    margin-bottom: 15px;
}
.advantages .advantage_title{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #000000;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
}

.why_us_box{
    text-align: center;
    margin-bottom: 20px;
}
.why_us_box .why_us_image{
    position: relative;
    margin: 0px auto 20px;
    opacity: 0.8;
    transition: all 0.2s ease;
}
.why_us_box .why_us_image:hover{
    opacity: 1;
}
.why_us_box .why_us_image img{
    width: 100%;
}
.why_us_box .why_us_image:before,
.why_us_box .why_us_image:after{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: 0 15px 5px rgb(179, 179, 179);
    -webkit-box-shadow: 0 15px 5px rgb(179, 179, 179);
    -moz-box-shadow: 0 15px 5px rgb(179, 179, 179);
    box-shadow: 0 15px 5px rgb(179, 179, 179);
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.why_us_box .why_us_image:after{
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    right: 10px;
    left: auto;
}
.why_us_box .why_us_title{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #1f1f1f;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #a5cad2;
    position: relative;
    display: block;
    text-transform: uppercase;
}
.why_us_box .why_us_text{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #1f1f1f;
    padding: 0px 5px;
    font-size: 15px;
    line-height: 22px;
    position: relative;
}
.abouts{
    background: #a5cad2;
    padding: 50px 0px 20px;
    position: relative;
}
.abouts:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(176, 212, 220);
    position: absolute;
    top: 0px;
    left: -70%;
    -webkit-transform: skewX(-45deg);
    -moz-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    -o-transform: skewX(-45deg);
    transform: skewX(-45deg)
}
.abouts_store .main_text{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #1f1f1f;
    padding-right: 95px;
    font-size: 15px;
    line-height: 22px;
    position: relative;
}
.abouts_store{
    margin-bottom: 40px;
}

.abouts_number{
    margin-bottom: 30px;
}
.abouts_number .abouts_number_box{
    height: 90px;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    border-left: 5px solid #fff;
    padding-left: 10px;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) -30%, rgba(255,255,255,0) 40%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) -30%,rgba(255,255,255,0) 40%);
    background: linear-gradient(to right, rgba(255,255,255,1) -30%,rgba(255,255,255,0) 40%);
    background-position: 0px 5px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.abouts_number .abouts_number_numeric{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    color: #0e0e0e;
    font-size: 20px;
    line-height: 22px;
}
.abouts_number .abouts_number_numeric span > span{
    font-size: 30px;
    line-height: 34px;
}
.abouts_number .abouts_number_text{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #1f1f1f;
    font-size: 15px;
    line-height: 22px;
    margin-top: 5px;
}
.abouts_callback{
    text-align: center;
    margin-bottom: 20px;
}

.abouts_video{
    position: relative;
    margin-bottom: 35px;
    z-index: 2;
    background: #a5cad2;
}
.abouts_video:before,
.abouts_video:after{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 20px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:600px;
    background: 0 20px 25px rgb(66, 66, 66);
    -webkit-box-shadow: 0 20px 25px rgb(66, 66, 66);
    -moz-box-shadow: 0 20px 25px rgb(66, 66, 66);
    box-shadow: 0 20px 25px rgb(66, 66, 66);
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.abouts_video:after{
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    right: 10px;
    left: auto;
}


.main_payments{
    background: #cae3cd url(../images/main_payments.jpg) no-repeat top right;
    padding: 50px 0px 20px;
    position: relative;
}
.main_payments:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #e5f1e6;
    position: absolute;
    top: 0px;
    left: -70%;
    -webkit-transform: skewX(-45deg);
    -moz-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    -o-transform: skewX(-45deg);
    transform: skewX(-45deg)
}
.main_payments_box{
    margin-bottom: 20px;
}
.main_payments_box .main_payments_title{
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #1f1f1f;
    font-size: 15px;
    line-height: 22px;
    margin-top: 0px;
    position: relative;
}
.main_payments_box .main_payments_text{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #1f1f1f;
    font-size: 15px; 
    line-height: 22px;
    margin-top: 5px;
}
.main_payments_box .main_payments_text p{
    margin-bottom: 2px;
}

.main_partner{
    background: #fff url(../images/main_partner.jpg) no-repeat center right;
    padding: 50px 0px 50px;
    position: relative;
}
.main_partner .main_partner_title{
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #1f1f1f;
    font-size: 15px;
    line-height: 22px;
    margin-top: 0px;
    position: relative;
}
.main_partner .main_partner_text{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #1f1f1f;
    font-size: 15px;
    line-height: 22px;
    margin-top: 5px;
}
.main_partner_box{
    margin-bottom: 20px;
}
.main_partner_box .main_partner_text p{
    margin-bottom: 30px;
}
.main_partner_callback{
    margin-bottom: 20px;
    margin-top: 20px;
}


.main_retail{
    background: #cae3cd url(../images/main_retail.jpg) no-repeat center right;
    padding: 50px 0px 50px;
    position: relative;
}
.main_retail:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #e5f1e6;
    position: absolute;
    top: 0px;
    left: -70%;
    -webkit-transform: skewX(-45deg);
    -moz-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    -o-transform: skewX(-45deg);
    transform: skewX(-45deg)
}
.main_retail .main_retail_text{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #1f1f1f;
    font-size: 15px;
    line-height: 22px;
    margin-top: 5px;
    margin-bottom: 25px;
}
.main_retail_box{
    margin-bottom: 25px;
    margin-top: 25px;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
     -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.main_retail_icon,
.main_retail_shop a{
    color: #61456a;
}
.main_retail_icon svg{
    width: 65px;
    height: 65px;
}
.main_retail_shop a{
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}
.main_retail_location{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #030303;
    font-size: 18px;
    line-height: 22px;
    margin-top: 5px;
}
.main_retail_info{
    margin-left: 5px;
}

.main_reviews{
    background: #fff ;
    padding: 50px 0px 30px;
    position: relative;
}
.main_reviews_buttons{
    text-align: center;
    margin-top: 35px;
}
.main_reviews_buttons > div{
    margin-top: 25px;
}



/************************************************************************* Category.tpl  */

.categories {
    position: relative;
    width: 100%;
}
.categories .categories_nav{
    margin-bottom: 0px;
}
.categories_heading {
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #5171a4;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
     -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 0px;
}
.categories_heading svg{
    margin-right: 10px;
    background: 
}
.categories_heading span{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    overflow: hidden;
    position: relative;
}

.catalog_menu {
    display: none;
    background-color: #fff;
    font-weight: 400;
    font-size: 18px;
    color: #908d88;
    position: absolute;
    top: 52px;
    left: 0;
    z-index: 999;min-width: 100%;
}
.sidebar_category .catalog_menu {
    display: block;
    position: relative;
    top: 20px;
    left: 0;
}
.categories_nav{
    margin-bottom: 20px;
}
.categories_nav .categories_nav_heading{
    background: #ccddcd;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
.categories_nav .categories_nav_heading span{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 28px; 
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
}

.categories_menu{
    background: #e5f1e6;
    border: none;
    padding: 15px;
}

.categories_menu .category_item .category_link{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #0e0e0e;
    font-weight: 400;
    text-decoration: none;
    padding: 10px;
    text-transform: uppercase;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.categories_menu .category_item .category_link:hover{
    background: #cae3cd;
}

.categories_menu .category_item .category_item_brands span{
    vertical-align: bottom;
    margin-right: 3px;
}
.categories_menu .arrow_right{
    width: 16px;
    height: 16px;
}
.subcategory {
    display: none;
}



.browsed_boxed{
    margin-bottom: 20px;
}
.browsed_boxed .browsed_heading{
    background: rgb(204, 221, 205);
    height: 60px;
    line-height: 60px;
    text-align: center;
}
.browsed_boxed .browsed_heading span{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: rgb(255, 255, 255);
    font-size: 24px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase; 
}
.browsed_boxed .browsed{
    background: #fff;
    border: 2px solid rgb(229, 241, 230);
    border-top: 0px;
    padding: 15px 15px 0px;
}
.browsed_boxed .browsed_item{
    background: #fff;
    border: 1px solid rgb(229, 241, 230);
    padding: 5px;
    height: 80px;
    margin-bottom: 15px;
    text-align: center;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}



































/************************************************************************* Footer  */
footer {
    -ms-flex-negative: 0;
    background: #252525;
    padding: 25px 0px 15px;
    color: #fff;
}
.footer_contacts_inner a{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: rgb(255, 255, 255);
    font-size: 15px;
    line-height: 24px;
    display: inline-block;
    text-decoration: none;
}
.footer_contacts_inner svg{
    width: 18px;
    height: 18px;
    margin-right: 7px;
    color: #758eb6;
}
.footer_contacts_inner .foot_email svg{
    width: 20px;
    height: 20px;
    margin-right: 7px;
    color: #758eb6;
}
.footer_contacts_inner > div{
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    margin-bottom: 5px;
}
.footer_menu_inner{
    -webkit-column-count: 2;
        column-count: 2;
}
.footer_menu_inner{
    margin-bottom: 15px;
}
.footer_menu_inner a{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: rgb(255, 255, 255);
    font-size: 15px;
    line-height: 22px;
    display: inline-block;
    margin-bottom: 5px;
}
.footer_subscribe{
    margin-bottom: 15px;
}
.footer_social{
    margin-bottom: 5px;
    margin-top: 15px;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.footer_social a{
    display: inline-block;
    text-transform: uppercase;
    color: #758eb6;
    margin-right: 20px;
    margin-bottom: 10px;
}
.footer_social a:hover{
    color: #fff;
}
.footer_social a svg{
    width: 25px;
    height: 25px;
}
.copyright{
    border-top: 1px solid #a27eaf;
    padding-top: 15px;
    margin-top: 10px;
}
.development_block .development_inner a {
    margin-left: 5px;
}
.development_block .development_inner img {
    max-width: 70px;
    opacity: 0.8;
}
.development_block .development_inner a:hover img {
    opacity: 1;
}

/************************************************************************* Product_list.tpl  */

.products_item{
    margin-bottom: 30px;
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    min-height: 425px;
}
.products .products_item .product_features{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    height: auto;
    margin-top: 10px;
    width: 100%;
        -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}
.products .product_features .product_features_heading{
    background: rgb(204, 221, 205);
    height: 35px;
    line-height: 35px;
    text-align: center;
} 
.products .product_features_inner{
    background: rgb(255, 255, 255);
    border: 2px solid rgb(229, 241, 230);
    border-top: 0px;
    padding: 0px;
    display: table;
    width: 100%;
}
.products .product_features .product_features_heading span{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    color: rgb(255, 255, 255);
    font-size: 13px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
} 
.products .product_features_inner .product_features_list{
    display: table-row;
}
.products .product_features_inner .product_features_list .product_features_name,
.products .product_features_inner .product_features_list .product_features_value{
    display: table-cell;
    width: 50%;
    padding: 0px 10px;
    line-height: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #272727;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.products .product_features_inner .product_features_list .product_features_name{
    border-right: 2px solid rgb(229, 241, 230);
}
.preview {
    overflow: hidden;
    padding: 5px;
}
.preview_inner{
    position: relative;
}
.promo_img{
    position: absolute;
    top: 10px;
    left: 10px;
}
.preview_image{
    border: 2px solid #e5f1e6;
    width: 100%;
    height: 250px;
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 10px;
    padding: 15px;
}
.product_img{
    max-width: 60%;
}
.product_name{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #1f1f1f;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    text-align: center;
    display: block;
    height: 38px;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}
.product_name:hover{
    text-decoration: underline;
}
.products_item .preview .variant_select {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 35px;
    line-height: 35px;
    border: 2px solid rgb(229, 241, 230);
    padding: 0 40px 0 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(../images/select_arrow.png);
    background-position: right 12px center;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    opacity: 0;
    transform: translate(-30px, 0px);
    max-width: 100%;
    overflow: hidden;
}
/*
.preview:hover .variant_select {
    opacity: 100;
    transform: translate(0px, 0px);
}
*/
.preview .action a {
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.comparison_item .preview .action,
.products_item .preview .action {
    display: inline-block;
    position: absolute;
    top: 2px;
    right: 0px;
    line-height: inherit;
}
.comparison_item .preview .action a,
.products_item .preview .action a {
    opacity: 0;
    display: block;
    margin-top: -2px;
    width: 35px;
    height: 35px;
    transform: translate(-30px, 0px);
    position: relative;
    background: rgb(255, 255, 255);
    border: 2px solid rgb(229, 241, 230);
    line-height: 32px;
    text-align: center;
}
.preview:hover .action a {
    opacity: 100;
    transform: translate(0px, 0px);
}
.comparison_item .preview .action a svg,
.products_item .preview .action a svg{
    font-size: 18px;
    background: rgb(255, 255, 255);
    color: rgb(81, 113, 164);
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.products_item .preview .action a{
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
} 
.comparison_item .preview .action a.selected svg,
.comparison_item .preview .action a:hover svg,
.products_item .preview .action a.selected svg,
.products_item .preview .action a:hover svg{
    background: transparent;
}
.comparison_item .preview .action a.selected,
.comparison_item .preview .action a:hover,
.products_item .preview .action a.selected,
.products_item .preview .action a:hover{
    background: rgb(229, 241, 230);
}

.label_amounts,
.label_price{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #acbbad;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 5px;
}

.box_amounts .amount {
    width: 94px;
    display: block;
    vertical-align: middle;
    border: 2px solid rgb(229, 241, 230);
    line-height: 30px;
    height: 30px;
    box-sizing: content-box;
}
.box_amounts .plus, .box_amounts .minus {
    font-size: 14px;
    float: left;
    width: 25px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    color: rgb(97, 69, 106);
    line-height: 30px;
}
.input_amount {
    display: block;
    float: left;
    font-size: 14px;
    color: rgb(97, 69, 106);
    background-color: rgb(255, 255, 255);
    border-top: none;
    border-bottom: none;
    border-left: 2px solid rgb(229, 241, 230);
    border-right: 2px solid rgb(229, 241, 230);
    padding: 0;
    margin: 0;
    height: 30px;
    width: 40px;
    text-align: center;
    line-height: 25px;
}
.preview_extra{
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    padding: 0px 0px 10px;
}

.price_container .old_price {
    font-size: 12px;
    color: rgb(132, 132, 132);
    text-decoration: line-through;
}
.price_container .price {
    font-family: 'Roboto', sans-serif;
    color: #61456a;
    font-size: 18px;
    font-weight: 600;
}
.price_container .price .price_currency{
    font-family: 'Roboto', sans-serif;
    color: #61456a;
    font-size: 14px;
    font-weight: 400;
}





/************************************************************************* Breacrumbs.tpl  */

#breadcrumbs {
    text-align: left;
}
#breadcrumbs ul {
    overflow: hidden;
    list-style: none outside none;
    padding: 0px;
    margin: 10px 0px 15px;
}
#breadcrumbs ul li {
    display: inline-block;
    float: left;
    padding: 0px;
}
#breadcrumbs ul li a {
    display: block;
	float: left;
	height: 30px;
	background: #dcf1de;
	text-align: center;
	padding: 7px 10px 0 25px;
	position: relative;
	margin: 0; 
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #919191;
    font-size: 14px;
    text-transform: uppercase;
	text-decoration: none;
}
#breadcrumbs ul li a:after {
    content: "";  
    position: absolute; 
    right: -15px; 
    top: 0;
    z-index: 1;
}
#breadcrumbs ul li a:before {
    content: "";
    border-bottom: 15px solid transparent;
    border-left: 15px solid #dcf1de;
    border-top: 15px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}
#breadcrumbs ul li:nth-child(2) a:before {
    border-left: 15px solid #ccddcd;
}
#breadcrumbs ul li:first-child a {
    background: #ccddcd;
    padding-left: 15px;
}
#breadcrumbs ul li:first-child a:before {
    display: none;
}
#breadcrumbs ul li:last-child a {
    background: #ecf6ed;
    padding-right: 15px;
}
#breadcrumbs ul li:last-child a:after {
    display: none;
}
#breadcrumbs ul li a:hover {
    text-decoration: underline;
}
#breadcrumbs ul li a:hover:after {
    text-decoration: underline;
}
#breadcrumbs ul li:last-child a:hover{
    text-decoration: none;
    cursor: default;
}




/*
.breadcrumbs {
    width: auto;
    display: inline-block;
    border: none;
    padding: 0px;
    margin-top: 0px;
    background: transparent;
    list-style: none;
    margin-bottom: 15px;
}
.breadcrumbs li {
    display: inline-block;
    padding: 0;
    color: #9b9b9b;
    margin: 3px 0;
    font-size: 14px;    
}
.breadcrumbs li + li:before { 
    padding: 0 3px;
    content: "\f101";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.breadcrumbs a{
    transition: all 0.2s ease;
    color: #2f2f2f;
    text-decoration: none;
}
.breadcrumbs a:hover{
    color: #403f3f;
}

*/











/************************************************************************* Comments.tpl  */


.comment_item {
    margin-bottom: 20px;
    padding: 10px 20px;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    background: -moz-linear-gradient(left, rgb(234, 244, 235) 0%, rgba(234, 244, 235,0) 40%);
    background: -webkit-linear-gradient(left, rgba(234, 244, 235,1) 0%,rgba(234, 244, 235,0) 40%);
    background: linear-gradient(to right, rgb(234, 244, 235) 0%,rgba(234, 244, 235,0) 40%);
    background-position: 0px 5px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf4eb', endColorstr='#eaf4eb',GradientType=1 );
}
.admin_note {
    border-bottom: none;
    margin-left: 30px;
    background: -moz-linear-gradient(left, rgb(202, 227, 205) 0%, rgba(202, 227, 205,0) 40%);
    background: -webkit-linear-gradient(left, rgba(202, 227, 205,1) 0%,rgba(202, 227, 205,0) 40%);
    background: linear-gradient(to right, rgb(202, 227, 205) 0%,rgba(202, 227, 205,0) 40%);
    background-position: 0px 5px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cae3cd', endColorstr='#cae3cd',GradientType=1 );
    margin-bottom: 15px !important;
    margin-top: 20px !important;
    padding-top: 10px;
    padding-bottom: 15px;
}
.admin_note_2 {
    background: -moz-linear-gradient(left, rgb(175, 208, 179) 0%, rgba(175, 208, 179,0) 40%);
    background: -webkit-linear-gradient(left, rgba(175, 208, 179,1) 0%,rgba(175, 208, 179,0) 40%);
    background: linear-gradient(to right, rgb(175, 208, 179) 0%,rgba(175, 208, 179,0) 40%);
    background-position: 0px 5px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd0b3', endColorstr='#afd0b3',GradientType=1 );
}
.comment_author {
    font-weight: bold;
}
.no_comments {
    margin-bottom: 15px;
}
.comment_info{
   margin-bottom: 10px;
}
.comment_answer{
    margin-top: 5px;
}
.comment_answer .answer{
    color: #06a2e3;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}
.comment_answer .answer:hover{
    text-decoration: none;
}
.comment_info .comment_name{
    font-size: 18px;
    color: #1f1f1f;
    font-weight: 600;
    line-height: 22px;
    display: inline-block;
}
.comment_info .comment_date {
    font-size: 14px;
    color: #717f73;
    font-weight: 400;
    line-height: 18px;
    margin-left: 15px;
    display: inline-block;
}
.comment_item .comment_content{
    font-size: 15px;
    color: #0d0d0d;
    font-weight: 400;
    line-height: 20px;
} 
.comment_text {
  padding-left: 20px;
} 
.no_comments {
  margin-bottom: 15px;
}



/************************************************************* Autorisation  */
.page_accaunt{
    max-width: 60%;
}
.form_login{
    padding-right: 40px;
    margin-right: 10px;
    border-right: 1px solid #9b9b9b;
}
.password_remind{
    font-size: 14px;
    color: #06a2e3;
}
.password_remind:hover{
    text-decoration: none;
}


/************************************************************************* Banner.tpl  */

.fancybox-slide > * {
    padding: 5px;
}
.orange_slick .slick-arrow {
    position: absolute;
    height: 5rem;
    width: 3.4375rem;
    padding: 0;
    font-size: 0;
    top: 50%;
    margin-top: -2.5rem;
    opacity: 0.2;
    z-index: 11;
    cursor: pointer;
    color: #bdbdbd;
    border: none;
    background: none;
    transform: scaleX(0.7);
    transition: all .22s ease-in
}
.comparison_products.orange_slick .slick-arrow {
    top: 94px;
}
.orange_slick.small_slick .slick-arrow {
    margin-top: -1.5rem;
}
.orange_slick .slick-prev::before {
    content: "\e836";
    margin-left: 0;
    transform: none;
}
.orange_slick .slick-next::before {
    content: '\e837';
    margin-left: 0;
    transform: none;
}
.orange_slick .slick-arrow:before {
    font-family: 'fontello';
    font-size: 4.0625rem;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.825);
    border: none;
}
.orange_slick.small_slick .slick-arrow::before {
    font-size: 2.3rem;
}
.orange_slick .slick-arrow:hover,
.orange_slick .slick-arrow:focus {
    opacity: 1;
}
.orange_slick .slick-arrow:hover:before,
.orange_slick .slick-arrow:focus:before {
    color: #f05600
}
.orange_slick .slick-arrow.slick-disabled {
    display: none !important
}
.orange_slick .slick-prev {
    left: -0.9375rem
}
.comparison_products.orange_slick .slick-prev {
    left: -2rem
}
.orange_slick .slick-next {
    right: -0.9375rem
}
.comparison_products.orange_slick .slick-next {
    right: -2rem
}
.orange_slick.slick-slider:hover .slick-arrow {
    opacity: 1;
    color: #737373
}
.orange_slick.slick-slider:hover .slick-prev {
    left: 0rem
}
.orange_slick.slick-slider:hover .slick-next {
    right: 0rem
}
.related_products_box.slick-slider .slick-prev, 
.related_products_box.slick-slider .slick-next {
    position: absolute;
    z-index: 1;
    top: 0%;
    width: 40px;
    height: calc(100% - 60px);
    margin-top: 30px;
    padding: 0;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    border: none;
    outline: none;
    text-align: center;
    color: rgb(51, 51, 51);
    background: rgba(229, 241, 230, 0.5);
    border-radius: 0px;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.images .slick-slide{
    margin-right: 10px;
}
.images .slick-list {
    margin-right: -10px;
}
.related_products_box.slick-slider .slick-list {
   padding: 0px 15px;
}
.related_products_box.slick-slider .slick-prev:hover, 
.related_products_box.slick-slider .slick-next:hover{
    background: rgb(229, 241, 230, 1);
    color: #333;
}
.related_products_box.slick-slider .slick-slide {
    margin-bottom: 0px;
}
.related_products_box.slick-slider .slick-track{
    padding: 30px 0px;
}
.fn_banner_group1 .slick-dots {
    right: 50%;
    bottom: -25px;
}
.slick-dots li button {
   background-color: rgb(81, 113, 164);
}

/************************************************************** Меню каталога  */
.catalog_nav {
    position: relative;
}
.catalog_menu {
    background-color: #fff;
    padding-top: 0px;
    padding-bottom: 0px;
}
.catalog_menu li {
    position: relative;
}
.catalog_menu a {
    display: block;
    padding: 10px 40px 10px 20px;
    line-height: 19px;
    text-decoration: none;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.catalog_menu a:hover,
.angle_icon:hover {
    color: #ea3a3c;
} 
.angle_icon {
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 0;
    top: 0px;
    right: 3px;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}
.angle_icon svg {
    vertical-align: middle;
    width: 15px;
    height: 15px;
    color: #06a2e3;
}
.angle_icon.math svg {
    vertical-align: middle;
    width: 10px;
    height: 10px;
    color: #06a2e3;
}
.angle_icon.active {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.angle_icon.math{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.angle_icon.math.active {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.submenu {
    display: none;
}
.opened > .submenu {
    display: block;
}
.nav_heading {
    line-height: 44px;
    background-color: #444;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}



/************************************************************************* Product.tpl  */
.product_image{margin-bottom: 10px;position: relative;}
.images{overflow: hidden;margin-bottom: 10px;}
.product_details .product_features{
    margin-top: 10px;
    width: 100%;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}
.product_details .product_features_heading{
    background: rgb(204, 221, 205);
    height: 45px;
    line-height: 45px;
    text-align: center;
} 
.product_details .product_features_inner{
    background: rgb(255, 255, 255);
    border: 2px solid rgb(229, 241, 230);
    border-top: 0px;
    padding: 0px;
    display: table;
    width: 100%;
}
.product_details .product_features .product_features_heading span{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    color: rgb(255, 255, 255);
    font-size: 18px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
} 
.product_details .product_features_inner .product_features_list{
    display: table-row;
}
.product_details .product_features_list .product_features_name,
.product_details .product_features_list .product_features_value{
    display: table-cell;
    width: 50%;
    padding: 0px 10px;
    line-height: 24px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #272727;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.available .no_stock {
    color: #ed2024;
    font-size: 14px;
}
.available .in_stock {
    color: #01b901;
    font-size: 14px;
}
.product_details .details_label{
    margin-right: 3px;
    font-weight: 500;
}
.available,
.ratings_boxed{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.wishlist_compare_boxed{
    text-align: right;
}
.sku,
.product_brand_block,
.ratings_boxed{
    margin-bottom: 5px;
}
.wishlist_compare_boxed a {
    display: inline-block;
    width: 35px;
    height: 35px;
    transform: translate(-30px, 0px);
    position: relative;
    background: rgb(255, 255, 255);
    border: 2px solid rgb(229, 241, 230);
    line-height: 40px;
    text-align: center;
}
.wishlist_compare_boxed a {
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.wishlist_compare_boxed a.selected, 
.wishlist_compare_boxed a:hover {
    background: rgb(229, 241, 230);
}
.wishlist_compare_boxed a.selected svg, 
.wishlist_compare_boxed a:hover svg {
    background: transparent;
}
.product_details .product_features_inner .product_features_list .product_features_name{
    border-right: 2px solid rgb(229, 241, 230);
}
.product_details .price{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    color: #a27eaf;
    font-size: 36px;
    line-height: 40px;
}
.product_details_top{
    margin-bottom: 20px;
}
.product_description,
.select_box{
    margin-bottom: 20px;
}
.product_details .old_price{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: rgb(146, 146, 146);
    font-size: 20px;
    line-height: 24px;
    margin-top: 5px;
    text-decoration: line-through;
}
.label_product_details{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #9d9d9d;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
}
.product_callback{
    margin-bottom: 15px;
    text-align: center;
}
.product_description_heading{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    color: #272727;
    font-size: 18px;
    margin-bottom: 10px;
}
.product_callback a{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    border-bottom: 1px dashed #000000;
}
.product_callback a:hover{
    border-bottom: 1px dashed transparent;
}
.amount_box .amount{
    width: 140px;
    display: block;
    vertical-align: middle;
    border: 2px solid rgb(229, 241, 230);
    line-height: 36px;
    height: 36px;
    box-sizing: content-box;
}
.amount_box .plus, 
.amount_box .minus {
    font-size: 18px;
    float: left;
    width: 36px;
    height: 36px;
    text-align: center;
    cursor: pointer;
    color: #000000;
}
.amount_box .input_amount {
    display: block;
    float: left;
    font-size: 18px;
    color: #000;
    background-color: rgb(255, 255, 255);
    border-top: none;
    border-bottom: none;
    border-left: 2px solid rgb(229, 241, 230);
    border-right: 2px solid rgb(229, 241, 230);
    padding: 0;
    margin: 0;
    height: 36px;
    width: 60px;
    text-align: center;
    line-height: 36px;
}
.tab_navigation {  
    overflow: hidden;
    z-index: 1;
    border-bottom: 2px solid rgb(102, 163, 224);
    margin-bottom: 10px;
}
.tab_navigation a {
    display: block;
    float: left;
    margin: 0 3px 0 0;
    color: #2f2f2f; 
    background: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 25px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.tab_navigation a:hover,
.tab_navigation a.selected {
    background-color: rgb(102, 163, 224);
    color: #fff;
}
.tab_container {
    overflow: hidden;
    background: #fff;
}
.tab {
  display: none;
  padding: 10px;
} 


/******************************************************************  Pager  */
.pager {
    display: inline-block;
    width: 100%;
    padding-left: 0;
    margin: 10px 0;
    border-radius: 4px;
    list-style: none
}
.pager .next a:hover, 
.pager .prev a:hover {
    color: rgb(255, 255, 255) !important;
    background: rgb(204, 221, 205) !important;
    border-color: rgb(204, 221, 205) !important;
}
.pager .next{
    float: right;
    width: 49.8%;
    margin-bottom: 20px;
}
.pager .prev {
    float: left;
    width: 49.8%;
    margin-bottom: 20px;
}
.pager .next a, 
.pager .prev a {
    width: 100%;
    text-align: center;
    height: 50px;
    font-size: 12px;
    line-height: 46px;
    padding: 0px !important;
    color: rgb(0, 0, 0);
    display: block;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 0px;
    border: 2px solid rgb(229, 241, 230);
    letter-spacing: 1px;
    text-decoration: none;
}
.pager .next a span, 
.pager .prev a span {
    width: calc(100% - 50px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

/******************************************************************  POPUP WINDOW  */

.popup {
    max-width: 500px;
    width: 100%;
    background-color: #b4d3b8 !important;
    padding: 40px 60px 40px;
    text-align: center;
}
.popup_heading {
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #1f1f1f;
    font-size: 29px;
    line-height: 32px;
    margin-bottom: 25px;
    position: relative;
    text-align: center;
    display: block;
    text-transform: uppercase;
}
.popup_heading_name{
    color: #06a2e3;
    text-decoration: none;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}
.popup_confirm {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    color: rgb(156, 44, 44);
    font-size: 24px;
    line-height: 28px;
    position: relative;
    text-align: center;
    display: block;
    text-transform: uppercase;
    padding: 10px 0px 5px;
}

/******************************************************************** Comparison_page  */

.comparison_page {
    padding-bottom: 40px;
}
.comparison_left {
    float: left;
    width: 25%;
}
.comparison_products {
    float: right;
    width: 75%;
    position: relative;
    margin: 0;
}
.comparison_item {
}
.cell {
    padding: 10px 15px;
    border-bottom: 1px solid #e8e8e1;
}
.comparison_item .cell,
.comparison_item .cprs_rating {
    text-align: center;
}
.cprs_rating {
    padding: 10px 15px;
    border-bottom: 1px solid #e8e8e1;
    border-top: 1px solid #e8e8e1;
}
.cell:nth-child(odd) {
    background: #efefef;
}
.compare_controls {
    position: relative;
}
.compare_show {
    position: absolute;
    left: 0px;
    bottom: 5px;
}
.compare_show a {
    display: inline-block;
    margin: 0 5px 5px 15px;
    color: #06a2e3;
    font-size: 14px;
}
.compare_show a:hover,
.compare_show .active {
    color: #f36c16;
    text-decoration: none;
}



/************************************************************* Cart.tpl  */

.purchase {
    width: 100%;
}
.purchase_heading{
    display: block;
    color: rgb(0, 0, 0);
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 18px;
    padding-left: 10px;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 10px;
}
.purchase a {
  text-decoration: none;
}
.purchase td {
    vertical-align: top;
    padding: 10px;
}
.purchase th,
.purchase td {
    vertical-align: top;
    border-bottom: 1px solid #e8e8e1;
    vertical-align: top;
    border-bottom: 2px solid #e5f1e6;
    color: #acbbad;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.3;
    padding: 5px;
}
.purchase th{
    padding: 3px 0px;
}
.purchase .purchase_image{
    padding-left: 0px;
}
.purchase_image a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    border: 2px solid #e5f1e6;
    text-align: center;
}
.purchase a.user_purchase_name,
.purchase a.purchase_name {
    display: block;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: #1f1f1f;
    padding-right: 15px;
}
.purchase .purchase_price{
    padding-left: 0px;
    padding-right: 10px;
}
.purchase .purchase_price span{
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    padding-right: 0px;
    margin-top: 7px;
}
.purchase .order_purchase_text{
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    padding-left: 0px;
    margin-top: 7px;
}
.purchase td.purchase_remove  {
    vertical-align: top;
}
.purchase_remove svg {
    width: 20px;
    height: 20px;
}
.purchase_remove a {
    text-decoration: none;
    color: #a4a4a4;
    margin-top: 7px;
    display: block;
}
.purchase_remove a:hover {
    text-decoration: none;
    color: #F13340;
}
.remove_icon {
    width: 14px;
    height: 14px;
    vertical-align: middle;
}
.purchase_preorder,
.purchase_sum {
  color: #F13340;
}
.remove_icon {
  width: 14px;
  height: 14px;
  vertical-align: middle;
}
.purchase .purchase_amount {
    padding-right: 10px;
}
.purchase_amount .amount {
    width: 94px;
    display: block;
    vertical-align: middle;
    border: 2px solid rgb(229, 241, 230);
    line-height: 30px;
    height: 30px;
    box-sizing: content-box;
}
.purchase_amount span{
    font-size: 14px;
    float: left;
    width: 25px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    color: rgb(97, 69, 106);
    line-height: 30px;
}
.purchase_amount .input_amount {
    display: block;
    float: left;
    font-size: 14px;
    color: rgb(97, 69, 106);
    background-color: rgb(255, 255, 255);
    border-top: none;
    border-bottom: none;
    border-left: 2px solid rgb(229, 241, 230);
    border-right: 2px solid rgb(229, 241, 230);
    padding: 0;
    margin: 0;
    height: 30px;
    width: 40px;
    text-align: center;
    line-height: 25px;
}
.purchase_price{
    white-space: nowrap;
}

.purchase_order_amount span{
    white-space: nowrap;
    width: 30px;
    display: block;
    text-align: center;
    color: #000;
    font-size: 14px;
    vertical-align: middle;
    border: 2px solid rgb(229, 241, 230);
    line-height: 30px;
    height: 30px;
    box-sizing: content-box;
    margin-right: 10px;
}
.purchase.purchase_order .purchase_full_price {
    text-align: right;
    vertical-align: middle;
    padding: 15px 10px 15px 0px;
}
.purchase.purchase_order .purchase_full_price .total_sum{
    font-size: 18px;
}
.purchase .purchase_full_price_heading {
    vertical-align: middle;
    padding: 15px 0px;
}
.purchase .purchase_full_price_heading span{
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}
.purchase.purchase_order .purchase_full_price_heading span{
    font-size: 18px;
}
.purchase .purchase_other_heading {
    vertical-align: middle;
    padding: 10px 0px;
}
.purchase .purchase_other_heading span{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}
.purchase .purchase_other_value {
    vertical-align: middle;
    padding: 10px 0px;
}
.purchase .purchase_other_value span{
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
}
.purchase .purchase_full_price {
    text-align: right;
    vertical-align: middle; 
    padding: 15px 0px;
}
.purchase_full_price .nowrap{
    margin-top: 15px;
    display: block;
}
.purchase_title_amount {
    margin-bottom: 10px;
    font-size: 14px;
    color: #222222;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}
.purchase_title_full_price {
    margin-bottom: 10px;
    font-size: 14px;
    padding: 15px 0px;
}
.purchase_total {
    font-weight: bold;
    font-size: 16px;
    
}
.purchase .purchase_full_price .total_sum {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
}
.purchase tfoot td {
    border-bottom: none;
}
.purchase .coupon,
.purchase .purchase_total {
  padding: 10px 0px;
}
.purchase .purchase_total {
    vertical-align: middle;
    text-align: right;
    font-size: 22px;
    color: #000000;
}
.purchase_info {
	position: relative;
	height: 25px;
	width: 100%;
}
.purchase_info td {
	border: none;
}
.purchase_info .total_weight {
	position: absolute;
	top: 9px;
	width: 100%;
	color: #acbbad;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.3;
}
.total_footer {
	height: 77px;
	position: relative;
	width: 100%;
}
.total_footer div {
	position: absolute;
}
.total_footer tr {
	
}
.total_footer .total_footer__price,.total_footer .total_footer__title {
	font-weight: 700;
	color:#000;
	position: absolute;
}
.total_footer .total_footer__title--1{
	top: 3px;
	left: 0;
}
.total_footer .total_footer__title--2{
	top: 50%;
	transform: translate(0px, -50%);
	left: 0;
}
.total_footer .total_footer__title--3{
	bottom: 3px;
	left: 0;
}
.total_footer .total_footer__price--1{
	right: 0;
	top: 3px;
}
.total_footer .total_footer__price--2{
	right: 0;
	top: 50%;
	transform: translate(0px, -50%);
}
.total_footer .total_footer__price--3{
	right: 0;
	bottom: 3px;
}


.input_coupon {
    vertical-align: middle;
    width: 165px;
    line-height: 36px;
    height: 36px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 221, 205);
    border-radius: 0px;
    padding: 0 15px;
    color: rgb(145, 153, 146);
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}
.coupon .message_error {
  margin: 0 0 10px;
  width: 300px;
}
.delivery {
    padding: 10px;
    width: 100%;
}
.delivery_item {
  margin-bottom: 10px;
}
.delivery_description {
  margin-left: 40px;
  display: none;
}
.active + .delivery_description {
  display: block;
}
.input_delivery {
  float: left;
    display: none;
  margin: 8px 0 0;
}
.delivery_item img {
  vertical-align: middle;
  margin-right: 4px;
  max-height: 24px;
}
.delivery_name {
    display: block;
    padding-left: 5px;
    color: rgb(145, 153, 146);
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;    
}
.delivery_label {
  display: block;
  overflow: hidden;
  margin-bottom: 5px;
  font-weight: 500;
}
.active.delivery_label {
  font-weight: bold;
}
.order_details  {
  width: 100%;
}
.order_details td {
  padding: 8px 15px;
  border-top: 1px solid #ddd;
}
.order_details td:first-child {
  border-right: 1px solid #ddd;
}
.order_details tr:first-child td {
  border-top: none;
}
.method_name {
  font-weight: bold;
  font-size: 16px;
}
.method_form {
  margin: 15px 0;
}
.method_description {
  margin-bottom: 15px;
}
.tab_navigation_cart{
    overflow: hidden;
    box-sizing: border-box;
}
.tab_navigation_cart a{
    display: block;
    height: 42px;
    line-height: 42px;
    text-align: center;
    float: left;
    width: 50%;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #9ea79f;
    font-size: 18px;
    border: 2px solid #e5f1e6;
    border-bottom: 3px solid rgb(204, 221, 205);
    background: #e5f1e6;
    text-transform: uppercase;
	text-decoration: none;
}
.tab_navigation_cart a.selected{
    border: 2px solid rgb(204, 221, 205);
    border-bottom: 2px solid #fff;
    background: #fff;
    color: #000;
}
.tab_container_cart.boxed{
    border-top: 0px;
    margin-top: -1px;
}

/************************************************************* Blog.tpl  */

.blog_item {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    height: 160px;
    background: #fff;
    border: 2px solid rgb(229, 241, 230);
}

.blog_item .blog_image{
    background: none;
    border-radius: 0;
    height: 100%;
    max-height: 200px;
    border: none;
    position: relative;
    overflow: hidden;
    padding-right: 0px;
}
.blog_item .blog_image img {
    max-width: 150%;
    max-height: 200px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.blog_item:hover img {
    transform: scale(1.05);
}
.blog_item .news_content{
    padding-right: 25px;
}
.blog_item .blog_content {
    padding-right: 25px;
}
.blog_item .blog_content .title a{
    color: rgb(51, 51, 51);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    display: block;
    height: 50px;
    width: 100%;
    position: relative;
    padding: 10px 0px 0px;
    text-decoration: none;
    overflow: hidden;
    margin-bottom: 5px;
}
.blog_item .blog_content .blog_date{
    color: #cccccc;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    float: left;
}
.blog_item .blog_content .blog_reedmore{
    float: right;
    font-size: 15px;
}
.blog_item .blog_content .blog_reedmore:hover{
    text-decoration: none;
}
.blog_item{
    overflow: hidden;
}

.blog_item .blog_content .blog_annotation{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: rgb(14, 14, 14);
    font-weight: 400;
    line-height: 18px;
    width: 100%;
    height: 72px;
    overflow: hidden;
    margin-bottom: 5px;
}

/************************************************************* На вверх  */
.to_top {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    position: fixed;
    bottom: 50px;
    right: 10px;
    z-index: 99;
    display: none;
    background-color: #b8b7b7;
    background-image: url(../images/up-arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.to_top:hover {
    background-color: #8EB1D3;
}

/************************************************************* Subscribe  */
.subscribe_promotext {
    margin-top: 8px;
    line-height: 1.3;
    font-size: 12px;
    color: #827f7f;
}
.subscribe_form {
    position: relative;
    width: 100%;
    max-width: 100%;
    font-weight: bold;
    font-size: 12px;
}
.subscribe_input {
    width: 100%;
    height: 30px;
    margin-bottom: 5px;
    padding: 0 10px 0 10px;
    background-color: #fff;
    border: none;
    color: #827f7f;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.subscribe_button {
    cursor: pointer;
    right: 0;
    height: 32px;
    width: 100%;
    border:none;
    background-color: #8EB1D3;
    text-align: center;
    color: #fff;
}
/************************************************************* Brand.tpl  */


.page_brands .brand_item{
    margin-bottom: 30px;
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}
.page_brands .brand_item .brand_link{
    text-decoration: none;
}
.page_brands .brand_image{
    border: 2px solid rgb(229, 241, 230);
    width: 100%;
    height: 250px;
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 10px;
}
.page_brands .brand_name{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: rgb(31, 31, 31);
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    text-align: center;
    display: block;
    height: 38px;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}