/*error*/
.error {
    padding: 5px;
    margin: 5px 5px 20px 5px;
    border: solid 1px #CB4721;
    background: #FDE4E1;
    color: #CB4721;
    line-height: 25px;
    border-radius: 5px !important;
    clear: both !important;
}

.success {
    padding: 5px 25px !important;
    border: solid 1px #C0F0B9 !important;
    background: #D5FFC6 !important;
    color: #48A41C !important;
    border-radius: 5px !important;
    clear: both;
    margin-bottom: 5px !important;
}

.alert {
    /*padding: 0px 10px !important;*/
    border: solid 2px rgba(203, 71, 33, .4) !important;
    color: #CB4721 !important;
    direction: rtl !important;
    text-align: right !important;
    border-radius: 5px !important;
    margin-bottom: 0 !important;
    opacity: 1 !important;
}

.img-responsive {
    display: inline;
    vertical-align: middle;
}

/*error*/
/*compare*/
#comparetable tr:hover .products2 {
    background: #21B8B8 !important;
    color: #ffffff;
}

#comparetable td {
    vertical-align: middle;
}

.ts-basket-product-arrow {
    background: rgba(0, 0, 0, 0) url("../images/comparearrow.gif") no-repeat scroll 0 0;
    bottom: -8px;
    height: 8px;
    padding: 0;
    position: absolute;
    width: 15px;
}

#comparetable tr:hover .products2 {
    background: #91B8F9 !important;
    color: #ffffff;
}

#comparetable td {
    vertical-align: middle;
}

.block2 .blc5 {
    position: relative;
    width: 200px;
}

.blc5 input[type="text"] {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #dbdbdb;
    /*    height: 18px;
        line-height: 18px;*/
    padding: 5px;
    width: 231px;
}

.blc5>ul #ajax_result22 {
    background: none repeat scroll 0 0 #ffffff;
    height: 170px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 33px;
    width: 219px;
    z-index: 99999999;
}

.result_hover a:hover {
    color: #61BAD0;
}

.blccc {
    color: #000000;
    font-size: 15px;
    font-weight: normal;
    height: 40px;
    line-height: 20px;
    padding: 0 12px;
    width: 194px;
}

.ts-basket-product-close {
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: url("../images/remove2.png") no-repeat 0px 0px;
    display: block;
}

/*compare*/

/*invoice*/
.table11 {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #CDCDCD;
    box-shadow: 0 2px 2px -2px #CCCCCC;
    position: relative;
}

.table11 td,
.table11 th {
    border: 1px solid #dadada;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    width: 9% !important;
}

.table11 td:first-child,
.table11 th:first-child {
    border-right: none;
}

.table11 td {
    padding: 9px 16px;
    vertical-align: middle;
    color: #000;
    text-align: center;
}

.table11 td a:hover {
    color: #FF7617;
}

.table11 td a {
    color: #2C5CAA;
}

.table11 tr {
    border-top: 1px solid #dadada;
}

.table11 tbody tr.deleted {
    border-top: 1px solid #E5383F !important;
}

.table11 th {
    text-align: center;
    padding: 7px 12px;
    background: #F8F8F8;
    background: -moz-linear-gradient(top, #efefef 0%, #efefef 100%);
    background: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #F8F8F8), color-stop(100%, #EFEFEF));
    background: -webkit-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: -o-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: -ms-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#efefef', GradientType=0);
    color: #000000;
    border: 1px solid #cecece;
}

/*invoice*/
/*invoice_info*/
.table33 {
    border: 1px solid #CDCDCD;
    box-shadow: 0 2px 2px -2px #CCCCCC;
    position: relative;
    width: 100%;

}

.table33 td,
.table33 th {
    border: 1px solid #dadada;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    width: auto !important;
}

.table33 td:first-child,
.table33 th:first-child {
    border-right: none;
}

.table33 td {
    padding: 9px 16px;
    vertical-align: middle;
    color: #000;
    text-align: center;
}

.table33 td a:hover {
    color: #FF7617;
}

.table33 tr {
    border-top: 1px solid #dadada;
}

.table33 tbody tr.deleted {
    border-top: 1px solid #E5383F !important;
}

.table33 th {
    text-align: center;
    padding: 7px 12px;
    background: #F8F8F8;
    background: -moz-linear-gradient(top, #efefef 0%, #efefef 100%);
    background: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #F8F8F8), color-stop(100%, #EFEFEF));
    background: -webkit-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: -o-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: -ms-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#efefef', GradientType=0);
    color: #000000;
    border: 1px solid #cecece;
}

.table22 {
    border: 1px solid #CDCDCD;
    box-shadow: 0 2px 2px -2px #CCCCCC;
    position: relative;
    width: 100%;
}

.table22 td,
.table22 th {
    border: 1px solid #dadada;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
}

.table22 td:first-child,
.table22 th:first-child {
    border-right: none;
}

.table22 td {
    padding: 9px 16px;
    vertical-align: middle;
    color: #000;
    text-align: center;
    /*width:10% !important;*/
}

.table22 td a:hover {
    color: #FF7617;
}

.table22 tr {
    border-top: 1px solid #dadada;
}

.table22 th {
    text-align: center;
    padding: 7px 12px;
    background: #F8F8F8;
    background: -moz-linear-gradient(top, #efefef 0%, #efefef 100%);
    background: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #F8F8F8), color-stop(100%, #EFEFEF));
    background: -webkit-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: -o-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: -ms-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#efefef', GradientType=0);
    color: #000000;
    border: 1px solid #cecece;
}

.basket_final_r {
    float: right;
    width: 61%;
    padding: 0 2%;
    border-left: 1px solid #e5e5e5;
}

.basket_final_r div {
    padding: 10px 5px;
}

.basket_final_r hr {
    height: 1px;
    padding: 1px 0;
    margin: 3px 0;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    clear: both;
}

.basket_final_l {
    float: left;
    width: 33%;
}

.basket_final_l a.add_pro {
    margin-top: -7px;
}

/*invoice_info*/
.rate_percent.cal_line1 {
    background-color: #9fda00;
}

.rate_percent.cal_line2 {
    background-color: #f1d300;
}

.rate_percent.cal_line3 {
    background-color: #c4eb00;
}

.rate_percent.cal_line4 {
    background-color: #e0f400;
}

.rate_percent.cal_line5 {
    background-color: #ef9103;
}

.rate_percent.cal_line6 {
    background-color: #ef8903;
}

.datepicker-input {
    position: relative !important;
    z-index: 200 !important;
}

.product_star img {
    display: inline !important;
}

.magnifier-preview {
    background-color: transparent;
    border: none;
}


.sortPageSec {
    padding-top: 0;
    padding-bottom: 50px;
    overflow: visible;
}


.sortPageSec__mostView {
    padding: 40px 20px;
}

.inp_border.birthday {
    position: relative;
}

.birthday_ic {
    position: absolute;
    z-index: 201;
    left: 10px;
    top: 58px;
    transform: translateY(-50%);
}

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

.headerTitle {
    font-size: 24px;
    font-weight: 700;
}

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

.sortPageSec__mostView>ul {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
}

.sortPageSec__mostView>ul li a {
    padding: 10px;
    color: #000;
    font-size: 16px;
    text-align: center;
    display: block;
    background-color: #f7f7f7;
    margin-bottom: 10px;
}

.sortPageSec__mostView>ul li a:hover {
    color: #fff;
    background: linear-gradient(#ffcbcb 0, #e6a1a1 100%);
}

#sortPageSec__mostView ul {
    -webkit-column-count: unset;
    -moz-column-count: unset;
    column-count: unset;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#sortPageSec__mostView ul li {
    width: 20%;
    margin: 0 10px;
}

@media only screen and (max-width: 991px) {
    .sortPageSec__mostView {
        padding: 20px;
    }

    #sortPageSec__mostView ul li {
        width: 25%;
        margin: 0 10px;
    }
}

@media only screen and (max-width: 991px) {
    .sortPageSec__mostView>ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (max-width: 767px) {
    .sortPageSec__mostView .headerTitle {
        font-size: 16px;
    }

    #sortPageSec__mostView ul li {
        width: 33%;
        margin: 0 10px;
    }
}

@media only screen and (max-width: 767px) {
    .sortPageSec__mostView>ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}


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

@media only screen and (max-width: 576px) {
    #sortPageSec__mostView ul li {
        width: 60%;
        margin: 0 10px;
    }
}




/* ------------------mainpage styles------------------------------ */
.aboutTitles,
.aboutPost {
    margin-right: 10px;
}

.slideshow .slick-slide .item .img-mosk {
    height: calc(100vh - 300px);
    object-fit: cover;
}

.slideshow {
    -webkit-mask-image: unset;
    mask-image: unset;
    margin-top: 80px;
}

.newProducts {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
    width: 100%;
}

.newProducts:before {
    z-index: 1;
}

.newProducts .product__image {
    width: 100%;
}

.newProducts .product__image img {
    width: 100%;
    margin: 0;
}

.newSliders .slick-slide {
    margin: 10px;
}

.newSliders .slick-list {
    margin: 10px -10px;
}



.newSliders2 .slick-slide {
    margin: 10px;
}

.newSliders2 .slick-list {
    margin: 10px -10px;
}








#footer .footerWrapper {
    -webkit-mask-image: unset;
    mask-image: unset;

}

.footer {
    background-color: #62BBAC;
}

.footerTop span {
    background-color: #62BBAC;
}

.footerTop span img {
    max-width: 300px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.copyright {
    background-color: #62BBAC;
}

.newBlogItems {

    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.newBlogItems .newBlogItems__image {
    display: block;
    width: 100%;
    overflow: hidden;

}

.newBlogItems__content {
    padding: 20px;
    width: 100%;
}

.newBlogItems__content--titles {
    text-align: center;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    display: inline-block;
    margin-bottom: 10px;
}

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

.newsItems__content--details .seeMore {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.newsItems__content--details .seeMore i {
    margin-right: 10px;
    vertical-align: middle
}

.newsItems__content--details .date {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin-top: 0;
}

.newsItems__content--details .date .tag {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    padding-right: 5px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.generalSliderWrapper__headers {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.generalSliderWrapper__headers .btn {
    margin: 0;
}

.homeSlugItem .imgCnt svg {
    fill: #62BBAC;
}

.ft h4 {
    color: #fff;
    font-size: 18px;
}

.newsletterForm .form-groups>.form-group .newsletterBtn .zmdi-long-arrow-right {
    color: #62BBAC;
}

.header__nav nav>ul>li>a:hover {
    color: #62BBAC !important;
}

#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: #62BBAC !important;
}

#menu>ul>li:hover>a {
    color: #62BBAC !important;
}

.homeSlug {
    background-color: transparent;
}

.slick-arrow.slick-next::after {
    color: #62BBAC;
    content: "\f2fb";
}

.slick-arrow.slick-prev::after {
    content: "\f2fa";
    color: #62BBAC;
}

.slick-arrow.slick-next::before,
.slick-arrow.slick-prev::before {
    content: none;
}

.slick-arrow.slick-next {
    right: -15px;
}

.slick-arrow.slick-prev {
    left: -15px;
}


.slick-arrow.slick-prev,
.slick-arrow.slick-next {
    border-color: #62BBAC;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25);
    border-radius: 5px;
    padding: 0;
    width: 30px;
    height: 40px;
    display: flex;
    align-items: center;
    background-color: #fff;
    justify-content: center;
}

.btn {
    border-radius: 10px;
    border: 1px solid #62BBAC;
    background-color: #62BBAC;
    color: #fff;
}

.btn:hover,
.btn:focus {
    background-color: #373268;
    border-color: #373268;
    color: #fff;
}

.slick-arrow.slick-prev:hover,
.slick-arrow.slick-next:hover {
    background-color: #62BBAC;
    border-color: #62BBAC;

}

.slick-arrow.slick-prev:hover:after,
.slick-arrow.slick-next:hover:after {
    color: #fff;

}



.homeCat__box:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#62BBAC), to(#62BBAC));
    background: linear-gradient(#62BBAC 0, #62BBAC 100%);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    box-shadow: 0 0 10px rgba(0, 0, 0, .16);
}

#menu>ul>li .mega_menu {
    border-top: 2px solid #62BBAC;
}

.header.header__fix {
    background: #fff;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
}

.header__nav nav>ul>li>a {
    color: #000;
    font-size: 16px;
}

.header__icon svg g,
.header__icon svg path {
    fill: #000;
}

.header__icon--shop span {
    background-color: #62BBAC;
}

.modal#searchModal .modal-content .searchModal_content .search .search_btn {
    background-color: #62BBAC !important;
}

.header.header__fix:hover .header__icon .header__icon--shop span {
    background-color: #62BBAC !important;
    color: #fff;
}

.header.active .header__icon .header__icon--shop span,
.header.activeAll .header__icon .header__icon--shop span {
    background-color: #62BBAC;
    color: #fff;
}

.product::before {

    border: 4px solid #62BBAC;

}

.newsItems__content--details .tag:hover {
    color: #62BBAC;
}

.ft ul li a {
    color: #fff;
    font-size: 14px;
}

.ft ul li a:hover {
    color: #373268;
}

.aboutWrapper {
    background-color: rgba(255, 255, 255, 1);
    padding: 30px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    margin-bottom: 30px;
}

.adsArea a::before,
.aboutWrapper__image:before {
    content: none !important;
}

.aboutWrapper__image {
    border-radius: 10px;
}

.aboutWrapper .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.aboutSec__units {
    margin-bottom: 20px;
}

.listItems {
    display: flex;
    align-items: center;
}

.listItems svg {
    margin-left: 5px;
}

.publicTitles {
    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;
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 700;
    color: #494949;
}

.publicTitles__boldText {
    font-size: 36px;
    font-weight: 700;
    color: #62BBAC;
    margin-right: 5px;
    display: inline-block;
}

.aboutTitles {
    margin-bottom: 10px;
    justify-content: flex-start;
}

.generalSliderWrapper {
    padding-top: 0;
    padding-bottom: 30px;
}

.newProductsSection .generalSliderWrapper {
    padding-bottom: 20px;
}

.sliderMain {
    margin-bottom: 30px;
}

#menu>ul>li .mega_menu {
    top: 80px;

}

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

.slider_block .ui-state-default,
.slider_block .ui-widget-content .ui-state-default,
.slider_block .ui-widget-header .ui-state-default {
    border: solid 3px #62BBAC;

}

.slider_block .ui-widget-header {
    background-color: #62BBAC;

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #62BBAC !important;

}

.prodBox__image--hover {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #fff;
    opacity: 0;
    z-index: 0;
    -webkit-animation: zoom-fade-out .5s ease 0s forwards;
    animation: zoom-fade-out .5s ease 0s forwards;
}

.product__image {
    display: block;
    width: 100%;
    padding-top: 0;
    position: relative;
    overflow: hidden;
}

.newProducts:hover .prodBox__image--hover {
    -webkit-animation: fade-in-small .5s cubic-bezier(.26, .54, .32, 1) 0s forwards;
    animation: fade-in-small .5s cubic-bezier(.26, .54, .32, 1) 0s forwards;
}

@-webkit-keyframes zoom-fade-out {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes zoom-fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fade-in-small {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in-small {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}


.page_products--sort>li.active,
.page_products--sort>li:hover {
    background-color: #62BBAC;
}

.filterStateCheckbox label input:checked+i {
    background-color: #62BBAC;
}

.paginationContainer .pagination li.active a,
.paginationContainer .pagination li:hover a {
    background: #62BBAC;
}

.userArea #userArea {

    border-top: 2px solid #62BBAC;

}

.copyright #ham3d a:hover {
    color: #373268;
}

#cd_cart strong {
    color: #373268;
}

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

.copyright #copyright a:hover {
    color: #fff;
}

.single__page .single__desc__button--btn {
    border-color: #62BBAC;
}

.single__page .single__desc__button--btn:hover {
    background-color: #62BBAC;
}

.btn.btnCancle:hover {
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn.cancle__btn {
    background-color: transparent !important;
    border-color: transparent !important;
    color: gray;
}

.btn.cancle__btn:hover {

    color: #000;
}

.single_slideshow_mini {
    position: static;
    height: auto;
    justify-content: flex-start;
    flex-direction: row;
    margin-top: 5px;
}

#single__page .single__page--devider {
    padding-left: 0;
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
}

.single_slideshow_mini .item {
    margin: 5px;
}


.aboutBanner img {
    width: 100%;
}

.aboutBanner {
    margin-bottom: 30px;
}

.aboutSection {
    margin-bottom: 30px;
    text-align: center;
}

.aboutSection__title {
    margin-bottom: 10px;
}

.contactForm__form .contactPageFormControls ul li .btn {
    background-color: #62BBAC;
    border-radius: 5px;
}

.contactForm__form .contactPageFormControls ul li .btn:hover {

    background-color: #373268;

}

.contactForm__detail {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
}

.contactForm--row {

    flex-direction: column;
}

.contactMap {
    padding-bottom: 0;
    padding-right: 0;
}

#google__map {
    height: 513px;
    border-radius: 10px;
    margin-bottom: 0;
}

.single__page .single__desc .numsContainer .nums {

    border-radius: 5px;
}

.single__page .single__desc__button--btn {
    background-color: #62BBAC;
    border-radius: 5px;
    color: #fff;
    border-color: #62BBAC;
}

.boxAddressItem .item input:checked~.itm::before {
    background-color: #62BBAC;

}

.single__page .single__desc__button--btn svg {

    fill: #fff;

}

.single__page .single__desc__button--btn:hover {
    border-color: #373268;
    background-color: #373268;

}

.boxAddressItem .item input:checked~.itm {
    border-color: #62BBAC;
}

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

.basketBoxSendItem .item input:checked~.itm::before {
    background-color: #62BBAC;
}

.basketBoxSendItem .item input:checked~.itm {
    border-color: #62BBAC;
}

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

#copon_area .copon_btn {
    background-color: #62BBAC;
    color: #fff !important;
}

#copon_area .copon_btn:hover {
    background-color: #373268;
}

@media screen and (max-width:991px) {
    .slideshow {
        margin-top: 0;
    }
}

@media screen and (max-width:767px) {
    .slideshow .slick-slide .item .img-mosk {
        height: 100%;

    }
}

.loginArea__view {
    display: none;
}

.loginArea::before {
    content: none;
}

.loginArea {
    padding: 30px;
}

.loginArea .btn {
    border-radius: 5px;
    color: #fff !important;
    background-color: #62BBAC;
}

.loginArea .btn:hover {
    background-color: #373268;
}

.videoBox {
    border-radius: 10px;
    overflow: hidden;
}

.newsletterForm .form-groups>.form-group .form-control {
    border-radius: 20px !important;
}

.singleNewsPicture {
    display: block;
    width: auto;
    border-radius: 10px;
    margin-right: auto;
    margin-left: auto;

}


.btn.change__password {
    background-color: #62BBAC;
    border-radius: 5px;
}

.btn.informaion_edit_link {
    background-color: #62BBAC;
    border-radius: 5px;
}

.btn.informaion_edit_link:hover {
    background-color: #373268;
}

.btn.change__password:hover {
    background-color: #373268;
}

.multiSection {
    margin-top: 20px;
}

.multiSection .sortBy {
    border-radius: 5px;
    border-color: #d9d9d9;
}

.multiSection .sortBy strong {
    background-color: #f7f7f7;
    height: 40px;
    line-height: 38px;
}

.multiSection .sortBy .select2.select2-container--default .select2-selection--single {
    background-color: #fff;
}

.multiSection .sortBy .select2.select2-container--default .select2-selection--single .select2-selection__arrow::after {
    line-height: 38px;
}

.mediaBox {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

.mediaBox__image {
    position: relative;
}

.mediaBox__image>img {
    width: 100%;
}

.mediaBox__image--icon {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 5px;
    background-color: rgba(98, 187, 172, 1);
    padding: 7px;
    width: auto;
    min-width: 50px;
    height: 30px;
    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;
    z-index: 95;
    color: #000;
}

.mediaBox__image--icon>img {
    width: auto;
    border-radius: 0;
    margin-left: 5px;
    display: inline-block;
}

.mediaBox__image .playIcon {
    width: auto;
    position: absolute;
    left: 50%;
    max-width: 50px;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.mediaBox__desc {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 10px;
    z-index: 20;
    text-align: center;
}

.mediaBox__desc--title {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    font-size: 14px;
    line-height: 30px;
    color: #000;
    margin-bottom: 0;
    font-weight: bold;
}

.mediaBox__desc::before {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    content: "";
    height: 50px;
    position: absolute;
    background-color: #fff;
    z-index: -1;
    bottom: 0;
    left: 0;
    right: 0;
}

.mediaBox::after {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 13, 125, 0)), to(#62BBAC));
    background: linear-gradient(rgba(98, 187, 172, 0) 0, #62BBAC 100%);
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 13;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.mediaBox:hover::after {
    opacity: 1;
}

.mediaBox:hover .mediaBox__desc {
    background-color: transparent;
    color: #fff;
}

.mediaBox:hover .mediaBox__desc::before {
    height: 0;
}

.mediaBox:hover .mediaBox__desc--title {
    color: #fff;
}


.comments__top .btn {
    display: inline-block;
    margin-top: 30px;
    font-size: 14px;
    height: 45px;
    line-height: 43px;
    min-width: 180px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff !important;
    border-radius: 5px;
    background-color: #62BBAC;
    border: none !important;

}

.single_slideshow_mini .item:hover {
    border-color: #62BBAC;
}

.comments__top .btn:hover {
    background-color: #373268;
}

.search__filter__area {
    padding-bottom: 20px;
}

.megaMenu2 {
    display: none;
    padding: 12px 20px;
    background-color: #fff;
    min-width: 183px;
    border-radius: 0 0 10px 10px;
    background: #fff;
    z-index: 10;
    position: absolute;
    top: 100%;
    right: 0;
    -webkit-box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .15);
}

li.submenu2 {
    position: relative;
}

.megaMenu2>ul>li>a {
    border-radius: 5px;
    display: block;
    color: #000;
    font-size: 14px;
}

.megaMenu2>ul {
    line-height: 30px;
    font-size: 14px;
}

.megaMenu2>ul>li>a:hover {
    padding-right: 10px;
    background-color: #f7f7f7;
    color: #62BBAC !important;
}

.newBlogItems__image img {
    width: 100%;
}


.result-attr .sizeSelect ul {
    display: flex;
    flex-wrap: wrap;

}

.result-attr .sizeSelect li {
    flex: 1 0 50%;
    max-width: 50%;
    margin: 0;
    padding: 5px;
}

.result-attr .sizeSelect li label {
    width: 100%;
}

.breadcrumbs .breadcrumb {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.basket__table .col2 .nums {
    border-radius: 5px;
}

@media screen and (max-width:1199px) {
    .multiSection .rowGrid .colGrid4 {
        flex: 1 0 33.33%;
        max-width: 33.33%;
    }

    .result-attr .sizeSelect li label span {
        font-size: 12px;
        padding-right: 5px;
        padding-left: 5px;
        min-width: 100%;
    }
}

.btn.btnTimeModal {
    color: #fff !important;
}

@media screen and (max-width:991px) {
    .publicTitles {
        font-size: 24px;
    }

    .mediaBox {
        margin-bottom: 0;
    }

    .publicTitles__boldText {
        font-size: 28px;

    }

    .aboutTitles {
        margin-top: 10px;
    }

    .aboutWrapper {
        padding: 20px;
    }

    .aboutPost {
        margin-right: 0;
    }

    .aboutTitles {
        margin-right: 0;
    }

    .footerTop {
        margin-bottom: 0;
    }

    .footerTop span img {
        max-width: 200px;

    }
}

@media screen and (max-width:767px) {
    .aboutBanner {
        margin-bottom: 15px;
    }

    .btn {
        min-width: 40px;
        width: auto;
        vertical-align: middle;
        height: 40px;
        line-height: 38px;
        text-align: center;
        padding-right: 10px;
        padding-left: 10px;

    }

    .contactMap .contactMapIn {
        padding-right: 0;
    }
}

@media screen and (max-width:567px) {
    .multiSection .rowGrid .colGrid4 {
        flex: 1 0 50%;
        max-width: 50%;
    }

    .result-attr .sizeSelect li {
        flex: 1 0 100%;
        max-width: 100%;

    }
}

@media screen and (max-width:480px) {
    .multiSection .rowGrid .colGrid4 {
        flex: 1 0 100%;
        max-width: 100%;
    }

    .publicTitles {
        font-size: 18px;
    }

    .publicTitles__boldText {
        font-size: 20px;
    }
}

.btn:hover .time_detail i {
    color: #fff;
}

.btn.btn-primary.active:hover i {
    color: grey;
}

.back__to__shop__cnt .continue__ordering:hover {
    background-color: #373268;
}

.placeholder {
    display: inline-block;
    margin-bottom: 15px;
}

.header.active .header__icon .header__icon--shop span,
.header.activeAll .header__icon .header__icon--shop span {
    background-color: #62BBAC !important;
    color: #fff !important;
}

@media only screen and (max-width: 991px) {
    .header.header__fix .header__icon .header__icon--shop span {
        background-color: #62BBAC !important;
        color: #fff;
    }
}

@media only screen and (max-width: 767px) {
    .sliderMain {
        margin-bottom: 0;
    }

    .single__page--devider {
        margin-bottom: 20px;
    }

    .newProducts:before {
        content: none !important;

    }

    .newProducts {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
    }
}

@media only screen and (max-width: 667px) {
    #ft .ft {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

}

.homeProductMobile {
    padding: 30px 0;
    margin-bottom: 30px;
}

.slideshow .slick-slide .item {
    overflow: hidden;
}

@media only screen and (max-width: 991px) {
    .product_gallery {
        margin-bottom: 0px;
    }
}


.arrowSlider .generalSlider .slick-arrow.slick-prev {
    left: 10px;

}

.arrowSlider .generalSlider .slick-arrow.slick-next {
    left: 50px;
}

.bigGallerySlider__items {
    display: block;
    width: 100%;
}

.bigGallerySlider__items img {
    width: 100%;
}

/* ------------------mainpage styles------------------------------ */
.single__desc__button--btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    padding: 8px 24px;
    border-radius: 23px;
    background-color: #62BBAC;
    border-radius: 5px;
    color: #fff;
    border-color: #62BBAC;
    outline: none;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}


.single__desc__button--btn svg {
    fill: #fff;
    margin-left: 10px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.headerWrapper.myTabs.scroll-to-fixed-fixed {
    position: absolute !important;
}

@media screen and (max-width:991px) {
    .productCatRow .colGrid4 {
        flex: 1 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width:767px) {
    .productCatRow .colGrid4 {
        flex: 1 0 100%;
        max-width: 100%;
    }
}

.visible-mobile {
    display: none;
}

.header__icon--shop span {
    margin: 0 5px;
}

@media screen and (max-width:567px) {
    .hidden-mobile {
        display: none;
    }

    .visible-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .headerWrapper.myTabs.scroll-to-fixed-fixed {
        background-color: #fff;
        position: fixed !important;
        width: 100% !important;
        left: 0 !important;
        filter: drop-shadow(0 0 2px rgba(0, 0, 0, .1));
    }
}


button.single__desc__button--btn {
    border-color: transparent;
}

.headSocial ul li>a {
    border-radius: 0;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.headSocial ul li>a:hover svg .staparat1 {
    fill: #ef3087;
}

.headSocial ul li>a:hover svg .staparat2 {
    fill: #fcfcfc;
}

.headSocial ul li>a svg .staparat1 {
    fill: #ef3087;
}

.headSocial ul li>a svg .staparat2 {
    fill: #fcfcfc;
}

.staparat1 {
    fill: #ef3087;
    stroke: #fff;
    stroke-width: 25;
    stroke-miterlimit: 10;
}

.staparat2 {
    fill: #fcfcfc;
}

.headSocial ul li>a:hover path {
    fill: unset;
}

.headSocial ul li>a path {
    fill: unset;
}

.headSocial ul li>a.telegram path {
    fill: #fcfcfc;
}


/* ---------------------------------------- */

.fixedIcon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    -webkit-animation: pulse-animation 2s infinite;
    animation: pulse-animation 2s infinite;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

@-webkit-keyframes pulse-animation {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(50, 216, 82, .6);
        box-shadow: 0 0 0 0 rgba(50, 216, 82, .6)
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(249, 124, 156, 0);
        box-shadow: 0 0 0 20px rgba(249, 124, 156, 0)
    }
}

@keyframes pulse-animation {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(50, 216, 82, .6);
        box-shadow: 0 0 0 0 rgba(50, 216, 82, .6)
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(249, 124, 156, 0);
        box-shadow: 0 0 0 20px rgba(249, 124, 156, 0)
    }
}


@media screen and (max-width:767px) {
    .fixedIcon {
        bottom: 80px;
    }

    .copyrightInner .row {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .headSocial {
        margin-bottom: 20px;
    }
}

.product__title {
    position: relative;
    z-index: 3;
}

.product__price {
    position: relative;
    z-index: 3;
}

.product::before {
    content: none;

}


.imageInnerWrap::before {
    content: "";
    position: absolute;
    border-radius: 10px;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 4px solid #62BBAC;
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    z-index: 1;
    pointer-events: none;
}

.newProducts:hover .imageInnerWrap::before {
    opacity: 1;
}

.product__price {
    margin-bottom: 10px;
}

@media screen and (max-width:767px) {
    .single__desc__button--btn {
        padding: 8px;
    }

    .copyright #copyright {
        padding: 10px 0;
    }
}

.newSliders .slick-dots {
    text-align: center;
}

.bigGallerySlider .slick-dots {
    text-align: center;
}

.relateSlider .slick-dots {
    text-align: center;
}

.relateSlider .slick-list {
    margin: 0 -10px;
}

.relateSlider .slick-slide {
    margin: 0 10px;
}


@media screen and (max-width:1199px) {
    .fixedIcon {
        position: fixed;
        bottom: 475px;

    }
}


.verticalTabs {
    display: flex;

}

.verticalTabs__head {
    background-color: #ecf0f4;
    padding:5px;
    border-radius: 6px;
    flex: 1 0 207px;
    max-width: 207px;
}

.verticalTabs__head .tabs {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
}

.verticalTabs__head .tabs ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    width: 100%;
    border: none !important;
}
.verticalTabs__head .tabs ul li{
    width: 100%;
    text-align: center;
    margin: 5px;
}
.verticalTabs .tabs ul li a{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #fff;
    padding-right: 15px;
    padding-left: 15px;
    color: #62BBAC;
    border-radius: 6px;
}
.verticalTabs .tabs ul li a::after {
    content: none !important;
}

.verticalTabs__body {
    flex: 1;
    margin-right: 20px;
    max-width: 100%;
    background-color: #ecf0f4;
    padding: 14px;
    border-radius: 6px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 500;
    height: 100%;
    line-height: 2;
}

.verticalTabs .tabs ul li.active a {
    background-color: #62BBAC;
    color: #fff;
  }

  @media screen and (max-width:767px){
    .verticalTabs__head{
        flex: 1 0 100%;
        max-width: 100%;

    }
    .verticalTabs__body{
        margin-right: 0;
    }
    .verticalTabs{
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        width: 100%;
    }
  }