@charset "UTF-8";
#arrow_up:after, #ham3d .ham3d, .compare_list ul li .over:after, .icons-arrowUp, .icons-g1, .icons-g2, .icons-ham3d, .icons-hand, .icons-icon0, .icons-icon140, .icons-icon46, .icons-magnifier_scroll, .icons-sprite, .m_table_scroll_alert .scroll_alert .icon_hand, .magnifier-lens:after, .modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li:after, .prodSuggest__title:after, .prodSuggest__title:before {
    background-image: url(../images/icons-s68d2232d46.png);
    background-repeat: no-repeat
}

#arrow_up:after, .icons-arrowUp {
    background-position: 0 0;
    height: 22px;
    width: 21px
}

.icons-g1, .prodSuggest__title:before {
    background-position: 0 -22px;
    height: 30px;
    width: 45px
}

.icons-g2, .prodSuggest__title:after {
    background-position: 0 -52px;
    height: 30px;
    width: 45px
}

#ham3d .ham3d, .icons-ham3d {
    background-position: 0 -82px;
    height: 30px;
    width: 30px
}

.icons-hand, .m_table_scroll_alert .scroll_alert .icon_hand {
    background-position: 0 -112px;
    height: 18px;
    width: 14px
}

.compare_list ul li .over:after, .icons-icon0 {
    background-position: 0 -130px;
    height: 13px;
    width: 22px
}

.icons-icon140 {
    background-position: 0 -143px;
    height: 40px;
    width: 40px
}

.icons-icon46, .modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li:after {
    background-position: 0 -183px;
    height: 25px;
    width: 15px
}

.icons-magnifier_scroll, .magnifier-lens:after {
    background-position: 0 -208px;
    height: 35px;
    width: 25px
}

* {
    outline: 0 dotted
}

#basket_steps ul li span:before, #cd_cart #remove_comp:after, #comments .comment .commentOption .commentRate .commentLike:after, #comments .comment .commentTools .commentDate:after, #userpanel .userpanel__sidebar ul li a:after, .advancedSearch .more:after, .basketBoxAddress .more:before, .basketBoxSendItem .item .itm:after, .block.toggleBlock .blockTitle span:after, .blogSearch .searchBtn:after, .boxAddressItem .item .itm .delete:before, .boxAddressItem .item .itm .edit:before, .boxAddressItem .item .itm:after, .cd-cart-items li .remove:before, .chb label span:before, .colorSelect li label span:before, .content #sidebar_toggle:before, .ff, .filter_view > a:after, .megaMenuTabs .tabs ul li a:after, .mobileMenu .masehMenu #mobileMenu li a.hasChildren:not(:only-child):after, .mobileMenu .masehMenu #mobileMenu li a:not(:only-child):after, .mobileMenu .masehMenu .mobileMenu__title .mobileMenu__title--close:after, .modal .modal-close:after, .searchModal_content .search .search_btn, .nums .minus:after, .nums .plus:after, .prodAccordion__title:before, .rdl label span:before, .searchBox .searchBox__btn:after, .select2.select2-container--default .select2-selection--single .select2-selection__arrow:after, .slick-next:after, .slick-prev:after, .videoBox .videoBoxPlay:after {
    display: inline-block;
    font-family: Material-Design-Iconic-Font;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-kerning: auto;
    font-kerning: auto;
    -webkit-font-language-override: normal;
    font-language-override: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    text-rendering: auto
}

body {

    padding: 0 !important;
    overflow-x: hidden !important;
    background: #fff;
    font-size: 14px
}

body.overflow_hidden {
    overflow-y: hidden !important
}

.tooltip .tooltip-inner {
    font-family: Ham3d;
    font-size: 13px;
    padding-bottom: 5px;
    word-wrap: none-break;
    min-width: 70px;
    padding-top: 5px;
    text-align: center
}

h1, h2, h3, h4, h5, h6 {
    margin: 0
}

ol, p, ul {
    margin-bottom: 0
}

.container-fluid {
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden
}

.container {
    padding-left: 10px;
    padding-right: 10px
}

.row {
    margin-left: -10px;
    margin-right: -10px
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 10px;
    padding-right: 10px
}

a {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

a:hover {
    outline: 0 !important;
    text-decoration: none
}

a:focus {
    outline: 0 !important;
    text-decoration: none
}

button:hover, span:hover {
    outline: 0 !important
}

button:focus, span:focus {
    outline: 0 !important
}

img, svg {
    max-width: 100%;
    height: 100%;
}

   @media (max-width:786px){
       .footer__logo{
           width:100%;
       }
        img, svg {
    max-width:100%;
    height: auto;
}

    }

.poss {
    position: static !important
}

.posr {
    position: relative !important
}

.mirror {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    display: inline-block
}

.clear {
    content: "";
    display: table;
    clear: both
}

#arrow_up:after, #ham3d .ham3d, .compare_list ul li .over:after, .m_table_scroll_alert .scroll_alert .icon_hand, .prodSuggest__title:after, .prodSuggest__title:before, .spr {
    display: block;
    content: ""
}

.more_dots {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cj {
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center
}

.chb label, .mobileMenu .masehMenu .mobileMenu__title, .ns, .rdl label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c1, .cd-cart-items li .count, .select_box .btn.active i, .select_box .btn:active i, a, body {
    color: #4d4d4d
}

#copon_area .copon_btn, #userpanel .userpanel__sidebar ul li.active a, #userpanel .userpanel__sidebar ul li:hover a, .basket__end__step .details_factor ul li:last-child, .btn.btnTimeModal, .btn.change__password, .btn.informaion_edit_link, .btn:focus, .btn:hover, .c2, .cd-cart-items li .time_offer .time_offer_bottom, .cd-cart-items li .time_offer .time_offer_top .time_offer_top_left, .cd-cart-items li .time_offer .time_offer_top .time_offer_top_right, .comments__top .btn:hover, .compare_list .compare_btn, .copyright, .copyright #copyright a, .megaMenuTabs .tab-content .megaMenuList .megaMenuList__more:hover, .modal .modal-close:hover:after, .searchModal_content, .searchModal_content #search a:hover, .searchModal_content #search strong, .searchModal_content .search .search_btn, .multimediaItem .multimediaItemName, .ordersTable table tr th, .paginationContainer .pagination li.active a, .paginationContainer .pagination li.active a i:before, .paginationContainer .pagination li:hover a, .paginationContainer .pagination li:hover a i:before, .payWays > ul li label input:checked ~ span:before, .singleNewsKeywords a:hover, .single__desc__price .single__desc__price--offer, .videoBox .videoBoxPlay:after {
    color: #fff
}

#basket_steps ul li b, #menu > ul > li .mega_menu ul li a.mega_menu--title, .advancedSearch .advancedSearchScroll #advancedSearchProducts ul li .title, .basketBoxSendItem .item input:checked ~ .itm b.title, .basketBoxSendItem .item input:checked ~ .itm i, .basket__end__step .details_factor ul li, .basket__table .col3 .new__price, .basket_box h5, .block .blockTitle, .block.toggleBlock .blockTitle span:after, .blogSearch .searchBtn:after, .boxAddressItem .item input:checked ~ .itm .delete, .boxAddressItem .item input:checked ~ .itm .edit, .boxAddressItem .item input:checked ~ .itm b.title, .boxAddressItem .item input:checked ~ .itm i, .boxAddressItem .item input:checked ~ .itm p, .breadcrumbs .breadcrumb li a:hover, .breadcrumbs .breadcrumb li:last-child a, .btn.btnCancle:hover, .c3, .cd-cart-items li .title, .comments__top .btn, .contactPageForm .contactPageFormDesc, .generalTabs .tabs > ul > li.active a, .information_edit_tab h2, .innerPageTitle, .legal_information_content .legal_information_chk, .megaMenuTabs .tab-content .megaMenuList ul li a.megaMenu--title, .searchModal_content #search a, .multimediaItem strong, .newsNav a, .payWays > ul li label input:checked ~ span, .post, .product_gallery > ul > li > a:hover .zmdi:before, .recover_pass, .registerInLogin a, .singleNews h1, .singleNewsTools a i, .single__desc__details .singleDescDetails ul li span, .single__desc__price .single__desc__price--new, .st2 h3, .userpanelHead, .userpanel_box h2, .who_is__area strong {
    color: #000
}

#cd_cart .end_pay .total_price span, #cd_cart strong, #ham3d a:hover, #menu > ul > li .mega_menu ul li a:hover, #singleTabs .tabs ul > li.active > a, #singleTabs .tabs ul > li:hover > a, .advancedSearch #advancedSearchBox .advancedSearchArticles ul li:hover a, .advancedSearch #advancedSearchBox .advancedSearchBox ul li a:hover, .advancedSearch .advancedSearchScroll #advancedSearchProducts ul li:hover .title, .back__to__shop__in #back__to__shop:hover, .basket__table .col1 .desc b:hover, .block .searchBox .searchBox__btn:hover:after, .c4, .cd-cart-items li .price_area .new_price, .cd-cart-items li:hover .title, .content #sidebar_toggle, .copyright #copyright a:hover, .legal_information_content .chb label input:checked ~ span::before, .megaMenuTabs .tab-content .megaMenuList ul li a:hover, .newsNav a:hover, .nums .minus:hover:after, .nums .plus:hover:after, .ordersTable table tr td .orderViewLink:hover, .ordersTable table tr td .order_view_tbl, .recover_pass:hover, .sampleTab .tabs ul li.active a, .searchBox .searchBox__btn:hover:after, .select_box .select_box_title, .singleNewsTools a:hover, .singleNewsTools a:hover i, .sizeSelect li label input:checked ~ span, .userpanel_box h2 i, .who_is__area .who_is__area__edit:hover {
    color: #d90000
}

.blogSearch .searchBtn:hover:after, .c5 {
    color: #d9d9d9
}

.b1 {
    background-color: #4d4d4d
}

.b2 {
    background-color: #fff
}

.b3 {
    background-color: #000
}

.b4 {
    background-color: #d90000
}

.b5 {
    background-color: #d9d9d9
}

.mb20 {
    margin-bottom: 20px
}

.mb10 {
    margin-bottom: 10px
}

.mb0 {
    margin-bottom: 0
}

.p20 {
    padding: 20px
}

.p10 {
    padding: 10px
}

.p0 {
    padding: 0
}

.mobileMenu {
    right: -300px;
    direction: rtl;
    z-index: 2147483647;
    width: 300px;
    position: fixed;
    top: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.mobileMenu .mobileMenuBg {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    right: -300px;
    background: #fff;
    width: 300px;
    position: fixed;
    height: 120%;
    z-index: -1;
    top: 0
}

@media only screen and (max-width: 991px) {
    .mobileMenu .mobileMenuBg.active {
        right: 0
    }
}

.mobileMenu .siteBg {
    background: #000;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -2;
    height: 120%;
    display: none;
    position: fixed;
    filter: alpha(Opacity=80);
    opacity: .8
}

@media only screen and (max-width: 991px) {
    .mobileMenu .siteBg.active {
        display: block
    }
}

.mobileMenu .masehMenu {
    -webkit-overflow-scrolling: touch
}

.mobileMenu .masehMenu .mobileMenu__title {
    margin: 0;
    position: relative;
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
    background: #d90000
}

.mobileMenu .masehMenu .mobileMenu__title .mobileMenu__title--close {
    top: 50%;
    display: block;
    cursor: pointer;
    position: absolute;
    text-align: center;
    left: 10px;
    width: 25px;
    height: 25px;
    background: 0 0;
    margin-top: -12.5px
}

.mobileMenu .masehMenu .mobileMenu__title .mobileMenu__title--close:after {
    color: #fff;
    content: "";
    font-size: 16px;
    line-height: 25px
}

.mobileMenu .masehMenu .mobileMenu__title .mobileMenu__title--close:hover {
    background: #fff
}

.mobileMenu .masehMenu .mobileMenu__title .mobileMenu__title--close:hover:after {
    color: #d90000
}

.mobileMenu .masehMenu #mobileMenu {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    list-style: none;
    height: calc(100vh - 41.5px);
    overflow-y: auto
}

.mobileMenu .masehMenu #mobileMenu li {
    margin: 0;
    -webkit-tap-highlight-color: transparent
}

.mobileMenu .masehMenu #mobileMenu li a {
    color: #333;
    display: block;
    position: relative;
    text-decoration: none;
    background-color: #f5f5f5;
    padding: 10px 25px 10px 10px;
    border-bottom: 1px solid #e1e1e1
}

.mobileMenu .masehMenu #mobileMenu li a span.icon {
    position: relative;
    top: 2px;
    margin-left: 2px
}

.mobileMenu .masehMenu #mobileMenu li a:not(:only-child) {
    background: #f5f5f5
}

.mobileMenu .masehMenu #mobileMenu li a:not(:only-child):after {
    content: "\f278";
    font-size: 21px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 17px
}

.mobileMenu .masehMenu #mobileMenu li a:not(:only-child).hasChildren:after {
    content: "\f273";
    font-size: 21px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 17px
}

.mobileMenu .masehMenu #mobileMenu li ul {
    margin: 0;
    padding: 0
}

.mobileMenu .masehMenu #mobileMenu li ul li a {
    background-color: #fff;
    padding-right: 40px
}

.mobileMenu .masehMenu #mobileMenu li ul li ul li a {
    background-color: #fff;
    padding-right: 60px
}

.mobileMenu .masehMenu #mobileMenu ul {
    display: none
}

@media only screen and (max-width: 991px) {
    .mobileMenu.active {
        right: 0
    }
}

.toggleMenu {
    float: right;
    height: 40px;
    width: 32px;
    margin-left: 0;
    margin-right: 10px;
    outline: medium none;
    position: relative;
    cursor: pointer;
    display: none;
    z-index: 2
}

.toggleMenu:after {
    height: 2px;
    background: #000;
    -webkit-box-shadow: 0 5px 0 #000, 0 10px 0 #000;
    box-shadow: 0 5px 0 #000, 0 10px 0 #000;
    top: 14px;
    position: absolute;
    content: "";
    width: 20px;
    right: 2px
}

.toggleMenu i {
    right: 32px;
    color: #000;
    font-size: 12px;
    top: 10px;
    width: 80px;
    display: block;
    font-style: normal;
    position: absolute
}

@media only screen and (max-width: 480px) {
    .toggleMenu i {
        display: none
    }
}

@media only screen and (max-width: 991px) {
    .toggleMenu {
        display: block
    }
}

.btn {
    border-radius: 23px;
    float: center;
    color: #000;
    border: 2px solid #000;
    padding: 0 28px;
    font-size: 16px;
    height: 45px;
    line-height: 41px;
    background: #fff;
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    min-width: 110px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.btn:focus, .btn:hover {
    background-color: #000
}

.form-group {
    margin-bottom: 20px
}

.form-group label {
    color: #000;
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 400
}

.form-control {
    border-radius: 0;
    height: 45px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000
}

.form-control:-moz-placeholder {
    color: #666;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #666;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.form-control::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

.form-control:focus {
    background-color: #fff;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #4d4d4d
}

textarea.form-control {
    height: 100px
}

.chb label {
    position: relative;
    margin-bottom: 10px;
    font-weight: 400
}

.chb label span {
    display: inline-block;
    margin-left: 4px
}

.chb label span:before {
    display: inline-block;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    position: relative;
    margin-left: 10px;
    content: "";
    font-size: 21px;
    top: 4px;
    color: #999
}

.chb label input {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
    display: block;
    filter: alpha(Opacity=0);
    opacity: 0
}

.chb label input:checked ~ span:before {
    content: "";
    color: #000
}

.rdl label {
    position: relative;
    margin-bottom: 10px;
    font-weight: 400
}

.rdl label span {
    display: inline-block;
    margin-left: 7px
}

.rdl label span:before {
    display: inline-block;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    position: relative;
    content: "";
    font-size: 21px;
    top: 4px;
    color: #999
}

.rdl label input {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
    display: block;
    filter: alpha(Opacity=0);
    opacity: 0
}

.rdl label input:checked ~ span:before {
    content: "";
    color: #d90000
}

.modal {
    text-align: center;
    padding: 0 !important
}

/*.modal:before {*/
/*    content: '';*/
/*    display: inline-block;*/
/*    vertical-align: middle;*/
/*    *vertical-align: auto;*/
/*    *zoom: 1;*/
/*    *display: inline;*/
/*    height: 100%;*/
/*    vertical-align: middle;*/
/*    margin-right: -4px*/
/*}*/

@media only screen and (max-width: 414px) {
    .modal:before {
        content: none
    }
}

@media only screen and (max-width: 414px) {
    .modal {
        padding-left: 17px;
        padding-right: 17px
    }
}

.modal .modal-dialog {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    text-align: right;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.modal .modal-dialog.modal-sm {
    width: 380px
}

@media only screen and (max-width: 767px) {
    .modal .modal-dialog.modal-sm {
        margin-right: auto;
        margin-left: auto
    }
}

@media only screen and (max-width: 414px) {
    .modal .modal-dialog.modal-sm {
        width: 96%
    }
}

.modal .modal-dialog.modal-md {
    width: 570px
}

@media only screen and (max-width: 567px) {
    .modal .modal-dialog.modal-md {
        margin-right: auto;
        margin-left: auto;
        width: 96%
    }
}

@media only screen and (max-width: 767px) {
    .modal .modal-dialog.modal-lg {
        margin-right: auto;
        margin-left: auto;
        width: 96%
    }
}

.modal .modal-title {
    display: block;
    font-size: 19px;
    text-align: center;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    padding-bottom: 5px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
    padding-top: 20px
}

@media only screen and (max-width: 767px) {
    .modal .modal-title {
        margin-bottom: 20px;
        font-size: 16px
    }
}

.modal .modal-close {
    position: absolute;
    left: 20px;
    top: 20px;
    display: block;
    cursor: pointer;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    background-color: #fff;
    width: 30px;
    text-align: center;
    height: 30px;
    z-index: 2999
}

.modal .modal-close:after {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    content: "\f136";
    font-size: 16px;
    line-height: 30px;
    color: #111;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.modal .modal-close:hover {
    background-color: #111
}

.modal .modal-content {
    border-radius: 0;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
    border: none;
    overflow: hidden;
    border-radius:10px;
}

.modal .modal-content .modal-body {
    overflow: hidden;
    padding: 0 20px 20px
}

@media only screen and (max-width: 767px) {
    .modal .btn {
        min-width: 100px
    }
}

@media only screen and (max-width: 767px) {
    .modal .form-group {
        margin-bottom: 10px
    }
}

.modal .register__page__info .form-control {
    color: grey;
    font-size: 13px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.modal .register__page__info .select2 {
    margin-bottom: 0
}

.modal .register__page__info .select2.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 14px;
    color: #666
}

.modal .register__page__info .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    color: #666
}

.modal .register__page__info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    padding-bottom: 20px
}

.modal .register__page__info ul > li {
    padding-left: 10px;
    padding-right: 10px;
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

@media only screen and (max-width: 567px) {
    .modal .register__page__info ul > li {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.modal .register__page__info ul > li.w100 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.modal .change_modal__main .btn:after {
    display: none
}

.modal .change_modal__main .form-control {
    color: grey;
    font-size: 13px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.modal .change_modal__main .select2.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 14px;
    color: #666
}

.modal .change_modal__main .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    color: #666
}

.modal#commentModal .your__comment__in__modal {
    margin-top: -10px;
    padding-bottom: 10px
}

.modal#commentModal .your__comment__in__modal .img_cnt {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -5px
}

.modal#commentModal .your__comment__in__modal b {
    font-size: 15px;
    display: inline-block;
    margin-bottom: 10px
}

@media only screen and (max-width: 767px) {
    .modal#commentModal .your__comment__in__modal {
        margin-top: 0
    }
}

.modal#searchModal {
    z-index: 99999
}

.modal#searchModal .modal-close, .modal#searchModal .modal-title {
    display: none
}

.modal#searchModal .modal-content {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}

@media only screen and (max-width: 767px) {
    .searchModal_content {
        padding-top: 40px
    }
}

.searchModal_content .search {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    padding-left: 90px
}

@media only screen and (max-width: 567px) {
    .searchModal_content .search {
        padding-left: 70px
    }
}

.searchModal_content .search .search_inp {
    height: 80px;
    padding-right: 20px;
    padding-left: 20px;
    color: #888;
    font-size: 30px;
    width: 100%;
    display: block;
    border: none
}

@media only screen and (max-width: 667px) {
    .searchModal_content .search .search_inp {
        font-size: 20px
    }
}

@media only screen and (max-width: 567px) {
    .searchModal_content .search .search_inp {
        height: 60px;
        font-size: 16px
    }
}

.searchModal_content .search .search_btn {
    font-size: 42px;
    text-align: center;
    border: none;
    height: 80px;
    line-vheight: 80px;
    width: 80px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background-color: #d90000
}

@media only screen and (max-width: 567px) {
    .searchModal_content .search .search_btn {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 30px
    }
}

.searchModal_content #search {
    text-align: center
}

.searchModal_content #search strong {
    display: block;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 35px
}

.searchModal_content #search a {
    display: inline-block;
    padding-right: 25px;
    padding-left: 25px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    background: #ddd;
    font-weight: 400;
    height: 32px;
    line-height: 32px
}

.searchModal_content #search a:hover {
    background: #d90000
}

.modal#shareModal .share_modal__main {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

.modal#shareModal .share_modal__main .btn.btn2 {
    margin-top: 0
}

.modal#shareModal .share_modal__main .share_modal__content {
    padding-right: 0;
    padding-left: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 21px 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0
}

@media only screen and (max-width: 767px) {
    .modal#shareModal .share_modal__main .share_modal__content {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__title {
    margin-bottom: 5px;
    color: #565656;
    font-size: 14px
}

.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px 30px
}

@media only screen and (max-width: 767px) {
    .modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row {
        margin-bottom: 10px
    }
}

.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row.share_modal__content__row--input {
    margin-bottom: 0
}

.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row.share_modal__content__row--url {
    margin-bottom: 10px
}

.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .social__network {
    width: 100%;
    text-align: center;
    padding-top: 10px
}

.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .social__network li {
    display: inline-block;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .social__network li:hover {
    filter: alpha(Opacity=75);
    opacity: .75
}

@media only screen and (max-width: 360px) {
    .modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .social__network li {
        margin-left: -1.5px;
        margin-right: -1.5px
    }
}

.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .share_modal__content__col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .share_modal__content__col .btn-group-share {
    margin-right: -12px
}

@media only screen and (max-width: 480px) {
    .modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .share_modal__content__col .btn-group-share {
        margin-right: -2px
    }
}

.modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .share_modal__content__col .btn-group-share li {
    float: right;
    margin-right: 12px
}

@media only screen and (max-width: 480px) {
    .modal#shareModal .share_modal__main .share_modal__content .share_modal__content__row .share_modal__content__col .btn-group-share li {
        margin-right: 1px
    }
}

.modal#shareModal .share_modal__main .share_modal__content .share_modal-url {
    position: relative
}

.modal#shareModal .share_modal__main .share_modal__content .share_modal-url .share_modal__content__title {
    margin-bottom: 10px
}

.modal#shareModal .share_modal__main .share_modal__content .share_modal-url .share_modal__content__field {
    padding-left: 20px;
    text-align: left
}

.modal#galleryModal {
    padding-top: 0
}

.modal#galleryModal .modal-title {
    padding-right: 20px
}

.modal#galleryModal .modal-content .modal-body {
    padding: 0
}

.modal#galleryModal .galleryModal_content {
    position: relative
}

.modal#galleryModal .galleryModal_content #gallery_modal_left {
    width: 200px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

@media only screen and (max-width: 480px) {
    .modal#galleryModal .galleryModal_content #gallery_modal_left {
        width: 150px
    }
}

@media only screen and (max-width: 414px) {
    .modal#galleryModal .galleryModal_content #gallery_modal_left {
        width: 100px
    }
}

.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left {
    height: calc(100vh - 220px)
}

@media all and (orientation: landscape) and (max-height: 700px) {
    .modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left {
        height: 450px
    }
}

.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left .tabs {
    position: relative
}

.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left .tabs:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #ececec;
    right: 19px;
    top: 0;
    position: absolute
}

.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul {
    padding-right: 20px
}

.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li {
    text-align: center;
    border-bottom: 1px solid #ececec;
    position: relative
}

.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li:first-child {
    border-top: 1px solid #ececec
}

.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li:last-child {
    border-bottom: 1px solid #ececec
}

.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li:after {
    content: '';
    right: -14px;
    top: 50%;
    margin-top: -13px;
    position: absolute;
    display: none;
    z-index: 2
}

.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li a {
    width: 100%;
    display: block;
    height: 100%;
    padding: 10px
}

.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li a img {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    filter: alpha(Opacity=70);
    opacity: .7
}

.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li.active a img {
    filter: alpha(enabled=false);
    opacity: 1
}

.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left ul li.active:after {
    display: block
}

.modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left .slimScrollBar, .modal#galleryModal .galleryModal_content #gallery_modal_left .gallery_modal_left .slimScrollRail {
    display: block !important
}

.modal#galleryModal .galleryModal_content #gallery_modal_right {
    width: 100%;
    padding-right: 20px;
    padding-left: 200px;
    float: right;
    position: relative;
    display: table;
    table-layout: fixed
}

@media only screen and (max-width: 480px) {
    .modal#galleryModal .galleryModal_content #gallery_modal_right {
        padding-left: 150px
    }
}

@media only screen and (max-width: 414px) {
    .modal#galleryModal .galleryModal_content #gallery_modal_right {
        padding-left: 100px
    }
}

.modal#galleryModal .galleryModal_content #gallery_modal_right .gallery_modal_right {
    height: calc(100vh - 220px);
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    width: 100%
}

.modal#galleryModal .galleryModal_content #gallery_modal_right .gallery_modal_right video {
    width: 75%
}

@media all and (orientation: landscape) and (max-height: 700px) {
    .modal#galleryModal .galleryModal_content #gallery_modal_right .gallery_modal_right {
        height: 450px;
        display: block
    }

    .modal#galleryModal .galleryModal_content #gallery_modal_right .gallery_modal_right img {
        height: 400px;
        margin-top: 25px
    }
}

.modal#alartModal .alert_modal__main {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

.modal#alartModal .alert_modal__main .alert_modal__content {
    padding-right: 0;
    padding-left: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0
}

@media only screen and (max-width: 991px) {
    .modal#alartModal .alert_modal__main .alert_modal__content {
        padding: 0
    }
}

.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__title {
    margin-bottom: 5px;
    color: #565656;
    font-size: 14px;
    margin-top: 10px
}

.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px 0
}

.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__row .alert_modal__content__status {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-top: 10px
}

.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__row .alert_modal__content__status .filterState {
    padding: 8px 7px;
    overflow: hidden
}

.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__row .alert_modal__content__status .filterState strong {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    float: right;
    height: 23px;
    line-height: 23px
}

.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__row .alert_modal__content__status .filterState .filterStateCheckbox {
    float: left
}

.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__row .alert_modal__content__col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__row .alert_modal__content__params {
    margin-bottom: 10px
}

.modal#alartModal .alert_modal__main .alert_modal__content .alert_modal__content__row .alert_modal__content__params li:last-child {
    margin-bottom: 0
}

.select_box {
    padding-top: 20px;
    padding-right: 20px
}

.select_box .select_box_title {
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding-right: 10px;
    margin-bottom: 15px
}

.select_box .btn-group {
    width: 100%
}

.select_box ul {
    width: 100%
}

.select_box ul li {
    width: 100%;
    display: block;
    margin: 0 -10px;
    overflow: hidden
}

.select_box ul li.box2 .btn-group label {
    padding: 15px 20px;
    width: calc(25% - 20px)
}

@media only screen and (max-width: 991px) {
    .select_box ul li.box2 .btn-group label {
        width: calc(50% - 20px)
    }
}

.select_box ul li label {
    float: right;
    margin: 0 10px 30px !important;
    width: calc(14.2% - 20px);
    border: solid 1px #ddd;
    padding: 8px 5px;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    font-size: 12px
}

@media only screen and (max-width: 991px) {
    .select_box ul li label {
        width: calc(25% - 20px)
    }
}

@media only screen and (max-width: 480px) {
    .select_box ul li label {
        width: calc(33.33% - 20px)
    }
}

.select_box .btn {
    position: relative;
    float: right;
    border-radius: 0;
    float: center;
    color: #6a6666;
    border: none;
    padding: 10px;
    font-size: 13px;
    height: auto;
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    background-color: #fcfcfc;
    border: 1px solid #ddd
}

.select_box .btn:after {
    display: none
}

@media only screen and (max-width: 480px) {
    .select_box .btn {
        padding: 3px
    }
}

.select_box .btn i {
    font-size: 14px;
    font-style: normal;
    display: block;
    color: #666;
    padding-right: 0
}

.select_box .btn.active, .select_box .btn:active {
    background-color: #fff;
    border-color: #212121;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select_box .btn.active i, .select_box .btn:active i {
    font-weight: 700
}

.modal-backdrop.in {
    opacity: .7
}

.slick-dots {
    padding-right: 0;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    background: #bfbfbf;
    width: 7px;
    height: 7px;
    font-size: 0;
    border: 2px solid #000;
    cursor: pointer;
    border: none;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 5px;
    margin-right: 5px
}

.slick-dots li:hover {
    background: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.slick-dots li.slick-active {
    background: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.slick-dots li button {
    padding: 0;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    background-color: transparent
}

.slick-next {
    border-radius: 5px;
    right: -20px;
    border: none;
    padding: 0;
    background-color: #f7f7f7;
    width: 40px;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    font-size: 0;
    position: absolute;
    z-index: 1;
    text-align: center;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    display: block
}

.slick-next:after {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    content: "";
    font-size: 26px;
    color: #4d4d4d;
    line-height: 38px
}

.slick-next:hover {
    background-color: #d90000;
    -webkit-box-shadow: none;
    box-shadow: none
}

.slick-next:hover:after {
    color: #fff
}

.slick-prev {
    border-radius: 5px;
    left: -20px;
    border: none;
    padding: 0;
    background-color: #f7f7f7;
    width: 40px;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    font-size: 0;
    position: absolute;
    z-index: 1;
    text-align: center;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    display: block
}

.slick-prev:after {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    content: "";
    font-size: 26px;
    color: #4d4d4d;
    line-height: 38px
}

.slick-prev:hover {
    background-color: #d90000;
    -webkit-box-shadow: none;
    box-shadow: none
}

.slick-prev:hover:after {
    color: #fff
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.select2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important
}

.select2 .select2-search--inline .select2-search__field {
    line-height: 39px;
    margin-top: 0;
    padding-right: 5px
}

.select2.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #d9d9d9;
    border-radius: 0;
    line-height: 1;
    min-height: 45px
}

.select2.select2-container--default .select2-selection--multiple b {
    display: none
}

.select2.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #4d4d4d
}

.select2.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 0;
    background-color: #f7f7f7;
    border-color: #ddd;
    line-height: 32px
}

.select2.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 3px
}

.select2.select2-container--default .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-top: 15px;
    margin-left: 6px
}

.select2.select2-container--default .select2-selection--single {
    background-color: #fff;
    border-bottom: 1px solid #d9d9d9;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
    height: 45px
}

.select2.select2-container--default .select2-selection--single b {
    display: none
}

.select2.select2-container--default .select2-selection--single .select2-selection__arrow:after {
    line-height: 45px;
    content: '\f2f9';
    font-size: 18px;
    color: grey
}

.select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 45px;
    line-height: 45px;
    color: #4d4d4d
}

.img-responsive {
    height: auto !important
}

.breadcrumbs {
    background-color: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 12px
}

@media only screen and (max-width: 767px) {
    .breadcrumbs {
        padding-bottom: 10px;
        padding-top: 5px
    }
}

.breadcrumbs .breadcrumb {
    margin: 0;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    font-size: 13px
}

.breadcrumbs .breadcrumb li {
    color: grey
}

.breadcrumbs .breadcrumb li + li:before {
    position: relative;
    top: 3px;
    padding: 0 5px 0 7px;
    content: '/';
    font-size: 16px;
    color: grey
}

.breadcrumbs .breadcrumb li a {
    color: grey
}

.fabShowColor .table {
    text-align: center
}

.fabShowColor .table thead tr th {
    text-align: center;
    padding-bottom: 10px
}

.fabShowColor .table tbody {
    font-size: 20px;
    font-weight: 700
}

.fabShowColor .table span {
    padding: 5px 40px
}

.fabShowFonts .table {
    text-align: center
}

.fabShowFonts .table thead tr th {
    text-align: center;
    padding-bottom: 5px
}

.fabShowFonts .table tbody {
    font-size: 17px;
    font-weight: 700
}

.fabShowFonts .table tbody tr td {
    padding: 4px 5px 2px
}

.fabShowFonts .table tbody tr:nth-child(2n+1) td {
    background-color: #f7f7f7
}

.btn.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border: 1px solid #4cae4c
}

.btn.btn-success:hover {
    background-color: rgba(92, 184, 92, .85)
}

.btn.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn.btn-danger:hover {
    background-color: rgba(217, 83, 79, .85)
}

.filterState > strong {
    height: 25px;
    line-height: 25px;
    margin-left: 10px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle
}

.filterStateCheckbox {
    display: inline-block;
    position: relative;
    width: 52px;
    height: 25px;
    overflow: hidden;
    vertical-align: middle
}

.filterStateCheckbox label {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.filterStateCheckbox label input {
    margin: 0;
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 2;
    filter: alpha(Opacity=0);
    opacity: 0
}

.filterStateCheckbox label input:checked + i {
    background-color: #d90000
}

.filterStateCheckbox label input:checked + i:after {
    -webkit-transform: translate3d(26px, 0, 0);
    transform: translate3d(26px, 0, 0)
}

.filterStateCheckbox label i {
    border-radius: 12.5px;
    background-color: #d9d9d9;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.filterStateCheckbox label i:after {
    border-radius: 50%;
    content: '';
    display: block;
    height: 15px;
    width: 15px;
    background-color: #fff;
    pointer-events: none;
    position: absolute;
    left: 6px;
    top: 5px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.nums {
    width: 144px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    height: 35px;
    border: 1px solid #d9d9d9
}

.nums .plus {
    width: 40px;
    height: 33px;
    display: block;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff
}

.nums .plus:after {
    color: grey;
    font-size: 21px;
    line-height: 33px;
    content: '\f278';
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.nums .minus {
    width: 40px;
    height: 33px;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff
}

.nums .minus:after {
    color: grey;
    font-size: 21px;
    line-height: 33px;
    content: '\f273';
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.nums #number {
    border: none;
    width: 100%;
    height: 33px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    color: grey;
    font-size: 18px
}

.block {
    margin-left: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #d9d9d9
}

.block.toggleBlock .blockTitle {
    cursor: pointer
}

.block.toggleBlock .blockTitle span {
    position: absolute;
    left: 18px;
    top: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.block.toggleBlock .blockTitle span:after {
    content: '\f2f9';
    font-size: 21px;
    line-height: 1.4
}

.block.toggleBlock .blockTitle.active span:after {
    content: '\f2fc'
}

.block .blockTitle {
    text-align: right;
    padding: 0 40px 20px 20px;
    line-height: 28px;
    font-weight: 700;
    font-size: 14px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .block .blockTitle {
        font-size: 13px
    }
}

.block .blc {
    padding: 10px 20px 20px
}

.block .blc p {
    line-height: 2
}

.block .blc.forScroll > ul {
    max-height: 230px
}

.block .blc.chb ul li {
    font-size: 14px;
    color: #4d4d4d
}

.block .blc.chb ul li:last-child label {
    margin-bottom: 0
}

.block .blc.chb ul li label {
    font-weight: 400;
    overflow: hidden;
    width: 100%;
    display: block
}

@media only screen and (max-width: 991px) {
    .block .blc.chb ul li label {
        margin-bottom: 5px;
        font-size: 13px
    }
}

.block .blc.chb ul li label b {
    font-weight: 400;
    margin-top: 10px;
    float: left;
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #d9d9d9;
    border-radius: 50%
}

@media only screen and (max-width: 991px) {
    .block .blc.chb ul li label b {
        margin-top: 5px;
        text-align: left
    }
}

.block .searchBox {
    margin-bottom: 15px
}

.block .searchBox .searchBox__inp {
    border-radius: 5px;
    height: 40px
}

.block .searchBox .searchBox__btn {
    width: 40px;
    height: 40px
}

.block .searchBox .searchBox__btn:after {
    line-height: 40px;
    color: #999
}

.blcCategories ul li {
    margin-bottom: 15px
}

.blcCategories ul li a {
    color: grey;
    font-size: 14px;
    display: block;
    padding-right: 11px;
    position: relative
}

@media only screen and (max-width: 991px) {
    .blcCategories ul li a {
        font-size: 13px
    }
}

.blcCategories ul li a:before {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    width: 5px;
    display: block;
    height: 5px;
    position: absolute;
    right: 0;
    top: 7px;
    content: '';
    background-color: grey;
    border-radius: 50%
}

.blcCategories ul li.active a, .blcCategories ul li:hover a {
    color: #000
}

.blcCategories ul li.active a:before, .blcCategories ul li:hover a:before {
    background-color: #000
}

.blcCategories ul li:last-child {
    margin-bottom: 0
}

.slider_block {
    padding-bottom: 10px
}

.slider_block .slider_block__in {
    margin-bottom: 20px;
    position: relative;

    color: #4d4d4d
}

.slider_block .slider_block__in .slider_block__in__r {
    float: right;
    width: 50%;
    text-align: right
}

.slider_block .slider_block__in .slider_block__in__l {
    float: left;
    width: 50%;
    text-align: left
}

.slider_block .slider_block__in .amountMin {
    width: 100%;
    border: none;
    text-align: inherit;
    background-color: transparent;
    font-size: 14px;
    color: #4d4d4d;
    margin-bottom: 2px
}

@media only screen and (max-width: 991px) {
    .slider_block .slider_block__in .amountMin {
        font-size: 13px
    }
}

.slider_block .slider_block__in .amountMax {
    width: 100%;
    border: none;
    text-align: inherit;
    background-color: transparent;
    font-size: 14px;
    color: #4d4d4d;
    margin-bottom: 2px
}

@media only screen and (max-width: 991px) {
    .slider_block .slider_block__in .amountMax {
        font-size: 13px
    }
}

.slider_block .from {
    color: #4d4d4d;
    font-size: 14px;
    line-height: 24px;
    text-align: inherit
}

.slider_block .to {
    color: #4d4d4d;
    font-size: 14px;
    line-height: 24px;
    text-align: inherit
}

.slider_block .ui-widget-content {
    border: none;
    border-radius: 0 !important;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    height: 2px;
    background-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media only screen and (max-width: 1199px) {
    .slider_block .ui-widget-content {
        width: 95%
    }
}

.slider_block .ui-widget-header {
    background-color: #000;
    -webkit-box-shadow: none;
    box-shadow: none
}

.slider_block .ui-state-default, .slider_block .ui-widget-content .ui-state-default, .slider_block .ui-widget-header .ui-state-default {
    background-color: #fff;
    border-radius: 50%;
    height: 15px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);
    border: solid 3px #000;
    margin-top: -2px;
    width: 15px;
    text-align: center;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.sortBy {
    float: right;
    border: solid 1px #d9d9d9;
    position: relative;
    width: 274px;
    padding-right: 87px;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden
}

@media only screen and (max-width: 991px) {
    .sortBy {
        width: 200px
    }
}

@media only screen and (max-width: 567px) {
    .sortBy {
        width: 100%;
        margin-bottom: 10px
    }
}

.sortBy strong {
    display: block;
    line-height: 43px;
    height: 43px;
    width: 87px;
    text-align: center;
    font-weight: 400;
    color: #4d4d4d;
    font-size: 14px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0
}

.sortBy strong:before {
    content: "";
    width: 1px;
    height: 20px;
    background-color: #d9d9d9;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sortBy .select2.select2-container--default .select2-selection--single {
    height: 43px;
    border: none
}

.sortBy .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 43px;
    line-height: 43px
}

.myForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.myForm > div {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

@media only screen and (max-width: 991px) {
    .myForm {
        display: block
    }
}

.myForm .form-group {
    position: relative
}

.myForm .form-group i.zmdi {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    position: absolute;
    left: 12px;
    bottom: 12px
}

.myForm .form-group.form-group--attach label {
    padding: 0 12px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    margin-bottom: 0;
    width: 100%;
    cursor: pointer;
    border-radius: 0;
    height: 45px;
    line-height: 45px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000
}

.myForm .form-group.form-group--attach label:hover {
    background-color: #fff;
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #d9d9d9
}

.myForm .form-group.form-group--attach label:hover i {
    color: #d9d9d9
}

.btn.btnCancle {
    background-color: transparent;
    border: none;
    color: #4d4d4d
}

.lightGalleryAlbum > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .lightGalleryAlbum > ul {
        margin-left: -5px;
        margin-right: -5px
    }
}

.lightGalleryAlbum > ul > li {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

@media only screen and (max-width: 767px) {
    .lightGalleryAlbum > ul > li {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
}

.lightGalleryAlbum > ul > li img {
    display: block;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.lightGalleryAlbum > ul > li img:hover {
    filter: alpha(Opacity=75);
    opacity: .75
}

.paginationContainer {
    text-align: center;
    padding-top: 20px
}

@media only screen and (max-width: 767px) {
    .paginationContainer {
        padding-top: 0
    }
}

.paginationContainer .pagination {
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0
}

@media only screen and (max-width: 767px) {
    .paginationContainer .pagination {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.paginationContainer .pagination li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    padding: 0
}

.paginationContainer .pagination li a {
    margin-right: 1px;
    margin-left: 1px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 33px;
    background-color: #fff;
    padding: 0;
    color: #999;
    font-size: 14px;
    border-radius: 50%;
    border: none
}

@media only screen and (max-width: 414px) {
    .paginationContainer .pagination li a {
        margin-left: 0;
        margin-right: 0
    }
}

.paginationContainer .pagination li a i:before {
    color: #000;
    font-size: 21px;
    line-height: 33px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.paginationContainer .pagination li.active a, .paginationContainer .pagination li:hover a {
    background: #000
}

.basketBoxAddress > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.basketBoxAddress > .row > div {
    margin-bottom: 20px;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

@media only screen and (max-width: 767px) {
    .basketBoxAddress > .row > div {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 991px) {
    .basketBoxAddress > .row {
        display: block
    }
}

.basketBoxAddress .more {
    min-height: 140.75px;
    text-align: center;
    border: 1px dashed #d9d9d9;
    padding-top: 50px;
    color: #999;
    font-size: 16px;
    display: block
}

.basketBoxAddress .more:before {
    content: '\f278';
    vertical-align: middle;
    display: inline-block;
    font-size: 21px;
    margin-left: 8px;
    position: relative;
    top: -1px
}

.basketBoxAddress .more:hover {
    border-color: #666
}

.boxAddressItem {
    font-weight: 400;
    width: 100%;
    height: 100%
}

.boxAddressItem .item {
    height: 100%;
    display: block;
    position: relative
}

.boxAddressItem .item input {
    position: absolute;
    right: 0;
    top: 0;
    filter: alpha(Opacity=0);
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    z-index: 2
}

.boxAddressItem .item input:checked ~ .itm {
    border-color: #000
}

.boxAddressItem .item input:checked ~ .itm .delete:hover {
    color: #ff4000
}

.boxAddressItem .item input:checked ~ .itm:after {
    content: "";
    color: #fff
}

.boxAddressItem .item input:checked ~ .itm:before {
    background-color: #000
}

.boxAddressItem .item .itm {
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    padding-right: 55px;
    padding-top: 15px;
    padding-bottom: 35px;
    padding-left: 10px;
    overflow: hidden;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.boxAddressItem .item .itm:after {
    display: inline-block;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    position: relative;
    content: "";
    font-size: 21px;
    margin-left: 7px;
    top: 4px;
    color: #999;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -7.5px;
    height: 15px;
    line-height: 15px
}

.boxAddressItem .item .itm .edit {
    position: absolute;
    font-size: 12px;
    bottom: 15px;
    z-index: 3;
    right: 55px;
    color: #666
}

.boxAddressItem .item .itm .edit:before {
    content: '\f158';
    font-size: 17px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 6px;
    color: #000
}

.boxAddressItem .item .itm .edit:hover {
    color: #000
}

.boxAddressItem .item .itm .delete {
    position: absolute;
    font-size: 12px;
    right: 130px;
    bottom: 15px;
    z-index: 3;
    color: #666
}

.boxAddressItem .item .itm .delete:before {
    content: '\f136';
    font-size: 16px;
    color: #ff4000;
    display: inline-block;
    margin-left: 6px;
    position: relative;
    top: 3px
}

.boxAddressItem .item .itm .delete:hover {
    color: #ff4000
}

.boxAddressItem .item .itm:before {
    background-color: #f7f7f7;
    position: absolute;
    right: 0;
    width: 35px;
    content: '';
    top: 0;
    display: block;
    height: 100%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.boxAddressItem .item .itm b.title {
    font-size: 14px;
    color: #666;
    font-weight: 700;
    display: block;
    margin-bottom: 10px
}

.boxAddressItem .item .itm i {
    color: #666;
    font-size: 12px;
    font-style: normal;
    display: block;
    margin-bottom: 10px
}

.boxAddressItem .item .itm p {
    margin-bottom: 10px;
    font-size: 12px;
    color: #666;
    overflow: hidden;
    line-height: 1.8
}

.basketBoxSend > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.basketBoxSend > .row > div {
    margin-bottom: 20px;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

@media only screen and (max-width: 767px) {
    .basketBoxSend > .row > div {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 991px) {
    .basketBoxSend > .row {
        display: block
    }
}

.basketBoxSendItem {
    font-weight: 400;
    width: 100%;
    height: 100%
}

.basketBoxSendItem .item {
    height: 100%;
    display: block;
    position: relative
}

.basketBoxSendItem .item input {
    position: absolute;
    right: 0;
    top: 0;
    filter: alpha(Opacity=0);
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    z-index: 2
}

.basketBoxSendItem .item input:checked ~ .itm {
    border-color: #000
}

.basketBoxSendItem .item input:checked ~ .itm:after {
    content: "";
    color: #fff
}

.basketBoxSendItem .item input:checked ~ .itm:before {
    background-color: #000
}

.basketBoxSendItem .item .itm {
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    overflow: hidden;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    min-height: 121px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.basketBoxSendItem .item .itm:after {
    display: inline-block;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    position: relative;
    content: "";
    font-size: 21px;
    margin-left: 7px;
    top: 4px;
    color: #999;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -7.5px;
    height: 15px;
    line-height: 15px
}

.basketBoxSendItem .item .itm:before {
  
}

.basketBoxSendItem .item .itm b.title {
    font-size: 14px;
    color: #4d4d4d;
    font-weight: 700;
    display: block;
    margin-bottom: 10px
}

.basketBoxSendItem .item .itm i {
    color: #999;
    font-size: 14px;
    font-style: normal;
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.basketBoxSendItem .item .itm p {
    margin-bottom: 12px;
    font-size: 12px;
    color: #999;
    overflow: hidden
}

@media only screen and (max-width: 991px) {
    .basketBoxSendItem .item .itm p {
        font-size: 11px
    }
}

.basketBoxSendItem .item .itm strong {
    font-weight: 400;
    color: #999;
    font-size: 12px;
    display: block
}

.payWays {
    width: 100%;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto
}

.payWays > ul {
    margin-left: -10px;
    margin-right: -10px;
    text-align: center
}

.payWays > ul li {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    width: 185px
}

@media only screen and (max-width: 567px) {
    .payWays > ul li {
        width: 100%;
        margin-bottom: 0
    }
}

.payWays > ul li label {
    width: 100%
}

.payWays > ul li label > span {
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    display: block;
    height: 45px;
    line-height: 43px;
    width: 100%;
    color: grey;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    position: relative;
    padding-right: 25px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.payWays > ul li label > span > b {
    position: relative;
    top: 0
}

.payWays > ul li label > span:before {
    z-index: 1;
    right: 8px;
    line-height: 45px;
    color: #999;
    font-size: 21px;
    top: -1px;
    font-weight: 400;
    position: absolute
}

.payWays > ul li label > span:after {
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    background-color: #f7f7f7;
    width: 34px;
    content: '';
    display: block;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.payWays > ul li label input {
    z-index: 2
}

.payWays > ul li label input:checked ~ span {
    border: 1px solid #000
}

.payWays > ul li label input:checked ~ span:after {
    background-color: #000
}

.payTypeInBank {
    text-align: center;
    position: relative;
    z-index: 2;
    padding-top: 5px
}

.payTypeInBank ul li {
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 5px;
    vertical-align: middle
}

@media only screen and (max-width: 991px) {
    .payTypeInBank ul li {
        margin-left: 0;
        margin-right: 0;
        width: 31.33%
    }
}

@media only screen and (max-width: 767px) {
    .payTypeInBank ul li {
        margin-left: 2px;
        margin-right: 2px;
        width: auto
    }
}

.payTypeInBank ul li input {
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    cursor: pointer;
    z-index: 1;
    filter: alpha(Opacity=0);
    opacity: 0
}

.payTypeInBank ul li input:checked ~ img {
    border-color: #d90000
}

.payTypeInBank ul li label {
    margin-bottom: 0;
    position: relative
}

.payTypeInBank ul li label img {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    border: 1px solid #e1e4f0
}

.colorSelect li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.colorSelect li:last-child {
    margin-left: 0
}

.colorSelect li label {
    margin: 0;
    position: relative
}

.colorSelect li label input {
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 1;
    filter: alpha(Opacity=0);
    opacity: 0
}

.colorSelect li label input:checked ~ span:before {
    opacity: 1
}

.colorSelect li label span {
    display: block;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-box-shadow: 0 0 0 2px #d9d9d9;
    box-shadow: 0 0 0 2px #d9d9d9;
    border: 5px solid #fff;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    position: relative
}

.colorSelect li label span:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #f2f2f2
}

.colorSelect li label span:before {
    content: "\f26b";
    opacity: 0;
    color: #d9d9d9;
    font-size: 24px;
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%)
}

.sizeSelect li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.sizeSelect li:last-child {
    margin-left: 0
}

.sizeSelect li label {
    margin: 0;
    position: relative
}

.sizeSelect li label input {
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 1;
    filter: alpha(Opacity=0);
    opacity: 0
}

.sizeSelect li label input:checked ~ span {
    border-color: #d90000
}

.sizeSelect li label span {
    direction: ltr;
    text-align: center;
    display: block;
    min-width: 100px;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    line-height: 38px;
    font-size: 13px;
    color: #666;
    border: 2px solid #d9d9d9;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.searchBox {
    position: relative;
    width: 100%
}

.searchBox .searchBox__inp {
    height: 45px;
    width: 100%;
    border: solid 1px #d9d9d9;
    padding-left: 50px;
    padding-right: 10px;
    font-size: 14px;
    color: #4d4d4d;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media only screen and (max-width: 991px) {
    .searchBox .searchBox__inp {
        font-size: 13px
    }
}

.searchBox .searchBox__inp:focus {
    border-color: #d90000
}

.searchBox .searchBox__btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 45px;
    border: none;
    text-align: center;
    background-color: transparent;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.searchBox .searchBox__btn:after {
    content: '\f1c3';
    font-size: 21px;
    color: #4d4d4d;
    line-height: 45px
}

.sampleTab .tabs {
    background: #fff;
    border-bottom: 1px solid #d9d9d9;
    text-align: center
}

.sampleTab .tabs ul {
    margin-left: -10px;
    margin-right: -10px
}

.sampleTab .tabs ul li {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    display: inline-block;
    vertical-align: middle;
    margin-left: -2px;
    margin-right: -2px;
    padding-left: 10px;
    padding-right: 10px
}

@media only screen and (max-width: 480px) {
    .sampleTab .tabs ul li {
        width: 50%
    }
}

.sampleTab .tabs ul li a {
    padding-left: 15px;
    padding-right: 15px;
    height: 45px;
    line-height: 40px;
    color: #999;
    font-size: 16px;
    position: relative;
    display: block;
    text-align: center;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .sampleTab .tabs ul li a {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (max-width: 567px) {
    .sampleTab .tabs ul li a {
        font-size: 13px
    }
}

.sampleTab .tabs ul li a:after {
    bottom: -2px;
    height: 3px;
    background-color: #d90000;
    width: 100%;
    display: block;
    content: '';
    position: absolute;
    right: 0;
    filter: alpha(Opacity=0);
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.sampleTab .tabs ul li.active a:after {
    filter: alpha(enabled=false);
    opacity: 1
}

.sampleTab .tab-content {
    padding: 20px 0
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.m_table_scroll_alert {
    display: none
}

@media only screen and (max-width: 991px) {
    .m_table_scroll_alert {
        display: block;
        margin-bottom: 10px;
        position: relative;
        width: 100%;
        height: 35px;
        line-height: 30px;
        padding: 0 5px;
        background: #fcf8e3;
        border: 1px dashed #f1e1c1;
        border-radius: 4px;
        color: #d2bd81
    }
}

.m_table_scroll_alert .scroll_alert {
    margin-left: 5px
}

.m_table_scroll_alert .scroll_alert .icon_hand {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    -webkit-animation-name: wobble;
    animation-name: wobble;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@media only screen and (max-width: 991px) {
    .ordersTable {
        overflow-x: auto
    }
}

.ordersTable table {
    width: 100%
}

@media only screen and (max-width: 991px) {
    .ordersTable table {
        width: 1000px
    }
}

.ordersTable table tr {
    overflow: hidden;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.ordersTable table tr th {
    padding: 15px 10px;
    text-align: center;
    background: #666;
    font-size: 14px;
    font-weight: 400
}

@media only screen and (max-width: 1199px) {
    .ordersTable table tr th {
        font-size: 12px
    }
}

.ordersTable table tr th:last-child {
    border-left: none
}

.ordersTable table tr td {
    text-align: center;
    padding: 10px;
    border: 1px solid #e8e8e8;
    font-size: 13px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.ordersTable table tr td .orderViewLink {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30px;
    height: 30px;
    text-align: center;
    font-weight: 700;
    line-height: 30px
}

.ordersTable table tr:hover td {
    background-color: #f8f8f8
}

.videoBox {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    line-height: 0
}

.videoBox video {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.videoBox .videoBoxPlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.videoBox .videoBoxPlay:before {
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    background-color: rgba(0, 0, 0, .25)
}

.videoBox .videoBoxPlay:after {
    content: '\f3a8';
    font-size: 60px;
    line-height: 1.3;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    left: 50%
}

@media only screen and (max-width: 767px) {
    .videoBox .videoBoxPlay:after {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(.6);
        transform: translateY(-50%) translateX(-50%) scale(.6)
    }
}

.map {
    width: 100%;
    height: 300px
}

.advancedSearch {
    width: 100%;
    top: 100%;
    right: 0;
    overflow: hidden;
    background-color: #fff;
    display: none;
    z-index: 999;
    -webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .15)
}

@media only screen and (max-width: 767px) {
    .advancedSearch {
        display: none !important
    }
}

.advancedSearch h6 {
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    border-bottom: 1px solid #bdbdbd;
    padding-top: 5px;
    clear: both;
    color: #000
}

.advancedSearch .row > div:nth-child(2):after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    background-color: #f9f9f9
}

.advancedSearch .more {
    margin-top: 20px;
    margin-bottom: 20px;
    float: right;
    padding-left: 12px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 13px;
    color: #333;
    font-weight: 400;
    background-color: #f3f3f3;
    clear: both
}

.advancedSearch .more:hover {
    background-color: #333;
    color: #f3f3f3
}

.advancedSearch .more:after {
    display: inline-block;
    content: '\f2ff';
    font-size: 15px;
    margin-right: 7px;
    position: relative;
    top: 2px
}

.advancedSearch .advancedSearchScroll {
    /*padding: 20px*/
}

.advancedSearch .advancedSearchScroll #advancedSearchProducts {
    height: fit-content;
    overflow-y: auto
}

.advancedSearch .advancedSearchScroll #advancedSearchProducts ul li {
    padding-left: 10px;
    margin-bottom: 10px;
    overflow: hidden
}

.advancedSearch .advancedSearchScroll #advancedSearchProducts ul li img {
    float: right;
    border: 1px solid #edecec;
    margin-left: 8px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.advancedSearch .advancedSearchScroll #advancedSearchProducts ul li .title {
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px
}

.advancedSearch .advancedSearchScroll #advancedSearchProducts ul li .price {
    color: #666;
    font-size: 12px
}

.advancedSearch .advancedSearchScroll #advancedSearchProducts ul li:hover img {
    border-color: #d90000
}

.advancedSearch #advancedSearchBox {
    padding: 20px;
    position: relative;
    z-index: 2
}

.advancedSearch #advancedSearchBox .advancedSearchBox {
    margin-bottom: 35px
}

.advancedSearch #advancedSearchBox .advancedSearchBox ul {
    height: 105px;
    overflow-y: auto
}

.advancedSearch #advancedSearchBox .advancedSearchBox ul li {
    font-weight: 500;
    margin-bottom: 9px;
    font-size: 12px
}

.advancedSearch #advancedSearchBox .advancedSearchBox ul li a {
    color: #333
}

.advancedSearch #advancedSearchBox .advancedSearchBox ul li a:before {
    width: 6px;
    height: 6px;
    display: inline-block;
    margin-left: 8px;
    margin-right: 2px;
    border-radius: 50%;
    background-color: #0263cc;
    content: ''
}

.advancedSearch #advancedSearchBox .advancedSearchBox:last-child {
    margin-bottom: 0
}

.advancedSearch #advancedSearchBox .advancedSearchArticles ul {
    height: 140px;
    overflow-y: auto
}

.advancedSearch #advancedSearchBox .advancedSearchArticles ul li {
    overflow: hidden;
    margin-bottom: 10px;
    color: #333;
    font-size: 12px;
    line-height: 24px
}

.advancedSearch #advancedSearchBox .advancedSearchArticles ul li a {
    display: block
}

.advancedSearch #advancedSearchBox .advancedSearchArticles ul li:last-child {
    margin-bottom: 0
}

.advancedSearch #advancedSearchBox .advancedSearchArticles ul li img {
    border: 1px solid #edecec;
    margin-left: 10px;
    float: right
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

* {
    outline: 0
}

.d-none {
    display: none
}

.d-block {
    display: block
}

.d-inline {
    display: inline
}

.d-inline-block {
    display: inline-block
}

.d-table {
    display: table
}

.d-table-cell {
    display: table-cell
}

.h100 {
    height: 100% !important
}

.w100 {
    width: 100% !important
}

i {
    font-style: normal !important
}

.overH {
    overflow: hidden !important
}

.overV {
    overflow: visible !important
}

.relative {
    clear: both;
    position: relative
}

.flex1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-grow {
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.inb {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-right: -2px;
    margin-left: -2px
}

.no-resize {
    resize: none
}

.imgHoverZoom {
    overflow: hidden;
    position: relative;
    display: block
}

.imgHoverZoom img {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.imgHoverZoom:hover img {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

#cd_shadow_layer {
    position: fixed;
    min-height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 999;
    display: none
}

#cd_shadow_layer.is_visible {
    display: block
}

#cd_cart {
    position: fixed;
    top: 0;
    height: 100%;
    width: 360px;
    padding: 0 20px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    z-index: 9999;
    right: -100%;
    background: #fff;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media only screen and (min-width: 768px) {
    #cd_cart {
        width: 400px
    }
}

@media only screen and (max-width: 480px) {
    #cd_cart {
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

#cd_cart.speed_in {
    right: 0
}

#cd_cart strong {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    border-bottom: 1px solid #dedede;
    font-weight: 500;
    display: block
}

#cd_cart #remove_comp {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 17px;
    left: 15px;
    width: 18px;
    height: 18px;
    text-align: center
}

#cd_cart #remove_comp:after {
    position: absolute;
    display: block;
    content: '\f154';
    font-size: 24px;
    line-height: 18px
}

#cd_cart .end_pay {
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 100%;
    padding: 0 20px;
    display: block;
    background: #fff
}

#cd_cart .end_pay .btn {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    text-align: center;
    display: inline-block;
    width: 100%
}

#cd_cart .end_pay .btn:after {
    position: relative;
    top: -2px
}

#cd_cart .end_pay .total_price {
    height: 59px;
    line-height: 59px;
    font-size: 14px;
    border-top: 1px solid #ccc;
    color: #000;
    font-weight: 500;
    padding: 0 12px;
    margin-top: 5px
}

#cd_cart .end_pay .total_price span {
    float: left;
    font-size: 17px
}

.cd-cart-items {
    padding-left: 15px;
    padding-top: 20px;
    overflow-y: auto;
    height: calc(100vh - 170px);
    margin-bottom: 20px
}

.cd-cart-items li {
    margin-bottom: 20px;
    overflow: hidden
}

.cd-cart-items li .img__cnt {
    padding: 5px;
    text-align: center;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    float: right;
    border: 1px solid #d9d9d9;
    margin-left: 15px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
        min-height: 80px;
    height: 90px;
    width: 80px;
}

.cd-cart-items li .title {
    font-weight: 500;
    font-size: 13px
}

.cd-cart-items li .remove {
    display: block;
    margin-top: 2px;
    margin-bottom: 2px;
    color: red
}

.cd-cart-items li .remove:before {
    font-size: 16px;
    content: '\f2ed';
    margin-left: 5px;
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-family: var(--fa-style-family-classic);
}

.cd-cart-items li .price_area {
    width: 100%;
    text-align: left;
    margin-bottom: 1px
}

.cd-cart-items li .price_area .old_price {
    text-decoration: line-through;
    color: #4d4d4d;
    display: block;
    font-size: 13px
}

.cd-cart-items li .price_area .old_price span {
    color: #4d4d4d
}

.cd-cart-items li .price_area .new_price {
    display: block;
    font-size: 16px;
    font-weight: 500
}

.cd-cart-items li .time_offer {
    width: 68px;
    height: 29px;
    float: left;
    clear: both
}

.cd-cart-items li .time_offer .time_offer_top {
    width: 100%;
    height: 13px;
    font-size: 11px
}

.cd-cart-items li .time_offer .time_offer_top .time_offer_top_right {
    width: 29px;
    line-height: 15px;
    height: 16px;
    background: red;
    text-align: center;
    float: right
}

.cd-cart-items li .time_offer .time_offer_top .time_offer_top_left {
    width: 38px;
    line-height: 15px;
    height: 16px;
    background: red;
    text-align: center;
    float: left
}

.cd-cart-items li .time_offer .time_offer_top .time_offer_top_left i {
    font-style: normal
}

.cd-cart-items li .time_offer .time_offer_bottom {
    width: 100%;
    height: 15px;
    font-size: 11px;
    background: #39c0c3
}

.cd-cart-items li .time_offer .time_offer_bottom span {
    width: 16px;
    height: 15px;
    line-height: 13px;
    text-align: center;
    float: left;
    background: #0da39f
}

.cd-cart-items li .time_offer .time_offer_bottom .time {
    width: 52px;
    height: 15px;
    line-height: 13px;
    text-align: center;
    float: left
}

.cd-cart-items li .count {
    display: block
}

.cd-cart-items li:hover .img__cnt {
    border-color: #d90000
}

.rowGrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.rowGrid .form-group {
    margin-bottom: 0
}

.colGrid1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
    padding: 10px
}

.colGrid2 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
    padding: 10px
}

.colGrid3 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 33.33%;
    flex: 1 0 33.33%;
    max-width: 33.33%;
    padding: 10px
}

.colGrid4 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    max-width: 25%;
    padding: 10px
}

.colGrid5 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 20%;
    flex: 1 0 20%;
    max-width: 20%;
    padding: 10px
}

.sidebarGrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 991px) {
    .sidebarGrid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.sidebarGrid #sidebar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 274px;
    flex: 0 0 274px;
    max-width: 274px
}

@media only screen and (max-width: 991px) {
    .sidebarGrid #sidebar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }
}

.sidebarGrid #content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 274px);
    flex: 0 0 calc(100% - 274px);
    max-width: calc(100% - 274px);
    padding-right: 20px
}

@media only screen and (max-width: 991px) {
    .sidebarGrid #content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }
}

.slick-dots .slick-active {
    width: 21px;
    border-radius: 5px
}

.headerTitle {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px
}

@media only screen and (max-width: 991px) {
    .headerTitle {
        margin-bottom: 20px;
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    .headerTitle {
        text-align: center
    }
}

.headerTitle:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.iconStar svg {
    vertical-align: middle;
    width: 40px;
    height: 40px
}

.bannerSec {
    position: relative
}

@media only screen and (max-width: 480px) {
    .bannerSec .colGrid2 {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        max-width: 100%
    }
}

.bannerSec:after {
    content: "";
    display: inline-block;
    height: 85px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #f8f8f8;
    z-index: -1
}

.bannerSec a {
    display: block
}

.shiny {
    overflow: hidden
}

.shiny:before {
    content: '';
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0)
}

.shiny:hover:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0)
}

.banner {
    overflow: hidden;
    border-radius: 5px;
    display: block
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@-webkit-keyframes mymove {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes mymove {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.eddzxyk71vov3_tr {
    -webkit-animation: eddzxyk71vov3_tr__tr 10s linear infinite normal forwards;
    animation: eddzxyk71vov3_tr__tr 10s linear infinite normal forwards
}

@-webkit-keyframes eddzxyk71vov3_tr__tr {
    0% {
        -webkit-transform: translate(19.65px, 20.05px) rotate(0);
        transform: translate(19.65px, 20.05px) rotate(0)
    }
    100% {
        -webkit-transform: translate(19.65px, 20.05px) rotate(360deg);
        transform: translate(19.65px, 20.05px) rotate(360deg)
    }
}

@keyframes eddzxyk71vov3_tr__tr {
    0% {
        -webkit-transform: translate(19.65px, 20.05px) rotate(0);
        transform: translate(19.65px, 20.05px) rotate(0)
    }
    100% {
        -webkit-transform: translate(19.65px, 20.05px) rotate(360deg);
        transform: translate(19.65px, 20.05px) rotate(360deg)
    }
}

.mediaPage {
    padding-top: 30px;
    padding-bottom: 70px
}

@media only screen and (max-width: 767px) {
    .mediaPage {
        padding-top: 20px;
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .mediaView .rowGrid .colGrid4 {
        -ms-flex: 1 0 50%;
        -webkit-box-flex: 1;
        flex: 1 0 50%;
        max-width: 50%;
        padding: 5px
    }
}

.mediaTabs .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid #000
}

.mediaTabs .tabs > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -2px
}

.mediaTabs .tabs > ul > li {
    min-width: 150px;
    min-height: 50px;
    line-height: 50px;
    text-align: center;
    margin-left: 3px;
    margin-right: 3px;
    background-color: #f7f7f7;
    border: 2px solid #d9d9d9;
    border-bottom: 2px solid #000;
    border-radius: 10px 10px 0 0;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (max-width: 767px) {
    .mediaTabs .tabs > ul > li {
        min-width: 50px;
        min-height: 30px;
        line-height: 30px
    }
}

.mediaTabs .tabs > ul > li > a {
    color: grey;
    font-size: 18px;
    display: block
}

@media only screen and (max-width: 767px) {
    .mediaTabs .tabs > ul > li > a {
        font-size: 14px
    }
}

.mediaTabs .tabs > ul > li.active, .mediaTabs .tabs > ul > li:focus, .mediaTabs .tabs > ul > li:hover {
    background-color: #fff;
    border-color: #000;
    border-bottom: 2px solid #fff
}

.mediaTabs .tabs > ul > li.active > a, .mediaTabs .tabs > ul > li:focus > a, .mediaTabs .tabs > ul > li:hover > a {
    color: #000;
    font-weight: 700
}

.mediaContent {
    padding-top: 20px
}

.mediaBox {
    border: solid 1px #d9d9d9;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    display: block;
    border-radius: 10px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.mediaBox:hover {
    border-color: #000;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16)
}

.mediaBox__image {
    display: block;
    width: 100%;
    position: relative
}

.mediaBox__image span {
    position: absolute;
    left: 10px;
    top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .2)
}

.mediaBox__image span i {
    color: #fff;
    font-size: 24px
}

.mediaBox__image img {
    width: 100%
}

.mediaBox__desc {
    padding: 15px 20px
}

@media only screen and (max-width: 767px) {
    .mediaBox__desc {
        padding: 5px 10px
    }
}

.mediaBox__desc--title {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

@media only screen and (max-width: 767px) {
    .mediaBox__desc--title {
        font-size: 11px
    }
}

.mediaBox__desc--title:hover {
    color: #d90000
}

.back__to__shop {
    padding-top: 50px;
    padding-bottom: 70px
}

.back__to__shop__cnt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.back__to__shop__cnt:before {
    width: 100%;
    display: block;
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: .5px;
    content: '';
    background-color: #d9d9d9;
    z-index: -1
}

.back__to__shop__in {
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    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
}

@media only screen and (max-width: 480px) {
    .back__to__shop__in {
        padding-left: 5px;
        padding-right: 5px
    }
}

.back__to__shop__in #back__to__shop {
    color: grey;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    margin-left: 10px
}

@media only screen and (max-width: 480px) {
    .back__to__shop__in #back__to__shop {
        font-size: 12px;
        margin-left: 5px
    }
}

.back__to__shop__in #checkout__link {
    width: 150px;
    margin-right: 10px;
    height: 45px;
    line-height: 41px;
    text-align: center;
    border-radius: 23px;
    color: #000;
    background-color: #fff;
    border: 2px solid #000;
    font-size: 14px
}

@media only screen and (max-width: 480px) {
    .back__to__shop__in #checkout__link {
        margin-left: 5px;
        width: 140px;
        font-size: 13px
    }
}

.back__to__shop__in #checkout__link:hover {
    color: #fff;
    background-color: #000
}

.inp_border {
    position: relative
}

.inp_border .placeholder {
    display: inline-block;
    background-color: #fff;
    font-size: 14px;
    color: #666;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    position: absolute;
    right: 10px;
    top: 9px
}

@media only screen and (max-width: 567px) {
    .inp_border .placeholder {
        font-size: 12px
    }
}

.inp_border .line1 {
    display: block;
    height: 2px;
    width: 0;
    background-color: #000;
    position: absolute;
    right: 50%;
    bottom: 0;
    z-index: 99;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.inp_border .line2 {
    display: block;
    height: 2px;
    width: 0;
    background-color: #000;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 99;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.inp_border.birthday {
    position: relative
}

.inp_border.birthday .birthday_ic {
    display: inline-block;
    width: auto;
    color: grey;
    font-size: 18px;
    position: absolute;
    left: 10px;
    bottom: 10px
}

.inp_border .form-control {
    background-color: transparent;
    position: relative;
    z-index: 1;
    border-top: none;
    border-right: none;
    border-left: none
}

.inp_border .form-control:focus ~ .line1 {
    width: 50%
}

.inp_border .form-control:focus ~ .line2 {
    width: 50%
}

.inp_border .form-control:focus ~ .placeholder {
    font-size: 12px;
    color: #666;
    top: -10px
}

.inp_border.visited .form-control ~ .placeholder {
    font-size: 12px;
    color: #666;
    top: -10px
}

.generalTabs .tabs > ul {
    border-bottom: 2px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.generalTabs .tabs > ul > li {
    margin-left: 2px;
    margin-right: 2px
}

.generalTabs .tabs > ul > li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-width: 150px;
    border: 2px solid #d9d9d9;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f7f7f7;
    height: 50px;
    font-size: 18px;
    color: grey;
    border-radius: 10px 10px 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: none
}

@media only screen and (max-width: 991px) {
    .generalTabs .tabs > ul > li a {
        min-width: 120px;
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .generalTabs .tabs > ul > li a {
        min-width: 85px;
        font-size: 13px;
        height: 40px
    }
}

.generalTabs .tabs > ul > li a:after {
    width: 100%;
    display: block;
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: -2px;
    z-index: 1;
    content: '';
    filter: alpha(Opacity=0);
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.generalTabs .tabs > ul > li.active a {
    background-color: #fff;
    border-color: #000
}

.generalTabs .tabs > ul > li.active a:after {
    filter: alpha(enabled=false);
    opacity: 1
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-left: 20px
}

.compareView {
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    height: 30px;
    z-index: 9;
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.compareView .chb label span {
    margin: 0
}

.compareView .chb label span:before {
    margin: 0
}

.compareColor {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    height: 30px;
    z-index: 9
}

.compareColor li span {
    width: 10px;
    height: 10px;
    border: 1px solid #d9d9d9;
    display: inline-block;
    border-radius: 50%
}

#arrow_up {
    display: none;
    width: 40px;
    height: 40px;
    background-color: #d90000;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1000;
    cursor: pointer;
    border-radius: 50%
}

@media only screen and (max-width: 767px) {
    #arrow_up {
        left: 5px;
        right: auto;
        bottom: 40px
    }
}

#arrow_up:after {
    width: 21px;
    height: 22px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 50%;
    margin-right: -10.5px;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.mainAll {
    padding-top: 96px
}

@media only screen and (max-width: 767px) {
    .mainAll {
        padding-top: 76px
    }
}

@media only screen and (max-width: 567px) {
    .mainAll {
        padding-top: 120px
    }
}

.header {
    padding-top: 20px;
    padding-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .header {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.header .headerWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 567px) {
    .header .headerWrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.header__logo {
    max-width: 210px;
    min-width: 210px
}

.header__logo svg {
    height: 50px
}

@media only screen and (max-width: 567px) {
    .header__logo svg {
        width: 150px;
        height: auto
    }
}

@media only screen and (max-width: 567px) {
    .header__logo {
        max-width: unset;
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }
}

.header__logo a {
    display: inline-block
}

.header__nav {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

@media only screen and (max-width: 991px) {
    .header__nav nav {
        display: none
    }
}

.header__nav nav > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__nav nav > ul > li {
    padding-left: 22px;
    padding-right: 22px
}

@media only screen and (max-width: 1199px) {
    .header__nav nav > ul > li {
        padding-left: 15px;
        padding-right: 15px
    }
}

.header__nav nav > ul > li > a {
    font-size: 14px;
    color: #fff;
    position: relative
}

.header__nav nav > ul > li > a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    bottom: -10px;
    right: 0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    opacity: 0
}

.header__nav nav > ul > li > a:hover {
    color: #d90000 !important
}

.header__nav nav > ul > li > a:hover:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    background-color: #d90000 !important
}

.header__icon > a {
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block
}

.header__icon > a:last-child {
    padding-left: 0
}

.header__icon svg:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.header__icon svg g, .header__icon svg path {
    fill: #fff
}

.header__icon--shop {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__icon--shop span {
    vertical-align: middle;
    font-size: 12px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background-color: #fff
}

.header__fix {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    width: 100% !important;
    right: 0;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 999 !important
}

.header__fix.active, .header__fix.activeAll, .header__fix:hover {
    background-color: #000;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25)
}

.header__fix.active .header__nav ul li a, .header__fix.activeAll .header__nav ul li a, .header__fix:hover .header__nav ul li a {
    color: #fff
}

.header__fix.active .header__nav ul li a.shopLink, .header__fix.activeAll .header__nav ul li a.shopLink, .header__fix:hover .header__nav ul li a.shopLink {
    padding: 0;
    background-color: #000;
    border-radius: 0;
    color: #fff
}

.header__fix.active .header__nav ul li a.shopLink:after, .header__fix.activeAll .header__nav ul li a.shopLink:after, .header__fix:hover .header__nav ul li a.shopLink:after {
    background: #fff;
    display: inline-block
}

.header__fix.active .header__nav ul li a:after, .header__fix.activeAll .header__nav ul li a:after, .header__fix:hover .header__nav ul li a:after {
    background: #fff;
    display: inline-block
}

.header__fix.active .header__icon svg g, .header__fix.active .header__icon svg path, .header__fix.activeAll .header__icon svg g, .header__fix.activeAll .header__icon svg path, .header__fix:hover .header__icon svg g, .header__fix:hover .header__icon svg path {
    fill: #fff
}

.header__fix.active .header__icon .header__icon--shop span, .header__fix.activeAll .header__icon .header__icon--shop span, .header__fix:hover .header__icon .header__icon--shop span {
    background-color: #fff;
    color: #000
}

@media only screen and (max-width: 991px) {
    .header__fix {
        background-color: #000;
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25)
    }

    .header__fix .header__nav ul li a {
        color: #fff
    }

    .header__fix .header__nav ul li a.shopLink {
        padding: 0;
        background-color: #000;
        border-radius: 0;
        color: #fff
    }

    .header__fix .header__nav ul li a.shopLink:after {
        background: #fff;
        display: inline-block
    }

    .header__fix .header__nav ul li a:after {
        background: #fff;
        display: inline-block
    }

    .header__fix .header__icon svg g, .header__fix .header__icon svg path {
        fill: #fff
    }

    .header__fix .header__icon .header__icon--shop span {
        background-color: #fff;
        color: #000
    }
}

.toggleMenu:after {
    background: #fff;
    -webkit-box-shadow: 0 5px 0 #fff, 0 10px 0 #fff;
    box-shadow: 0 5px 0 #fff, 0 10px 0 #fff
}

#menu > ul > li .mega_menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    background-color: #fff;
    padding-top: 35px;
    padding-bottom: 20px;
    z-index: 2;
    -webkit-box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .15)
}

#menu > ul > li .mega_menu .container {
    position: relative
}

#menu > ul > li .mega_menu .container .mega_menu_picture {
    position: absolute;
    top: 0;
    left: 10px
}

#menu > ul > li .mega_menu ul {
    margin-bottom: 20px;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    height: 240px;
    -moz-column-fill: auto;
    -webkit-column-fill: auto;
    column-fill: auto;
    line-height: 30px
}

#menu > ul > li .mega_menu ul li a {
    font-size: 12px;
    color: grey;
    position: relative
}

#menu > ul > li .mega_menu ul li a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: transparent;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -10px
}

#menu > ul > li .mega_menu ul li a.mega_menu--title {
    margin-bottom: 5px;
    display: block;
    font-weight: 700
}

#menu > ul > li .mega_menu ul li a.mega_menu--title:before {
    display: none
}

#menu > ul > li .mega_menu ul li a:hover {
    padding-right: 5px
}

#menu > ul > li.active > a, #menu > ul > li:hover > a {
    color: #d90000
}

#menu > ul > li.active > a:after, #menu > ul > li:hover > a:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    background-color: #d90000 !important
}

#menu > ul > li.active .mega_menu, #menu > ul > li:hover .mega_menu {
    z-index: 999
}

.megaMenu {
    position: absolute;
    right: 0;
    top: 100%;
    border-top: 1px solid #e49617;
    min-height: 270px;
    z-index: 3;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
    display: none
}

.megaMenuTabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.megaMenuTabs .tabs {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 274px;
    flex: 0 0 274px;
    max-width: 274px;
    background-color: #f7f7f7 !important;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

@media only screen and (max-width: 1199px) {
    .megaMenuTabs .tabs {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 220px;
        flex: 0 0 220px;
        max-width: 220px
    }
}

@media only screen and (max-width: 991px) {
    .megaMenuTabs .tabs {
        padding-top: 10px;
        padding-right: 10px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        max-width: 200px
    }
}

.megaMenuTabs .tabs ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    height: 50px;
    font-size: 16px;
    color: #4d4d4d !important;
    width: 100%;
    line-height: 50px
}

@media only screen and (max-width: 1199px) {
    .megaMenuTabs .tabs ul li a {
        font-size: 14px
    }
}

@media only screen and (max-width: 991px) {
    .megaMenuTabs .tabs ul li a {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 13px
    }
}

.megaMenuTabs .tabs ul li a:after {
    color: #4d4d4d !important;
    content: '\f2fa';
    font-size: 21px
}

.megaMenuTabs .tabs ul li.active a, .megaMenuTabs .tabs ul li:hover a {
    background-color: #fff
}

.megaMenuTabs .tab-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 274px);
    flex: 0 0 calc(100% - 274px);
    max-width: calc(100% - 274px)
}

@media only screen and (max-width: 1199px) {
    .megaMenuTabs .tab-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 220px);
        flex: 0 0 calc(100% - 220px);
        max-width: calc(100% - 220px)
    }
}

@media only screen and (max-width: 991px) {
    .megaMenuTabs .tab-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 200px);
        flex: 0 0 calc(100% - 200px);
        max-width: calc(100% - 200px)
    }
}

.megaMenuTabs .tab-content .megaMenuList {
    padding-top: 30px;
    padding-right: 20px;
    position: relative;
    width: 100%;
    padding-left: 20px;
    min-height: 270px
}

@media only screen and (max-width: 1199px) {
    .megaMenuTabs .tab-content .megaMenuList {
        padding-left: 75px
    }
}

@media only screen and (max-width: 991px) {
    .megaMenuTabs .tab-content .megaMenuList {
        padding-left: 55px
    }
}

.megaMenuTabs .tab-content .megaMenuList ul {
    height: 220px;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-fill: auto;
    -webkit-column-fill: auto;
    column-fill: auto
}

.megaMenuTabs .tab-content .megaMenuList ul li a {
    font-size: 12px;
    color: grey;
    position: relative
}

.megaMenuTabs .tab-content .megaMenuList ul li a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: transparent;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -10px
}

.megaMenuTabs .tab-content .megaMenuList ul li a.megaMenu--title {
    margin-bottom: 5px;
    display: block;
    font-weight: 700
}

.megaMenuTabs .tab-content .megaMenuList ul li a.megaMenu--title:before {
    display: none
}

.megaMenuTabs .tab-content .megaMenuList ul li a:hover {
    padding-right: 5px
}

.megaMenuTabs .tab-content .megaMenuList .megaMenuList__more {
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    position: absolute;
    bottom: 0;
    left: 0;
    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;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 78px;
    font-size: 14px;
    color: #4d4d4d;
    height: 100%;
    background-color: #f7f7f7
}

@media only screen and (max-width: 1199px) {
    .megaMenuTabs .tab-content .megaMenuList .megaMenuList__more {
        width: 68px
    }
}

@media only screen and (max-width: 991px) {
    .megaMenuTabs .tab-content .megaMenuList .megaMenuList__more {
        width: 50px;
        font-size: 13px
    }
}

.megaMenuTabs .tab-content .megaMenuList .megaMenuList__more:hover {
    background-color: #d90000
}

@media only screen and (max-width: 991px) {
    .sliderMain {
        padding-top: 80px
    }
}

@media only screen and (max-width: 767px) {
    .sliderMain {
        padding-top: 106px
    }
}

.slideshow .animated {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.slideshow {
    -webkit-mask-image: url(../../img/mask.svg);
    mask-image: url(../../img/mask.svg);
    -webkit-mask-repeat: no-repeat, no-repeat;
    mask-repeat: no-repeat, no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: bottom;
    mask-position: bottom
}

@media only screen and (max-width: 991px) {
    .slideshow {
        -webkit-mask-image: none;
        mask-image: none
    }
}

.slideshow img {
    width: 100%
}

.slideshow .slick-arrow:after {
    font-size: 48px;
    color: #fff;
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.slideshow .slick-next {
    background-color: transparent;
    right: 0;
    width: 100px;
    height: 100%
}

@media only screen and (max-width: 991px) {
    .slideshow .slick-next {
        width: 40px
    }
}

.slideshow .slick-prev {
    background-color: transparent;
    left: 0;
    width: 100px;
    height: 100%
}

@media only screen and (max-width: 991px) {
    .slideshow .slick-prev {
        width: 40px
    }
}

.slideshow .slick-prev:after {
    font-size: 48px;
    color: #fff
}

.slideshow .slick-dots {
    position: absolute;
    z-index: 1;
    bottom: 10%;
    right: 50%;
    -webkit-transform: translate(50%);
    transform: translate(50%)
}

.slideshow .slick-dots li {
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    background-color: transparent
}

.slideshow .slick-dots li.slick-active {
    background-color: #fff;
    border-radius: 5px;
    width: 25px
}

@media only screen and (max-width: 991px) {
    .slideshow .slick-dots {
        right: auto;
        left: 20px;
        bottom: 10px
    }
}

.slideshow .slick-slide .item {
    display: block;
    background: #fff;
    position: relative;
    z-index: 1
}

.slideshow .slick-slide .item:before {
    content: "";
    display: block;
    background-color: #000;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: -1
}

.slideshow .slick-slide .item .prod-slider {
    position: absolute;
    left: 30%;
    top: 10%
}

@media only screen and (max-width: 1199px) {
    .slideshow .slick-slide .item .prod-slider {
        width: 350px
    }
}

@media only screen and (max-width: 991px) {
    .slideshow .slick-slide .item .prod-slider {
        width: 250px
    }
}

.slideshow .slick-slide .item .small-prod-slider {
    position: absolute;
    left: 10%;
    top: 10%
}

.slideshow .slick-slide .item .small-prod-slider img {
    margin-bottom: 20px
}

@media only screen and (max-width: 1199px) {
    .slideshow .slick-slide .item .small-prod-slider img {
        width: 90px
    }
}

@media only screen and (max-width: 991px) {
    .slideshow .slick-slide .item .small-prod-slider img {
        display: none
    }
}

.slideshow .slick-slide .item .img-mosk {
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(.7, 0, .3, 1);
    transition: all 1s cubic-bezier(.7, 0, .3, 1);
    -webkit-animation: mymove 12s linear infinite;
    animation: mymove 12s linear infinite
}

.slideshow .slick-slide .item .desc {
    position: absolute;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15%
}

@media only screen and (max-width: 991px) {
    .slideshow .slick-slide .item .desc {
        right: 5%
    }
}

@media only screen and (max-width: 767px) {
    .slideshow .slick-slide .item .desc {
        position: absolute;
        top: auto;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        right: 0;
        bottom: 0;
        z-index: 100;
        padding: 0;
        width: 100%
    }
}

.slideshow .slick-slide .item .desc__title {
    font-weight: 700;
    font-size: 48px;
    color: #fff;
    line-height: 60px;
    direction: ltr;
    text-align: right;
    margin-top: 5px;
    margin-bottom: 5px
}

@media only screen and (max-width: 991px) {
    .slideshow .slick-slide .item .desc__title {
        font-size: 30px
    }
}

@media only screen and (max-width: 767px) {
    .slideshow .slick-slide .item .desc__title {
        color: #fff;
        padding-right: 20px;
        line-height: 40px;
        font-size: 18px;
        font-weight: 700
    }
}

.slideshow .slick-slide .item .desc__detail {
    font-weight: 400;
    font-size: 30px;
    color: #fff;
    line-height: 50px;
    direction: ltr;
    text-align: right
}

@media only screen and (max-width: 767px) {
    .slideshow .slick-slide .item .desc__detail {
        color: #fff;
        padding-right: 20px;
        line-height: 40px;
        font-size: 18px;
        font-weight: 700
    }
}

.slideshow .slick-slide .item .desc .moreBtn {
    display: inline-block;
    width: 130px;
    height: 45px;
    line-height: 43px;
    margin-top: 0;
    background-color: transparent;
    border-radius: 23px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: 2px solid #fff
}

.slideshow .slick-slide .item .desc .moreBtn:hover {
    color: #000;
    background-color: #fff
}

@media only screen and (max-width: 991px) {
    .slideshow .slick-slide .item .desc .moreBtn {
        margin-top: 20px
    }
}

@media only screen and (max-width: 767px) {
    .slideshow .slick-slide .item .desc .moreBtn {
        display: none
    }
}

.slideshow:hover .slick-arrow:after {
    opacity: 1
}

.itemCatSec {
    padding-top: 70px;
    padding-bottom: 70px
}

@media only screen and (max-width: 991px) {
    .itemCatSec {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .itemCatSec {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media only screen and (max-width: 991px) {
    .itemCatSec .rowGrid .colGrid4 {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        max-width: 50%;
        padding: 10px
    }
}

.itemCat__plus {
    position: relative;
    top: -20px;
    display: inline-block;
    font-size: 14px;
    border-radius: 50%;
    color: #fff;
    min-width: 40px;
    width: 40px;
    padding-left: 0;
    padding-right: 0;
    height: 40px;
    line-height: 40px;
    background-color: #000;
    text-align: right;
    overflow: hidden;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

@media only screen and (max-width: 991px) {
    .itemCat__plus {
        min-width: 30px;
        width: 30px;
        height: 30px;
        line-height: 30px
    }
}

.itemCat__plus svg {
    vertical-align: middle;
    padding: 13px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

@media only screen and (max-width: 991px) {
    .itemCat__plus svg {
        padding: 7px;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.itemCat__plus span {
    margin-right: 0;
    white-space: nowrap;
    position: absolute;
    right: 40px;
    opacity: 0;
    top: 0
}

.itemCat__title {
    font-size: 20px;
    color: #666;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

@media only screen and (max-width: 991px) {
    .itemCat__title {
        font-size: 14px
    }
}

.itemCat > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.itemCat > a .itemCat__image {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    border-radius: 137px;
    overflow: hidden;
    position: relative
}

.itemCat > a .itemCat__image:before {
    content: "";
    display: block;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, .35)
}

.itemCat > a:hover .itemCat__image {
    border-radius: 25px
}

.itemCat > a:hover .itemCat__image:before {
    opacity: 1
}

.itemCat > a:hover span {
    margin-right: 8px;
    opacity: 1
}

.itemCat > a:hover .itemCat__plus {
    width: 150px;
    border-radius: 20px
}

@media only screen and (max-width: 991px) {
    .itemCat > a:hover .itemCat__plus {
        font-size: 12px
    }
}

.itemCat > a:hover .itemCat__title {
    color: #000
}

.product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.product__wrapper {
    text-align: center
}

.product__wrapper:before {
    content: "";
    text-align: center;
    background-color: #fff;
    width: 100%;
    display: inline-block;
    position: absolute;
    right: 0;
    left: 0;
    top: 100px;
    bottom: 0;
    z-index: -2;
    border-radius: 15px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.product__image {
    text-align: center;
    position: relative
}

.product__image:before {
    content: "";
    width: 156px;
    height: 156px;
    border-radius: 50%;
    background-color: #f2f2f2;
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translate3d(50%, -50%, 0);
    transform: translate3d(50%, -50%, 0);
    z-index: -1;
    display: inline-block
}

.product__image .img2-hover {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0
}

.product__name {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 20px
}

.product__price {
    text-align: center;
    margin-bottom: 20px
}

.product .product__offer {
    text-align: center
}

.product .product__offer--new {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    line-height: 31px
}

.product .product__offer--new span {
    font-size: 12px;
    font-weight: 400
}

.product .product__offer--old {
    color: #999;
    font-size: 14px
}

.product .product__offer--offer {
    display: inline-block;
    vertical-align: middle;
    background: #d90000;
    margin-right: 10px;
    border-radius: 10px;
    font-size: 14px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff
}

.product .product__offer--offer span {
    line-height: 22px
}

.product__plus {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 20px;
    border-radius: 150px;
    color: #fff;
    min-width: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #000;
    overflow: hidden;
    text-align: right;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.product__plus svg {
    vertical-align: middle;
    padding: 9px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.product__plus span {
    margin-right: 0;
    white-space: nowrap;
    position: absolute;
    right: 30px;
    opacity: 0;
    top: 0
}

.product:hover .compareView {
    opacity: 1
}

.product:hover .product__plus {
    border-radius: 15px;
    width: 120px
}

.product:hover .product__plus span {
    opacity: 1
}

.product:hover .product__wrapper:before {
    background-color: #f7f7f7
}

.prodSellSec {
    padding-top: 50px;
    padding-bottom: 50px
}

@media only screen and (max-width: 767px) {
    .prodSellSec {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .ko-progress-circle {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.prodSell .slick-dots {
    display: block
}

@media only screen and (min-width: 992px) {
    .prodSell .slick-dots {
        position: absolute;
        left: 0;
        top: -60px
    }
}

.flagItemSec {
    position: relative
}

.flagItemSec:after {
    content: "";
    background-color: #f7f7f7;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 35px;
    z-index: -1
}

@media only screen and (max-width: 991px) {
    .flagItemSec:after {
        height: 35px
    }
}

.flagItemSec .flagWrapper {
    border: 1px solid #d9d9d9;
    border-radius: 45px;
    background-color: #fff;
    padding: 10px 0;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .flagItemSec .flagWrapper {
        padding: 10px 20px
    }
}

.flagItemSec .flagWrapper .flagItem {
    text-align: center;
    position: relative
}

.flagItemSec .flagWrapper .flagItem svg {
    display: inline-block;
    margin-left: 10px
}

.flagItemSec .flagWrapper .flagItem:before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 30px;
    background-color: #d9d9d9
}

@media only screen and (max-width: 767px) {
    .flagItemSec .flagWrapper .flagItem:before {
        display: none
    }
}

.flagItemSec .flagWrapper .flagItem__name {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    display: inline-block;
    text-align: right
}

.brandMainSec {
    padding-bottom: 20px;
    padding-bottom: 40px;
    background-color: #fff
}

.newsMainSec {
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #f7f7f7
}

@media only screen and (max-width: 991px) {
    .newsMainSec {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.newsMainSec .btn {
    font-size: 14px;
    color: #000;
    width: 130px;
    height: 45px;
    line-height: 41px;
    border-radius: 23px;
    border: 2px solid #000;
    padding: 0;
    margin-top: 40px
}

.newsMainSec .btn:focus, .newsMainSec .btn:hover {
    background-color: #000;
    color: #fff
}

.newsMainSlider .slick-slide {
    padding-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px
}

.newsMainSlider .slick-arrow {
    width: 40px;
    height: 40px;
    border: 1px solid #d9d9d9;
    display: block;
    background-color: #fff;
    border-radius: 50px
}

.newsMainSlider .slick-arrow:hover {
    background-color: #000;
    border: 1px solid #000
}

.newsMainSlider .slick-arrow:hover:after {
    color: #fff
}

.newsMainSlider .slick-prev {
    top: -50px;
    left: 0;
    right: auto
}

.newsMainSlider .slick-prev:after {
    content: "";
    color: grey;
    font-size: 21px
}

.newsMainSlider .slick-next {
    top: -50px;
    left: 50px;
    right: auto
}

.newsMainSlider .slick-next:after {
    content: "";
    color: grey;
    font-size: 21px
}

.newsBox {
    border: 1px solid #d9d9d9;
    border-radius: 15px;
    background-color: #fff;
    position: relative;
    display: block
}

.newsBox__image {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    overflow: hidden
}

.newsBox__image img {
    width: 100%
}

.newsBox__desc {
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 30px
}

.newsBox__desc--title {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px
}

.newsBox__desc--date {
    color: #999;
    font-size: 14px;
    vertical-align: middle;
    margin-top: 10px
}

.newsBox__desc--date span {
    vertical-align: middle;
    padding-left: 10px;
    margin-left: 10px;
    position: relative;
    display: inline-block
}

.newsBox__desc--date span:before {
    content: "";
    background-color: #d9d9d9;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 1px;
    height: 10px
}

.newsBox__plus {
    position: absolute;
    bottom: -15px;
    left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    border-radius: 150px;
    color: #fff;
    min-width: 30px;
    padding-left: 0;
    padding-right: 0;
    height: 30px;
    line-height: 30px;
    background-color: #000;
    text-align: center;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    overflow: hidden;
    width: 30px
}

.newsBox__plus svg {
    vertical-align: middle;
    padding: 9px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.newsBox__plus span {
    right: 30px;
    margin-right: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    position: absolute;
    white-space: nowrap
}

.newsBox:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    box-shadow: 0 0 10px rgba(0, 0, 0, .16)
}

.newsBox:hover .newsBox__plus {
    width: 120px;
    font-size: 12px;
    border-radius: 15px
}

.newsBox:hover .newsBox__plus span {
    display: inline-block;
    font-size: 12px;
    position: absolute;
    white-space: nowrap;
    left: 15px
}

.prodSuggest {
    background-color: #f7f7f7;
    padding-top: 70px;
    padding-bottom: 70px
}

@media only screen and (max-width: 991px) {
    .prodSuggest {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.prodSuggest .prodSuggestImage {
    margin-top: 20px;
    background-image: url(../../img/s.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

@media only screen and (max-width: 991px) {
    .prodSuggest .prodSuggestImage {
        text-align: center
    }
}

.prodSuggest .prodSuggestImage img {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 991px) {
    .prodSuggest .prodSuggestImage img {
        max-width: 400px
    }
}

@media only screen and (max-width: 767px) {
    .prodSuggest .prodSuggestImage img {
        max-width: 200px
    }
}

.prodSuggest__wrapper {
    padding-top: 30px;
    padding-bottom: 30px
}

.prodSuggest__title {
    background-color: #d90000;
    border-radius: 43px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    width: 372px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    position: relative
}

@media only screen and (max-width: 991px) {
    .prodSuggest__title {
        font-size: 23px;
        width: 280px;
        height: 60px;
        line-height: 60px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 414px) {
    .prodSuggest__title {
        font-size: 20px;
        width: calc(100% - 20px)
    }
}

.prodSuggest__title:before {
    position: absolute;
    top: -30px;
    right: 0
}

.prodSuggest__title:after {
    position: absolute;
    bottom: -30px;
    left: 0
}

.prodSuggest__name {
    color: #000;
    margin-top: 35px;
    margin-bottom: 20px;
    font-size: 24px;
    text-align: right;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .prodSuggest__name {
        font-size: 18px
    }
}

.prodSuggest__detail {
    line-height: 36px;
    color: grey;
    margin-bottom: 30px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.prodSuggest__detail li:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-left: 5px;
    background-color: grey;
    display: inline-block;
    vertical-align: middle
}

.prodSuggest__price {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .prodSuggest__price {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.prodSuggest__price--new {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .prodSuggest__price--new {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }
}

.prodSuggest__price--new span {
    font-size: 18px;
    font-weight: 400;
    color: #000
}

.prodSuggest__price--old {
    margin-right: 50px;
    margin-left: 15px;
    font-size: 18px;
    color: #999;
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .prodSuggest__price--old {
        margin-left: 20px;
        margin-right: 20px
    }
}

.prodSuggest__price--precent {
    width: 60px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #d90000;
    border-radius: 13px;
    display: inline-block
}

.prodSuggest__count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.prodSuggest__count--title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-align: center;
    display: block;
    margin-bottom: 10px
}

.prodSuggest__count--counter {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.prodSuggest__count--time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 700;
    font-size: 24px;
    color: #000;
    line-height: 24px;
    text-align: center
}

.prodSuggest__count--time > div {
    font-size: 16px;
    color: #000
}

.bannerSec {
    background-color: #f7f7f7;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px
}

.bannerSec .container {
    z-index: 2;
    position: relative
}

.bannerSec:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100px;
    background-color: #fff;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1
}

@media only screen and (max-width: 991px) {
    .bannerSec:before {
        height: 75px
    }
}

.bannerSec .bannerBox {
    border-radius: 15px;
    display: block
}

.bannerSec .bannerBox img {
    width: 100%
}

.imgHoverZoom {
    position: relative
}

.slickMulti__nav .slick-slide.slick-current .item {
    border-color: #000
}

.ko-progress-circle {
    direction: ltr;
    margin: 10px;
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 50%
}

.ko-progress-circle .ko-progress-circle__fill, .ko-progress-circle .ko-progress-circle__slice {
    width: 100px;
    height: 100px;
    position: absolute;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0s;
    transition: -webkit-transform 0s;
    transition: transform 0s;
    transition: transform 0s, -webkit-transform 0s;
    border-radius: 50%
}

.ko-progress-circle .ko-progress-circle__slice {
    clip: rect(0, 100px, 100px, 50px)
}

.ko-progress-circle .ko-progress-circle__slice .ko-progress-circle__fill {
    clip: rect(0, 50px, 100px, 0);
    background-color: #d90000
}

.ko-progress-circle .ko-progress-circle__overlay {
    width: 94px;
    height: 94px;
    position: absolute;
    margin-left: 3px;
    margin-top: 3px;
    background-color: #f7f7f7;
    border-radius: 50%
}

.ko-progress-circle[data-progress='0'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='0'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.ko-progress-circle[data-progress='0'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.ko-progress-circle[data-progress='1'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='1'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(1.8deg);
    transform: rotate(1.8deg)
}

.ko-progress-circle[data-progress='1'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.ko-progress-circle[data-progress='2'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='2'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.ko-progress-circle[data-progress='2'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.ko-progress-circle[data-progress='3'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='3'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(5.4deg);
    transform: rotate(5.4deg)
}

.ko-progress-circle[data-progress='3'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.ko-progress-circle[data-progress='4'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='4'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.ko-progress-circle[data-progress='4'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.ko-progress-circle[data-progress='5'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='5'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(9deg);
    transform: rotate(9deg)
}

.ko-progress-circle[data-progress='5'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
}

.ko-progress-circle[data-progress='6'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='6'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.ko-progress-circle[data-progress='6'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.ko-progress-circle[data-progress='7'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='7'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(12.6deg);
    transform: rotate(12.6deg)
}

.ko-progress-circle[data-progress='7'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.ko-progress-circle[data-progress='8'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='8'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.ko-progress-circle[data-progress='8'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.ko-progress-circle[data-progress='9'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='9'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(16.2deg);
    transform: rotate(16.2deg)
}

.ko-progress-circle[data-progress='9'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.ko-progress-circle[data-progress='10'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='10'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
}

.ko-progress-circle[data-progress='10'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg)
}

.ko-progress-circle[data-progress='11'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='11'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(19.8deg);
    transform: rotate(19.8deg)
}

.ko-progress-circle[data-progress='11'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.ko-progress-circle[data-progress='12'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='12'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.ko-progress-circle[data-progress='12'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.ko-progress-circle[data-progress='13'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='13'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(23.4deg);
    transform: rotate(23.4deg)
}

.ko-progress-circle[data-progress='13'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}

.ko-progress-circle[data-progress='14'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='14'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.ko-progress-circle[data-progress='14'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.ko-progress-circle[data-progress='15'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='15'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(27deg);
    transform: rotate(27deg)
}

.ko-progress-circle[data-progress='15'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(54deg);
    transform: rotate(54deg)
}

.ko-progress-circle[data-progress='16'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='16'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.ko-progress-circle[data-progress='16'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.ko-progress-circle[data-progress='17'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='17'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(30.6deg);
    transform: rotate(30.6deg)
}

.ko-progress-circle[data-progress='17'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.ko-progress-circle[data-progress='18'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='18'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.ko-progress-circle[data-progress='18'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.ko-progress-circle[data-progress='19'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='19'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(34.2deg);
    transform: rotate(34.2deg)
}

.ko-progress-circle[data-progress='19'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.ko-progress-circle[data-progress='20'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='20'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg)
}

.ko-progress-circle[data-progress='20'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg)
}

.ko-progress-circle[data-progress='21'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='21'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(37.8deg);
    transform: rotate(37.8deg)
}

.ko-progress-circle[data-progress='21'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}

.ko-progress-circle[data-progress='22'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='22'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.ko-progress-circle[data-progress='22'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.ko-progress-circle[data-progress='23'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='23'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(41.4deg);
    transform: rotate(41.4deg)
}

.ko-progress-circle[data-progress='23'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.ko-progress-circle[data-progress='24'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='24'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.ko-progress-circle[data-progress='24'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.ko-progress-circle[data-progress='25'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='25'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ko-progress-circle[data-progress='25'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ko-progress-circle[data-progress='26'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='26'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}

.ko-progress-circle[data-progress='26'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}

.ko-progress-circle[data-progress='27'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='27'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(48.6deg);
    transform: rotate(48.6deg)
}

.ko-progress-circle[data-progress='27'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.ko-progress-circle[data-progress='28'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='28'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.ko-progress-circle[data-progress='28'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.ko-progress-circle[data-progress='29'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='29'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(52.2deg);
    transform: rotate(52.2deg)
}

.ko-progress-circle[data-progress='29'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.ko-progress-circle[data-progress='30'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='30'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(54deg);
    transform: rotate(54deg)
}

.ko-progress-circle[data-progress='30'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg)
}

.ko-progress-circle[data-progress='31'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='31'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(55.8deg);
    transform: rotate(55.8deg)
}

.ko-progress-circle[data-progress='31'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(111.6deg);
    transform: rotate(111.6deg)
}

.ko-progress-circle[data-progress='32'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='32'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.ko-progress-circle[data-progress='32'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.ko-progress-circle[data-progress='33'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='33'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(59.4deg);
    transform: rotate(59.4deg)
}

.ko-progress-circle[data-progress='33'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.ko-progress-circle[data-progress='34'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='34'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.ko-progress-circle[data-progress='34'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.ko-progress-circle[data-progress='35'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='35'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(63deg);
    transform: rotate(63deg)
}

.ko-progress-circle[data-progress='35'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg)
}

.ko-progress-circle[data-progress='36'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='36'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.ko-progress-circle[data-progress='36'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.ko-progress-circle[data-progress='37'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='37'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(66.6deg);
    transform: rotate(66.6deg)
}

.ko-progress-circle[data-progress='37'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(133.2deg);
    transform: rotate(133.2deg)
}

.ko-progress-circle[data-progress='38'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='38'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.ko-progress-circle[data-progress='38'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.ko-progress-circle[data-progress='39'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='39'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(70.2deg);
    transform: rotate(70.2deg)
}

.ko-progress-circle[data-progress='39'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.ko-progress-circle[data-progress='40'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='40'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg)
}

.ko-progress-circle[data-progress='40'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg)
}

.ko-progress-circle[data-progress='41'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='41'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(73.8deg);
    transform: rotate(73.8deg)
}

.ko-progress-circle[data-progress='41'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.ko-progress-circle[data-progress='42'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='42'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}

.ko-progress-circle[data-progress='42'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(151.2deg);
    transform: rotate(151.2deg)
}

.ko-progress-circle[data-progress='43'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='43'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(77.4deg);
    transform: rotate(77.4deg)
}

.ko-progress-circle[data-progress='43'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.ko-progress-circle[data-progress='44'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='44'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.ko-progress-circle[data-progress='44'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.ko-progress-circle[data-progress='45'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='45'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(81deg);
    transform: rotate(81deg)
}

.ko-progress-circle[data-progress='45'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(162deg);
    transform: rotate(162deg)
}

.ko-progress-circle[data-progress='46'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='46'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.ko-progress-circle[data-progress='46'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.ko-progress-circle[data-progress='47'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='47'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(84.6deg);
    transform: rotate(84.6deg)
}

.ko-progress-circle[data-progress='47'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(169.2deg);
    transform: rotate(169.2deg)
}

.ko-progress-circle[data-progress='48'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='48'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.ko-progress-circle[data-progress='48'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.ko-progress-circle[data-progress='49'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='49'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(88.2deg);
    transform: rotate(88.2deg)
}

.ko-progress-circle[data-progress='49'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.ko-progress-circle[data-progress='50'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='50'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ko-progress-circle[data-progress='50'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ko-progress-circle[data-progress='51'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='51'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(91.8deg);
    transform: rotate(91.8deg)
}

.ko-progress-circle[data-progress='51'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(183.6deg);
    transform: rotate(183.6deg)
}

.ko-progress-circle[data-progress='52'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='52'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}

.ko-progress-circle[data-progress='52'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(187.2deg);
    transform: rotate(187.2deg)
}

.ko-progress-circle[data-progress='53'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='53'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(95.4deg);
    transform: rotate(95.4deg)
}

.ko-progress-circle[data-progress='53'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(190.8deg);
    transform: rotate(190.8deg)
}

.ko-progress-circle[data-progress='54'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='54'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.ko-progress-circle[data-progress='54'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(194.4deg);
    transform: rotate(194.4deg)
}

.ko-progress-circle[data-progress='55'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='55'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(99deg);
    transform: rotate(99deg)
}

.ko-progress-circle[data-progress='55'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(198deg);
    transform: rotate(198deg)
}

.ko-progress-circle[data-progress='56'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='56'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.ko-progress-circle[data-progress='56'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(201.6deg);
    transform: rotate(201.6deg)
}

.ko-progress-circle[data-progress='57'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='57'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(102.6deg);
    transform: rotate(102.6deg)
}

.ko-progress-circle[data-progress='57'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(205.2deg);
    transform: rotate(205.2deg)
}

.ko-progress-circle[data-progress='58'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='58'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.ko-progress-circle[data-progress='58'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(208.8deg);
    transform: rotate(208.8deg)
}

.ko-progress-circle[data-progress='59'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='59'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(106.2deg);
    transform: rotate(106.2deg)
}

.ko-progress-circle[data-progress='59'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(212.4deg);
    transform: rotate(212.4deg)
}

.ko-progress-circle[data-progress='60'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='60'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg)
}

.ko-progress-circle[data-progress='60'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg)
}

.ko-progress-circle[data-progress='61'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='61'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(109.8deg);
    transform: rotate(109.8deg)
}

.ko-progress-circle[data-progress='61'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(219.6deg);
    transform: rotate(219.6deg)
}

.ko-progress-circle[data-progress='62'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='62'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(111.6deg);
    transform: rotate(111.6deg)
}

.ko-progress-circle[data-progress='62'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(223.2deg);
    transform: rotate(223.2deg)
}

.ko-progress-circle[data-progress='63'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='63'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(113.4deg);
    transform: rotate(113.4deg)
}

.ko-progress-circle[data-progress='63'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(226.8deg);
    transform: rotate(226.8deg)
}

.ko-progress-circle[data-progress='64'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='64'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.ko-progress-circle[data-progress='64'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(230.4deg);
    transform: rotate(230.4deg)
}

.ko-progress-circle[data-progress='65'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='65'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(117deg);
    transform: rotate(117deg)
}

.ko-progress-circle[data-progress='65'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(234deg);
    transform: rotate(234deg)
}

.ko-progress-circle[data-progress='66'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='66'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.ko-progress-circle[data-progress='66'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(237.6deg);
    transform: rotate(237.6deg)
}

.ko-progress-circle[data-progress='67'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='67'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(120.6deg);
    transform: rotate(120.6deg)
}

.ko-progress-circle[data-progress='67'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(241.2deg);
    transform: rotate(241.2deg)
}

.ko-progress-circle[data-progress='68'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='68'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.ko-progress-circle[data-progress='68'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(244.8deg);
    transform: rotate(244.8deg)
}

.ko-progress-circle[data-progress='69'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='69'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(124.2deg);
    transform: rotate(124.2deg)
}

.ko-progress-circle[data-progress='69'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(248.4deg);
    transform: rotate(248.4deg)
}

.ko-progress-circle[data-progress='70'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='70'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg)
}

.ko-progress-circle[data-progress='70'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(252deg);
    transform: rotate(252deg)
}

.ko-progress-circle[data-progress='71'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='71'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(127.8deg);
    transform: rotate(127.8deg)
}

.ko-progress-circle[data-progress='71'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(255.6deg);
    transform: rotate(255.6deg)
}

.ko-progress-circle[data-progress='72'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='72'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.ko-progress-circle[data-progress='72'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(259.2deg);
    transform: rotate(259.2deg)
}

.ko-progress-circle[data-progress='73'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='73'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(131.4deg);
    transform: rotate(131.4deg)
}

.ko-progress-circle[data-progress='73'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(262.8deg);
    transform: rotate(262.8deg)
}

.ko-progress-circle[data-progress='74'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='74'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(133.2deg);
    transform: rotate(133.2deg)
}

.ko-progress-circle[data-progress='74'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(266.4deg);
    transform: rotate(266.4deg)
}

.ko-progress-circle[data-progress='75'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='75'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.ko-progress-circle[data-progress='75'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.ko-progress-circle[data-progress='76'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='76'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.ko-progress-circle[data-progress='76'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(273.6deg);
    transform: rotate(273.6deg)
}

.ko-progress-circle[data-progress='77'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='77'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(138.6deg);
    transform: rotate(138.6deg)
}

.ko-progress-circle[data-progress='77'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(277.2deg);
    transform: rotate(277.2deg)
}

.ko-progress-circle[data-progress='78'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='78'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.ko-progress-circle[data-progress='78'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(280.8deg);
    transform: rotate(280.8deg)
}

.ko-progress-circle[data-progress='79'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='79'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(142.2deg);
    transform: rotate(142.2deg)
}

.ko-progress-circle[data-progress='79'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(284.4deg);
    transform: rotate(284.4deg)
}

.ko-progress-circle[data-progress='80'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='80'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg)
}

.ko-progress-circle[data-progress='80'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg)
}

.ko-progress-circle[data-progress='81'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='81'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(145.8deg);
    transform: rotate(145.8deg)
}

.ko-progress-circle[data-progress='81'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(291.6deg);
    transform: rotate(291.6deg)
}

.ko-progress-circle[data-progress='82'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='82'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.ko-progress-circle[data-progress='82'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(295.2deg);
    transform: rotate(295.2deg)
}

.ko-progress-circle[data-progress='83'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='83'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(149.4deg);
    transform: rotate(149.4deg)
}

.ko-progress-circle[data-progress='83'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(298.8deg);
    transform: rotate(298.8deg)
}

.ko-progress-circle[data-progress='84'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='84'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(151.2deg);
    transform: rotate(151.2deg)
}

.ko-progress-circle[data-progress='84'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(302.4deg);
    transform: rotate(302.4deg)
}

.ko-progress-circle[data-progress='85'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='85'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(153deg);
    transform: rotate(153deg)
}

.ko-progress-circle[data-progress='85'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(306deg);
    transform: rotate(306deg)
}

.ko-progress-circle[data-progress='86'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='86'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.ko-progress-circle[data-progress='86'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(309.6deg);
    transform: rotate(309.6deg)
}

.ko-progress-circle[data-progress='87'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='87'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(156.6deg);
    transform: rotate(156.6deg)
}

.ko-progress-circle[data-progress='87'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(313.2deg);
    transform: rotate(313.2deg)
}

.ko-progress-circle[data-progress='88'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='88'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.ko-progress-circle[data-progress='88'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(316.8deg);
    transform: rotate(316.8deg)
}

.ko-progress-circle[data-progress='89'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='89'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(160.2deg);
    transform: rotate(160.2deg)
}

.ko-progress-circle[data-progress='89'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(320.4deg);
    transform: rotate(320.4deg)
}

.ko-progress-circle[data-progress='90'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='90'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(162deg);
    transform: rotate(162deg)
}

.ko-progress-circle[data-progress='90'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(324deg);
    transform: rotate(324deg)
}

.ko-progress-circle[data-progress='91'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='91'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(163.8deg);
    transform: rotate(163.8deg)
}

.ko-progress-circle[data-progress='91'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(327.6deg);
    transform: rotate(327.6deg)
}

.ko-progress-circle[data-progress='92'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='92'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.ko-progress-circle[data-progress='92'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(331.2deg);
    transform: rotate(331.2deg)
}

.ko-progress-circle[data-progress='93'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='93'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(167.4deg);
    transform: rotate(167.4deg)
}

.ko-progress-circle[data-progress='93'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(334.8deg);
    transform: rotate(334.8deg)
}

.ko-progress-circle[data-progress='94'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='94'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(169.2deg);
    transform: rotate(169.2deg)
}

.ko-progress-circle[data-progress='94'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(338.4deg);
    transform: rotate(338.4deg)
}

.ko-progress-circle[data-progress='95'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='95'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(171deg);
    transform: rotate(171deg)
}

.ko-progress-circle[data-progress='95'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(342deg);
    transform: rotate(342deg)
}

.ko-progress-circle[data-progress='96'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='96'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.ko-progress-circle[data-progress='96'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(345.6deg);
    transform: rotate(345.6deg)
}

.ko-progress-circle[data-progress='97'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='97'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(174.6deg);
    transform: rotate(174.6deg)
}

.ko-progress-circle[data-progress='97'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(349.2deg);
    transform: rotate(349.2deg)
}

.ko-progress-circle[data-progress='98'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='98'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.ko-progress-circle[data-progress='98'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(352.8deg);
    transform: rotate(352.8deg)
}

.ko-progress-circle[data-progress='99'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='99'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(178.2deg);
    transform: rotate(178.2deg)
}

.ko-progress-circle[data-progress='99'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(356.4deg);
    transform: rotate(356.4deg)
}

.ko-progress-circle[data-progress='100'] .ko-progress-circle__fill, .ko-progress-circle[data-progress='100'] .ko-progress-circle__slice.full {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ko-progress-circle[data-progress='100'] .ko-progress-circle__fill.ko-progress-circle__bar {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.comments__top {
    padding-bottom: 50px;
    overflow: hidden;
    min-height: 55px
}

@media only screen and (max-width: 667px) {
    .comments__top {
        padding-left: 0 !important;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 480px) {
    .comments__top {
        margin-bottom: 0
    }
}

.comments__top .btn {
    display: inline-block;
    margin-top: 30px;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    min-width: 180px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
    border: 1px solid #000
}

.comments__top .btn svg {
    vertical-align: middle;
    margin-bottom: 8px;
    margin-left: 4px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.comments__top .btn:hover {
    background-color: #000
}

.comments__top .btn:hover svg {
    fill: #fff
}

@media only screen and (max-width: 667px) {
    .comments__top .btn {
        position: static;
        float: right;
        margin-top: 10px;
        margin-bottom: 20px
    }
}

.comments__top p {
    line-height: 30px;
    font-size: 14px;
    color: grey
}

@media only screen and (max-width: 667px) {
    .comments__top p {
        width: 100%;
        line-height: 2;
        margin-bottom: 10px;
        font-size: 13px
    }
}

.comments__top h4 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 31px
}

@media only screen and (max-width: 767px) {
    .comments__top h4 {
        width: 100%;
        margin-left: 0
    }
}

@media only screen and (max-width: 667px) {
    .comments__top h4 {
        line-height: 30px
    }
}

.comments__top .commentRate {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9
}

.comments__top .commentRate strong {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    line-height: 31px;
    margin-bottom: 10px
}

.comments__top .commentRate b {
    color: #666;
    font-size: 14px;
    margin-right: 5px
}

#comments .comment {
    padding-right: 30px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    position: relative
}

#comments .comment:before {
    content: "";
    background-color: #d9d9d9;
    height: 1px;
    position: absolute;
    top: 25px;
    right: 0;
    left: 0;
    display: block;
    z-index: -1
}

#comments .comment .commentProfile {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #000;
    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
}

#comments .comment .commentTools {
    min-height: 45px;
    background-color: #fff;
    padding: 10px 0 10px 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#comments .comment .commentTools .commentAuthor {
    margin-left: 10px;
    color: #000;
    margin-bottom: 10px;
    font-size: 16px
}

#comments .comment .commentTools .commentDate {
    color: #000;
    margin-bottom: 10px;
    font-size: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#comments .comment .commentTools .commentDate:after {
    content: "";
    margin-right: 10px;
    font-size: 21px
}

#comments .comment p {
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 30px;
    color: #000
}

#comments .comment .commentOption {
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#comments .comment .commentOption .commentRate {
    margin-left: 10px
}

#comments .comment .commentOption .commentRate strong {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    color: #4d4d4d;
    margin-left: 10px;
    line-height: 25px
}

#comments .comment .commentOption .commentRate .commentLike {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px;
    padding-right: 12px;
    height: 25px;
    line-height: 25px;
    border-radius: 13px;
    font-weight: 700;
    font-size: 14px;
    margin-left: 10px
}

#comments .comment .commentOption .commentRate .commentLike:after {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    font-size: 16px;
    content: '\f1de';
    color: #000;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

#comments .comment .commentOption .commentRate .commentLike:hover {
    background-color: #000;
    color: #fff
}

#comments .comment .commentOption .commentRate .commentLike:hover:after {
    color: #fff
}

#comments .comment .comment {
    margin-top: 20px;
    border-bottom: none;
    margin-bottom: 0;
    padding-right: 30px;
    padding-bottom: 0
}

#comments .comment .comment .commentProfile {
    background-color: transparent
}

.loader, .loader:after, .loader:before {
    /*border-radius: 50%;*/
    /*width: 2.5em;*/
    /*height: 2.5em;*/
    /*-webkit-animation-fill-mode: both;*/
    /*animation-fill-mode: both;*/
    /*-webkit-animation: load7 1.8s infinite ease-in-out;*/
    /*animation: load7 1.8s infinite ease-in-out*/
}

.loader {
    color: #000;
    font-size: 10px;
    margin: 80px auto;
    position: absolute;
    text-indent: -9999em;
    -webkit-transform: translateZ(0) translateY(100px);
    transform: translateZ(0) translateY(100px);
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
    left: 50%;
    top: 50%;
    margin-left: -20px
}

.loader:before {
    content: '';
    position: absolute;
    top: 0;
    left: -3.5em;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.loader:after {
    content: '';
    position: absolute;
    top: 0;
    left: 3.5em
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    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;
    z-index: 9999
}

.preloader .loading {
    width: 200px;
    z-index: 2
}

.preloader .loading .loader {
    color: #000;
    position: static;
    margin: 0 auto;
    display: block
}

.preloader svg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0 !important
}

@-webkit-keyframes load7 {
    0%, 100%, 80% {
        -webkit-box-shadow: 0 2.5em 0 -1.3em;
        box-shadow: 0 2.5em 0 -1.3em
    }
    40% {
        -webkit-box-shadow: 0 2.5em 0 0;
        box-shadow: 0 2.5em 0 0
    }
}

@keyframes load7 {
    0%, 100%, 80% {
        -webkit-box-shadow: 0 2.5em 0 -1.3em;
        box-shadow: 0 2.5em 0 -1.3em
    }
    40% {
        -webkit-box-shadow: 0 2.5em 0 0;
        box-shadow: 0 2.5em 0 0
    }
}

.svg-loading {
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translateX(-50%) translateY(-50%) !important;
    transform: translateX(-50%) translateY(-50%) !important;
    width: 150px !important;
    height: auto !important
}

.basket_steps {
    margin-bottom: 30px
}

@media only screen and (max-width: 767px) {
    .basket_steps {
        margin-bottom: 20px
    }
}

#basket_steps {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 50px
}

@media only screen and (max-width: 767px) {
    #basket_steps {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

#basket_steps:before {
    position: absolute;
    z-index: -1;
    height: 2px;
    width: 100%;
    background-color: #d9d9d9;
    content: '';
    display: block;
    top: 50%;
    margin-top: -1px
}

#basket_steps ul {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

#basket_steps ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center
}

@media only screen and (max-width: 767px) {
    #basket_steps ul li {
        margin-left: 5px;
        margin-right: 5px
    }
}

#basket_steps ul li span {
    width: 50px;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: solid 3px #2c0;
    background-color: #2c0;
    color: #fff;
    font-size: 0;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2px
}

#basket_steps ul li span:before {
    content: "\f26b";
    font-size: 20px
}

@media only screen and (max-width: 767px) {
    #basket_steps ul li span {
        width: 40px;
        height: 40px;
        font-size: 17px
    }
}

#basket_steps ul li b {
    margin-right: 10px;
    font-size: 16px;
    display: none
}

#basket_steps ul li.active span {
    background-color: #fff;
    border: solid 3px #000;
    color: #000;
    font-size: 20px
}

#basket_steps ul li.active span:before {
    display: none
}

#basket_steps ul li.active b {
    display: block
}

@media only screen and (max-width: 767px) {
    #basket_steps ul li.active b {
        display: none
    }
}

#basket_steps ul li.active ~ li span {
    border-color: #d9d9d9;
    background-color: #fff;
    color: #999;
    font-size: 20px
}

#basket_steps ul li.active ~ li span:before {
    display: none
}

@media only screen and (max-width: 991px) {
    .basket__table {
        overflow-x: auto
    }
}

.basket__table table {
    width: 100%
}

@media only screen and (max-width: 991px) {
    .basket__table table {
        width: 850px
    }
}

.basket__table table tr {
    width: 100%;
    border: solid 1px #d9d9d9;
    border-right: 0;
    border-left: 0;
    padding: 18px 0;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basket__table table tr > td {
    display: block
}

.basket__table .col1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 1199px) {
    .basket__table .col1 {
        max-width: 350px
    }
}

.basket__table .col1 .col1__img {
    float: right;
    margin-left: 20px;
    min-width: 102px;
    text-align: center
}

.basket__table .col1 .col1__img:before {
    width: 102px;
    height: 102px;
    border-radius: 50%;
    background-color: #f2f2f2;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    content: ""
}

.basket__table .col1 .col1__img img {
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 1199px) {
    .basket__table .col1 .col1__img img {
        width: 100px;
        min-width: 100px
    }
}

.basket__table .col1 .desc {
    line-height: 2
}

@media only screen and (max-width: 1199px) {
    .basket__table .col1 .desc {
        font-size: 13px;
        padding-right: 10px
    }
}

.basket__table .col1 .desc b {
    margin-bottom: 5px;
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media only screen and (max-width: 1199px) {
    .basket__table .col1 .desc b {
        font-size: 13px
    }
}

.basket__table .col1 .desc ul li {
    margin-bottom: 2px;
    color: grey;
    font-size: 14px
}

.basket__table .col1 .desc ul li a {
    color: #000
}

.basket__table .col1 .desc ul li a i {
    display: inline-block;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #d9d9d9
}

.basket__table .col1 .desc ul li:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 1199px) {
    .basket__table .col1 .desc ul li {
        font-size: 13px
    }
}

.basket__table .col2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 145px;
    flex: 0 0 145px;
    line-height: 45px;
    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;
    color: #666
}

@media only screen and (max-width: 1199px) {
    .basket__table .col2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px
    }
}

.basket__table .col2 .nums {
    margin-right: 10px;
    width: 145px;
    display: block;
    height: 45px;
    border-radius: 23px;
    border: solid 1px #d9d9d9
}

.basket__table .col2 .nums .plus {
    width: 50px;
    height: 43px
}

.basket__table .col2 .nums .plus:after {
    line-height: 43px
}

.basket__table .col2 .nums .minus {
    width: 50px;
    height: 43px
}

.basket__table .col2 .nums .minus:after {
    line-height: 43px
}

.basket__table .col2 .nums #number {
    height: 43px;
    padding-left: 50px;
    padding-right: 50px
}

.basket__table .col3 {
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px
}

@media only screen and (max-width: 1199px) {
    .basket__table .col3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 240px;
        flex: 0 0 240px
    }
}

.basket__table .col3 .old__price {
    text-decoration: line-through;
    margin-bottom: 5px;
    color: grey;
    font-size: 14px;
    display: block
}

.basket__table .col3 .new__price__offer {
    color: grey;
    font-size: 14px;
    display: block;
    margin-bottom: 10px
}

.basket__table .col3 .new__price {
    display: block;
    font-size: 18px;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .basket__table .col3 .new__price {
        font-size: 20px
    }
}

.basket__table .col3 .new__price .priceShow--currency {
    font-size: 16px
}

.basket__table .col4 {
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px
}

@media only screen and (max-width: 1199px) {
    .basket__table .col4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px
    }
}

.basket__table .col4 .zmdi {
    font-size: 24px;
    color: #d90000;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.basket__table .col4 .zmdi:hover {
    filter: alpha(Opacity=75);
    opacity: .75
}

#basket__details {
    overflow: hidden
}

#basket__details .basket__details--btn {
    color: grey;
    font-size: 12px;
    margin-top: 20px;
    display: block;
    text-align: center
}

.basket__details__r {
    width: 100%;
    overflow: hidden;
    padding: 25px 15px;
    background-color: #000;
    border-radius: 10px
}

.basket__details__r .basket__details__r--title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 20px
}

.basket__details__r .basket__details__r--btn {
    width: 150px;
    height: 45px;
    line-height: 43px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 23px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    margin-top: 35px
}

.basket__details__r .basket__details__r--btn:hover {
    background-color: #fff;
    color: #000
}

.basket__details__r ul {
    width: 100%
}

.basket__details__r ul li {
    overflow: hidden;
    margin-bottom: 12px;
    font-size: 14px;
    color: #bfbfbf
}

@media only screen and (max-width: 767px) {
    .basket__details__r ul li {
        font-size: 13px
    }
}

.basket__details__r ul li span {
    float: left
}

.basket__details__r ul li:last-child {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    margin-bottom: 0
}

.loginArea {
    width: 100%;
    max-width: 470px;
    margin-left: auto;
    margin-right: auto
}

.loginArea__header {
    line-height: 0;
    position: relative
}

.loginArea__header--logo {
    width: 220px;
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%)
}

@media only screen and (max-width: 767px) {
    .loginArea__header--logo {
        width: 150px
    }
}

.loginArea__content {
    padding: 30px 50px;
    border-radius: 0 0 10px 10px;
    border: solid 1px #d9d9d9;
    background-color: #fff;
    border-top: 0
}

.loginArea .chb {
    margin-bottom: 10px
}

.loginArea .btn {
    min-width: 130px;
    margin-bottom: 30px
}

.registerInLogin {
    text-align: center;
    font-size: 12px;
    color: grey
}

.registerInLogin a {
    font-weight: 700;
    font-size: 14px;
    text-decoration: underline
}

.loginAreaTitle {
    margin-bottom: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000;
    font-size: 18px;
    font-weight: 700
}

.loginAreaTitle img {
    position: absolute;
    margin: 0
}

.recover_pass {
    text-align: center;
    display: block;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 30px
}

#basketStep21 {
    padding-left: 195px;
    padding-right: 195px
}

@media only screen and (max-width: 1199px) {
    #basketStep21 {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media only screen and (max-width: 991px) {
    #basketStep21 {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width: 767px) {
    #basketStep21 {
        padding-bottom: 10px;
        padding-top: 20px
    }
}

.information_edit_tab {
    background-color: #fff;
    max-width: 644px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 1199px) {
    .information_edit_tab {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (max-width: 991px) {
    .information_edit_tab {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media only screen and (max-width: 767px) {
    .information_edit_tab {
        padding: 20px
    }
}

.information_edit_tab h2 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 700
}

.information_edit_tab .form-group {
    position: relative;
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .information_edit_tab .form-group {
        margin-bottom: 10px
    }
}

.information_edit_tab .form-group .zmdi {
    position: absolute;
    left: 15px;
    top: 13px;
    font-size: 21px;
    color: #666
}

.legal_information_content .legal_information {
    overflow: hidden;
    position: relative;
    margin-top: -5px;
    padding-top: 10px;
    padding-bottom: 10px
}

.legal_information_content .legal_information .over_area {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .6);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5
}

.legal_information_content .legal_information_chk {
    margin-top: 0;
    font-size: 16px
}

.legal_information_content .legal_information_chk.chb label span {
    margin-left: 0
}

.legal_information_content .legal_information_chk.chb label span:before {
    margin-left: 2px
}

.legal_information_content .legal_information_chk label {
    line-height: 1.67
}

@media only screen and (max-width: 480px) {
    .legal_information_content .legal_information_chk {
        font-size: 13px
    }
}

.legal_information_content p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.8;
    color: #666
}

@media only screen and (max-width: 480px) {
    .legal_information_content p {
        font-size: 13px;
        line-height: 1.7
    }
}

.basket_box {
    border-bottom: solid 1px #d9d9d9;
    margin-bottom: 50px;
    padding-bottom: 50px
}

.basket_box.basket_box--noborder {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0
}

.basket_box.basket_box--pay_ways {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 5px;
    border-bottom: none
}

.basket_box h5 {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px
}

@media only screen and (max-width: 767px) {
    .basket_box h5 {
        font-size: 15px
    }
}

.basket_box .basket_box_desc {
    font-size: 12px;
    color: #999;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center;
    display: block
}

.basketBoxAddress > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.basketBoxAddress > .row > div {
    margin-bottom: 20px;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

@media only screen and (max-width: 767px) {
    .basketBoxAddress > .row > div {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 991px) {
    .basketBoxAddress > .row {
        display: block
    }
}

.basketBoxAddress .more {
    min-height: 140.75px;
    text-align: center;
    border: 1px dashed #d9d9d9;
    padding-top: 50px;
    color: #999;
    font-size: 16px;
    display: block;
    border-radius: 5px
}

.basketBoxAddress .more:before {
    content: '\f278';
    vertical-align: middle;
    display: inline-block;
    font-size: 21px;
    margin-left: 8px;
    position: relative;
    top: -1px
}

.basketBoxAddress .more:hover {
    border-color: #666
}

.basketBoxSend > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.basketBoxSend > .row > div {
    margin-bottom: 20px;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

@media only screen and (max-width: 767px) {
    .basketBoxSend > .row > div {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 991px) {
    .basketBoxSend > .row {
        display: block
    }
}

.who_is__area {
    padding-top: 5px
}

@media only screen and (max-width: 767px) {
    .who_is__area {
        padding-top: 10px
    }
}

.who_is__area strong {
    display: block;
    font-size: 16px;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .who_is__area strong {
        font-size: 15px
    }
}

.who_is__area .chb {
    color: grey;
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .who_is__area .chb {
        font-size: 13px
    }
}

.who_is__area .chb label span {
    margin-left: 12px
}

.who_is__area .chb b {
    color: #d90000;
    font-weight: 400
}

.who_is__area .who_is__area__edit {
    padding-right: 28px;
    color: grey;
    font-size: 14px;
    display: block
}

@media only screen and (max-width: 767px) {
    .who_is__area .who_is__area__edit {
        font-size: 13px
    }
}

@media only screen and (max-width: 767px) {
    .who_is__area .who_is__area__edit {
        padding-right: 0
    }
}

#copon_area {
    overflow: hidden;
    position: relative;
    width: 320px;
    margin-left: auto;
    border-radius: 23px;
    margin-right: auto;
    border: 1px solid #d9d9d9
}

@media only screen and (max-width: 480px) {
    #copon_area {
        width: 100%
    }
}

#copon_area .form-group {
    margin-bottom: 0
}

#copon_area .copon_btn {
    float: left;
    width: 70px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding: 0;
    line-height: 45px;
    height: 45px;
    background: #d90000;
    font-size: 14px;
    border: none;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

#copon_area .copon_btn:hover {
    background-color: #d90000
}

#copon_area .form-control {
    padding-left: 80px;
    border: none;
    background-color: #fff;
    height: 45px
}

#copon_area .form-control:focus {
    border-color: #000
}

.btn.btnTimeModal {
    width: 170px;
    padding: 0;
    text-align: center;
    background-color: #d90000;
    font-size: 14px;
    border: none
}

.btn.btnTimeModal:hover {
    background-color: #000
}

#basketStep4 {
    background-color: #fff
}

.basket__end__step {
    padding-top: 5px;
    padding-left: 160px;
    padding-right: 160px
}

@media only screen and (max-width: 1199px) {
    .basket__end__step {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media only screen and (max-width: 991px) {
    .basket__end__step {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media only screen and (max-width: 767px) {
    .basket__end__step {
        padding-left: 0;
        padding-right: 0
    }
}

.basket__end__step .basket__table img {
    max-width: 148px
}

.basket__end__step > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 767px) {
    .basket__end__step > .row {
        display: block
    }
}

.basket__end__step > .row > div {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

@media only screen and (max-width: 1199px) {
    .basket__end__step {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width: 991px) {
    .basket__end__step {
        margin-bottom: 0
    }
}

.basket__end__step .details_factor {
    border-radius: 5px;
    overflow: hidden;
    border: solid 1px #d9d9d9
}

.basket__end__step .details_factor ul li {
    font-size: 14px;
    padding: 10px 20px;
    overflow: hidden;
    margin-bottom: 8px
}

@media only screen and (max-width: 991px) {
    .basket__end__step .details_factor ul li {
        font-size: 13px
    }
}

@media only screen and (max-width: 767px) {
    .basket__end__step .details_factor ul li {
        padding: 10px
    }
}

.basket__end__step .details_factor ul li:last-child {
    font-size: 16px;
    font-weight: 700;
    background-color: #000;
    margin: 0 -1px;
    padding-top: 17px;
    padding-bottom: 17px
}

@media only screen and (max-width: 991px) {
    .basket__end__step .details_factor ul li:last-child {
        font-size: 14px
    }
}

@media only screen and (max-width: 991px) and (max-width: 480px) {
    .basket__end__step .details_factor ul li:last-child span {
        display: block;
        margin-top: 10px;
        width: 100%
    }
}

@media only screen and (max-width: 480px) {
    .basket__end__step .details_factor ul li:last-child {
        font-size: 13px;
        text-align: center
    }
}

.basket__end__step .details_factor ul li span {
    float: left
}

.basket__end__step textarea {
    padding: 10px 20px;
    font-size: 14px;
    color: #666;
    height: 100%;
    line-height: 2;
    border-radius: 5px
}

@media only screen and (max-width: 767px) {
    .basket__end__step textarea {
        margin-top: 20px;
        height: 120px;
        padding: 10px;
        font-size: 13px
    }
}

.payTypeInBank {
    text-align: center;
    position: relative;
    z-index: 2;
    padding-top: 5px
}

.payTypeInBank li {
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 5px;
    vertical-align: middle;
    border-radius: 5px;
    width: 205px !important
}

@media only screen and (max-width: 991px) {
    .payTypeInBank li {
        margin-left: 0;
        margin-right: 0;
        width: 31.33%
    }
}

@media only screen and (max-width: 767px) {
    .payTypeInBank li {
        margin-left: 2px;
        margin-right: 2px;
        width: auto
    }
}

.payTypeInBank li label {
    margin-bottom: 0;
    position: relative
}

.payTypeInBank li label img {
    position: relative;
    top: -2px;
    margin-left: 1px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.payTypeInBankDesc {
    font-size: 14px;
    margin-bottom: 15px;
    text-align: center;
    color: #000;
    padding-top: 20px;
    line-height: 26px
}

@media only screen and (max-width: 767px) {
    .payTypeInBankDesc {
        font-size: 13px
    }
}

.formBasketHeader {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px
}

.category_page {
    padding-bottom: 50px;
    padding-top: 30px
}

@media only screen and (max-width: 767px) {
    .category_page {
        padding-bottom: 30px
    }
}

#category_page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#category_page .category_page--sidebar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 296px;
    flex: 0 0 296px;
    max-width: 296px;
    padding-left: 20px
}

@media only screen and (max-width: 991px) {
    #category_page .category_page--sidebar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
        flex: 0 0 250px;
        max-width: 250px
    }
}

@media only screen and (max-width: 767px) {
    #category_page .category_page--sidebar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

#category_page .category_page--sidebar .sidebar {
    border-left: 1px solid #d9d9d9;
    height: 100%
}

#category_page .category_page--content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 296px);
    flex: 0 0 calc(100% - 296px);
    max-width: calc(100% - 296px)
}

@media only screen and (max-width: 991px) {
    #category_page .category_page--content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 250px);
        flex: 0 0 calc(100% - 250px);
        max-width: calc(100% - 250px)
    }
}

@media only screen and (max-width: 767px) {
    #category_page .category_page--content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

#category_page .category_page--content .adsArea {
    margin-bottom: 20px
}

#category_page .category_page--content .adsArea img {
    min-height: 100px
}

.page_products {
    border-bottom: solid 1px #d9d9d9
}

.page_products--sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.page_products--sort > li {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    margin-right: 5px;
    display: block;
    height: 22px;
    line-height: 22px;
    border-radius: 11px;
    background-color: #fff
}

.page_products--sort > li > a {
    color: grey;
    font-size: 12px
}

.page_products--sort > li.active, .page_products--sort > li:hover {
    background-color: #000
}

.page_products--sort > li.active > a, .page_products--sort > li:hover > a {
    color: #fff;
    font-size: 12px
}

.content #sidebar_toggle {
    display: none;
    clear: both;
    font-size: 15px;
    padding-top: 7px;
    padding-bottom: 10px;
    border-top: 2px solid #583622;
    border-bottom: 2px solid #583622;
    line-height: 28px;
    padding-bottom: 13px;
    position: relative;
    text-align: center;
    width: 100%;
    margin-bottom: 20px
}

.content #sidebar_toggle:before {
    content: '';
    font-size: 20px;
    color: #666;
    display: inline-block;
    margin-left: 10px;
    line-height: 30px;
    position: relative;
    top: 5px
}

@media only screen and (max-width: 767px) {
    .content #sidebar_toggle {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .sidebar_toggle_aside {
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        position: fixed;
        z-index: 99999999;
        right: -110%;
        top: 0;
        background: #fff;
        overflow-y: auto;
        height: 100%
    }

    .sidebar_toggle_aside.active {
        right: 0
    }
}

.sidebar_toggle_aside .apply_filter {
    display: none;
    margin-top: 10px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    border-radius: 0
}

@media only screen and (max-width: 767px) {
    .sidebar_toggle_aside .apply_filter {
        display: block
    }
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 2.5px;
    background-color: #000;
    width: 5px
}

.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 2.5px;
    background-color: #f2f2f2;
    width: 5px
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000
}

.search__filter__area {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.search__filter__area.mediaFilter {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.search__filter__area .filter_view {
    margin-right: auto
}

@media only screen and (max-width: 991px) {
    .search__filter__area .filter_view {
        display: none
    }
}

.search__filter__area--chb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search__filter__area--chb .chb {
    margin-left: 30px
}

.search__filter__area--chb .chb label span:before {
    margin-left: 0
}

.filter_view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px;
    height: 45px;
    background-color: #fff;
    padding-left: 2px;
    padding-right: 2px
}

@media only screen and (max-width: 991px) {
    .filter_view {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .filter_view {
        display: none
    }
}

.filter_view > a {
    width: 45px;
    height: 45px;
    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;
    border-radius: 5px
}

.filter_view > a.grid_show {
    margin-left: 2px
}

.filter_view > a.grid_show:after {
    content: ''
}

.filter_view > a.list_show:after {
    content: ''
}

.filter_view > a:after {
    font-size: 24px;
    color: #999;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.filter_view > a.active:after, .filter_view > a:hover:after {
    color: #000
}

#products > ul {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

#products > ul > li {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    margin-bottom: 20px
}

@media only screen and (max-width: 1199px) {
    #products > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media only screen and (max-width: 480px) {
    #products > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

#products > ul > li .product {
    height: 100%;
    padding-top: 20px;
    border: 1px solid #d9d9d9;
    border-radius: 20px
}

#products > ul > li .product .product__plus {
    margin-bottom: 10px
}

#products.grid_show > ul > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

@media only screen and (max-width: 1199px) {
    #products.grid_show > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
}

#products.grid_show > ul > li .product {
    padding: 10px
}

#products.grid_show > ul > li .product .productCat {
    font-size: 12px
}

#products.grid_show > ul > li .product .productTools {
    bottom: 5px
}

#products.grid_show > ul > li .product .productTitle {
    font-size: 12px
}

#products.grid_show > ul > li .product .priceShow .priceShow__new {
    font-size: 14px
}

#products.grid_show > ul > li .product .priceShow .priceShow__new .priceShow--currency {
    display: none
}

#products.grid_show > ul > li .product .priceShow .priceShow__old {
    font-size: 13px
}

#products.grid_show > ul > li .product .priceShow .priceShow__old .priceShow--currency {
    display: none
}

#products.grid_show > ul > li .product .priceShow .priceShow--offer {
    position: absolute;
    left: 10px;
    top: 10px
}

.magnifier-lens {
    top: 0;
    left: 0;
    z-index: 998;
    cursor: none;
    display: block;
    position: absolute;
    border: solid 1px #ccc;
    overflow: hidden;
    filter: alpha(Opacity=50);
    background: #fff !important
}

.magnifier-lens:after {
    position: absolute;
    top: 50%;
    right: 50%;
    display: block;
    margin-right: -12.5px;
    margin-top: -17.5px;
    content: ""
}

@media only screen and (max-width: 991px) {
    .magnifier-lens {
        display: none !important
    }
}

.single__page {
    border-top: 1px solid #d9d9d9;
    background-color: #f7f7f7;
    position: relative;
    margin-bottom: 30px
}

@media only screen and (max-width: 767px) {
    .single__page {
        margin-bottom: 20px
    }
}

.single__page:after {
    content: "";
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 30px;
    width: 100%
}

@media only screen and (max-width: 991px) {
    .single__page:after {
        display: none
    }
}

#single__page {
    position: relative;
    z-index: 1;
    margin-top: 65px
}

@media only screen and (max-width: 767px) {
    #single__page {
        margin-top: 20px
    }
}

#single__page > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media only screen and (max-width: 991px) {
    #single__page > .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

#single__page .single__page--devider {
    height: 100%
}

.innerPageTitle {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px
}

@media only screen and (max-width: 767px) {
    .innerPageTitle {
        font-size: 18px
    }
}

.innerPageSubTitle {
    color: grey;
    font-size: 12px;
    line-height: 25px;
    font-weight: 400
}

.product_gallery {
    width: 100%;
    position: relative;
    text-align: center;
    height: 100%
}

@media only screen and (max-width: 991px) {
    .product_gallery {
        padding-bottom: 25px
    }
}

@media only screen and (max-width: 991px) {
    .product_gallery__title {
        padding-top: 10px
    }
}

.product_gallery .innerPageTitle {
    display: none
}

@media only screen and (max-width: 991px) {
    .product_gallery .innerPageTitle {
        display: block
    }
}

.product_gallery .innerPageSubTitle {
    display: none
}

@media only screen and (max-width: 991px) {
    .product_gallery .innerPageSubTitle {
        display: block
    }
}

.product_gallery > ul {
    position: absolute;
    left: 20px;
    top: 50%;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 991px) {
    .product_gallery > ul {
        position: static;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px
    }
}

.product_gallery > ul > li {
    display: inline-block
}

.product_gallery > ul > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product_gallery > ul > li .zmdi:before {
    font-size: 21px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    color: #bfbfbf
}

.single_slideshow_big {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 43px
}

@media only screen and (max-width: 767px) {
    .single_slideshow_big {
        margin-bottom: 0;
        padding: 40px
    }
}

.single_slideshow_big:before {
    content: "";
    width: 372px;
    height: 372px;
    border-radius: 50%;
    background-color: #000;
    z-index: -1;
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%)
}

@media only screen and (max-width: 767px) {
    .single_slideshow_big:before {
        width: 300px;
        height: 300px
    }
}

.single_slideshow_big img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.single_slideshow_mini {
    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;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

@media only screen and (max-width: 567px) {
    .single_slideshow_mini {
        position: static;
        width: 100%;
        text-align: center
    }
}

.single_slideshow_mini .item {
    border: solid 1px #d9d9d9;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    width: 78px;
    height: 78px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    margin: 5px
}

@media only screen and (max-width: 1199px) {
    .single_slideshow_mini .item {
        margin-left: 3px;
        margin-right: 3px;
        width: 66px;
        height: 66px
    }
}

@media only screen and (max-width: 991px) {
    .single_slideshow_mini .item {
        width: 70px;
        height: 70px;
        margin-left: 2px;
        margin-right: 2px
    }
}

@media only screen and (max-width: 567px) {
    .single_slideshow_mini .item {
        width: 60px;
        height: 60px;
        margin: 5px
    }
}

.single_slideshow_mini .item > a {
    width: 100%;
    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;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.single_slideshow_mini .item.more {
    border: 1px solid #d9d9d9;
    background-color: #fff
}

.single_slideshow_mini .item:hover {
    border-color: #000
}

.single_slideshow_mini .item .zmdi {
    color: #999;
    font-size: 48px
}

@media only screen and (max-width: 567px) {
    .single_slideshow_mini .item .zmdi {
        margin-bottom: 0
    }
}

.single_slideshow_mini .item img {
    padding: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

@media only screen and (max-width: 767px) {
    .single_slideshow_mini .item img {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        padding: 0
    }
}

.single__desc__price {
    margin-top: 45px
}

.single__desc__price .single__desc__price--new {
    font-size: 18px;
    font-weight: 700;
    vertical-align: middle;
    display: inline-block;
    line-height: 25px
}

@media only screen and (max-width: 480px) {
    .single__desc__price .single__desc__price--new {
        font-size: 13px
    }
}

.single__desc__price .single__desc__price--new span {
    font-size: 30px
}

@media only screen and (max-width: 480px) {
    .single__desc__price .single__desc__price--new span {
        font-size: 20px
    }
}

.single__desc__price .single__desc__price--old {
    color: #989898;
    text-decoration: line-through;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    line-height: 25px;
    font-size: 18px
}

@media only screen and (max-width: 480px) {
    .single__desc__price .single__desc__price--old {
        margin-right: 5px
    }
}

.single__desc__price .single__desc__price--offer {
    display: inline-block;
    vertical-align: middle;
    background: #d90000;
    margin-right: 20px;
    border-radius: 10px;
    font-size: 14px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

@media only screen and (max-width: 480px) {
    .single__desc__price .single__desc__price--offer {
        margin-right: 5px;
        padding-left: 7px;
        padding-right: 7px
    }
}

.single__desc__price .single__desc__price--offer span {
    font-size: 14px
}

@media only screen and (max-width: 480px) {
    .single__desc__price .single__desc__price--offer span {
        font-size: 13px
    }
}

.single__desc__top {
    padding-bottom: 20px;
    position: relative;
    padding-left: 100px;
    margin-bottom: 20px
}

@media only screen and (max-width: 991px) {
    .single__desc__top {
        display: none
    }
}

.single__desc__top .single__desc__top__rate {
    position: absolute;
    left: 0;
    top: 5px;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .single__desc__top .single__desc__top__rate {
        position: static
    }
}

.single__desc__top .single__desc__top__rate b {
    font-weight: 400;
    display: block;
    color: #666;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 5px
}

.single__desc__details .single__desc__details__end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.single__desc__details .numsContainer {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.single__desc__details .numsContainer strong {
    margin-left: 10px;
    color: #666;
    font-size: 14px
}

.single__desc__details .numsContainer .nums {
    height: 45px;
    border-radius: 23px
}

.single__desc__details .numsContainer .nums .plus {
    height: 43px
}

.single__desc__details .numsContainer .nums .plus:after {
    line-height: 43px
}

.single__desc__details .numsContainer .nums .minus {
    height: 43px
}

.single__desc__details .numsContainer .nums .minus:after {
    line-height: 43px
}

.single__desc__details .numsContainer .nums #number {
    height: 43px
}

.single__desc__details .singleDescDetails {
    margin-bottom: 30px;
    line-height: 36px
}

.single__desc__details .singleDescDetails ul li {
    margin-bottom: 5px;
    color: grey;
    font-size: 14px
}

.single__desc__details .singleDescDetails ul li:last-child {
    margin-bottom: 0
}

.singleSpec {
    margin-bottom: 20px
}

.singleSpec h3 {
    color: #d90000;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 700
}

.singleSpec ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 36px
}

.singleSpec ul li {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-left: 2px;
    color: #666;
    position: relative;
    padding-right: 13px;
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .singleSpec ul li {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.singleSpec ul li:before {
    width: 5px;
    display: block;
    height: 5px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    background-color: #d90000;
    border-radius: 50%
}

.singleSpec ul li span {
    color: #000
}

.singleTabs {
    margin-bottom: 20px
}

#singleTabs .tabs ul {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#singleTabs .tabs ul > li > a {
    padding-left: 10px;
    padding-right: 10px;
    color: grey;
    font-size: 18px;
    border-radius: 3px;
    height: 35px;
    line-height: 35px;
    display: block
}

@media only screen and (max-width: 767px) {
    #singleTabs .tabs ul > li > a {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 13px
    }
}

#singleTabs .tabs ul > li.sep {
    color: #d9d9d9;
    font-size: 18px;
    margin-left: 14px;
    margin-right: 14px
}

#singleTabs .tabs ul > li.active > a, #singleTabs .tabs ul > li:hover > a {
    background-color: #d9d9d9
}

.singleContent {
    margin-bottom: 30px
}

.singleContent .tab-content {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 20px
}

.post {
    line-height: 30px;
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .post {
        line-height: 26px;
        font-size: 13px
    }
}

.post p {
    margin-bottom: 20px
}

.post p:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .post {
        font-size: 13px;
        line-height: 26px
    }
}

.post img {
    margin-bottom: 20px;
    border-radius: 10px
}

.st2 {
    padding-left: 10px;
    padding-right: 10px
}

@media only screen and (max-width: 991px) {
    .st2 {
        padding-left: 0;
        padding-right: 0
    }
}

.st2 h3 {
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 28px;
    font-size: 16px
}

.st2 .tbl_cnt {
    margin-bottom: 20px
}

.st2 .tbl_cnt:last-child {
    margin-bottom: 0
}

.tbl_cnt ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin-bottom: 4px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 567px) {
    .tbl_cnt ul li {
        display: block
    }
}

.tbl_cnt ul li .stl_r {
    width: calc(25% - 20px);
    padding: 12px 20px;
    padding-right: 0;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    font-size: 14px;
    color: #000;
    background-color: #fff;
    border-bottom: 1px solid #d9d9d9
}

@media only screen and (max-width: 1199px) {
    .tbl_cnt ul li .stl_r {
        width: calc(30% - 4px)
    }
}

@media only screen and (max-width: 991px) {
    .tbl_cnt ul li .stl_r {
        font-size: 13px
    }
}

@media only screen and (max-width: 767px) {
    .tbl_cnt ul li .stl_r {
        font-size: 12px;
        padding: 10px;
        width: calc(33% - 4px)
    }
}

@media only screen and (max-width: 567px) {
    .tbl_cnt ul li .stl_r {
        font-weight: 700;
        -ms-flex-item-align: normal;
        align-self: normal;
        width: 100%;
        font-size: 13px;
        padding-bottom: 8px;
        border-bottom: none
    }
}

.tbl_cnt ul li .stl_l {
    font-size: 14px;
    color: #000;
    background-color: #fff;
    border-bottom: 1px solid #d9d9d9;
    width: 75%;
    padding: 12px 20px;
    padding-right: 0;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

@media only screen and (max-width: 1199px) {
    .tbl_cnt ul li .stl_l {
        width: 70%
    }
}

@media only screen and (max-width: 991px) {
    .tbl_cnt ul li .stl_l {
        font-size: 13px
    }
}

@media only screen and (max-width: 767px) {
    .tbl_cnt ul li .stl_l {
        font-size: 12px;
        padding: 10px;
        width: 67%
    }
}

@media only screen and (max-width: 567px) {
    .tbl_cnt ul li .stl_l {
        -ms-flex-item-align: normal;
        align-self: normal;
        width: 100%
    }
}

.single__footer {
    padding-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .single__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 20px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.single__footer .single__footer__color > span {
    font-size: 14px;
    line-height: 25px;
    color: #000;
    margin-bottom: 10px;
    display: block
}

.single__footer .single__footer__btn {
    max-width: 190px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    margin-top: 30px;
    margin-left: 0
}

@media only screen and (max-width: 767px) {
    .single__footer .single__footer__btn {
        margin-left: auto
    }
}

.single__footer .single__footer__btn svg {
    vertical-align: middle;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    margin-left: 5px
}

.single__footer .single__footer__btn:hover svg {
    fill: #fff
}

.prodAccordionWrapper + .prodAccordionWrapper {
    margin-top: 50px
}

@media only screen and (max-width: 767px) {
    .prodAccordionWrapper + .prodAccordionWrapper {
        margin-top: 20px
    }
}

.prodAccordion {
    margin-bottom: 50px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .prodAccordion {
        margin-bottom: 20px
    }
}

.prodAccordion:before {
    content: "";
    width: 1px;
    background-color: #d9d9d9;
    position: absolute;
    right: 15px;
    top: 40px;
    bottom: 0;
    z-index: -1;
    display: none
}

.prodAccordion__title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    cursor: pointer;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.prodAccordion__title:before {
    content: "\f276";
    color: #000;
    font-size: 35px;
    vertical-align: middle;
    font-weight: 400;
    margin-left: 10px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.prodAccordion__desc {
    display: none;
    padding-top: 5px;
    padding-right: 40px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.prodAccordion.active:before {
    display: block
}

.prodAccordion.active .prodAccordion__title:before {
    content: "\f271"
}

.prodAccordion.active .prodAccordion__desc {
    display: block
}

.compare_list {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    z-index: 100;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-shadow: .484px -1.941px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: .484px -1.941px 1px 0 rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 991px) {
    .compare_list {
        display: none
    }
}

.compare_list .container {
    max-width: 100%
}

.compare_list .compare_btn {
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    background-color: #fc7323;
    font-size: 15px;
    margin-left: -10px
}

.compare_list .compare_btn:hover {
    background-color: #474747;
}

@media only screen and (max-width: 767px) {
    .compare_list .compare_btn {
        margin-left: 0;
        height: 40px;
        line-height: 40px
    }
}

@media only screen and (max-width: 480px) {
    .compare_list .compare_btn {
        width: 50%;
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }
}

.compare_list .remove_all {
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    color: #fc7323;
    background-color: #f8f8f8;
    font-size: 15px
}

.compare_list .remove_all:hover {
    background-color: #f3f3f3
}

.compare_list .remove_all span {
    position: relative;
    top: 1px
}

@media only screen and (max-width: 767px) {
    .compare_list .remove_all {
        height: 40px;
        line-height: 40px
    }
}

@media only screen and (max-width: 480px) {
    .compare_list .remove_all {
        width: 50%;
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }
}

.compare_list ul {
    float: right;
    padding-top: 8px;
    margin-left: -10px;
    margin-right: -10px
}

@media only screen and (max-width: 567px) {
    .compare_list ul {
        margin-left: -5px;
        margin-right: -5px
    }
}

@media only screen and (max-width: 767px) {
    .compare_list ul {
        width: 100%;
        clear: both;
        margin-bottom: 10px
    }
}

.compare_list ul li {
    padding-left: 10px;
    padding-right: 10px;
    float: right;
    position: relative
}

@media only screen and (max-width: 567px) {
    .compare_list ul li {
        padding-left: 5px;
        padding-right: 5px
    }
}

.compare_list ul li .remove_item {
    position: absolute;
    left: 0;
    top: -12px
}

.compare_list ul li .remove_item i:before {
    font-size: 20px;
    color: #000;
    position: relative;
    top: -1.5px;
    left: 1.5px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.compare_list ul li .remove_item:hover i:before {
    color: #fd3413
}

.compare_list ul li .over {
    display: none;
    width: 175px;
    height: 260px;
    position: absolute;
    top: -275px;
    right: -55px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 21px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 21px 0 rgba(0, 0, 0, .15);
    font-size: 14px;
    font-weight: 700;
    padding-top: 20px
}

.compare_list ul li .over:after {
    right: 50%;
    margin-right: -11px;
    position: absolute;
    bottom: -13px
}

.compare_list ul li .over img {
    margin-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.compare_list ul li .item {
    background-color: #fff;
    display: block;
    width: 50px;
    height: 50px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    border: 1px solid #e8e8e8
}

.compare_list ul li .item > a {
    display: block
}

.compare_list ul li .item > a img {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.compare_list ul li:hover .item {
    border-color: #333
}

.compare_list ul li:hover .item .over {
    display: block
}

@media only screen and (max-width: 767px) {
    .compare_list ul li:hover .item .over {
        display: none
    }
}

.compare_list h6 {
    float: right;
    margin-left: 50px;
    height: 65px;
    font-size: 15px;
    line-height: 65px
}

@media only screen and (max-width: 767px) {
    .compare_list h6 {
        height: 40px;
        line-height: 40px
    }
}

.superSale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.superSale > span {
    color: #d90000;
    margin-left: 30px
}

.superSale > ul {
    color: #d90000
}

.aboutPage {
    padding-top: 30px;
    padding-bottom: 70px
}

@media only screen and (max-width: 767px) {
    .aboutPage {
        padding-top: 20px;
        padding-bottom: 40px
    }
}

.aboutBox {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f7f7f7;
    border-radius: 10px;
    padding: 70px 50px 50px 50px;
    position: relative;
    margin-top: 60px;
    margin-bottom: 50px
}

@media only screen and (max-width: 991px) {
    .aboutBox {
        padding: 70px 25px 50px 25px
    }
}

@media only screen and (max-width: 767px) {
    .aboutBox {
        padding: 10px 20px
    }
}

.aboutBox__image {
    position: absolute;
    top: -53px;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.aboutBox__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 31px;
    margin-bottom: 10px
}

.aboutBox__detail {
    min-height: 300px
}

.aboutBox__detail p {
    color: #000;
    line-height: 30px;
    font-size: 14px
}

.aboutBox__detail p img {
    border-radius: 10px;
    float: left;
    margin-right: 20px
}

.generalBox {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
}

.generalBox__detail {
    min-height: 430px
}

.generalBox__detail span {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px
}

.generalBox__detail p {
    color: #000;
    line-height: 30px;
    font-size: 14px
}

.generalBox__detail p img {
    border-radius: 10px;
    float: right;
    margin-left: 20px
}

.contactHeader {
    -webkit-mask-image: url(../../img/mask-contact.svg);
    mask-image: url(../../img/mask-contact.svg);
    -webkit-mask-repeat: no-repeat, no-repeat;
    mask-repeat: no-repeat, no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: bottom;
    mask-position: bottom;
    min-height: 320px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .contactHeader {
        min-height: 200px
    }
}

.contactHeader:before {
    content: "";
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.contactHeader__image {
    position: absolute;
    z-index: -1;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right
}

@media only screen and (max-width: 767px) {
    .contactHeader__image {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: right;
        object-position: right
    }
}

.contactHeader__desc {
    position: relative;
    text-align: center
}

.contactHeader__desc--text {
    font-size: 18px;
    color: #fff;
    display: block
}

.contactHeader__desc--text img {
    vertical-align: middle;
    margin-left: 5px
}

.contactHeader__desc--tel {
    margin-top: 20px;
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #fff
}

.contactHeader__desc--email {
    margin-top: 60px;
    display: block;
    font-size: 14px;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .contactHeader__desc--email {
        margin-top: 40px
    }
}

.contactPage {
    padding-bottom: 80px
}

@media only screen and (max-width: 767px) {
    .contactPage {
        padding-bottom: 20px
    }
}

.contactBranch {
    padding-top: 50px;
    padding-bottom: 50px
}

@media only screen and (max-width: 767px) {
    .contactBranch {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media only screen and (max-width: 480px) {
    .contactBranch .rowGrid .colGrid4 {
        -ms-flex: 1 0 100%;
        -webkit-box-flex: 1;
        flex: 1 0 100%;
        max-width: 100%
    }
}

.contactBranch .branch {
    min-height: 270px;
    text-align: center;
    position: relative;
    padding-top: 75px
}

@media only screen and (max-width: 767px) {
    .contactBranch .branch {
        padding-top: 50px
    }
}

@media only screen and (max-width: 480px) {
    .contactBranch .branch {
        padding-top: 0;
        min-height: unset
    }
}

.contactBranch .branch__icon {
    background-color: #000;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

@media only screen and (max-width: 767px) {
    .contactBranch .branch__icon {
        width: 100px;
        height: 100px
    }
}

@media only screen and (max-width: 480px) {
    .contactBranch .branch__icon {
        display: none
    }
}

.contactBranch .branch__detail {
    background-color: #f7f7f7;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    padding-top: 75px
}

@media only screen and (max-width: 767px) {
    .contactBranch .branch__detail {
        padding-top: 50px
    }
}

@media only screen and (max-width: 480px) {
    .contactBranch .branch__detail {
        padding: 10px 20px
    }
}

.contactBranch .branch__detail--title {
    color: #000;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px
}

@media only screen and (max-width: 480px) {
    .contactBranch .branch__detail--title {
        margin-top: 10px
    }
}

.contactBranch .branch__detail--desc {
    font-size: 14px;
    line-height: 25px;
    color: #000;
    text-align: center
}

.contactPageForm {
    background-color: #fff;
    max-width: 568px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 991px) {
    .contactPageForm {
        padding: 20px;
        margin-bottom: 20px
    }
}

.contactPageForm hr {
    margin-top: 17px;
    margin-bottom: 17px;
    border-top: 1px solid #d9d9d9
}

.contactPageForm .contactPageFormDesc {
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.contactPageForm .contactPageFormDesc.FormDescHead {
    margin-bottom: 37px
}

@media only screen and (max-width: 1199px) {
    .contactPageForm .contactPageFormDesc {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0
    }
}

.contactPageForm .contactPageFormDesc h3 {
    color: #000;
    font-weight: 700;
    font-size: 24px;
    line-height: 41px
}

.contactPageForm .contactPageFormDesc p {
    color: #000;
    line-height: 30px;
    font-size: 14px
}

.contactPageForm .contactPageFormControls {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.contactPageForm .contactPageFormControls ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.contactPageForm .contactPageFormControls ul li {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-left: 10px;
    padding-right: 10px
}

@media only screen and (max-width: 480px) {
    .contactPageForm .contactPageFormControls ul li {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.contactPageForm .contactPageFormControls ul li.w100 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.contactPageForm .contactPageFormControls ul li .sec__code {
    float: right
}

@media only screen and (max-width: 480px) {
    .contactPageForm .contactPageFormControls ul li .sec__code {
        margin-bottom: 20px;
        width: 100%;
        text-align: center
    }
}

.contactPageForm .contactPageFormControls ul li .btn {
    float: left;
    margin-top: 10px;
    min-width: 100px
}

@media only screen and (max-width: 480px) {
    .contactPageForm .contactPageFormControls ul li .btn {
        margin-top: 0;
        float: none;
        width: 110px;
        display: block;
        margin-left: auto;
        margin-right: auto
    }
}

#blogPage {
    background-color: #f7f7f7;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 15px
}

#blogPage .search__filter__area {
    margin: 0
}

#blogPage .search__filter__area .sortBy {
    margin: 0
}

@media only screen and (max-width: 767px) {
    #blogPage .search__filter__area .sortBy {
        width: 100%;
        margin-left: 0
    }
}

.blogSearch {
    margin-right: auto;
    position: relative
}

@media only screen and (max-width: 767px) {
    .blogSearch {
        width: 100%;
        margin-top: 20px
    }
}

.blogSearch .searchInp {
    width: 560px;
    height: 45px;
    border-radius: 5px;
    border: solid 1px #d9d9d9;
    color: #4d4d4d;
    padding-right: 20px;
    padding-left: 50px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media only screen and (max-width: 1199px) {
    .blogSearch .searchInp {
        width: 360px
    }
}

@media only screen and (max-width: 991px) {
    .blogSearch .searchInp {
        width: 210px
    }
}

@media only screen and (max-width: 767px) {
    .blogSearch .searchInp {
        width: 100%
    }
}

.blogSearch .searchInp:hover {
    border-color: #d90000
}

.blogSearch .searchBtn {
    position: absolute;
    left: 0;
    top: 0;
    height: 45px;
    width: 45px;
    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;
    background-color: transparent;
    border: none;
    cursor: pointer
}

.blogSearch .searchBtn:after {
    content: '\f1c3';
    font-size: 24px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.blogPageItems > ul {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.blogPageItems > ul > li {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    margin-bottom: 45px
}

@media only screen and (max-width: 1199px) {
    .blogPageItems > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media only screen and (max-width: 480px) {
    .blogPageItems > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.blogPage {
    padding-bottom: 50px;
    margin-top: 30px
}

.multimediaItem {
    width: 100%;
    height: 100%;
    display: block;
    padding: 20px;
    border-radius: 10px;
    border: solid 1px #d9d9d9;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.multimediaItem:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16)
}

.multimediaItem img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px
}

.multimediaItem strong {
    font-size: 16px;
    display: block;
    margin-bottom: 20px
}

.multimediaItem .multimediaItemName {
    display: inline-block;
    margin-top: auto;
    padding-left: 12px;
    padding-right: 12px;
    background-color: #d90000;
    height: 25px;
    line-height: 25px;
    border-radius: 13px
}

.singleBlogPage {
    padding-bottom: 50px
}

#singleBlogPage {
    background-color: #fff
}

@media only screen and (max-width: 991px) {
    #singleBlogPage {
        padding: 30px
    }
}

@media only screen and (max-width: 767px) {
    #singleBlogPage {
        padding: 20px
    }
}

#singleBlogPage .singleBlogPageImage {
    margin-bottom: 20px;
    width: 100%
}

.singleNews {
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 70px 0
}

@media only screen and (max-width: 991px) {
    .singleNews {
        padding: 0
    }
}

.singleNews h1 {
    line-height: 2;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px
}

@media only screen and (max-width: 1199px) {
    .singleNews h1 {
        line-height: 1.8;
        font-size: 20px
    }
}

@media only screen and (max-width: 991px) {
    .singleNews h1 {
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    .singleNews h1 {
        font-size: 15px
    }
}

.singleNewsTools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

.singleNewsTools a {
    font-size: 12px;
    color: grey;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 480px) {
    .singleNewsTools a span {
        display: none
    }
}

.singleNewsTools a.sourceLink {
    margin-left: auto
}

.singleNewsTools a.dateLink {
    margin-left: auto
}

.singleNewsTools a.printLink {
    margin-left: 40px
}

@media only screen and (max-width: 767px) {
    .singleNewsTools a.printLink {
        margin-left: 20px
    }
}

@media only screen and (max-width: 480px) {
    .singleNewsTools a.printLink i {
        margin-left: 0
    }
}

@media only screen and (max-width: 480px) {
    .singleNewsTools a.shareLink i {
        margin-left: 0
    }
}

.singleNewsTools a i {
    font-size: 18px;
    margin-left: 6px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.singleNewsDate {
    display: block;
    margin-bottom: 15px;
    color: grey;
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .singleNewsDate {
        font-size: 13px
    }
}

.singleNewsKeywords {
    border-top: 1px solid #d9d9d9;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 35px;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .singleNewsKeywords {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 480px) {
    .singleNewsKeywords {
        padding-top: 12px
    }
}

.singleNewsKeywords strong {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 30px;
    color: #4d4d4d;
    margin-left: 5px;
    font-weight: 400;
    float: right
}

@media only screen and (max-width: 480px) {
    .singleNewsKeywords strong {
        width: 100%;
        margin-left: 0
    }
}

.singleNewsKeywords a {
    float: right;
    margin-right: 5px;
    border-radius: 5px;
    background-color: #f2f2f2;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    color: #4d4d4d;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px
}

@media only screen and (max-width: 480px) {
    .singleNewsKeywords a {
        margin-left: 5px;
        margin-right: 0
    }
}

.singleNewsKeywords a:hover {
    background-color: #d9d9d9
}

.newsNav {
    overflow: hidden;
    position: relative;
    margin-bottom: 5px
}

@media only screen and (max-width: 480px) {
    .newsNav {
        margin-bottom: 0
    }
}

.newsNav:after {
    content: '';
    display: block;
    background-color: #d9d9d9;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (max-width: 767px) {
    .newsNav:after {
        top: 50%;
        width: 100%;
        height: 1px
    }
}

.newsNav a {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    width: 50%
}

@media only screen and (max-width: 1199px) {
    .newsNav a {
        font-size: 15px
    }
}

@media only screen and (max-width: 991px) {
    .newsNav a {
        line-height: 25px;
        font-size: 13px
    }
}

.newsNav b {
    display: block;
    color: grey;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700
}

@media only screen and (max-width: 480px) {
    .newsNav b {
        margin-bottom: 0
    }
}

.newsNav b i {
    font-size: 21px;
    display: inline-block;
    vertical-align: middle
}

.newsNav.newsNavViews .newsNavNext {
    text-align: right;
    float: right;
    padding-right: 200px;
    padding-left: 20px;
    min-height: 103px;
    position: relative;
    padding-top: 10px;
    min-height: 125px
}

@media only screen and (max-width: 991px) {
    .newsNav.newsNavViews .newsNavNext {
        float: none;
        padding-right: 0
    }
}

.newsNav.newsNavViews .newsNavNext span {
    padding: 0;
    display: block
}

.newsNav.newsNavViews .newsNavNext img {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 10px
}

@media only screen and (max-width: 991px) {
    .newsNav.newsNavViews .newsNavNext img {
        display: none
    }
}

.newsNav.newsNavViews .newsNavPrev {
    text-align: left;
    float: left;
    padding-left: 200px;
    padding-right: 20px;
    min-height: 103px;
    position: relative;
    padding-top: 10px;
    min-height: 125px
}

@media only screen and (max-width: 991px) {
    .newsNav.newsNavViews .newsNavPrev {
        float: none;
        padding-left: 0
    }
}

.newsNav.newsNavViews .newsNavPrev span {
    padding: 0;
    display: block
}

.newsNav.newsNavViews .newsNavPrev img {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px
}

@media only screen and (max-width: 991px) {
    .newsNav.newsNavViews .newsNavPrev img {
        display: none
    }
}

#userpanel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#userpanel .userpanel__sidebar {
    height: auto;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 274px;
    flex: 0 0 274px;
    max-width: 274px;
    padding: 15px 20px 30px;
    background-color: #fff;
    overflow: hidden;
    border-left: solid 1px #d9d9d9
}

@media only screen and (max-width: 767px) {
    #userpanel .userpanel__sidebar {
        padding: 15px
    }
}

@media only screen and (max-width: 991px) {
    #userpanel .userpanel__sidebar {
        border-left: 0;
        border-bottom: solid 1px #d9d9d9;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        margin-bottom: 20px
    }
}

#userpanel .userpanel__sidebar ul {
    margin-bottom: 10px
}

#userpanel .userpanel__sidebar ul li a {
    border-radius: 24px;
    color: #4d4d4d;
    font-size: 14px;
    display: block;
    padding: 13px 15px;
    position: relative
}

@media only screen and (max-width: 991px) {
    #userpanel .userpanel__sidebar ul li a {
        font-size: 13px;
        padding: 10px
    }
}

@media only screen and (max-width: 1199px) {
    #userpanel .userpanel__sidebar ul li a {
        padding-top: 12px;
        padding-bottom: 12px
    }
}

#userpanel .userpanel__sidebar ul li a:after {
    position: absolute;
    left: 15px;
    top: 50%;
    content: '\f2fa';
    font-size: 21px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#userpanel .userpanel__sidebar ul li.active a, #userpanel .userpanel__sidebar ul li:hover a {
    background-color: #d90000
}

#userpanel .userpanel__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 274px);
    flex: 0 0 calc(100% - 274px);
    max-width: calc(100% - 274px);
    padding-right: 20px
}

@media only screen and (max-width: 991px) {
    #userpanel .userpanel__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0
    }
}

.userpanel {
    overflow: visible;
    padding-bottom: 70px;
    margin-top: 30px
}

@media only screen and (max-width: 767px) {
    .userpanel {
        padding-bottom: 20px
    }
}

.userpanel .prodSell {
    padding-top: 50px
}

@media only screen and (max-width: 767px) {
    .userpanel .prodSell {
        padding-top: 0
    }
}

.userpanelHead {
    position: relative;
    padding-bottom: 15px
}

.userpanelHead h2 {
    line-height: 25px;
    font-size: 14px;
    font-weight: 400
}

.userpanelHead h2 b {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 18px;
    display: block
}

@media only screen and (max-width: 1199px) {
    .userpanelHead h2 b {
        font-size: 16px
    }
}

@media only screen and (max-width: 1199px) {
    .userpanelHead h2 {
        font-size: 13px
    }
}

.exitLink {
    color: #e60000;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    top: 40px;
    left: 20px
}

@media only screen and (max-width: 767px) {
    .exitLink {
        font-size: 13px
    }
}

@media only screen and (max-width: 480px) {
    .exitLink {
        font-size: 11px
    }
}

.exitLink i {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    vertical-align: middle;
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: -2px
}

.userpanel_box {
    padding: 15px 20px;
    background-color: #fff;
    min-height: 402px
}

@media only screen and (max-width: 991px) {
    .userpanel_box {
        min-height: auto
    }
}

@media only screen and (max-width: 767px) {
    .userpanel_box {
        padding: 20px 10px 10px
    }
}

.userpanel_box h2 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    z-index: 1
}

.userpanel_box h2 i {
    position: relative;
    top: -2px;
    font-size: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1px
}

@media only screen and (max-width: 767px) {
    .userpanel_box h2 {
        font-size: 15px
    }
}

.userpanel_box__in {
    width: 100%;
    clear: both;
    overflow: hidden
}

.userpanel_box__in .basketBoxAddress > .row > div:last-child {
    margin-bottom: 0
}

.userpanel_box__in .comments .comment:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 991px) {
    .userpanel_box_dashboard {
        margin-bottom: 20px
    }
}

.userpanel_box_dashboard--user {
    border-left: 1px solid #d9d9d9
}

@media only screen and (max-width: 991px) {
    .userpanel_box_dashboard--user {
        border-left: 0;
        border-bottom: solid 1px #d9d9d9
    }
}

.userpanel_box_dashboard ul li {
    color: #666;
    font-size: 14px;
    padding: 12.5px 10px;
    overflow: hidden;
    border-bottom: solid 1px #d9d9d9
}

@media only screen and (max-width: 1199px) {
    .userpanel_box_dashboard ul li {
        font-size: 13px
    }
}

.userpanel_box_dashboard ul li:nth-child(2n+1) {
    background-color: #f7f7f7
}

.userpanel_box_dashboard ul li:first-child {
    border-top: solid 1px #d9d9d9
}

.userpanel_box_dashboard ul li span {
    float: left
}

.userpanel_box_dashboard ul li a {
    color: #666
}

.btn.informaion_edit_link {
    margin-top: 20px;
    float: left;
    min-width: 160px;
    background-color: #000;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    border: none
}

@media only screen and (max-width: 360px) {
    .btn.informaion_edit_link {
        width: 100%
    }
}

.btn.informaion_edit_link:hover {
    background-color: #d90000
}

.btn.change__password {
    margin-top: 20px;
    float: left;
    min-width: 100px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #b3b3b3;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border: none
}

@media only screen and (max-width: 360px) {
    .btn.change__password {
        width: 100%;
        margin-top: 10px
    }
}

.btn.change__password:hover {
    background-color: #d90000
}

#footer.footerHome {
    background-color: #f7f7f7
}

.footer {
    background-color: #000;
    -webkit-mask-image: url(../../img/mask2.svg);
    mask-image: url(../../img/mask2.svg);
    -webkit-mask-repeat: no-repeat, no-repeat;
    mask-repeat: no-repeat, no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: top;
    mask-position: top;
    padding-top: 50px;
    padding-bottom: 25px
}

.footer__logo {
    display: inline-block;
    padding-bottom: 50px;
    width:50%;
}

.footer__title {
    margin-bottom: 5px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    height: 30px
}

.footer__ul {
    line-height: 32px
}

.footer__ul li:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ff4000;
    margin-left: 10px;
    vertical-align: middle
}

.footer__ul li a {
    font-size: 12px;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .footer__ul li a {
        font-size: 11px
    }
}

.footer__ul li a:hover {
    color: #ff4000
}

@media only screen and (max-width: 991px) {
    .footer__newsletter {
        margin-bottom: 20px
    }
}

.footer__newsletter--title {
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

.footer__newsletter--input {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative
}

.footer__newsletter--input input {
    height: 50px;
    width: 100%;
    border-radius: 25px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-right: 70px;
    text-align: left;
    direction: ltr;
    padding-left: 20px
}

.footer__newsletter--input span {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    bottom: 10px;
    border-left: 1px solid #d9d9d9;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__newsletter--input span i {
    color: #bfbfbf;
    font-size: 21px
}

.footer__newsletter--btn {
    padding-top: 15px;
    text-align: center
}

.footer__newsletter--btn button {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    font-size: 14px;
    width: 100px;
    height: 35px;
    border: 2px solid #fff;
    background-color: transparent;
    border-radius: 20px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.footer__newsletter--btn:hover button {
    background-color: #fff;
    color: #000
}

@media only screen and (max-width: 991px) {
    .socialNetwork {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px
    }
}

.socialNetwork li {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.socialNetwork li a img {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    margin-bottom: 40px
}

@media only screen and (max-width: 991px) {
    .socialNetwork li a img {
        margin-bottom: 0
    }
}

.socialNetwork li a img.deactive {
    display: none
}

.socialNetwork li a:hover img {
    opacity: 1;
    display: none
}

.socialNetwork li a:hover img.deactive {
    display: inline-block
}

.socialNetwork li:last-child a img {
    margin-bottom: 0
}

.copyright {
    background-color: #000;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid rgba(255, 255, 255, .25)
}

@media only screen and (max-width: 767px) {
    .copyright {
        padding-top: 5px;
        padding-bottom: 15px;
        padding-left: 0;
        padding-right: 0
    }
}

.copyright #copyright {
    line-height: 30px;
    font-size: 12px;
    font-weight: 300;
    direction: ltr
}

@media only screen and (max-width: 767px) {
    .copyright #copyright {
        text-align: center;
        font-size: 11px;
        margin-bottom: 5px
    }
}

.copyright #copyright a {
    font-weight: 700;
    font-size: 12px
}

#ham3d {
    border-radius: 4px;
    width: 30px;
    height: 30px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    position: relative;
    z-index: 1;
    float: right;
    background-color: #fff
}

@media only screen and (max-width: 767px) {
    #ham3d {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto
    }
}

#ham3d a {
    position: relative;
    z-index: 1
}

#ham3d p {
    background-color: #fff;
    position: absolute;
    right: 2px;
    top: 0;
    padding-right: 25px;
    border-radius: 4px;
    font-size: 12px;
    width: 0;
    line-height: 30px;
    overflow: hidden;
    text-align: right;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    height: 30px
}

@media only screen and (max-width: 767px) {
    #ham3d p {
        display: none
    }
}

#ham3d .ham3d {
    display: inline-block;
    position: relative;
    line-height: 30px
}

#ham3d:hover p {
    width: 260px
}

.namad {
    padding: 20px;
    background-color: #fff;
    border-radius: 15px;
    max-width: 120px;
    margin-left: 0;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .namad {
        margin-left: auto;
        margin-right: auto;
        max-width: 200px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 40px
    }
}

.namad a {
    display: block;
    text-align: center;
    margin-bottom: 5px
}

.namad a:last-child {
    margin-bottom: 0
}