@font-face{
    font-family:"overpasssemibold";
    src:url("../fonts/overpass-semibold.woff2") format("woff2"),url("../fonts/overpass-semibold.woff") format("woff");
    font-weight:600;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"overpassbold";
    src:url("../fonts/overpass-bold.woff2") format("woff2"),url("../fonts/overpass-bold.woff") format("woff");
    font-weight:700;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"overpasslight";
    src:url("../fonts/overpass-light.woff2") format("woff2"),url("../fonts/overpass-light.woff") format("woff");
    font-weight:300;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"overpassregular";
    src:url("../fonts/overpass-regular.woff2") format("woff2"),url("../fonts/overpass-regular.woff") format("woff");
    font-weight:400;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"Overpass-Black";
    src:url("../fonts/Overpass-Black.eot");
    src:url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Overpass-Black.woff2") format("woff2"),url("../fonts/Overpass-Black.woff") format("woff"),url("../fonts/Overpass-Black.ttf") format("truetype");
    font-weight:900;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinsbold";
    src:url("../fonts/poppins-bold.woff2") format("woff2"),url("../fonts/poppins-bold.woff") format("woff");
    font-weight:700;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"overpassheavy";
    src:url("../fonts/overpass-heavy.woff2") format("woff2"),url("../fonts/overpass-heavy.woff") format("woff");
    font-weight:900;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinsregular";
    src:url("../fonts/poppins-regular.woff2") format("woff2"),url("../fonts/poppins-regular.woff") format("woff");
    font-weight:400;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinssemibold";
    src:url("../fonts/poppins-semibold.woff2") format("woff2"),url("../fonts/poppins-semibold.woff") format("woff");
    font-weight:600;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinslight";
    src:url("../fonts/poppins-light.woff2") format("woff2"),url("../fonts/poppins-light.woff") format("woff");
    font-weight:300;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinsmedium";
    src:url("../fonts/poppins-medium.woff2") format("woff2"),url("../fonts/poppins-medium.woff") format("woff");
    font-weight:500;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"Roboto-Bold";
    src:url("../fonts/Roboto-Bold.eot");
    src:url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Bold.woff2") format("woff2"),url("../fonts/Roboto-Bold.woff") format("woff"),url("../fonts/Roboto-Bold.ttf") format("truetype");
    font-weight:bold;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Roboto-Medium";
    src:url("../fonts/Roboto-Medium.eot");
    src:url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Medium.woff2") format("woff2"),url("../fonts/Roboto-Medium.woff") format("woff"),url("../fonts/Roboto-Medium.ttf") format("truetype");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Roboto-Light";
    src:url("../fonts/Roboto-Light.eot");
    src:url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Light.woff2") format("woff2"),url("../fonts/Roboto-Light.woff") format("woff"),url("../fonts/Roboto-Light.ttf") format("truetype");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Roboto-Regular";
    src:url("../fonts/Roboto-Regular.eot");
    src:url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Regular.woff2") format("woff2"),url("../fonts/Roboto-Regular.woff") format("woff"),url("../fonts/Roboto-Regular.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Roboto-Black";
    src:url("../fonts/Roboto-Black.eot");
    src:url("../fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Black.woff2") format("woff2"),url("../fonts/Roboto-Black.woff") format("woff"),url("../fonts/Roboto-Black.ttf") format("truetype");
    font-weight:900;
    font-style:normal;
    font-display:swap
}
header.fixed{
    transition:.3s;
}
section{
    padding-top:0
}
.slider{
    position:relative;
    margin:0 auto
}
.slider iframe{
    width:100%;
    transform:scale(1.14);
    border:none
}
@media only screen and (max-width: 767px){
    .slider iframe{
        transform:scale(2.6)
    }
}
.slider .slick-slide div{
    height:100%
}
@media only screen and (max-width: 767px){
    .slider .slick-track{
        display:flex;
        align-items:center
    }
}
@media only screen and (min-width: 768px)and (max-width: 1024px){
    .slider{
        height:auto
    }
    .slider .text{
        display:none
    }
}
@media only screen and (max-width: 767px){
    .slider{
        height:auto
    }
    .slider .text{
        display:none
    }
}
.slider:hover .prev{
    transition:.3s;
    left:20px;
    opacity:1
}
.slider:hover .next{
    transition:.3s;
    right:20px;
    opacity:1
}
.slider .prev{
    cursor:pointer;
    transition:.3s;
    z-index:1;
    position:absolute;
    top:50%;
    left:0;
    opacity:0;
    transform:translateY(-50%);
    background:url(../images/iconSet.svg) no-repeat;
    background-position:0 0;
    width:35px;
    height:35px
}
@media only screen and (max-width: 1023px){
    .slider .prev{
        opacity:1;
        left:0 !important
    }
}
.slider .next{
    cursor:pointer;
    transition:.3s;
    z-index:1;
    position:absolute;
    top:50%;
    right:0;
    opacity:0;
    transform:translateY(-50%);
    background:url(../images/iconSet.svg) no-repeat;
    background-position:-90px 0;
    width:35px;
    height:35px
}
@media only screen and (max-width: 1023px){
    .slider .next{
        opacity:1;
        right:0 !important
    }
}
.slider .slick-list,.slider .slick-track,.slider .slideAll{
    height:100%
}
.slider .slick-dots{
    position:absolute;
    bottom:30px;
    left:0;
    z-index:2;
    width:100%;
    margin:0 auto;
    text-align:center;
    padding:0
}
@media only screen and (min-width: 768px)and (max-width: 1199px){
    .slider .slick-dots{
        padding:0 25px;
        bottom:20px
    }
}
@media only screen and (max-width: 767px){
    .slider .slick-dots{
        bottom:-38px;
        width:100%;
        padding:0;
        text-align:center
    }
}
.slider .slick-dots li{
    width:20px;
    height:20px;
    border:1px solid transparent;
    list-style-type:none;
    border-radius:50%;
    display:inline-block;
    position:relative;
    cursor:pointer
}
@media only screen and (max-width: 767px){
    .slider .slick-dots li{
        float:none;
        display:inline-block
    }
}
.slider .slick-dots li.slick-active:after{
    transition:.3s;
    opacity:1;
    transform:scale(1);
    border-color:#fec33b
}
.slider .slick-dots li.slick-active:before{
    transition:.3s;
    background:#fec33b
}
.slider .slick-dots li:after{
    transition:.3s;
    content:"";
    position:absolute;
    border-radius:50%;
    border:1px solid #d1d1d1;
    width:100%;
    height:100%;
    transform:scale(1.4);
    opacity:0;
    left:0
}
.slider .slick-dots li:before{
    transition:.3s;
    content:"";
    width:10px;
    height:10px;
    background:#d1d1d1;
    position:absolute;
    border-radius:50%;
    top:4px;
    left:4px
}
.slider .slick-dots li button{
    display:none
}
.slider .itemSlider{
    float:left;
    width:100%
}
.slider .img{
    width:100%;
    height:100%;
}
.slider .img img{
    width:100%;
    height:100%;
    border-radius: 40px;
}
.categoryMini{
    margin:25px 0 0 0;
    position:relative;
    display:inline-block;
    width:100%
}
@media only screen and (min-width: 768px)and (max-width: 1024px){
    .categoryMini{
        margin:30px 0 0 0
    }
}
.categoryMini .container-fluid{
    margin:0 auto;
    position:relative;
    top:58px
}
.categoryMini .listing{
    text-align:center;
    white-space:nowrap
}
@media only screen and (max-width: 767px){
    .categoryMini .listing{
        white-space:nowrap;
        overflow:hidden;
        overflow-x:auto;
        padding-bottom:10px
    }
}
.categoryMini .listing .item{
    display:inline-block;
    margin-right:30px;
    position: relative !important;
    z-index: 99;
}

.submenus {
    display: none;
    position: absolute;
    background-color: white;
    border: 3px solid #ececec;
    z-index: 99999;
    overflow: hidden;
    width: 100%; /* Bu, alt menünün üst öğenin genişliğini almasını sağlar */
    padding: 20px 10px;
    left: 0; /* Üst öğenin sol kenarına hizala */
    top: 0;
    border-radius: 8px;
}

.submenus a {
    float: left;
    width: 100%;
    color: #000;
    font-size: 13px;
    line-height: 30px;
    transition: all .3s;
    display: block;
    text-decoration: none;
    text-align: left;
}

@media only screen and (max-width: 767px){
    .categoryMini .listing .item{
        margin-right:10px
    }
}
.categoryMini .listing .item a{
    text-decoration:none
}
.categoryMini .listing .item:hover .ico{
    transition:.3s;
    background:#fff;
    border-color:#0c3b5d
}
.categoryMini .listing .item:hover span{
    transition:.3s;
    color:#0c3b5d
}
.categoryMini .listing .item .ico{
    transition: .3s;
    width: 95%;
    height: 100px;
    display: flex;
    align-items: center;
    border-radius: 12px;
    margin: 0 auto;
    border: 3px solid #ececec;
    background: white;
}
@media only screen and (max-width: 767px){
    .categoryMini .listing .item .ico{
        width:74px;
        height:63px
    }
}
.categoryMini .listing .item .ico img{
    margin:0 auto;
    max-width:100%;
    max-height:100%;
    height: 90%;
}
.categoryMini .listing .item span{
    transition:.3s;
    margin:10px 0 0 0;
    text-transform:capitalize;
    display:block;
    font:12px poppinsmedium,Roboto-Medium;
    color:#0c3b5d;
    white-space:nowrap;
    height:auto;
    box-shadow:none !important;
    appearance:none;
    -moz-appearance:none;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
@media only screen and (max-width: 767px){
    .categoryMini .listing .item span{
        font-size:11px
    }
}
.categoryMini .prev{
    cursor:pointer;
    transition:.3s;
    z-index:1;
    position:absolute;
    top:0;
    left:0;
    width:50px;
    height:100%;
    opacity:0
}
.categoryMini .prev.slick-arrow{
    opacity:1
}
@media only screen and (max-width: 767px){
    .categoryMini .prev{
        display:none
    }
}
.categoryMini .prev span{
    background:url(../images/iconSet.svg) no-repeat;
    background-position:0 0;
    width:35px;
    height:35px;
    display:block;
    float:right;
    position:relative;
    z-index:1;
    top:50%;
    transform:translateY(-85%)
}
.categoryMini .prev.slick-disabled{
    opacity:0;
    pointer-events:none
}
.categoryMini .prev:before{
    content:"";
    background:url(../images/prevgo.svg) no-repeat;
    position:absolute;
    right:0;
    height:100%;
    width:90px;
    z-index:1;
    top:0
}
.categoryMini .next{
    cursor:pointer;
    transition:.3s;
    z-index:1;
    position:absolute;
    top:0;
    right:0;
    width:50px;
    height:100%;
    opacity:0
}
.categoryMini .next.slick-arrow{
    opacity:1
}
@media only screen and (max-width: 767px){
    .categoryMini .next{
        display:none
    }
}
.categoryMini .next span{
    background:url(../images/iconSet.svg) no-repeat;
    background-position:-90px 0;
    width:35px;
    height:35px;
    display:block;
    float:right;
    position:relative;
    z-index:1;
    top:50%;
    transform:translateY(-85%)
}
.categoryMini .next:before{
    content:"";
    background:url(../images/golge.svg) no-repeat;
    position:absolute;
    right:0;
    height:100%;
    width:90px;
    z-index:1;
    top:0
}
.categoryMini .next.slick-disabled{
    opacity:0;
    pointer-events:none
}
.bestseller .slick-dots,.bigHomeBox .slick-dots,.likedProduct .slick-dots,.recentAdditions .slick-dots,.masonry .slick-dots,.campaigns .mobileListing .slick-dots{
    width:100%;
    margin:20px auto 0 auto;
    padding:0;
    text-align:center;
    float:left
}
.bestseller .slick-dots li,.bigHomeBox .slick-dots li,.likedProduct .slick-dots li,.recentAdditions .slick-dots li,.masonry .slick-dots li,.campaigns .mobileListing .slick-dots li{
    width:20px;
    height:20px;
    border:1px solid transparent;
    list-style-type:none;
    border-radius:50%;
    position:relative;
    cursor:pointer;
    display:inline-block
}
.bestseller .slick-dots li.slick-active:after,.bigHomeBox .slick-dots li.slick-active:after,.likedProduct .slick-dots li.slick-active:after,.recentAdditions .slick-dots li.slick-active:after,.masonry .slick-dots li.slick-active:after,.campaigns .mobileListing .slick-dots li.slick-active:after{
    transition:.3s;
    opacity:1;
    transform:scale(1);
    border-color:#fec33b;
    left:0
}
.bestseller .slick-dots li.slick-active:before,.bigHomeBox .slick-dots li.slick-active:before,.likedProduct .slick-dots li.slick-active:before,.recentAdditions .slick-dots li.slick-active:before,.masonry .slick-dots li.slick-active:before,.campaigns .mobileListing .slick-dots li.slick-active:before{
    transition:.3s;
    background:#fec33b
}
.bestseller .slick-dots li:after,.bigHomeBox .slick-dots li:after,.likedProduct .slick-dots li:after,.recentAdditions .slick-dots li:after,.masonry .slick-dots li:after,.campaigns .mobileListing .slick-dots li:after{
    transition:.3s;
    content:"";
    position:absolute;
    border-radius:50%;
    border:1px solid #d1d1d1;
    width:100%;
    height:100%;
    transform:scale(1.4);
    opacity:0;
    left:0
}
.bestseller .slick-dots li:before,.bigHomeBox .slick-dots li:before,.likedProduct .slick-dots li:before,.recentAdditions .slick-dots li:before,.masonry .slick-dots li:before,.campaigns .mobileListing .slick-dots li:before{
    transition:.3s;
    content:"";
    width:10px;
    height:10px;
    background:#d1d1d1;
    position:absolute;
    border-radius:50%;
    top:4px;
    left:4px
}
.bestseller .slick-dots li button,.bigHomeBox .slick-dots li button,.likedProduct .slick-dots li button,.recentAdditions .slick-dots li button,.masonry .slick-dots li button,.campaigns .mobileListing .slick-dots li button{
    display:none
}
.bestseller{
    margin:40px 0 0 0
}
.bestseller .slick-track{
    min-width:100%
}
@media only screen and (min-width: 1024px)and (max-width: 1290px){
    .bestseller{
        margin:40px 0 0 0
    }
    header .searchBar input[type="text"] {
        width: 450px !important;
        height: 55px;
    }
    .container {
        width: 97%;
        max-width: 97%;
        padding: 0 10px !important;
    }
}
@media only screen and (min-width: 768px)and (max-width: 1024px){
    .bestseller{
        margin:30px 0 0 0
    }
    .bestseller .container{
        padding:0 !important
    }
    .bestseller .titleGlobal{
        padding:0 25px
    }
    .bestseller .row{
        padding:0 0 15px 25px
    }
    .container {
        width: 97%;
        max-width: 97%;
        padding: 0 10px !important;
    }
    .wrapper {
        max-width: 100% !important;
    }
}
@media only screen and (max-width: 767px){
    .bestseller{
        margin:15px 0 0 0
    }
    .bestseller .titleGlobal{
        padding:0 15px
    }
    .bestseller .row{
        padding:0 0 15px 15px
    }
}
@media only screen and (max-width: 1024px){
    .bestseller .container{
        padding:0
    }
    .bestseller .row{
        overflow:hidden;
        overflow-x:auto;
        white-space:nowrap;
        display:block;
        margin:0 !important
    }
    .bestseller .row .col-md-4{
        width:280px;
        display:inline-block;
        white-space:initial;
        margin-right:22px;
        padding:0
    }
    .bestseller .images{
        height:170px !important
    }
    .bestseller .name h4{
        font-size:17px !important;
        line-height:20px !important
    }
    .bestseller .name span{
        font-size:11px !important
    }
    .bestseller .varMoney{
        font-size: 25px !important;
    }
    .bestseller .prices small{
        font-size:10px !important
    }
    .bestseller .prices i{
        font-size:8px !important;
        min-width:25px !important;
        margin-left:2px !important
    }
}
.bestseller .slick-slider .col-md-4{
    flex:inherit;
    max-width:100%
}
.campaigns{
    margin:80px 0 0 0
}
.campaigns .mobileListing .slick-slider .col-md-4{
    flex:inherit;
    max-width:100%
}
@media only screen and (min-width: 1024px)and (max-width: 1200px){
    .campaigns{
        margin:40px 0 0 0
    }
}
@media only screen and (min-width: 768px)and (max-width: 1024px){
    .campaigns{
        margin:30px 0 0 0
    }
}
@media only screen and (max-width: 767px){
    .campaigns{
        margin:15px 0 0 0
    }
}
.campaigns a{
    color:#0c3b5d;
    text-decoration:none
}
.campaigns .itemBig{
    border:1px solid #e2e2e2;
    position:relative
}
@media only screen and (max-width: 767px){
    .campaigns .itemBig{
        margin-bottom:20px
    }
}
.campaigns .itemBig .saleBox{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    display:flex
}
.campaigns .itemBig .saleBox span{
    font:78px overpassheavy,Roboto-Black;
    color:#fff;
    height:107px;
    padding:30px 35px;
    display:flex;
    align-items:center;
    background:#40c0c0
}
.campaigns .itemBig .saleBox span sub{
    font:44px overpassheavy,Roboto-Black;
    bottom:10px;
    color:#fff
}
.campaigns .itemBig .saleBox small{
    font:40px overpassheavy,Roboto-Black;
    color:#fff;
    display:flex;
    align-items:center;
    padding:0 25px;
    background:#fec33b;
    border-bottom-right-radius:20px
}
.campaigns .itemBig .images{
    height:457px;
    width:100%;
    overflow:hidden
}
.campaigns .itemBig .images picture{
    transition:.3s;
    display:block;
    height:100%
}
.campaigns .itemBig .images picture img{
    width:100%;
    height:100%;
    object-fit:cover
}
.campaigns .itemBig .text{
    text-align:center;
    padding:20px;
    display:flex;
    height:115px;
    align-items:center;
    justify-content:center
}
@media only screen and (max-width: 767px){
    .campaigns .itemBig .text{
        height:auto
    }
}
.campaigns .itemBig .text h3{
    font:25px poppinsmedium,Roboto-Medium;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
@media only screen and (max-width: 767px){
    .campaigns .itemBig .text h3{
        font-size:15px
    }
}
.campaigns .itemMini{
    border:1px solid #e2e2e2;
    margin-bottom:21px;
    position:relative
}
.campaigns .itemMini .saleNote{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:1;
    background:#fec33b;
    text-align:center;
    padding:8px
}
.campaigns .itemMini .saleNote span{
    display:inline-block;
    font:21px/25px overpassbold,Roboto-Bold;
    color:#fff
}
.campaigns .itemMini:last-child{
    margin-bottom:0
}
.campaigns .itemMini .images{
    height:205px;
    width:100%;
    overflow:hidden
}
@media only screen and (max-width: 1023px){
    .campaigns .itemMini .images{
        height:auto;
        max-height:initial
    }
}
.campaigns .itemMini .images picture{
    transition:.3s;
    display:block;
    height:100%
}
@media only screen and (max-width: 767px){
    .campaigns .itemMini .images picture{
        max-height:initial
    }
}
.campaigns .itemMini .images picture img{
    width:100%;
    height:100%;
    object-fit:contain
}
@media only screen and (max-width: 767px){
    .campaigns .itemMini .images picture img{
        max-height:initial
    }
}
.campaigns .itemMini .text{
    text-align:center;
    padding:20px;
    height:69px;
    display:flex;
    align-items:center;
    justify-content:center
}
@media only screen and (max-width: 767px){
    .campaigns .itemMini .text{
        height:auto
    }
}
.campaigns .itemMini .text h3{
    font:17px/22px poppinsmedium,Roboto-Medium;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
@media only screen and (max-width: 767px){
    .campaigns .itemMini .text h3{
        font-size:15px
    }
}
.bigHomeBox{
    margin:100px 0 0 0;
    max-height:700px;
    overflow:hidden;
    display:inline-block;
    width:100%
}
.bigHomeBox .listBox{
    max-width:1926px;
    margin:0 auto
}
.bigHomeBox .slick-arrow{
    position:absolute;
    z-index:1;
    top:50%;
    border:none;
    text-indent:-9999px;
    background:url(../images/iconSet.svg) no-repeat;
    background-position:0 0;
    width:35px;
    height:35px;
    transform:translateY(-50%)
}
.bigHomeBox .slick-arrow.slick-prev{
    left:25px
}
@media only screen and (max-width: 1200px){
    .bigHomeBox .slick-arrow.slick-prev{
        display:none !important
    }
}
.bigHomeBox .slick-arrow.slick-next{
    right:25px;
    background-position:-90px 0
}
@media only screen and (max-width: 1200px){
    .bigHomeBox .slick-arrow.slick-next{
        display:none !important
    }
}
@media only screen and (min-width: 1024px)and (max-width: 1200px){
    .bigHomeBox{
        margin:40px 0 0 0
    }
    .bigHomeBox .backImages{
        height:480px
    }
}
@media only screen and (min-width: 768px)and (max-width: 1024px){
    .bigHomeBox{
        margin:30px 0 0 0
    }
    .bigHomeBox .backImages{
        height:380px
    }
}
@media only screen and (max-width: 767px){
    .bigHomeBox{
        margin:25px 0 0 0
    }
}
.bigHomeBox .slick-dots{
    max-width:1520px;
    width:100%;
    margin-right:auto;
    margin-left:auto;
    float:none;
    padding:0 40px;
    margin-top:-20px;
    text-align:left;
    transform:translateY(-50px)
}
@media only screen and (min-width: 1024px)and (max-width: 1200px){
    .bigHomeBox .slick-dots{
        padding:0 30px;
        margin:0;
        position:absolute;
        transform:inherit;
        bottom:50px
    }
}
@media only screen and (max-width: 767px){
    .bigHomeBox .slick-dots{
        padding:0 15px;
        margin:0;
        position:absolute;
        transform:inherit;
        bottom:20px
    }
}
@media only screen and (min-width: 768px)and (max-width: 1024px){
    .bigHomeBox .slick-dots{
        padding:0 25px;
        margin-top:0;
        margin-bottom:-34px
    }
}
@media only screen and (min-width: 1200px)and (max-width: 1750px){
    .bigHomeBox .slick-dots{
        padding:0 100px
    }
}
.bigHomeBox .item{
    position:relative
}
.bigHomeBox .backImages{
    max-height:700px;
    overflow:hidden
}
.bigHomeBox .backImages picture{
    display:flex;
    align-items:center;
    justify-content:center;
    max-height:700px;
    height:100%
}
.bigHomeBox .backImages img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:bottom;
    max-height:700px
}
.bigHomeBox .allText{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    padding:30px 0
}
@media only screen and (min-width: 768px)and (max-width: 1024px){
    .bigHomeBox .allText .all{
        position:relative;
        z-index:1
    }
}
@media only screen and (max-width: 767px){
    .bigHomeBox .allText .title span{
        font-size:9px !important
    }
}
.bigHomeBox .allText .all{
    width:auto;
    display:inline-block;
    background:#ffffffb8;
    padding:20px;
    min-width:300px
}
@media only screen and (max-width: 767px){
    .bigHomeBox .allText .all{
        min-width:150px;
        padding:5px 25px 5px 15px
    }
}
@media only screen and (min-width: 1200px)and (max-width: 1750px){
    .bigHomeBox .allText .all{
        margin-left:60px
    }
}
.bigHomeBox .allText h1{
    font:67px poppinsmedium,Roboto-Medium;
    margin:0 0 -5px;
    color:#0c3b5d
}
@media only screen and (min-width: 768px)and (max-width: 1024px){
    .bigHomeBox .allText h1{
        font-size:40px
    }
}
@media only screen and (max-width: 767px){
    .bigHomeBox .allText h1{
        font-size:25px;
        margin:0
    }
}
.bigHomeBox .allText .title span{
    font:20px poppinsmedium,Roboto-Medium;
    display:block;
    margin:-5px 0 10px;
    color:#0c3b5d
}
@media only screen and (min-width: 768px)and (max-width: 1024px){
    .bigHomeBox .allText .title span{
        font-size:18px
    }
}
@media only screen and (max-width: 767px){
    .bigHomeBox .allText .title span{
        margin:0;
        font-size:20px
    }
}
@media only screen and (max-width: 767px){
    .bigHomeBox .allText small{
        font-size:13px !important;
        margin:0 !important
    }
}
.bigHomeBox .allText .money{
    color:#0c3b5d;
    text-align:left;
    width:auto !important
}
@media only screen and (max-width: 767px){
    .bigHomeBox .allText .money{
        margin-top:5px
    }
}
.bigHomeBox .allText .money span.varMoney{
    font:20px poppinssemibold,Roboto-Bold
}
@media only screen and (max-width: 767px){
    .bigHomeBox .allText .money span.varMoney{
        font-size:15px
    }
}
.bigHomeBox .allText .money span.prices{
    margin:-5px 0;
    font:14px poppinssemibold,Roboto-Bold
}
.likedProduct,.recentAdditions{
    margin:80px 0 0 0
}
@media only screen and (min-width: 1024px)and (max-width: 1200px){
    .likedProduct,.recentAdditions{
        margin:40px 0 0 0
    }
}
@media only screen and (min-width: 768px)and (max-width: 1024px){
    .likedProduct,.recentAdditions{
        margin:30px 0 0 0
    }
    .likedProduct .container,.recentAdditions .container{
        padding:0 !important
    }
    .likedProduct .row,.recentAdditions .row{
        padding:0 0 15px 25px
    }
    .likedProduct .titleGlobal,.recentAdditions .titleGlobal{
        padding:0 25px
    }
}
.likedProduct .listing,.recentAdditions .listing{
    display:none
}
@media only screen and (max-width: 767px){
    .likedProduct,.recentAdditions{
        margin:15px 0 0 0
    }
    .likedProduct .row,.recentAdditions .row{
        padding:0 0 15px 15px
    }
    .likedProduct .titleGlobal,.recentAdditions .titleGlobal{
        padding:0 15px
    }
}
@media only screen and (max-width: 1024px){
    .likedProduct .listing,.recentAdditions .listing{
        display:block
    }
    .likedProduct .allListing,.recentAdditions .allListing{
        display:none
    }
    .likedProduct .container,.recentAdditions .container{
        padding:0
    }
    .likedProduct .row,.recentAdditions .row{
        overflow:hidden;
        overflow-x:auto;
        white-space:nowrap;
        display:block;
        margin:0 !important
    }
    .likedProduct .row .col-md-4,.recentAdditions .row .col-md-4{
        width:280px;
        display:inline-block;
        white-space:initial;
        margin-right:22px;
        padding:0
    }
    .likedProduct .images,.recentAdditions .images{
        height:170px !important
    }
    .likedProduct .name h4,.recentAdditions .name h4{
        font-size:17px !important;
        line-height:20px !important
    }
    .likedProduct .name span,.recentAdditions .name span{
        font-size:11px !important
    }
    .likedProduct .varMoney,.recentAdditions .varMoney{
        font-size:12px !important
    }
    .likedProduct .prices small,.recentAdditions .prices small{
        font-size:10px !important
    }
    .likedProduct .prices i,.recentAdditions .prices i{
        font-size:8px !important;
        min-width:25px !important;
        margin-left:2px !important
    }
}
.likedProduct .money,.recentAdditions .money{
    width:100%
}
.likedProduct .items,.recentAdditions .items{
    margin-bottom:40px
}
.likedProduct .items:last-child,.recentAdditions .items:last-child{
    margin-bottom:0
}
.likedProduct .boxes,.recentAdditions .boxes{
    border:1px solid #e2e2e2;
    display:flex;
    position:relative;
    height:100%;
    padding:20px 30px
}
.likedProduct .boxes:hover picture,.recentAdditions .boxes:hover picture{
    transition:.3s;
    transform:scale(1.045)
}
.likedProduct .boxes .images,.recentAdditions .boxes .images{
    height:371px;
    width:480px;
    margin-right:20px;
    overflow:hidden
}
@media only screen and (min-width: 1024px)and (max-width: 1200px){
    .likedProduct .boxes .images,.recentAdditions .boxes .images{
        width:295px;
        height:315px
    }
}
@media only screen and (min-width: 1200px)and (max-width: 1280px){
    .likedProduct .boxes .images,.recentAdditions .boxes .images{
        width:420px
    }
}
.likedProduct .boxes .images picture,.recentAdditions .boxes .images picture{
    transition:.3s;
    display:flex;
    align-items:center;
    height:100%
}
.likedProduct .boxes .images picture.verticalImage img,.recentAdditions .boxes .images picture.verticalImage img{
    object-fit:contain
}
.likedProduct .boxes .images picture img,.recentAdditions .boxes .images picture img{
    width:100%;
    height:100%;
    object-fit:contain
}
.likedProduct .boxes .text,.recentAdditions .boxes .text{
    width:calc(100% - 480px)
}
@media only screen and (min-width: 1024px)and (max-width: 1200px){
    .likedProduct .boxes .text,.recentAdditions .boxes .text{
        width:calc(100% - 295px)
    }
}
@media only screen and (min-width: 1200px)and (max-width: 1280px){
    .likedProduct .boxes .text,.recentAdditions .boxes .text{
        width:calc(100% - 420px)
    }
}
.likedProduct .boxes .text .centered,.recentAdditions .boxes .text .centered{
    height:calc(100% - 65px);
    display:flex;
    align-items:center
}
.likedProduct .boxes .text .all,.recentAdditions .boxes .text .all{
    width:100%;
    text-align:right
}
.likedProduct .boxes .text .name,.recentAdditions .boxes .text .name{
    margin:0 0 10px 0
}
.likedProduct .boxes .text .name a,.recentAdditions .boxes .text .name a{
    color:#0c3b5d;
    text-decoration:none
}
.likedProduct .boxes .text .name h4,.recentAdditions .boxes .text .name h4{
    font:25px poppinsmedium,Roboto-Medium;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    margin:0
}
@media only screen and (min-width: 1024px)and (max-width: 1200px){
    .likedProduct .boxes .text .name h4,.recentAdditions .boxes .text .name h4{
        font-size:22px
    }
}
.likedProduct .boxes .text .name span,.recentAdditions .boxes .text .name span{
    font:16px poppinsmedium,Roboto-Medium;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.homeVideoBox{
    margin: 60px 0 0 0;
    padding: 10px 0 250px 0;
    border-top: antiquewhite dashed;
    border-bottom: antiquewhite dashed;
    background: url(../images/abstract-shapes-12.svg) center no-repeat #fff;
}
@media only screen and (min-width: 768px)and (max-width: 1024px){
    .homeVideoBox{
        margin:30px 0 0 0
    }
}
@media only screen and (max-width: 767px){
    .homeVideoBox{
        margin:15px 0 0 0
    }
}
.homeVideoBox .item{
    border:1px solid #e2e2e2
}
@media only screen and (min-width: 768px)and (max-width: 1024px){
    .homeVideoBox .item .col-md-9{
        flex:inherit;
        max-width:100%
    }
}
@media only screen and (min-width: 768px)and (max-width: 1024px){
    .homeVideoBox .item .col-md-3{
        flex:inherit;
        max-width:100%
    }
}
.homeVideoBox .item .videoImage{
    height:518px;
    background:#eee;
    width:100%;
    position:relative
}
@media only screen and (min-width: 1024px)and (max-width: 1200px){
    .homeVideoBox .item .videoImage{
        height:458px
    }
}
@media only screen and (min-width: 768px)and (max-width: 1024px){
    .homeVideoBox .item .videoImage{
        height:380px
    }
}
@media only screen and (max-width: 767px){
    .homeVideoBox .item .videoImage{
        height:185px
    }
}
.homeVideoBox .item .videoImage:hover:before{
    transition:.4s;
    transform:translate(-50%, -50%) scale(1.045)
}
.homeVideoBox .item .videoImage:before{
    transition:.4s;
    content:"";
    background:url(../images/play.svg) no-repeat;
    width:56px;
    height:64px;
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    pointer-events:none
}
.homeVideoBox .item .videoImage picture{
    display:flex;
    align-items:center;
    height:100%
}
.homeVideoBox .item .videoImage picture img{
    width:100%;
    height:100%;
    object-fit:cover
}
.homeVideoBox .item .col-md-3{
    display:flex;
    align-items:center
}
.homeVideoBox .item .all{
    padding:0 40px
}
@media only screen and (min-width: 1024px)and (max-width: 1200px){
    .homeVideoBox .item .all{
        padding:0 20px
    }
}
@media only screen and (min-width: 768px)and (max-width: 1024px){
    .homeVideoBox .item .all{
        padding:30px 50px
    }
}
@media only screen and (max-width: 767px){
    .homeVideoBox .item .all{
        padding:25px 40px
    }
}
.homeVideoBox .item .all .text{
    margin-bottom:auto
}
.homeVideoBox .item .all .text h4{
    font:25px/32px poppinsregular,Roboto-Regular;
    margin:0 0 25px 0;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
@media only screen and (min-width: 1024px)and (max-width: 1200px){
    .homeVideoBox .item .all .text h4{
        font-size:20px;
        line-height:28px
    }
}
@media only screen and (max-width: 767px){
    .homeVideoBox .item .all .text h4{
        margin:0 0 10px 0;
        font-size:18px;
        line-height:25px
    }
}
.homeVideoBox .item .all .text h4 strong{
    font-family:poppinsbold,Roboto-Bold
}
.homeVideoBox .item .all .text p{
    line-height:22px;
    font-size:15px;
    display:-webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
@media only screen and (max-width: 767px){
    .homeVideoBox .item .all .text p{
        font-size:14px;
        line-height:18px
    }
}
.homeVideoBox .item .all .text p:last-child{
    margin:0
}
.homeVideoBox .item .all .last{
    margin-top:10px
}
@media only screen and (min-width: 768px)and (max-width: 1024px){
    .homeVideoBox .item .all .last{
        width:100%;
        margin-top:20px
    }
}
@media only screen and (max-width: 767px){
    .homeVideoBox .item .all .last{
        margin-top:20px
    }
}
@media only screen and (max-width: 1024px){
    .homeVideoBox .item .all .dots{
        position:absolute;
        left:0;
        top:10px;
        width:100%
    }
    .homeVideoBox .item .all .dots ul{
        margin:0;
        text-align:center
    }
}
.homeVideoBox .item .all .dots ul{
    padding:0
}
.homeVideoBox .item .all .dots ul li{
    width:20px;
    height:20px;
    border:1px solid transparent;
    list-style-type:none;
    border-radius:50%;
    position:relative;
    cursor:pointer;
    display:inline-block
}
.homeVideoBox .item .all .dots ul li.slick-active:after{
    transition:.3s;
    opacity:1;
    transform:scale(1);
    border-color:#fec33b;
    left:0
}
.homeVideoBox .item .all .dots ul li.slick-active:before{
    transition:.3s;
    background:#fec33b
}
.homeVideoBox .item .all .dots ul li:after{
    transition:.3s;
    content:"";
    position:absolute;
    border-radius:50%;
    border:1px solid #d1d1d1;
    width:100%;
    height:100%;
    transform:scale(1.4);
    opacity:0;
    left:0
}
.homeVideoBox .item .all .dots ul li:before{
    transition:.3s;
    content:"";
    width:10px;
    height:10px;
    background:#d1d1d1;
    position:absolute;
    border-radius:50%;
    top:4px;
    left:4px
}
.homeVideoBox .item .all .dots ul li button{
    display:none
}
.homeVideoBox .item .all .link small{
    display:block;
    font-size:12px;
    line-height:18px;
    margin:0 0 20px 0;
    color:#0c3b5d
}
.homeVideoBox .item .all .link a{
    display:flex;
    color:#fff;
    text-decoration:none
}
.homeVideoBox .item .all .link a:hover span{
    transition:.3s;
    background:#0c3b5d
}
.homeVideoBox .item .all .link a span{
    transition:.3s;
    background:#fe0000;
    width:auto;
    border-top-left-radius:8px;
    padding:8px;
    border-bottom-left-radius:8px;
    text-align:center
}
.homeVideoBox .item .all .link a span u{
    text-decoration:none;
    text-align:center;
    display:inline-block
}
.homeVideoBox .item .all .link a span u:before{
    content:"";
    background:url(../images/iconSet.svg) no-repeat;
    background-position:-14px -439px;
    width:34px;
    height:24px;
    display:block;
    float:left;
    margin-right:5px
}
.homeVideoBox .item .all .link sub{
    bottom:0;
    background:#e2e2e2;
    font-size:16px;
    border-top-right-radius:8px;
    padding:20px 12px;
    border-bottom-right-radius:8px;
    color:#363636
}
.blogHome{
    margin:80px 0 0 0
}
@media only screen and (min-width: 1024px)and (max-width: 1200px){
    .blogHome{
        margin:40px 0 0 0
    }
}
@media only screen and (min-width: 768px)and (max-width: 1023px){
    .blogHome{
        margin:30px 0 0 0
    }
    .blogHome .titleGlobal{
        padding:0 25px
    }
    .blogHome .row{
        padding:0 0 15px 25px
    }
    .blogHome .container{
        padding:0 !important
    }
}
@media only screen and (max-width: 767px){
    .blogHome{
        margin:25px 0 0 0;
        float: left;
    }
    .blogHome .titleGlobal{
        padding: 10px 0px !important;
        background: none !important;
    }

    .blogHome .row .col-12{
        display:inline-block;
        white-space:initial;
        padding:0 30px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 1023px){
    .blogHome .all{
        margin:0 !important
    }
    .blogHome .listing{
        display:block
    }
    .blogHome .container{
        padding:0
    }
    .blogHome .row{
        overflow:auto;
        white-space:nowrap;
    }

    .blogHome .images{
        height:140px !important
    }
    .blogHome .proText{
        padding:15px !important
    }
    .blogHome .proText .name h4{
        font-size:16px !important;
        line-height:20px !important
    }
    .blogHome .proText .more{
        margin:10px 0 0 0 !important;
        font-size:13px !important
    }
    .blogHome .proText .more:after{
        margin:-1px 5px !important
    }
}
.blogHome .item{
    transition:.3s;
    border:1px solid #e2e2e2;
    position:relative
}
.blogHome .item:hover{
    transition:.3s
}
.blogHome .item:hover .images picture{
    transition:.3s;
    transform:scale(1.045)
}
.blogHome .item a{
    color:#0c3b5d;
    text-decoration:none
}
.blogHome .item .proText{
    padding:23px 30px
}
@media only screen and (min-width: 1024px)and (max-width: 1200px){
    .blogHome .item .proText{
        padding:20px
    }
}
.blogHome .item .proText .name{
    width:100%
}
.blogHome .item .proText .name h4{
    margin:0 0 5px 0;
    font-size:19px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height:23px;
    text-overflow:ellipsis
}
.blogHome .item .proText .name span{
    font-size:14px;
    line-height:18px;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.blogHome .item .images{
    overflow:hidden;
    height:220px;
    background:#eee
}
@media only screen and (min-width: 1024px)and (max-width: 1200px){
    .blogHome .item .images{
        height:180px
    }
}
.blogHome .item .images picture{
    transition:.3s;
    display:flex;
    height:100%;
    align-items:center
}
.blogHome .item .images picture img{
    width:100%;
    height:100%;
    object-fit:cover
}
.blogHome .item .more{
    margin:30px 0 0 0;
    display:inline-block
}
.blogHome .item .more:after{
    content:"";
    background:url(../images/iconSet.svg) no-repeat;
    background-position:-90px -152px;
    width:20px;
    height:20px;
    display:block;
    float:right;
    margin:2px 8px
}
.blogHome .all{
    margin:40px 0
}
.blogHome .all a{
    transition:.3s;
    display:inline-block;
    text-decoration:none;
    font-size:16px;
    color:#0c3b5d;
    border-radius:30px;
    padding:10px 20px;
    border:1px solid transparent
}
.blogHome .all a:hover{
    transition:.3s;
    border-color:#0c3b5d
}
.blogHome .all a:after{
    content:"";
    background:url(../images/iconSet.svg) no-repeat;
    background-position:-90px -152px;
    width:20px;
    height:20px;
    display:block;
    float:right;
    margin:2px 8px
}
.instaBox{
    margin:80px 0 0 0
}
.instaBox .all{
    margin:40px 0
}
.instaBox .all a{
    transition:.3s;
    display:inline-block;
    text-decoration:none;
    font-size:16px;
    color:#0c3b5d;
    border-radius:30px;
    padding:10px 20px;
    border:1px solid transparent
}
.instaBox .all a:hover{
    transition:.3s;
    border-color:#0c3b5d
}
.instaBox .all a:after{
    content:"";
    background:url(../images/iconSet.svg) no-repeat;
    background-position:-90px -152px;
    width:20px;
    height:20px;
    display:block;
    float:right;
    margin:2px 8px
}

.instaBox h4 {
    margin: 10px 0 5px 0;
    font-size: 19px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 23px;
    text-overflow: ellipsis;
    color: black;
    text-align: center;
}
@media only screen and (min-width: 768px)and (max-width: 1024px){
    .instaBox{
        margin:30px 0 0 0
    }
}
@media only screen and (max-width: 767px){
    .instaBox{
        margin:25px 0 0 0
    }
    .instaBox .instagram_gallery{
        display:block !important
    }
    .instaBox .container{
        padding:0
    }
    .instaBox .titleGlobal{
        padding:0 15px
    }
    .instaBox .row{
        overflow:auto;
        white-space:nowrap;
        display:flex;
        margin:0 !important;
        padding:0
    }
    .instaBox .row .col-3{
        width:166px;
        display:inline-block;
        white-space:initial;
        flex:inherit;
        max-width:inherit
    }
}
.instaBox .listing{
    position:relative;
    min-height:150px
}
@media only screen and (max-width: 767px){
    .instaBox .listing{
        min-height:initial
    }
}
.instaBox .listing .centerIco{
    position:absolute;
    top:50%;
    left:50%;
    z-index:2;
    background:#fff;
    transform:translate(-50%, -50%);
    height:107px;
    width:230px;
    text-align:center;
    padding:10px 0
}
@media only screen and (max-width: 767px){
    .instaBox .listing .centerIco{
        display:none
    }
}
.instaBox .listing .centerIco a{
    text-decoration:none
}
.instaBox .listing .centerIco i.ico{
    background:url(../images/iconSet.svg) no-repeat;
    background-position:-90px -420px;
    display:block;
    width:60px;
    height:60px;
    margin:0 auto
}
.instaBox .listing .centerIco span{
    font:17px poppinsmedium,Roboto-Medium;
    color:#0c3b5d;
    text-transform:uppercase
}
.instaBox .instagram_gallery{
    display:inline-block;
    width:100%
}
.instaBox .instagram_gallery picture{
    overflow:hidden;
    height:22vw;
    max-height:300px;
    display:flex;
    align-items:center
}
@media only screen and (max-width: 767px){
    .instaBox .instagram_gallery picture{
        height:167px
    }
}
.instaBox .instagram_gallery picture img{
    transition:.3s;
    width:100%;
    height:100%;
    object-fit:cover
}
.instaBox .instagram_gallery picture img:hover{
    transition:.3s;
    transform:scale(1.05)
}
.instaBox .instagram_gallery a{
    display:block;
    padding:5px
}
@media only screen and (max-width: 767px){
    .instaBox .instagram_gallery a{
        padding:0
    }
}

.mallButton{
    padding:0 15px;
    text-align:center
}
@media only screen and (max-width: 767px){
    .mallButton{
        display:block !important
    }
    .mallButton a{
        background:#f6f6f6;
        font-size:13px;
        color:#0c3b5d;
        border-radius:8px;
        text-transform:uppercase;
        padding:17px;
        display:inline-block;
        width:100%;
        text-decoration:none;
        font-family:poppinssemibold,Roboto-Bold
    }
    .mallButton a:before{
        content:"";
        background:url(../images/marker.svg) no-repeat;
        display:block;
        width:23px;
        height:31px;
        margin:-5px 0 -20px 0;
        float:left
    }
}
@media only screen and (min-width: 1024px)and (max-width: 1200px){
    .proGlobal .item .images{
        height:180px !important
    }
}
@media only screen and (max-width: 1200px){
    .webActive{
        display:none
    }
}
@media only screen and (min-width: 1200px){
    .mobileListing.listing{
        display:none
    }
}
html:lang(ar) .slider .slick-slide{
    float:left !important
}
html:lang(ar) .slider .slick-list,html:lang(ar) .slider .slick-track,html:lang(ar) .slider .slideAll{
    direction:ltr
}
html:lang(ar) .homeVideoBox .item .row{
    margin:0
}
html:lang(ar) .homeVideoBox .item .row .link a{
    display:none
}
html:lang(ar) .titleGlobal{
    text-align:right
}
html:lang(ar) .likedProduct .boxes .images,html:lang(ar) .recentAdditions .boxes .images{
    margin-left:20px;
    margin-right:0
}
@font-face{
    font-family:"overpasssemibold";
    src:url("../fonts/overpass-semibold.woff2") format("woff2"),url("../fonts/overpass-semibold.woff") format("woff");
    font-weight:600;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"overpassbold";
    src:url("../fonts/overpass-bold.woff2") format("woff2"),url("../fonts/overpass-bold.woff") format("woff");
    font-weight:700;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"overpasslight";
    src:url("../fonts/overpass-light.woff2") format("woff2"),url("../fonts/overpass-light.woff") format("woff");
    font-weight:300;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"overpassregular";
    src:url("../fonts/overpass-regular.woff2") format("woff2"),url("../fonts/overpass-regular.woff") format("woff");
    font-weight:400;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"Overpass-Black";
    src:url("../fonts/Overpass-Black.eot");
    src:url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Overpass-Black.woff2") format("woff2"),url("../fonts/Overpass-Black.woff") format("woff"),url("../fonts/Overpass-Black.ttf") format("truetype");
    font-weight:900;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinsbold";
    src:url("../fonts/poppins-bold.woff2") format("woff2"),url("../fonts/poppins-bold.woff") format("woff");
    font-weight:700;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"overpassheavy";
    src:url("../fonts/overpass-heavy.woff2") format("woff2"),url("../fonts/overpass-heavy.woff") format("woff");
    font-weight:900;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinsregular";
    src:url("../fonts/poppins-regular.woff2") format("woff2"),url("../fonts/poppins-regular.woff") format("woff");
    font-weight:400;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinssemibold";
    src:url("../fonts/poppins-semibold.woff2") format("woff2"),url("../fonts/poppins-semibold.woff") format("woff");
    font-weight:600;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinslight";
    src:url("../fonts/poppins-light.woff2") format("woff2"),url("../fonts/poppins-light.woff") format("woff");
    font-weight:300;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinsmedium";
    src:url("../fonts/poppins-medium.woff2") format("woff2"),url("../fonts/poppins-medium.woff") format("woff");
    font-weight:500;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"Roboto-Bold";
    src:url("../fonts/Roboto-Bold.eot");
    src:url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Bold.woff2") format("woff2"),url("../fonts/Roboto-Bold.woff") format("woff"),url("../fonts/Roboto-Bold.ttf") format("truetype");
    font-weight:bold;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Roboto-Medium";
    src:url("../fonts/Roboto-Medium.eot");
    src:url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Medium.woff2") format("woff2"),url("../fonts/Roboto-Medium.woff") format("woff"),url("../fonts/Roboto-Medium.ttf") format("truetype");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Roboto-Light";
    src:url("../fonts/Roboto-Light.eot");
    src:url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Light.woff2") format("woff2"),url("../fonts/Roboto-Light.woff") format("woff"),url("../fonts/Roboto-Light.ttf") format("truetype");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Roboto-Regular";
    src:url("../fonts/Roboto-Regular.eot");
    src:url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Regular.woff2") format("woff2"),url("../fonts/Roboto-Regular.woff") format("woff"),url("../fonts/Roboto-Regular.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Roboto-Black";
    src:url("../fonts/Roboto-Black.eot");
    src:url("../fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Black.woff2") format("woff2"),url("../fonts/Roboto-Black.woff") format("woff"),url("../fonts/Roboto-Black.ttf") format("truetype");
    font-weight:900;
    font-style:normal;
    font-display:swap
}
.itemBig .numberBox{
    margin-top:-100px
}
@media only screen and (max-width: 767px){
    .itemBig .numberBox{
        position:relative;
        margin:-40px 0 -10px 0 !important
    }
}
.numberBox{
    text-align:center;
    position:absolute;
    margin-bottom:-15px;
    margin-top:-54px;
    width:100%
}
@media only screen and (max-width: 767px){
    .numberBox{
        position:relative;
        margin-top:-50px
    }
}
.numberBox .numberAll{
    width:102px;
    height:114px;
    display:block;
    overflow:hidden;
    background:#40c0c0;
    font:60px poppinsbold,Roboto-Bold;
    position:relative;
    color:#fff;
    text-align:center
}
.numberBox .timerClass ul,.numberBox .miniTimer ul{
    transform:translateY(2px)
}
.numberBox .timerClass .numberAll,.numberBox .miniTimer .numberAll{
    width:55px;
    height:62px;
    font:30px poppinsbold,Roboto-Bold
}
.numberBox .timerClass .numberAll figcaption,.numberBox .miniTimer .numberAll figcaption{
    font:10px poppinsbold,Roboto-Bold;
    bottom:8px
}
.numberBox #timer,.numberBox #timerPopup,.numberBox .timerClass,.numberBox .bigTimer,.numberBox .miniTimer{
    margin:0 auto;
    position:relative
}
@media only screen and (max-width: 767px){
    .numberBox #timer ul,.numberBox #timerPopup ul,.numberBox .timerClass ul,.numberBox .bigTimer ul,.numberBox .miniTimer ul{
        transform:translateY(2px)
    }
    .numberBox #timer .numberAll,.numberBox #timerPopup .numberAll,.numberBox .timerClass .numberAll,.numberBox .bigTimer .numberAll,.numberBox .miniTimer .numberAll{
        width:55px;
        height:62px;
        font:30px poppinsbold,Roboto-Bold
    }
    .numberBox #timer .numberAll figcaption,.numberBox #timerPopup .numberAll figcaption,.numberBox .timerClass .numberAll figcaption,.numberBox .bigTimer .numberAll figcaption,.numberBox .miniTimer .numberAll figcaption{
        font:10px poppinsbold,Roboto-Bold;
        bottom:8px
    }
}
.numberBox #timer figure,.numberBox #timerPopup figure,.numberBox .timerClass figure,.numberBox .bigTimer figure,.numberBox .miniTimer figure{
    display:inline-block;
    max-width:inherit !important;
    margin:0 !important;
    position:relative;
    height:auto
}
.numberBox #timer figure.hour .numberAll,.numberBox #timerPopup figure.hour .numberAll,.numberBox .timerClass figure.hour .numberAll,.numberBox .bigTimer figure.hour .numberAll,.numberBox .miniTimer figure.hour .numberAll{
    background:#cb5799
}
.numberBox #timer figure.minute .numberAll,.numberBox #timerPopup figure.minute .numberAll,.numberBox .timerClass figure.minute .numberAll,.numberBox .bigTimer figure.minute .numberAll,.numberBox .miniTimer figure.minute .numberAll{
    background:#0080bb
}
.numberBox #timer figure.second .numberAll,.numberBox #timerPopup figure.second .numberAll,.numberBox .timerClass figure.second .numberAll,.numberBox .bigTimer figure.second .numberAll,.numberBox .miniTimer figure.second .numberAll{
    background:#fec33b
}
.numberBox #timer figure:first-child .numberAll,.numberBox #timerPopup figure:first-child .numberAll,.numberBox .timerClass figure:first-child .numberAll,.numberBox .bigTimer figure:first-child .numberAll,.numberBox .miniTimer figure:first-child .numberAll{
    border-bottom-left-radius:15px;
    border-top-left-radius:15px
}
.numberBox #timer figure:last-child .numberAll,.numberBox #timerPopup figure:last-child .numberAll,.numberBox .timerClass figure:last-child .numberAll,.numberBox .bigTimer figure:last-child .numberAll,.numberBox .miniTimer figure:last-child .numberAll{
    border-bottom-right-radius:15px;
    border-top-right-radius:15px
}
.numberBox #timer figure figcaption,.numberBox #timerPopup figure figcaption,.numberBox .timerClass figure figcaption,.numberBox .bigTimer figure figcaption,.numberBox .miniTimer figure figcaption{
    font:21px poppinsbold,Roboto-Bold;
    color:#fff;
    position:absolute;
    bottom:12px;
    left:0;
    width:100%;
    text-transform:capitalize
}
.numberBox #timer ul,.numberBox #timerPopup ul,.numberBox .timerClass ul,.numberBox .bigTimer ul,.numberBox .miniTimer ul{
    padding:0;
    margin:0;
    width:100%;
    height:100%
}
.numberBox #timer ul li,.numberBox #timerPopup ul li,.numberBox .timerClass ul li,.numberBox .bigTimer ul li,.numberBox .miniTimer ul li{
    list-style-type:none;
    height:100%
}
.numberBox #timer div,.numberBox #timerPopup div,.numberBox .timerClass div,.numberBox .bigTimer div,.numberBox .miniTimer div{
    position:relative;
    display:inline-block;
    height:100%;
    overflow:hidden;
    text-align:center;
    margin:0 auto
}
@font-face{
    font-family:"overpasssemibold";
    src:url("../fonts/overpass-semibold.woff2") format("woff2"),url("../fonts/overpass-semibold.woff") format("woff");
    font-weight:600;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"overpassbold";
    src:url("../fonts/overpass-bold.woff2") format("woff2"),url("../fonts/overpass-bold.woff") format("woff");
    font-weight:700;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"overpasslight";
    src:url("../fonts/overpass-light.woff2") format("woff2"),url("../fonts/overpass-light.woff") format("woff");
    font-weight:300;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"overpassregular";
    src:url("../fonts/overpass-regular.woff2") format("woff2"),url("../fonts/overpass-regular.woff") format("woff");
    font-weight:400;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"Overpass-Black";
    src:url("../fonts/Overpass-Black.eot");
    src:url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Overpass-Black.woff2") format("woff2"),url("../fonts/Overpass-Black.woff") format("woff"),url("../fonts/Overpass-Black.ttf") format("truetype");
    font-weight:900;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinsbold";
    src:url("../fonts/poppins-bold.woff2") format("woff2"),url("../fonts/poppins-bold.woff") format("woff");
    font-weight:700;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"overpassheavy";
    src:url("../fonts/overpass-heavy.woff2") format("woff2"),url("../fonts/overpass-heavy.woff") format("woff");
    font-weight:900;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinsregular";
    src:url("../fonts/poppins-regular.woff2") format("woff2"),url("../fonts/poppins-regular.woff") format("woff");
    font-weight:400;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinssemibold";
    src:url("../fonts/poppins-semibold.woff2") format("woff2"),url("../fonts/poppins-semibold.woff") format("woff");
    font-weight:600;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinslight";
    src:url("../fonts/poppins-light.woff2") format("woff2"),url("../fonts/poppins-light.woff") format("woff");
    font-weight:300;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinsmedium";
    src:url("../fonts/poppins-medium.woff2") format("woff2"),url("../fonts/poppins-medium.woff") format("woff");
    font-weight:500;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"Roboto-Bold";
    src:url("../fonts/Roboto-Bold.eot");
    src:url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Bold.woff2") format("woff2"),url("../fonts/Roboto-Bold.woff") format("woff"),url("../fonts/Roboto-Bold.ttf") format("truetype");
    font-weight:bold;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Roboto-Medium";
    src:url("../fonts/Roboto-Medium.eot");
    src:url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Medium.woff2") format("woff2"),url("../fonts/Roboto-Medium.woff") format("woff"),url("../fonts/Roboto-Medium.ttf") format("truetype");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Roboto-Light";
    src:url("../fonts/Roboto-Light.eot");
    src:url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Light.woff2") format("woff2"),url("../fonts/Roboto-Light.woff") format("woff"),url("../fonts/Roboto-Light.ttf") format("truetype");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Roboto-Regular";
    src:url("../fonts/Roboto-Regular.eot");
    src:url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Regular.woff2") format("woff2"),url("../fonts/Roboto-Regular.woff") format("woff"),url("../fonts/Roboto-Regular.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Roboto-Black";
    src:url("../fonts/Roboto-Black.eot");
    src:url("../fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Black.woff2") format("woff2"),url("../fonts/Roboto-Black.woff") format("woff"),url("../fonts/Roboto-Black.ttf") format("truetype");
    font-weight:900;
    font-style:normal;
    font-display:swap
}
.p-566 img,.p-246 img,.p-245 img,.p-230 img,.p-229 img,.p-214 img,.p-213 img,.p-582 img,.Yatak img,.p-310 img,.p-309 img,.p-326 img,.p-325 img,.Dolap img,.p-117 img,.p-581 img,.p-150 img,.p-149 img,.p-213 img,.p-86 img,.p-85 img,.p-134 img,.p-133 img,.p-390 img,.p-389 img,.p-262 img,.p-261 img,.p-566 img,.p-565 img{
    object-fit:contain !important
}
.proGlobal .slick-track{
    min-width:100%
}
@media only screen and (min-width: 768px)and (max-width: 1023px){
    .proGlobal .col-md-4{
        flex:inherit;
        max-width:50%
    }
}
@media only screen and (max-width: 767px){
    .proGlobal .row{
        margin:0 -4px
    }
}
.proGlobal .row .col-6{
    padding:0 4px
}
.proGlobal .row .col-6 .item{
    margin-bottom:10px
}
.proGlobal .row .col-6 .proText{
    padding:12px !important
}
.proGlobal .row .col-6 .topDetail{
    padding:10px 12px
}
.proGlobal .row .col-6 .topDetail span{
    font-size:7px;
    padding:3px 10px
}
.proGlobal .row .col-6 .images{
    height:100px
}
.proGlobal .row .col-6 .images .hover-area{
    display:none
}
.proGlobal .row .col-6 .nameBox{
    display:inline-block !important;
    width:100% !important;
    min-height:90px;
    height:auto !important
}
.proGlobal .row .col-6 .name h4{
    font:13px/16px poppinsmedium,Roboto-Medium !important
}
.proGlobal .row .col-6 .name h6,.proGlobal .row .col-6 .name span{
    font-size:10px !important;
    margin:0 !important
}
.proGlobal .row .col-6 .money{
    width:100%;
    text-align:left !important
}
.proGlobal .row .col-6 .varMoney{
    margin-top:2px;
    font-size:11px !important
}
.proGlobal .row .col-6 .prices{
    line-height:12px
}
.proGlobal .row .col-6 .prices i,.proGlobal .row .col-6 .prices small{
    font-size:9px !important
}
.proGlobal .row .col-6 .prices i{
    min-width:28px;
    margin-left:0
}
.proGlobal .row .col-6 .buttonBar{
    border-radius:0;
    border:none;
    display:block
}
.proGlobal .row .col-6 .buttonBar:before{
    display:none
}
.proGlobal .row .col-6 .buttonBar a{
    margin:3px 0;
    border-radius:20px;
    border:1px solid #dedede;
    font-size:10px !important;
    padding:2px
}
.proGlobal .row .col-6 .buttonBar a.proLink span:before{
    background:url(../images/mini1.png) no-repeat;
    width:16px;
    height:16px;
    margin:4px 3px 0 0
}
.proGlobal .row .col-6 .buttonBar a.basketLink{
    margin-bottom:0
}
.proGlobal .row .col-6 .buttonBar a.basketLink span{
    white-space:nowrap
}
.proGlobal .row .col-6 .buttonBar a.basketLink span:before{
    background:url(../images/mini2.png) no-repeat;
    width:20px;
    height:16px;
    margin:4px 3px 0 0
}
.proGlobal .row .col-6 .buttonBar a span{
    padding:5px 0
}
.proGlobal .item{
    transition: all .1s ease-out;
    z-index: 10;
    display: block;
    width: 100%;
    font-size: 12px;
    padding: 0;
    color: #7d7d7d;
    margin: 0;
    border: 1px solid #ededed;
    border-radius: 10px;
    position: relative;
    text-decoration: none;
    background-color: #fff;
    height: 100%;
}
.proGlobal .item:hover {
    color:#7d7d7d;
    display: block;
    cursor:pointer;
    float: left;
    z-index:2;
    border : 1px solid #181818;
}
.proGlobal .item .proText{
    padding:23px 25px
}
.proGlobal .item .proText label{
    font:14px poppinsmedium;
    line-height:18px;
    margin:0 0 10px 0;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.proGlobal .item .proText select:-webkit-autofill,.proGlobal .item .proText select:-webkit-autofill:hover,.proGlobal .item .proText select:-webkit-autofill:focus{
    border:1px solid green;
    -webkit-text-fill-color:#c4c4c4 !important;
    -webkit-box-shadow:0 0 0px 1000px #fff inset;
    transition:background-color 5000s ease-in-out 0s
}
.proGlobal .item .proText .selectBox{
    position:relative
}
@media only screen and (max-width: 767px){
    .proGlobal .item .proText .selectBox{
        margin:0 0 10px 0
    }
}
.proGlobal .item .proText .selectBox:before{
    content:"";
    color:#707070;
    font-family:"Font Awesome 5 Pro";
    width:36px;
    border-left:1px solid #c4c4c4;
    position:absolute;
    right:0;
    pointer-events:none;
    font-size:12px;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%
}
.proGlobal .item .proText select{
    width:100%;
    border-color:#c4c4c4;
    background:#fcfcfc !important;
    border-radius:.25rem;
    font-size:16px;
    height:auto;
    outline:0;
    padding:10px 40px 10px 10px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    color:#0c3b5d;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
@media only screen and (max-width: 1200px)and (min-width: 768px){
    .proGlobal .item .proText select{
        font-size:14px !important
    }
}
.proGlobal .item .proText select option{
    font-size:14px
}
.proGlobal .item .proText select::-ms-expand{
    display:none
}
@media only screen and (max-width: 1200px){
    .proGlobal .item .proText{
        padding:15px
    }
}

@media only screen and (max-width: 767px){
    .proGlobal .item .proText .nameBox{
        height:90px
    }
}
.proGlobal .item .proText .nameBox.miniNameBox{
    height:auto;
    min-height:46px
}
@media only screen and (max-width: 767px){
    .proGlobal .item .proText .nameBox.miniNameBox{
        margin-bottom:15px
    }
}
.proGlobal .item .proText .nameBox .name{
    width:70%
}
.proGlobal .item .proText .nameBox .name a{
    display:block;
    color:#0c3b5d;
    text-decoration:none
}
.proGlobal .item .proText .nameBox .name h4{
    margin:0;
    font:16px/23px poppinsmedium,Roboto-Medium;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
@media only screen and (max-width: 767px){
    .proGlobal .item .proText .nameBox .name h4{
        font-size:16px;
        line-height:20px
    }
}
.proGlobal .item .proText .nameBox .name h5,.proGlobal .item .proText .nameBox .name h6,.proGlobal .item .proText .nameBox .name span{
    font:13px poppinsmedium,Roboto-Medium;
    line-height:20px;
    margin:5px 0 0 0;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
@media only screen and (max-width: 767px){
    .proGlobal .item .proText .nameBox .name h5,.proGlobal .item .proText .nameBox .name h6,.proGlobal .item .proText .nameBox .name span{
        margin:4px 0 0 0;
        font-size:11px;
        line-height:13px
    }
}
.proGlobal .item .dotGallery{
    transition:.3s;
    position:absolute;
    width:100%;
    left:0;
    opacity:0;
    bottom:-15px;
    z-index:2
}
@media only screen and (max-width: 1023px){
    .proGlobal .item .dotGallery{
        display:none
    }
}
.proGlobal .item .dotGallery ul{
    padding:0;
    margin:0;
    text-align:center
}
.proGlobal .item .dotGallery ul li{
    background:#ebebeb;
    width:10px;
    height:10px;
    list-style-type:none;
    display:inline-block;
    border-radius:50%
}
.proGlobal .item .dotGallery ul li.active{
    background:#fec33b
}
.proGlobal .item .images{
    position:relative;
    padding-top: 60px;
}
@media only screen and (max-width: 1200px){
    .proGlobal .item .images{
        height:210px
    }
}
.proGlobal .item .images:hover .dotGallery{
    transition:.3s;
    opacity:1;
    bottom:5px
}
.proGlobal .item .images .hover-area{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:2;
    height:100%
}
@media only screen and (max-width: 1023px){
    .proGlobal .item .images .hover-area{
        display:none
    }
}
.proGlobal .item .images .hover-area .hoverImage{
    height:100%;
    float:left;
    display:inline-block;
    cursor:pointer;
    width:100%
}
.proGlobal .item .images .hover-area .hoverImage.three{
    width:calc(100% / 3)
}
.proGlobal .item .images .hover-area .hoverImage.two{
    width:calc(100% / 2)
}
.proGlobal .item .images .hover-area .hoverImage.one{
    width:calc(100%)
}
.proGlobal .item .images a{
    overflow:hidden;
    display:block;
    height:100%
}
.proGlobal .item .images picture{
    transition:.3s;
    display:flex;
    align-items:center;
    height:100%;
    justify-content:center
}
.proGlobal .item .images picture.verticalImage img{
    object-fit:contain
}
.proGlobal .item .images picture img{
    width:100%;
    height:100%;
    object-fit:contain
}
.buttonBar{
    display:flex;
    border-radius:50em;
    margin-top:25px;
    position:relative;
    overflow:hidden;
    width:100%
}
@media only screen and (max-width: 1023px){
    .buttonBar{
        margin-top:0
    }
}
.buttonBar a{
    transition:.3s;
    font:12px/14px poppinsmedium,Roboto-Medium;
    color:#0c3b5d;
    width:100%;
    text-align:center;
    text-decoration:none;
    display:flex;
    align-items:center;
    padding:3px 15px 3px 38px;
    justify-content:center;
    position:relative
}
@media only screen and (min-width: 768px)and (max-width: 1023px){
    .buttonBar a{
        font-size:12px;
        padding:5px 0
    }
}
@media only screen and (max-width: 767px){
    .buttonBar a{
        font-size:12px;
        padding:0 10px
    }
}
.buttonBar a:hover{
    transition:.3s;
    background:#ececec !important;
    color:#0c3b5d !important
}
.buttonBar a.proLink span:before{
    background-position:-8px -84px;
    width:22px;
    left:-28px
}
.buttonBar a.basketLink{
    background-color: #fff7ec;
    color: #f28e00;
}
.buttonBar a.basketLink.grey{
    background:#ececec !important;
    color:#0c3b5d !important
}
@media only screen and (max-width: 1023px){
    .buttonBar a.basketLink{
        background:#FF722F !important;
        color:#fff !important
    }
}
.buttonBar a.basketLink span:before{
    background-position:-84px -83px
}
.buttonBar a span{
    display:inline-block;
    padding:10px 0;
    position:relative
}
.buttonBar a span.loading:before{
    background:url(../images/lazy.svg) no-repeat !important;
    background-position:center !important;
    background-size:40px !important
}
.buttonBar a span:before{
    content:"";
    display:block;
    background:url("../images/iconSet.svg") no-repeat;
    width:30px;
    height:22px;
    top:50%;
    transform:translateY(-50%);
    position:absolute;
    left:-40px
}
@media only screen and (max-width: 1023px){
    .buttonBar a span:before{
        display:none
    }
}
.topDetail{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:2;
    padding:15px 25px;
    pointer-events:none
}
@media only screen and (max-width: 1200px){
    .topDetail{
        padding:15px
    }
}
.topDetail span{
    font:11px poppinssemibold,Roboto-Bold;
    display:block;
    padding:4px 15px;
    border-radius:20px
}
@media only screen and (max-width: 1023px){
    .topDetail span{
        font-size:11px
    }
}
.money{
    text-align:right;
    width:30%;
}
.money span.prices{
    font:13px poppinssemibold,Roboto-Bold;
    color:#8f8f8f;
    display:block
}
@media only screen and (max-width: 1023px){
    .money span.prices{
        font-size:12px;
        white-space:nowrap
    }
}
.money span.prices small{
    font:13px poppinssemibold,Roboto-Bold;
    color:#8f8f8f;
    display:inline-block;
    text-decoration:line-through
}
@media only screen and (max-width: 1023px){
    .money span.prices small{
        font-size:12px;
        white-space:nowrap
    }
}
.money span.prices i{
    color:#0c3b5d;
    font-size:10px;
    font-style:normal;
    background:#fec33b;
    min-width:32px;
    display:inline-block;
    text-align:center;
    border-radius:10px;
    margin-left:5px;
    position:relative;
    top:-1px
}
.col-md-3-5 .proGlobal h3{
    font:20px poppinsmedium,Roboto-Medium;
    text-align:center
}
.col-md-3-5 .proGlobal .item{
    margin-bottom:20px
}
.allselect{
    margin-top:20px;
    padding:0 20px
}
.allselect label{
    font:18px poppinsmedium,Roboto-Medium
}
@media only screen and (max-width: 1023px){
    .allselect label{
        font-size:16px
    }
}
.campaignDetailPage img{
    object-fit:contain !important
}
.slick-slider{
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    position:relative;
    display:block;
    overflow:hidden;
    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);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:after,.slick-track:before{
    display:table;
    content:''
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[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
}
@font-face{
    font-family:"overpasssemibold";
    src:url("../fonts/overpass-semibold.woff2") format("woff2"),url("../fonts/overpass-semibold.woff") format("woff");
    font-weight:600;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"overpassbold";
    src:url("../fonts/overpass-bold.woff2") format("woff2"),url("../fonts/overpass-bold.woff") format("woff");
    font-weight:700;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"overpasslight";
    src:url("../fonts/overpass-light.woff2") format("woff2"),url("../fonts/overpass-light.woff") format("woff");
    font-weight:300;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"overpassregular";
    src:url("../fonts/overpass-regular.woff2") format("woff2"),url("../fonts/overpass-regular.woff") format("woff");
    font-weight:400;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"Overpass-Black";
    src:url("../fonts/Overpass-Black.eot");
    src:url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Overpass-Black.woff2") format("woff2"),url("../fonts/Overpass-Black.woff") format("woff"),url("../fonts/Overpass-Black.ttf") format("truetype");
    font-weight:900;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinsbold";
    src:url("../fonts/poppins-bold.woff2") format("woff2"),url("../fonts/poppins-bold.woff") format("woff");
    font-weight:700;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"overpassheavy";
    src:url("../fonts/overpass-heavy.woff2") format("woff2"),url("../fonts/overpass-heavy.woff") format("woff");
    font-weight:900;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinsregular";
    src:url("../fonts/poppins-regular.woff2") format("woff2"),url("../fonts/poppins-regular.woff") format("woff");
    font-weight:400;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinssemibold";
    src:url("../fonts/poppins-semibold.woff2") format("woff2"),url("../fonts/poppins-semibold.woff") format("woff");
    font-weight:600;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinslight";
    src:url("../fonts/poppins-light.woff2") format("woff2"),url("../fonts/poppins-light.woff") format("woff");
    font-weight:300;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"poppinsmedium";
    src:url("../fonts/poppins-medium.woff2") format("woff2"),url("../fonts/poppins-medium.woff") format("woff");
    font-weight:500;
    font-style:normal;
    font-display:block
}
@font-face{
    font-family:"Roboto-Bold";
    src:url("../fonts/Roboto-Bold.eot");
    src:url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Bold.woff2") format("woff2"),url("../fonts/Roboto-Bold.woff") format("woff"),url("../fonts/Roboto-Bold.ttf") format("truetype");
    font-weight:bold;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Roboto-Medium";
    src:url("../fonts/Roboto-Medium.eot");
    src:url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Medium.woff2") format("woff2"),url("../fonts/Roboto-Medium.woff") format("woff"),url("../fonts/Roboto-Medium.ttf") format("truetype");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Roboto-Light";
    src:url("../fonts/Roboto-Light.eot");
    src:url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Light.woff2") format("woff2"),url("../fonts/Roboto-Light.woff") format("woff"),url("../fonts/Roboto-Light.ttf") format("truetype");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Roboto-Regular";
    src:url("../fonts/Roboto-Regular.eot");
    src:url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Regular.woff2") format("woff2"),url("../fonts/Roboto-Regular.woff") format("woff"),url("../fonts/Roboto-Regular.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Roboto-Black";
    src:url("../fonts/Roboto-Black.eot");
    src:url("../fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Black.woff2") format("woff2"),url("../fonts/Roboto-Black.woff") format("woff"),url("../fonts/Roboto-Black.ttf") format("truetype");
    font-weight:900;
    font-style:normal;
    font-display:swap
}
body{
    transition:.4s
}
body.toolTipActive{
    overflow:auto !important;
    padding-right:0 !important
}
.mcPopupCloseLast{
    outline:0 !important;
    background:none;
    border:none;
    opacity:1;
    position:absolute;
    right:-30px;
    top:0;
    padding:0
}
@media only screen and (max-width: 767px){
    .mcPopupCloseLast{
        right:0;
        top:-30px
    }
}

.mcPopupCloseLast:hover span{
    transition:.3s;
    transform:rotate(90deg)
}
.mcPopupCloseLast span{
    transition:.3s;
    display:block;
    background:url(../images/clsSvg.svg) no-repeat center;
    width:20px;
    height:20px
}
.mcPopupLast{
    text-align:center;
    padding:0 10px !important
}
.mcPopupLast .modal-dialog{
    max-width:100%;
    width:auto;
    height:auto;
    display:inline-flex
}
.mcPopupLast .modal-dialog .modal-header{
    text-align:left;
    position:relative
}
.mcPopupLast .modal-dialog .modal-header .modal-title{
    padding-right:35px
}
.mcPopupLast .modal-dialog .modal-content{
    border-radius:0;
    border:none
}
.mcPopupLast .modal-dialog .modal-content p:last-child{
    margin:0
}
.mcPopupLast .modal-dialog .modal-content .modal-body{
    text-align:left;
    position:relative;
    border:none;
    padding:0
}
.mcPopupLast .modal-dialog .modal-content .modal-body img{
    max-width:100%;
    max-height:100%
}
.closeToolTip{
    transition:.3s;
    background:url(../images/clsSvg.svg) no-repeat center;
    width:20px;
    height:20px;
    position:absolute;
    right:50px;
    top:15px;
    cursor:pointer;
    z-index:5
}
@media only screen and (max-width: 767px){
    .closeToolTip{
        right:20px
    }
}
.closeToolTip:hover{
    transition:.3s;
    transform:rotate(90deg)
}
.campaignTooltip{
    transition:.4s;
    left:0;
    top:-100%;
    width:100%;
    background:#cb5799;
    height:auto;
    z-index:9;
    position:fixed
}
.campaignTooltip a{
    width:100%;
    display:flex;
    align-items:center;
    text-decoration:none
}
.campaignTooltip.active{
    transition:.4s;
    top:0
}
.campaignTooltip .images{
    height:auto;
    overflow:hidden;
    display:flex;
    align-items:center;
    text-align:center;
    width:100%
}
.campaignTooltip .images img{
    max-width:100%
}
.modalItem{
    position:relative
}
.modalItem a{
    color:#0c3b5d;
    text-decoration:none
}
.modalItem .saleBox{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    display:flex
}
.modalItem .saleBox span{
    font:78px overpassheavy,Roboto-Black;
    color:#fff;
    height:107px;
    padding:30px 35px;
    display:flex;
    align-items:center;
    background:#40c0c0
}
.modalItem .saleBox span sub{
    font:44px overpassheavy,Roboto-Black;
    bottom:10px;
    color:#fff
}
.modalItem .saleBox small{
    font:40px overpassheavy,Roboto-Black;
    color:#fff;
    display:flex;
    align-items:center;
    padding:0 25px;
    background:#fec33b;
    border-bottom-right-radius:20px
}
.modalItem .images{
    height:auto;
    width:100%;
    overflow:hidden;
    min-width:655px;
    background:#eee
}
@media only screen and (max-width: 1023px)and (min-width: 768px){
    .modalItem .images{
        min-width:auto
    }
}
@media only screen and (max-width: 767px){
    .modalItem .images{
        min-width:100%
    }
}
.modalItem .images picture{
    transition:.3s;
    display:block;
    height:100%
}
.modalItem .images picture img{
    width:100%;
    height:100%;
    object-fit:cover
}
.modalItem .text{
    text-align:center;
    padding:20px
}
@media only screen and (max-width: 767px){
    .modalItem .text{
        padding:15px
    }
}
.modalItem .text h3{
    font:25px poppinsmedium,Roboto-Medium;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
@media only screen and (max-width: 767px){
    .modalItem .text h3{
        display:block;
        font-size:16px
    }
}

.ymb-op-wrapper {
    margin: 20px 0 0 0;
    cursor: pointer;
    position: relative;
    width: 100%;
    text-align: center;
}

.ymb-op-wrapper .fabric-colours {
    display: inline-block;
}

.ymb-op-wrapper .fabric-colours dl, ol, ul {
    padding: 0;
}

.ymb-op-wrapper .fabric-colours ul li {
    float: left;
    display: inline-block;
    margin-right: 12px;
    position: relative;
    list-style: none;
}

.ymb-op-wrapper .fabric-colours ul li.first_colour {
    bottom: 2px;
    width: 30px;
    height: 30px;
    margin-right: 8px;
}

.ymb-op-wrapper .fabric-colours ul li.first_colour::after {
    left: -4px;
    top: -4px;
    width: 34px;
    height: 34px;
    border: 2px solid rgba(64,72,78,.8);
}
.ymb-op-wrapper .fabric-colours ul li::after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: transparent;
    position: absolute;
    left: -4px;
    top: -4px;
    border-radius: 50%;
    border: 2px solid rgba(64,72,78,.1);
}

.ymb-op-wrapper .fabric-colours ul li.first_colour span {
    height: 26px;
    width: 26px;
}
.ymb-op-wrapper .fabric-colours ul li span {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
}

.applyCampaigns {
    margin-top: 20px;
    border: 1px solid #eee;
    padding: 10px;
}
.applyCampaigns h3 {
    font-size: 16px;
}
.applyCampaigns table th, .applyCampaigns table td {
    font-size: 12px;
    line-height: normal;
    width: 50% !important;
    border-left: none !important;
}
span.campaign_align {
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 0;
    background: #f44336;
    color: #fff;
    border-radius: 10px;
    padding: 2px 5px;
    z-index: 99;
}
.basketBar .items {
    position: relative;
}
.CategoryList {
    max-height: 200px;
    overflow: scroll;
    background: #eee;
    padding: 10px;
}
.modalType.modalCampaign .campaignListingModal .listing .form-check .CategoryList label {
    font-size: 13px;
}
.modalType.modalCampaign .campaignListingModal .listing .form-check .all.CategoryListBox {
    padding: 0 30px;
    background: #eee;
    margin-bottom: 10px;
    border-bottom: 1px solid #d1d1d1;
}
.modalType.modalCampaign .campaignListingModal .listing .form-check .all.CategoryListBox .product_camp_box {
    cursor: pointer;
}
.CategoryList h4 {
    font-size: 14px;
    font-weight: bold;
}
.product_camp_box img {
    width: 30px;
    height: 30px;
}
span.detectCartChange {
    color: #ffffff;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    line-height: normal;
    background: #d73327;
    margin-top: 20px;
    padding: 10px;
    border-radius: 10px;
}

.basketPage .item {
    position: relative;
}
.basketPage .item span.campaign_align {
    top: 10%;
}
div#weltewBigCart .modalType.modalCampaign {
    width: 100%;
    background: rgb(238 238 238 / 36%);
}
@keyframes  spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.kutular {
    width:100%;
    margin-top:70px;
}
.kutular .katalog {
    width:100%;
    min-height:390px;
    padding:5px;
    float:left;
}
.kutular .katalog img {
    border-radius: 10px;
}
.kutular .katalog .katalogbuton {
    width:200px;
    min-height:45px;
    background:#fff;
    border-radius: 100px;
    font-size:14px;
    color:#597279;
    font-weight:600;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin:-80px auto 0 auto;
    position:relative;
    z-index:1;
}
.kutular .katalog .katalogbuton:hover {
    background:#E11F28;
    color:#fff;
    transition: all .35s;
}
.kutular .satisnoktalari {
    width:100%;
    float:left;
    padding:5px;
}
.kutular .satisnoktalari .ic {
    background: url(../images/satisnoktabg.jpg);
    min-height:220px;
    width:100%;
    border-radius: 10px;
}
.kutular .satisnoktalari .ic .yazialan {
    float:left;
    width:50%;
    padding-left:3%;
    padding-top:3%;
}
.kutular .satisnoktalari .ic .yazialan .baslik {
    width:100%;
    font-size:18px;
    font-weight:bold;
    color:#5A727A;
}
.kutular .satisnoktalari .ic .yazialan .aciklama {
    width:100%;
    font-size:14px;
    font-weight:500;
    color:#5A727A;
    padding-top:15px;
}
.kutular .satisnoktalari .ic .yazialan .satisbuton {
    width:200px;
    min-height:45px;
    background:#fff;
    border-radius: 100px;
    margin-top:30px;
    color:#5A727A;
    font-size:14px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    font-weight:bold;
}
.kutular .satisnoktalari .ic .yazialan .satisbuton:hover {
    background:#E11F28;
    color:#fff;
    transition: all .35s;
}
.kutular .satisnoktalari .ic .cocuk {
    width: 30%;
    float: right;
    margin-top: -75px;
}
@media only screen and (max-width: 1150px) {
}
@media (min-width: 250px) and (max-width: 600px) {
    .kutular .satisnoktalari .ic .yazialan .baslik {
        width:100%;
        font-size:18px;
        font-weight:bold;
        color:#5A727A;
    }
    .kutular .satisnoktalari .ic .yazialan {
        float:left;
        width:30%;
        padding-left:3%;
        padding-top:3%;
    }
    .kutular .satisnoktalari .ic .yazialan .aciklama {
        width:100%;
        font-size:14px;
        font-weight:500;
        color:#5A727A;
        padding-top:15px;
        display:none;
    }
    .kutular .satisnoktalari .ic .cocuk {
        width:72%;
        min-height:220px;
        float:right;
        margin-top: -45%;
    }
    .kutular .satisnoktalari .ic .yazialan .satisbuton {
        width:200px;
        min-height:45px;
        background:#fff;
        border-radius: 100px;
        margin-top:30px;
        color:#5A727A;
        font-size:14px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        font-weight:bold;
        z-index:1;
        position:relative;
    }
}
.kutular .bilgialan {
    width:100%;
    display: block;
    padding:5px;
}
.kutular .bilgialan .bilgikutu1 {
    float:left;
    width:100%;
    padding:5px;
}
.kutular .bilgialan .bilgikutu1 .ic {
    background:#F7F9FA;
    min-height:150px;
    border-radius: 10px;
    width:100%;
    padding-top:15px;
    padding-left:20px;
    border:1px solid #F7F9FA;
}
.kutular .bilgialan .bilgikutu1 .ic:hover {
    border:1px solid #7A89BA;
    transition: all .35s;
}
.kutular .bilgialan .bilgikutu1 .ic img {
    float:left;
}
.kutular .bilgialan .bilgikutu1 .ic .kutubaslik {
    width:100%;
    font-size:16px;
    font-weight:bold;
    color:#7A89BA;
    padding-top:10px;
}
.kutular .bilgialan .bilgikutu1 .ic .kutuaciklama {
    width:100%;
    font-size:14px;
    font-weight:400;
    color:#AFAFAF;
    padding-top:3px;
}
.kutular .bilgialan .bilgikutu2 {
    float:left;
    width:100%;
    padding:5px;
}
.kutular .bilgialan .bilgikutu2 .ic {
    background:#FAF8F7;
    min-height:150px;
    border-radius: 10px;
    width:100%;
    padding-top:15px;
    padding-left:20px;
    border:1px solid #FAF8F7;
}
.kutular .bilgialan .bilgikutu2 .ic:hover {
    border:1px solid #B28E6B;
    transition: all .35s;
}
.kutular .bilgialan .bilgikutu2 .ic img {
    float:left;
}
.kutular .bilgialan .bilgikutu2 .ic .kutubaslik {
    width:100%;
    font-size:16px;
    font-weight:bold;
    color:#B28E6B;
    padding-top:10px;
}
.kutular .bilgialan .bilgikutu2 .ic .kutuaciklama {
    width:100%;
    font-size:14px;
    font-weight:400;
    color:#AFAFAF;
    padding-top:3px;
}
.kutular .bilgialan .bilgikutu3 {
    float:left;
    width:100%;
    padding:5px;
}
.kutular .bilgialan .bilgikutu3 .ic {
    background:#F7FAF7;
    min-height:150px;
    border-radius: 10px;
    width:100%;
    padding-top:15px;
    padding-left:20px;
    border:1px solid #F7FAF7;
}
.kutular .bilgialan .bilgikutu3 .ic:hover {
    border:1px solid #70B57D;
    transition: all .35s;
}
.kutular .bilgialan .bilgikutu3 .ic img {
    float:left;
}
.kutular .bilgialan .bilgikutu3 .ic .kutubaslik {
    width:100%;
    font-size:16px;
    font-weight:bold;
    color:#70B57D;
    padding-top:10px;
}
.kutular .bilgialan .bilgikutu3 .ic .kutuaciklama {
    width:100%;
    font-size:14px;
    font-weight:400;
    color:#AFAFAF;
    padding-top:3px;
}
.filter {
    padding: 0 0 15px 0;
}
@media only screen and (max-width: 767px) {
    .filter {
        display: none;
    }
}
.filter .filterList {
    text-align: center;
}
.filter .filterList .item {
    display: inline-block;
    margin: 0 15px;
    position: relative;
}
.filter .filterList .item.active .subFilter {
    display: block;
}
.filter .filterList .item label {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding-left: 22px;
    margin: 0;
    cursor: pointer;
}
.filter .filterList .item input[type="checkbox"] {
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    width: 17px;
    height: 17px;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    outline: 0 !important;
    top: 1px;
    margin-right: 6px;
    position: absolute;
    left: 0;
}
.filter .filterList .item input[type="checkbox"]:checked:before {
    opacity: 1;
}
.filter .filterList .item input[type="checkbox"]:before {
    content: "";
    background: #fec33b;
    width: 9px;
    height: 9px;
    display: block;
    margin: 3px auto;
    opacity: 0;
}
.filter .filterList .item input[type="radio"] {
    font-size: 15px;
    -webkit-appearance: none;
    width: 17px;
    height: 17px;
    border: 1px solid #707070;
    outline: 0 !important;
    border-radius: 50%;
    top: 1px;
    margin-right: 6px;
    position: absolute;
    left: 0;
}
.filter .filterList .item input[type="radio"]:checked:before {
    opacity: 1;
}
.filter .filterList .item input[type="radio"]:before {
    content: "";
    background: #fec33b;
    width: 9px;
    height: 9px;
    display: block;
    margin: 3px auto;
    opacity: 0;
    border-radius: 50%;
}
.filter .filterList .item span {
    display: block;
    font-size: 13px;
    position: relative;
    cursor: pointer;
}
.filter .filterList .item span.check:before {
    display: none;
}
.filter .filterList .item span:before {
    content: "";
    background: url(../images/iconSet.svg) no-repeat;
    display: block;
    float: right;
    background-position: -13px -153px;
    width: 16px;
    height: 16px;
    margin: 1px 0 0 12px;
}
.filter .filterList .item .subFilter {
    position: absolute;
    display: none;
    background: #fff;
    z-index: 15;
    min-width: 200px;
    left: 0;
    top: 30px;
    padding: 10px 15px;
    text-align: left;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}
.filter .filterList .item .subFilter .button {
    margin: 20px 0 0;
}
.filter .filterList .item .subFilter .button button {
    background: #0c3b5d;
    border: none;
    transition: 0.3s;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    width: 100%;
    text-align: center;
    text-decoration: none;
    padding: 6px;
    border-radius: 30px;
}
.filter .filterList .item .subFilter .button button strong {
    display: inline-block;
}
.filter .filterList .item .subFilter .button button strong:before {
    content: "";
    display: block;
    background: url(../images/check.png) no-repeat;
    width: 21px;
    height: 16px;
    float: left;
    margin: 2px 8px 0 0;
}
.filter .filterList .item ul {
    margin: 0;
    max-height: 182px;
    overflow: auto;
    width: 100%;
    padding: 0;
}
.filter .filterList .item ul::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}
.filter .filterList .item ul::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
    border-radius: 5px;
}
.filter .filterList .item ul::-webkit-scrollbar-thumb {
    background-color: #fec33b;
}
.filter .filterList .item ul label {
    margin: 0;
    position: relative;
    padding: 0 0 0 25px;
    cursor: pointer;
    font-size: 13px;
}
.filter .filterList .item ul label input[type="checkbox"] {
    width: 17px;
    height: 17px;
    border: 1px solid #bfbfbf;
    outline: 0;
    left: 0;
    margin: 2px 0;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 4px;
}
.filter .filterList .item ul label input[type="checkbox"]:checked:before {
    opacity: 1;
}
.filter .filterList .item ul label input[type="checkbox"]:before {
    content: "";
    background: #fec33b;
    width: 9px;
    height: 9px;
    display: block;
    margin: 3px auto;
    opacity: 0;
}
.filter .filterList .item ul li {
    list-style-type: none;
    font-size: 13px;
    padding: 2px 0;
    cursor: pointer;
}
.filter .filterList .item ul li.active {
    font-family: poppinsmedium, Roboto-Medium;
    color: #fec33b;
}
.filter .filterList .item ul li.active a {
    font-family: poppinsmedium, Roboto-Medium;
    color: #fec33b;
}
.filter .filterList .item ul li a {
    transition: 0.3s;
    color: #0c3b5d;
    text-decoration: none !important;
}
.filter .filterList .item ul li a:hover {
    transition: 0.3s;
    color: #b3b3b3;
}
.filter .filterList .item ul li span {
    display: inline-block;
    font-size: 15px;
}
.filter .filterList .item ul li span:before {
    display: none;
}
.proGlobal {
    margin: 20px 0 0 0;
}
@media only screen and (max-width: 1023px) {
    .proGlobal {
        margin: 10px 0 0 0;
    }
}
.proGlobal .col-md-4:last-child .item,
.proGlobal .col-md-4:nth-last-child(2) .item,
.proGlobal .col-md-4:nth-last-child(3) .item {
    margin-bottom: 0;
}
.mobileFilterList {
    display: none;
    width: 100%;
}
@media only screen and (max-width: 767px) {
    .mobileFilterList {
        display: block;
    }
}
.mobileFilterList .listing {
    display: flex;
    padding: 0 20px;
}
.mobileFilterList .listing span {
    font-size: 13px;
    display: flex;
    align-items: center;
}
.mobileFilterList .listing .filters {
    width: 100%;
}
.mobileFilterList .listing .filters span:before {
    content: "";
    background: url(../images/mobileFilterIcon.svg) no-repeat;
    background-position: 0 0;
    display: block;
    width: 24px;
    height: 17px;
    float: left;
    margin-right: 10px;
}
.mobileFilterList .listing .design {
    width: 100%;
}
.mobileFilterList .listing .design ul {
    padding: 0;
    margin: 0;
    text-align: center;
}
.mobileFilterList .listing .design ul li {
    list-style-type: none;
    margin: 0 3px;
    display: inline-block;
}
.mobileFilterList .listing .design ul li.twoList.active:before {
    background-position: -37px -30px;
}
.mobileFilterList .listing .design ul li.twoList:before {
    content: "";
    background: url(../images/mobileFilterIcon.svg) no-repeat;
    background-position: -37px 0;
    display: block;
    width: 24px;
    height: 19px;
    float: left;
}
.mobileFilterList .listing .design ul li.oneList.active:before {
    background-position: -74px -30px;
}
.mobileFilterList .listing .design ul li.oneList:before {
    content: "";
    background: url(../images/mobileFilterIcon.svg) no-repeat;
    background-position: -74px 0;
    display: block;
    width: 24px;
    height: 19px;
    float: left;
}
.mobileFilterList .listing .order {
    width: 100%;
}
.mobileFilterList .listing .order span:before {
    content: "";
    background: url(../images/mobileFilterIcon.svg) no-repeat;
    background-position: -104px 0;
    display: block;
    width: 16px;
    height: 17px;
    float: left;
    margin-right: 10px;
}
.mobileFilterListing {
    position: fixed;
    top: 0;
    left: -100%;
    background: #fff;
    z-index: 9999999999;
    width: 100%;
    height: 100%;
}
.mobileFilterListing#orderMobile ul {
    display: block !important;
    max-height: inherit !important;
    padding: 0 !important;
}
.mobileFilterListing#orderMobile ul li {
    padding: 8px 0;
    border-bottom: 1px solid #e2e2e2;
}
.mobileFilterListing#orderMobile ul li:last-child {
    border: none;
}
.mobileFilterListing .titles {
    display: flex;
    padding: 15px 20px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}
.mobileFilterListing .titles span {
    text-transform: uppercase;
    font-size: 20px;
    color: #0c3b5d;
}
.mobileFilterListing .titles i.closes {
    background: url(../images/closeBtn.svg) no-repeat center;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}
.mobileFilterListing ul {
    padding: 20px;
    margin: 0 0 10px 0;
    overflow: auto;
}
.mobileFilterListing ul::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}
.mobileFilterListing ul::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
    border-radius: 5px;
}
.mobileFilterListing ul::-webkit-scrollbar-thumb {
    background-color: #fec33b;
}
.mobileFilterListing ul li {
    list-style-type: none;
    position: relative;
    padding: 2px 0;
}
.mobileFilterListing ul li span:before {
    display: none;
}
.mobileFilterListing ul li label {
    margin: 0;
    font-size: 17px;
    padding-left: 25px;
}
.mobileFilterListing ul li input[type="checkbox"] {
    width: 17px;
    height: 17px;
    border: 1px solid #bfbfbf;
    outline: 0;
    left: 0;
    margin: 4px 0;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 4px;
}
.mobileFilterListing ul li input[type="checkbox"]:checked:before {
    opacity: 1;
}
.mobileFilterListing ul li input[type="checkbox"]:before {
    content: "";
    background: #fec33b;
    width: 9px;
    height: 9px;
    display: block;
    margin: 3px auto;
    opacity: 0;
}
.mobileFilterListing .button {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.mobileFilterListing .button button {
    background: #0c3b5d;
    border: none;
    transition: 0.3s;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    width: 100%;
    text-align: center;
    text-decoration: none;
    padding: 15px;
}
.mobileFilterListing .button button strong {
    display: inline-block;
}
.mobileFilterListing .button button strong:before {
    content: "";
    display: block;
    background: url(../images/check.png) no-repeat;
    width: 21px;
    height: 16px;
    float: left;
    margin: 2px 8px 0 0;
}
.mobileFilterListing .all {
    height: calc(100% - 120px);
    overflow: auto;
}
.mobileFilterListing .all::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}
.mobileFilterListing .all::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
    border-radius: 5px;
}
.mobileFilterListing .all::-webkit-scrollbar-thumb {
    background-color: #fec33b;
}
.mobileFilterListing .items {
    margin: 10px 20px;
    border-bottom: 1px solid #e2e2e2;
}
.mobileFilterListing .items:last-child {
    border-bottom: none;
}
.mobileFilterListing .items h4 {
    display: block;
    padding: 0 0 6px 0;
    font-size: 17px;
}
.mobileFilterListing .items h4:before {
    content: "";
    background: url(../images/iconSet.svg) no-repeat;
    display: block;
    float: right;
    background-position: -13px -153px;
    width: 16px;
    height: 16px;
    margin: 1px 0 0 12px;
}

.flex-center-between {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex-content-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex-horizontal-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.position-absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.closes {
    background: url(../images/closeBtn.svg) no-repeat center;
    width: 16px;
    height: 16px;
}
.font-size-1 {
    font-size: 0.875rem !important;
}
.font-size-2 {
    font-size: 1.5rem !important;
}
.font-size-3 {
    font-size: 2rem !important;
}
.font-size-4 {
    font-size: 2.5rem !important;
}
.font-size-5 {
    font-size: 3rem !important;
}
.font-size-8 {
    font-size: 0.5rem !important;
}
.font-size-10 {
    font-size: 0.625rem !important;
}
.font-size-11 {
    font-size: 0.688rem !important;
}
.font-size-21 {
    font-size: 1.313rem !important;
}
.font-size-12 {
    font-size: 0.75rem !important;
}
.font-size-13 {
    font-size: 0.813rem !important;
}
.font-size-14 {
    font-size: 0.875rem !important;
}
.font-size-15 {
    font-size: 0.938rem !important;
}
.font-size-16 {
    font-size: 1rem !important;
}
.font-size-17 {
    font-size: 1.063rem !important;
}
.font-size-18 {
    font-size: 1.125rem !important;
}
.font-size-19 {
    font-size: 1.188rem !important;
}
.font-size-20 {
    font-size: 1.25rem !important;
}
.font-size-21 {
    font-size: 1.3rem !important;
}
.font-size-23 {
    font-size: 1.35rem !important;
}
.font-size-24 {
    font-size: 1.5rem !important;
}
.font-size-27 {
    font-size: 1.688rem !important;
}
.font-size-30 {
    font-size: 1.875rem !important;
}
.font-size-35 {
    font-size: 2.188rem !important;
}
.font-size-40 {
    font-size: 2.5rem !important;
}
.font-size-50 {
    font-size: 3.125rem !important;
}
.font-size-41 {
    font-size: 2.563rem !important;
}
.font-size-60 {
    font-size: 3.75rem !important;
}
.font-size-22 {
    font-size: 1.375rem !important;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .font-size-lg-16 {
        font-size: 1rem;
    }
}
.font-size-25 {
    font-size: 1.563rem;
}
.font-size-80 {
    font-size: 5rem;
}
@media (max-width: 575.98px) {
    .font-size-xs-40 {
        font-size: 2.5rem !important;
    }
}
@media (max-width: 575.98px) {
    .font-size-xs-30 {
        font-size: 1.875rem !important;
    }
}
@media (max-width: 575.98px) {
    .font-size-xs-20 {
        font-size: 1.25rem;
    }
}
@media (max-width: 575.98px) {
    .font-size-xs-15 {
        font-size: 1.15rem;
    }
}
@media (max-width: 575.98px) {
    .font-size-xs-10 {
        font-size: 1.05rem;
    }
}
@media (max-width: 575.98px) {
    .font-size-xs-7 {
        font-size: 0.8rem;
    }
    .font-size-xs-5 {
        font-size: 0.7rem;
    }
}
@media (max-width: 575.98px) {
    .font-size-xs-160 {
        font-size: 10rem !important;
    }
}
@media (max-width: 991.98px) {
    .font-size-md-down-5 {
        font-size: 3rem;
    }
}
@media (max-width: 1199.98px) {
    .font-size-lg-15 {
        font-size: 0.938rem;
    }
}
.font-size-200 {
    font-size: 12.5rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .font-size-lg-120 {
        font-size: 7.5rem;
    }
}
.font-weight-medium {
    font-weight: 100 !important;
}
.font-weight-semi-bold {
    font-weight: 300 !important;
}
.font-weight-bold {
    font-weight: 500 !important;
}
@media (max-width: 575.98px) {
    .font-size-xs-20 {
        font-size: 1.25rem;
    }
}
@media (max-width: 575.98px) {
    .font-size-xs-28 {
        font-size: 1.75rem !important;
    }
}
.bg-gray {
    background-color: #FFFAE5 !important;
}
a.bg-gray:focus,
a.bg-gray:hover,
button.bg-gray:focus,
button.bg-gray:hover {
    background-color: #FFFAE5 !important;
}

.yuvarlak {
    transition: .3s;
    width: 29px;
    height: 29px;
    color: #0c3b5d;
    text-align: center;
    border: 1px solid #0c3b5d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.kare {
    text-decoration: none;
    padding: 15px 15px;
    display: flex;
    flex-direction: row;
    border: 1px solid #008acf47;
    border-radius: 10px;
    color: #0091d5;
    font-size: 0.8rem;
    align-items: center;
}

.u-sidebar__content--account {
    padding: 0.5rem 0.5rem;
    width: 200px;
}

.u-sidebar--account__list {
    margin-bottom: 0;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
    display: block !important;
}

.u-sidebar--account__list-item {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.u-sidebar--account__list-link {
    display: block;
    font-size: 0.875rem;
    color: #97a4af;
    border-radius: 0.3125rem;
    padding: 0.625rem;
    transition: 0.2s ease-in-out;
}
.adressPage .col-6:last-child .item{
    margin-bottom:0
}
.adressPage span.selected{
    float:right;
    font-size:15px;
    color:#242729
}
.adressPage span.selected i{
    color:#e2e2e2;
    margin-right:5px
}
.adressPage label{
    padding:0 50px;
    position:relative;
    cursor:pointer;
    border:1px solid transparent;
    margin:0
}
.adressPage input[type=radio]:checked+label{
    background:#f9f9f9;
    border-color:#fec33b
}
.adressPage input[type=radio]:checked+label .selected i{
    color:var(--blue)
}
.adressPage input[type=radio]{
    width:19px;
    height:19px;
    position:absolute;
    left:20px;
    top:3px;
    z-index:1;
    border-color:#e2e2e2
}
.adressPage input[type=radio]:before{
    width:11px;
    height:11px
}
.adressPage label,.adressPage .all{
    width:100%
}
.adressPage .item{
    border:1px solid #e2e2e2;
    padding:32px;
    float:left;
    width:100%;
    margin-bottom:30px;
    min-height:257px;
    display:flex;
    align-items:center
}
.adressPage .item.selected{
    background:#f9f9f9;
    border-color:#fec33b
}
.adressPage .item.selected span.selected i{
    color:#fec33b
}
@media only screen and (max-width: 767px){
    .adressPage .item{
        padding:15px
    }
}
.adressPage .item a{
    text-decoration:none !important
}
.adressPage .item h5{
    font:17px poppinssemibold,Roboto-Bold;
    margin:0 0 5px 0
}
.adressPage .item p{
    font:15px poppinslight,Roboto-Light;
    margin:0;
    line-height:24px;
    font-family:overpassregular,Roboto-Regular
}
.adressPage .item b,.adressPage .item strong{
    font:15px poppinssemibold,Roboto-Bold
}
.adressPage .item a{
    color:#0c3b5d
}
.adressPage .item ul{
    padding:0;
    margin:10px 0 0 0
}
.adressPage .item ul li{
    list-style-type:none;
    float:left;
    margin-right:15px
}
.adressPage .item ul li a{
    display:block;
    font-size:13px;
    text-decoration:underline !important;
    color:#0080bb;
    width:100%
}
.adressPage .item .new{
    font-size:17px
}
.adressPage .item .new i{
    display:block;
    border:1px solid #e2e2e2;
    border-radius:50%;
    width:54px;
    height:54px;
    color:#fec33b;
    font-size:30px;
    padding:12px 0;
    margin:0 auto 10px auto
}
.adressPage .registeredItem{
    padding:0
}
@media all and (-ms-high-contrast: none){
    .registeredItem{
        display:table !important;
        height:257px
    }
    .registeredItem .all,.registeredItem a{
        display:table-cell;
        vertical-align:middle
    }
}
@media only screen and (max-width: 767px){
    .col-6{
        flex:inherit;
        max-width:100%
    }
}
#transfer .adressPage .item{
    min-height:160px
}
#transfer .adressPage .item small{
    display:block;
    margin-top:10px
}
#transfer .adressPage .item img{
    display:block;
    margin-bottom:10px
}
#transfer .adressPage .item span{
    margin:15px 0 0 0
}

.btn-soft-primary {
    color: #377dff;
    background-color: rgba(55, 125, 255, 0.1);
    border-color: transparent;
}
.btn-soft-primary.active,
.btn-soft-primary:active,
.btn-soft-primary:focus,
.btn-soft-primary:hover {
    color: #fff;
    background-color: #377dff;
    box-shadow: 0 4px 11px rgba(55, 125, 255, 0.1);
}
.btn-soft-primary.disabled,
.btn-soft-primary:disabled {
    color: #377dff;
    background-color: rgba(55, 125, 255, 0.1);
    box-shadow: none;
}
.btn-soft-primary:not(:disabled):not(.disabled).active,
.btn-soft-primary:not(:disabled):not(.disabled):active,
.show > .btn-soft-primary.dropdown-toggle {
    color: #fff;
    background-color: #377dff;
}
.btn-soft-secondary {
    color: #71869d;
    background-color: rgba(113, 134, 157, 0.1);
    border-color: transparent;
}
.btn-soft-secondary.active,
.btn-soft-secondary:active,
.btn-soft-secondary:focus,
.btn-soft-secondary:hover {
    color: #fff;
    background-color: #71869d;
    box-shadow: 0 4px 11px rgba(113, 134, 157, 0.1);
}
.btn-soft-secondary.disabled,
.btn-soft-secondary:disabled {
    color: #71869d;
    background-color: rgba(113, 134, 157, 0.1);
    box-shadow: none;
}
.btn-soft-secondary:not(:disabled):not(.disabled).active,
.btn-soft-secondary:not(:disabled):not(.disabled):active,
.show > .btn-soft-secondary.dropdown-toggle {
    color: #fff;
    background-color: #71869d;
}
.btn-soft-success {
    color: #00c9a7;
    background-color: rgba(0, 201, 167, 0.1);
    border-color: transparent;
}
.btn-soft-success.active,
.btn-soft-success:active,
.btn-soft-success:focus,
.btn-soft-success:hover {
    color: #fff;
    background-color: #00c9a7;
    box-shadow: 0 4px 11px rgba(0, 201, 167, 0.1);
}
.btn-soft-success.disabled,
.btn-soft-success:disabled {
    color: #00c9a7;
    background-color: rgba(0, 201, 167, 0.1);
    box-shadow: none;
}
.btn-soft-success:not(:disabled):not(.disabled).active,
.btn-soft-success:not(:disabled):not(.disabled):active,
.show > .btn-soft-success.dropdown-toggle {
    color: #fff;
    background-color: #00c9a7;
}
.btn-soft-info {
    color: #09a5be;
    background-color: rgba(9, 165, 190, 0.1);
    border-color: transparent;
}
.btn-soft-info.active,
.btn-soft-info:active,
.btn-soft-info:focus,
.btn-soft-info:hover {
    color: #fff;
    background-color: #09a5be;
    box-shadow: 0 4px 11px rgba(9, 165, 190, 0.1);
}
.btn-soft-info.disabled,
.btn-soft-info:disabled {
    color: #09a5be;
    background-color: rgba(9, 165, 190, 0.1);
    box-shadow: none;
}
.btn-soft-info:not(:disabled):not(.disabled).active,
.btn-soft-info:not(:disabled):not(.disabled):active,
.show > .btn-soft-info.dropdown-toggle {
    color: #fff;
    background-color: #09a5be;
}
.btn-soft-warning {
    color: #f5ca99;
    background-color: rgba(245, 202, 153, 0.1);
    border-color: transparent;
}
.btn-soft-warning.active,
.btn-soft-warning:active,
.btn-soft-warning:focus,
.btn-soft-warning:hover {
    color: #1e2022;
    background-color: #f5ca99;
    box-shadow: 0 4px 11px rgba(245, 202, 153, 0.1);
}
.btn-soft-warning.disabled,
.btn-soft-warning:disabled {
    color: #f5ca99;
    background-color: rgba(245, 202, 153, 0.1);
    box-shadow: none;
}
.btn-soft-warning:not(:disabled):not(.disabled).active,
.btn-soft-warning:not(:disabled):not(.disabled):active,
.show > .btn-soft-warning.dropdown-toggle {
    color: #1e2022;
    background-color: #f5ca99;
}
.btn-soft-danger {
    color: #ed4c78;
    background-color: rgba(237, 76, 120, 0.1);
    border-color: transparent;
}
.btn-soft-danger.active,
.btn-soft-danger:active,
.btn-soft-danger:focus,
.btn-soft-danger:hover {
    color: #fff;
    background-color: #ed4c78;
    box-shadow: 0 4px 11px rgba(237, 76, 120, 0.1);
}
.btn-soft-danger.disabled,
.btn-soft-danger:disabled {
    color: #ed4c78;
    background-color: rgba(237, 76, 120, 0.1);
    box-shadow: none;
}
.btn-soft-danger:not(:disabled):not(.disabled).active,
.btn-soft-danger:not(:disabled):not(.disabled):active,
.show > .btn-soft-danger.dropdown-toggle {
    color: #fff;
    background-color: #ed4c78;
}
.btn-soft-light {
    color: #f7faff;
    background-color: rgba(247, 250, 255, 0.1);
    border-color: transparent;
}
.btn-soft-light.active,
.btn-soft-light:active,
.btn-soft-light:focus,
.btn-soft-light:hover {
    color: #1e2022;
    background-color: #f7faff;
    box-shadow: 0 4px 11px rgba(247, 250, 255, 0.1);
}
.btn-soft-light.disabled,
.btn-soft-light:disabled {
    color: #f7faff;
    background-color: rgba(247, 250, 255, 0.1);
    box-shadow: none;
}
.btn-soft-light:not(:disabled):not(.disabled).active,
.btn-soft-light:not(:disabled):not(.disabled):active,
.show > .btn-soft-light.dropdown-toggle {
    color: #1e2022;
    background-color: #f7faff;
}
.btn-soft-dark {
    color: #1e2022;
    background-color: rgba(30, 32, 34, 0.1);
    border-color: transparent;
}
.btn-soft-dark.active,
.btn-soft-dark:active,
.btn-soft-dark:focus,
.btn-soft-dark:hover {
    color: #fff;
    background-color: #1e2022;
    box-shadow: 0 4px 11px rgba(30, 32, 34, 0.1);
}
.btn-soft-dark.disabled,
.btn-soft-dark:disabled {
    color: #1e2022;
    background-color: rgba(30, 32, 34, 0.1);
    box-shadow: none;
}
.btn-soft-dark:not(:disabled):not(.disabled).active,
.btn-soft-dark:not(:disabled):not(.disabled):active,
.show > .btn-soft-dark.dropdown-toggle {
    color: #fff;
    background-color: #1e2022;
}
.btn-soft-indigo {
    color: #2d1582;
    background-color: rgba(45, 21, 130, 0.1);
    border-color: transparent;
}
.btn-soft-indigo.active,
.btn-soft-indigo:active,
.btn-soft-indigo:focus,
.btn-soft-indigo:hover {
    color: #fff;
    background-color: #2d1582;
    box-shadow: 0 4px 11px rgba(45, 21, 130, 0.1);
}
.btn-soft-indigo.disabled,
.btn-soft-indigo:disabled {
    color: #2d1582;
    background-color: rgba(45, 21, 130, 0.1);
    box-shadow: none;
}
.btn-soft-indigo:not(:disabled):not(.disabled).active,
.btn-soft-indigo:not(:disabled):not(.disabled):active,
.show > .btn-soft-indigo.dropdown-toggle {
    color: #fff;
    background-color: #2d1582;
}
.btn-soft-navy {
    color: #21325b;
    background-color: rgba(33, 50, 91, 0.1);
    border-color: transparent;
}
.btn-soft-navy.active,
.btn-soft-navy:active,
.btn-soft-navy:focus,
.btn-soft-navy:hover {
    color: #fff;
    background-color: #21325b;
    box-shadow: 0 4px 11px rgba(33, 50, 91, 0.1);
}
.btn-soft-navy.disabled,
.btn-soft-navy:disabled {
    color: #21325b;
    background-color: rgba(33, 50, 91, 0.1);
    box-shadow: none;
}
.btn-soft-navy:not(:disabled):not(.disabled).active,
.btn-soft-navy:not(:disabled):not(.disabled):active,
.show > .btn-soft-navy.dropdown-toggle {
    color: #fff;
    background-color: #21325b;
}

.month-bar {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 4px;
    min-height: 80px;
    width: 100%;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.month-bar__date {
    position: absolute;
}
.month-bar__bg {
    position: absolute;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
}
.month-bar__date__month {
    font-size: 21px;
    margin-right: 4px;
}
.month-bar--12 {
    background-image: -o-linear-gradient(170deg, #dadada, #f7f7f7);
    background-image: linear-gradient(280deg, #dadada, #f7f7f7);
}
.month-bar--12 .month-bar__date__month {
    color: #fa3f3f;
}
.month-bar--12 .month-bar__bg {
    background: url(/svg/ay/12.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--11 {
    background-image: -o-linear-gradient(170deg, #5e6062, #7c7c7c);
    background-image: linear-gradient(280deg, #5e6062, #7c7c7c);
}
.month-bar--11 .month-bar__date__month {
    color: #fff;
}
.month-bar--11 .month-bar__bg {
    background: url(/svg/ay/11.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--10 {
    background-image: -o-linear-gradient(170deg, #fff7f7, #fffef7);
    background-image: linear-gradient(280deg, #fff7f7, #fffef7);
}
.month-bar--10 .month-bar__date__month {
    color: #663800;
}
.month-bar--10 .month-bar__bg {
    background: url(/svg/ay/10.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--09 .month-bar__bg {
    background: url(/svg/ay/09.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--09 {
    background-image: -o-linear-gradient(170deg, #f9ebf8, #fff7fa);
    background-image: linear-gradient(280deg, #f9ebf8, #fff7fa);
}
.month-bar--09 .month-bar__date__month {
    color: #690000;
}
.month-bar--08 .month-bar__bg {
    background: url(/svg/ay/08.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--08 .month-bar__date__month {
    color: #b56400;
}
.month-bar--08 {
    background-image: -o-linear-gradient(350deg, #fffbe7, #fffbd1);
    background-image: linear-gradient(100deg, #fffbe7, #fffbd1);
}
.month-bar--07 .month-bar__bg {
    background: url(/svg/ay/07.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--07 .month-bar__date__month {
    color: #b56400;
}
.month-bar--07 {
    background-image: -o-linear-gradient(350deg, #fffbf4, #fef5e9);
    background-image: linear-gradient(100deg, #fffbf4, #fef5e9);
}
.month-bar--06 .month-bar__bg {
    background: url(/svg/ay/06.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--06 .month-bar__date__month {
    color: #3c4a8c;
}
.month-bar--06 {
    background-image: -o-linear-gradient(350deg, #f4f6ff, #e9edfe);
    background-image: linear-gradient(100deg, #f4f6ff, #e9edfe);
}
.month-bar--05 .month-bar__bg {
    background: url(/svg/ay/05.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--05 .month-bar__date__month {
    color: #5163bb;
}
.month-bar--05 {
    background-image: -o-linear-gradient(170deg, #ebf1f9, #f7f9ff);
    background-image: linear-gradient(280deg, #ebf1f9, #f7f9ff);
}
.month-bar--04 .month-bar__bg {
    background: url(/svg/ay/04.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--04 .month-bar__date__month {
    color: #90a2fb;
}
.month-bar--04 {
    background-image: -o-linear-gradient(350deg, #effaff, #eaf6fa);
    background-image: linear-gradient(100deg, #effaff, #eaf6fa);
}
.month-bar--03 .month-bar__bg {
    background: url(/svg/ay/03.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--03 .month-bar__date__month {
    color: #7c8b9a;
}
.month-bar--03 {
    background-image: -o-linear-gradient(350deg, #f9fbff, #eaf3fa);
    background-image: linear-gradient(100deg, #f9fbff, #eaf3fa);
}
.month-bar--02 .month-bar__bg {
    background: url(/svg/ay/02.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--02 .month-bar__date__month {
    color: #5d6589;
}
.month-bar--02 {
    background-image: -o-linear-gradient(350deg, #f9fbff, #ecf0f3);
    background-image: linear-gradient(100deg, #f9fbff, #ecf0f3);
}
.month-bar--01 .month-bar__bg {
    background: url(/svg/ay/01.svg) top right no-repeat;
    width: 203px;
    height: 65px;
}
.month-bar--01 .month-bar__date__month {
    color: #646464;
}
.month-bar--01 {
    background-image: -o-linear-gradient(350deg, #f8f8f8, #e2e2e2);
    background-image: linear-gradient(100deg, #f8f8f8, #e2e2e2);
}
.siparisimages {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #484848;
    display: block;
    font-size: 16px;
    height: 60px;
    padding: 12px 6px 0 6px;
    text-align: center;
    width: 60px;
    border-radius: 60px;
    z-index: 0;
}
ul.timeline {
    list-style-type: none;
    position: relative;
    z-index: 9;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 28px;
    width: 3px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 30px 0;
    padding-left: 60px;
}
ul.timeline > li:before {
    content: " ";
    background: #6c84fa;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 0 5pt #f7f8f9;
    outline-width: 5px;
    outline-color: #f7f8f9;
    margin-top: 1px;
    left: 19px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
ul.timeline > li.ok:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    color: #fff;
    font-size: 9px;
    padding-left: 4px;
    padding-top: 2px;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    background: #6c84fa;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 2px solid #FFF;
    left: 19px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
.bg-soft-success {
    background-color: #f7fdf7 !important;
}
.bg-soft-primary {
    background-color: #e6effc !important;
}
.bg-soft-secondary {
    background-color: #eef0f2 !important;
}
.bg-soft-info {
    background-color: #e5f7ff !important;
}
.bg-soft-warning {
    background-color: #fef0e8 !important;
}
.bg-soft-danger {
    background-color: #fce7eb !important;
}
.bg-soft-light {
    background-color: #fefeff !important;
}
.bg-soft-dark {
    background-color: #e2e3e5 !important;
}
.bg-soft-success-1 {
    border: solid 1px #d5f9d7;
    background-color: #f6fff7;
}

.promotionBox .item {
    border: 1px solid #e2e2e2;
    margin-bottom: 30px;
    padding: 5px;
}

.promotionBox a {
    text-decoration: none !important;
}

.promotionBox .item .images {
    height: 12vw;
    overflow: hidden;
    max-height: 195px;
    position: relative;
}

.promotionBox .item .images picture {
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.promotionBox .item .images picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.promotionBox .item .text {
    padding: 25px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.promotionBox .item .text h2 {
    text-align: center;
    font: 16px/20px poppinssemibold,Roboto-Bold;
    color: #0c3b5d;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.slick-prev {
    cursor:pointer;
    z-index:1;
    position:absolute;
    top:50%;
    opacity:1;
    transform:translateY(-50%);
    background:url(../images/iconSet.svg) no-repeat;
    background-position: 13px 15px;
    background-size: 140px;
    background-color: #fef6eb;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    margin-left: -40px;
    font-size: 0px;
}

@media only screen and (max-width: 1023px){
    .slick-prev {
        opacity:1;
        left:0 !important
    }
}
.slick-next{
    cursor:pointer;
    z-index:1;
    position:absolute;
    top:50%;
    right:0;
    opacity:1;
    transform:translateY(-50%);
    background:url(../images/iconSet.svg) no-repeat;
    background-position:-35px 15px;
    background-size: 140px;
    background-color: #fef6eb;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    margin-right: -50px;
    font-size: 0px;
}

@media only screen and (max-width: 1023px){
    .slick-next {
        opacity:1;
        right:0 !important
    }
}

.slider-nav-thumbnails img {
    cursor: pointer;
}

.slider-nav-thumbnails .slick-current img {
    margin: 0;
    padding: 0;
    outline: #f28e00 solid 3px;
    border-radius: 20px;
    transition: .1s;
}

header .menu ul li:hover{
    background: #fdfdfd;
    transition: .4s ease-in-out;
}
.banners {
    background: #FFF9F0; padding: 50px 0 20px 0; margin-top: 20px;
}
.bestseller .listing {
    padding: 0 0 10px 0 !important;
}
.HomeImageBlock {
    margin-top: 20px;
}
.HomeImageBlock > .col- {
    padding-right: 0 !important;
}
.HomeImageBlock a img {
    display: block;
    width: 100%;
    transition: all .3s ease-in-out;
    padding: 5px;
}
@media only screen and (max-width: 1023px)and (min-width: 768px){
    .mcPopupCloseLast{
        right:10px;
        top:-40px
    }
    .proGlobal .item {
        width: 99%;
    }
    .mobileFilterList {
        display: block;
    }
}
@media only screen and (max-width: 767px) {
    header .iconSet ul li button {
        padding: 15px !important;
        border-radius: 10px;
        width: auto !important;
        font-size: 0.9rem;
    }
    header .iconSet ul li a {
        padding: 15px !important;
        border-radius: 10px !important;
    }
    .banners {
        background: #FFF9F0 !important;
        padding: 20px 0 !important;
        margin-top: 0px !important;
        margin-bottom: 20px !important;
    }
    .banners .container-fluid {
        padding: 0 !important;
    }
    .banners .slider-nav-thumbnails {
        padding: 0px 5px !important;
    }
    .banners .slider-nav-thumbnails img {
        margin-right: 10px !important;
        width: 90% !important;
        margin-left: 5px !important;
    }
    .categoryMini .listing .item span {
        display: none;
    }
    .categoryMini {
        margin: 15px 0 0 0 !important;
    }
    .bestseller .titleGlobal {
        padding: 10px 0px !important;
        background: none;
    }
    #panel .mobileMenu {
        padding: 30px 20px 80px 20px;
    }
    #panel .mobileMenu ul li.sub {
        margin-bottom: 0px !important;
    }
    section{
        margin: 5px 0 0 0 !important;
    }
    .container {
        width: 95% !important;
        max-width: 95% !important;
    }
    .wrapper {
        padding: 15px 0 !important;
    }
    .proGlobal .item {
        width: 99%;
    }
}