/* ===== Primary Styles =======
Can Goktas / @canxgoktas
=============================== */


/*
* Tools
*******************/

html {-webkit-font-smoothing: antialiased;}
img{display: block;max-width: 100%;height: auto;}

.modal {overflow-y: auto;}
.modal-open {overflow: auto;}
*{outline:none!important;}

html{position: relative;}
html,body{min-height: 100%;min-height: 100vh;}
footer {position: absolute !important;left: 0;bottom: 0;height: auto;width: 100%;}


/*
* Layout
*******************/
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] {-moz-appearance:textfield;}

body{font-family: 'Roboto Mono', sans-serif;}

header{
    margin-bottom: 30px;
    padding-top: 30px;
}
header .main-nav{
    position: relative;
}
header .main-nav .logo{
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none !important;
    max-width: 20%;
}
header .main-nav .logo a{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none !important;
}
header .main-nav .logo img{
    position: relative;
    max-height: 100px;
}
header .main-nav .logo.no-img{
    overflow: hidden;
    background: #f8f8f8;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    color: #2d2d2d;
}
header .main-nav .logo.no-img h2{font-family: 'Tangerine', cursive;font-size: 50px;text-align: center;margin: 0;position: relative;top: 50%;padding: 15px 15px 0 7px;}
header .main-nav .logo.no-img h1{
    margin: 0;
    font-size: 14px;
    text-align: center;
    padding: 0 2px;
    opacity: 0;
}
header .main-nav nav{
    display: inline-block;
    vertical-align: middle;
    width: calc(80% - 360px);
    padding-left: 20px;
}
header .main-nav nav a{
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    margin-right: 35px;
    margin-bottom: 5px;
    display: inline-block;
}
header .main-nav nav a:last-child{margin-right:0;}
header .main-nav .right-side{
    display: inline-block;
    font-size: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.socials{
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin-right: 20px;
}
.socials a{
    display: inline-block;
    margin: 0 20px 0 0;
}
.socials a:last-child{margin-right:0;}
.socials a img{}
header .main-nav .right-side .btns{
    display: inline-block;
    vertical-align: middle;
}
header .main-nav .right-side .btns>a{
    display: inline-block;
    /* background: #000; */
    height: 40px;
    width: 40px;
    text-align: center;
    /* padding: 8px 0; */
    /* overflow: hidden; */
    position: relative;
    vertical-align: middle;
}
header .main-nav .right-side .btns .cart{}
header .main-nav .right-side .btns>a img{
    display: inline-block;
    vertical-align: middle;
    /* margin: -1px 10px 0 -5px; */
    /* height: 100%; */
    /* width: 100%; */
}
header .main-nav .right-side .btns .cart img{
    width: 30px;
}
header .main-nav .right-side .btns .search-btn img{
    width: 27px;
    margin: 7px;
}
header .main-nav .right-side .btns>a span{
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    display: inline-block;
    vertical-align: middle;
}
header .main-nav .right-side .btns .cart i{
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    display: inline-block;
    vertical-align: middle;
    font-style:normal;
    font-size: 14px;
    background: #e81c1c;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    text-align: center;
    position: absolute;
    bottom: -3px;
    right: -2px;
    font-weight: bold;
    box-shadow: 0px 1px 2px 0px #0000003d;
}
header .categories{
    background: #F2F2F2;
    border: none;
    border-radius: 0;
    margin: 20px 0 0 0;
}
header .categories .navbar-header{
    display: none;
}
header .categories .navbar-header .navbar-brand{}
header .categories .navbar-header .navbar-header{}
header .categories .navbar-header .navbar-header button{}
header .categories .navbar-header .navbar-header button .icon-bar{}
header .categories #categoriesNav{
    /* padding: 10px 15px; */
}
header .categories #categoriesNav ul{padding: 10px 15px;font-size: 0;}
header .categories #categoriesNav ul li{
    float: none;
    display: inline-block;
}
header .categories #categoriesNav ul li a{
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    padding: 10px 15px;
    -webkit-transition: background .25s ease, color .25s ease;
    -o-transition: background .25s ease, color .25s ease;
    transition: background .25s ease, color .25s ease;
    font-weight: 400;
}
header .categories #categoriesNav ul li a:hover{
    background: #000000;
    color: #fff;
}
header .categories #categoriesNav ul li.active{}
header .categories #categoriesNav ul li.active a{
    background: #000000;
    color: #fff;
    text-decoration: underline !important;
}
header .categories #categoriesNav ul.dropdown-menu{
    padding: 5px 0;
}
header .categories #categoriesNav ul.dropdown-menu li{
    display: block;
}
header .categories #categoriesNav ul.dropdown-menu li a{
    font-size: 14px;
    padding: 5px 15px 5px;
}


.load-more-holder{text-align:center; display: none;}
.load-more-btn{
    font-size: 16px;
    width: 200px;
    height: 50px;
    border-radius: 3px;
    background: #4671FF;
    color: #fff !important;
    display: inline-block;
    text-decoration: none !important;
    text-align: center;
    padding: 13px 0;
    margin: 25px auto 50px;
}

.products{
    margin-bottom: 50px;
}
.products .product-list{
    font-size: 0;
}
.products .result-headline{
    margin: 0 0 25px;
    text-align: center;
    padding: 0 10px;
}
.products .result-headline h2{
    margin: 0 0 15px;
    font-size: 26px;
}
.products .result-headline a{
    font-size: 16px;
    color: #000;
    background: #000;
    color: #fff;
    padding: 10px 15px;
    display: inline-block;
}
.products .product{
    width: 360px;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    text-decoration: none !important;
    margin-bottom: 60px;
}

.products .product:hover .prod-thumbnail .hover-text{opacity: 1;border-color: #fff;transform: translate(-50%, -50%) scale(1);}
.products .product:hover .prod-thumbnail:before{opacity: 1}
.products .product .prod-thumbnail .hover-text{position: absolute;font-size: 16px;color: #fff !important;padding: 10px 25px;border: 2px solid transparent;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(.8);background: #000000ba;font-weight: 500;letter-spacing: 1px;opacity: 0;transition: all .4s ease;}
.products .product .prod-thumbnail:before{position: absolute;content:'';background: rgba(0, 0, 0, 0.3);top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: all .35s ease;}


.products .product:nth-of-type(3n){
    margin-right: 0;
}
.products .product .prod-thumbnail{
    /* background: #f8f8f8; */
    position: relative;
}
.products .product .prod-thumbnail img{
    margin: 0 auto;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    height: 100%;
}
.products .product .price{
    margin: 5px 0 5px;
}
.products .product .price span{
    font-weight: 500;
    font-size: 19px;
    color: #000;
    letter-spacing: 0;
}
.products .product .price span.discount{
    color: #000;
    text-decoration: line-through;
    margin-right: 5px;
    font-weight: 400;
}
.products .product .name{
    font-size: 18px;
    color: #1d1d1d;
    letter-spacing: 0;
    margin: 0;
    line-height: 1.25;
    font-weight: 400;
    margin: 10px 0 0;
}
.products .product.with-badge{
    position: relative;
}
.products .product.with-badge .badge{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    background: #000;
    padding: 11px 0;
    z-index: 2;
}
.products .product.with-badge .badge.warning{
    background: #EB3200;
}
.products .product .prod-thumbnail .warn-text{
    background: #EB3200;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    background: #190000d1;
    padding: 11px 0;
}

footer{font-family: 'Source Sans Pro', sans-serif;background: #F5F5F5;height: 60px;position: relative;}
footer .legals{float: left;padding: 10px 0;}
footer .legals a{
    font-size: 12px;
    color: #000000;
    letter-spacing: 0;
    margin-right: 40px;
}
footer .legals a:last-child{
    margin-right: 0;
}
footer .sopsy{
    float: right;
    padding: 18px 0;
    text-decoration: none !important;
}
footer .sopsy span{
    font-size: 12px;
    color: #000000;
    letter-spacing: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
footer .sopsy img{
    display: inline-block;
    vertical-align: middle;
    width: 55px;
    margin: 0px 0 -9px 0;
}


.product-detail{margin-bottom: 120px;font-size: 0;}
.product-detail .product-detail-holder{
    display: inline-block;
    width: calc(100% - 370px);
    vertical-align: top;
    /* float: left; */
}
.product-detail .product-description{font-size: initial;}
.product-detail .product-description .product-title{
    font-family: 'Roboto Mono', sans-serif;
    font-weight:700;
    color: #000000;
    letter-spacing: 0;
    line-height: 30px;
    font-size: 18px;
    margin: 10px 0 20px 0;
}
.product-detail .product-description .product-img-big{
    width: 100%;
    border: 1px solid #E5E5E5;
}
.product-detail .product-description .product-desc-text{
    margin-top: 25px;
}
.product-detail .product-description .product-desc-text p{
    color: #000000;
    letter-spacing: 0;
    line-height: 32px;
    font-size: 16px;
    margin-bottom: 20px;
}
.product-detail .product-buy{
    display: inline-block;
    width: 370px;
    vertical-align: top;
    padding-left: 30px;
    /* float: right; */
}
.product-detail .product-buy .separator{
    display: block;
    height: 1px;
    background: #E5E5E5;
}
.product-detail .product-buy .form-group{margin: 10px 0 15px;}
.product-detail .product-buy .form-group label{
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
    display: block;
    font-weight: normal;
    text-align: left;
}
.product-detail .product-buy .form-group .form-control{
    background: #FFFFFF;
    border: 1px solid #DEE2ED;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0px;
    height: 50px;
    font-family: 'Roboto Mono', sans-serif;
    font-weight:700;
    font-size: 16px;
    color: #192343;
    letter-spacing: 0;
    resize: none;
}
.product-detail .product-buy .warn-text{
    margin: 25px 0;
    height: 55px;
    font-size: 17px;
    text-align: center;
    width: 100%;
    background: #ffffffe3;
    font-family: 'Roboto Mono', sans-serif;
    font-weight:700;
    letter-spacing: 1px;
    padding: 16px 0;
    color: #f94b4b;
    border: 2px solid;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.product-detail .product-buy .product-title{
    font-family: 'Roboto Mono', sans-serif;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0;
    margin: 0px 0 25px 0;
    font-size: 28px;
    line-height: 42px;
}
.product-detail .product-buy .price{
    color: #FF0000;
    letter-spacing: 0;
    font-family: 'Roboto Mono', sans-serif;
    font-weight:700;
    margin: 20px 0 0px 0px;
    font-size: 28px;
}
.product-detail .product-buy .price .discount{
    text-decoration: line-through;
    color: #000;
    margin-right: 7px;
}
.product-detail .product-buy .shipping{
    margin: 10px 0 20px;
    font-size: 15px;
    font-weight: 400;
    color: #3a3a3a;
}
.product-detail .product-buy .shipping span{
    font-weight: 700;
}
.product-detail .product-buy .custom-select{
    margin: 5px 0;
    position: relative;
}
.product-detail .product-buy .custom-select:after{background:url('../images/select-dropdown.svg') no-repeat center center;content:'';background-size: 15px;position:absolute;top: 25px;right:0;display:block;width: 20px;height: 15px;pointer-events: none;}
.product-detail .product-buy .custom-select select{
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    width: 100%;
    height: 65px;
    display: block;
    background: #fff;
    border: none;
    font-family: 'Roboto Mono', sans-serif;
    font-weight: 400;
    font-size: 16px;
    padding-right: 20px;
}
.product-detail .product-buy .custom-select select::-ms-expand {
  display: none;
}
.product-detail .product-buy .buy-btn{
    display: block;
    width: 100%;
    border: none;
    background: #000;
    height: 57px;
    margin: 30px 0;
    font-family: 'Roboto Mono', sans-serif;
    font-weight:700;
    color: #FFFFFF;
    letter-spacing: 0;
    font-size: 16px;
    text-align: center;
    transition: all .25s ease;
    border: 3px solid transparent;
    box-shadow: 0px 0px 0px transparent;
}
.product-detail .product-buy .buy-btn:hover{
    border: 3px solid #fff;
    box-shadow: 0px 0px 0px 3px #000;
}
.product-detail .product-buy .card-logos{
    margin: 30px auto;
}
.product-detail .product-buy .buy-btn img{
    display: inline-block;
    margin: -7px 7px 0 -7px;
}
.product-detail .product-buy .buy-btn span{}
.product-detail .product-buy .share-holder{
    margin: 30px 0;
    font-size: 0;
}
.product-detail .product-buy .share-holder span{
    font-family: 'Roboto Mono', sans-serif;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0;
    font-size: 20px;
    display: inline-block;
    margin-right: 25px;
    vertical-align: middle;
}
.product-detail .product-buy .share-holder .share-option{
    display: inline-block;
    vertical-align: middle;
    margin-right: 17px;
}
.product-detail .product-buy .share-holder .share-option img{}
.product-detail .product-description .product-title{display: none;}


.product-detail .product-description .product-images{}
.product-detail .product-description .product-images .prod-img-carousel{
}

.product-detail .product-description .product-images .prod-img-carousel .owl-item {
    display: flex;
    justify-content: center;
}
.product-detail .product-description .product-images .prod-img-carousel .owl-item img {
    width: auto;
    /* height: 100%; */
    object-fit: contain;
    object-position: top;
}

.product-detail .product-description .product-images .prod-img-carousel .owl-thumbs{
    margin: 20px 0 0 0;
    overflow-x: scroll;
    white-space: nowrap;
    padding-bottom: 25px;
}
.product-detail .product-description .product-images .prod-img-carousel .owl-thumbs .owl-thumb-item{
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    background: transparent;
    width: 105px;
    height: 105px;
    padding: 0;
    margin: 0 10px 0 0;
    border: 1px solid #E5E5E5;
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
    position: relative;
}
.product-detail .product-description .product-images .prod-img-carousel .owl-thumbs .owl-thumb-item.active:after{background-color: #4671FF;}
.product-detail .product-description .product-images .prod-img-carousel .owl-thumbs .owl-thumb-item:after{position:absolute;bottom: -11px;left:0;content:'';background: transparent;width: 100%;height: 5px;-webkit-transition: background-color .25s ease;-o-transition: background-color .25s ease;transition: background-color .25s ease;z-index: 2;display: none;}
.product-detail .product-description .product-images .prod-img-carousel .owl-thumbs .owl-thumb-item:hover{
    border-color: #000;
}
.product-detail .product-description .product-images .prod-img-carousel .owl-thumbs .owl-thumb-item.active{
    border-color: #000;
}
.product-detail .product-description .product-images .prod-img-carousel .owl-thumbs .owl-thumb-item img{
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    width: 100%;
    height: 100%;
}
.product-detail .product-description .product-images .prod-img-carousel .owl-stage-outer{
    /* border: 1px solid #E5E5E5; */
    }
.product-detail .product-description .product-images .prod-img-carousel .item{}

.text-content{
    margin: 0;
    padding: 20px 0;
}
.text-content .container{padding-right: 25%;}
.text-content img{
    width: 100%;
    height: auto;
}
.text-content h2, .text-content h3{
    font-size: 40px;
    color: #000000;
    letter-spacing: 0;
    line-height: 42px;
    margin: 10px 0 15px;
}
.text-content p{
    font-size: 16px;
    color: #252525;
    letter-spacing: 0;
    line-height: 1.5;
    margin-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;
}

.banner-box{
    height: 370px;
    width: 100%;
    margin: 0 0 40px;
    position: relative;
}
.banner-box.no-link{}
.banner-box.no-link:after{display: none;}
.banner-box a{
    text-decoration: none !important;
    display: block;
    height: 100%;
    cursor: pointer;
}
.banner-box:after{
    content:'';
    position: absolute;
    width:100%;
    height:100%;
    background: #000;
    top: 0;
    left: 0;
    opacity: .3;
    pointer-events: none;
}
.banner-box .banner-img{
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    position: absolute;
    left: 0;
    top: 0;
}
.banner-box h2{
    position: relative;
    font-family: 'Roboto Mono', sans-serif;
    font-size: 32px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    margin: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    padding: 0 20px;
}
.banner-box h2 span{
    display: block;
}
.banner-box h2 span:nth-child(1){
    font-weight: 500;
}
.banner-box h2 span:nth-child(2){
    margin-top: 20px;
    font-weight: 300;
}



#cartModal{}
#cartModal .modal-dialog{position:absolute;width:870px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%;margin:0;}
#cartModal .modal-content{border:1px solid #DEE2ED;border-radius:4px;-webkit-box-shadow:none;box-shadow:none;margin:-1px;}
#cartModal .modal-body{padding:0;}
.cart-modal-holder{font-size:0;}
.cart-modal-holder .cart-area{width:600px;display:inline-block;vertical-align:top;height:440px;max-height:440px;overflow-y:auto;}
.cart-modal-holder .cart-area .titles{font-size:0;border-bottom:1px solid #EDEEF0;}
.cart-modal-holder .cart-area .titles .col-product{padding-left:20px;}
.cart-modal-holder .cart-area .titles h3{font-size:12px;color:#C0C5D1;letter-spacing:0;font-family: 'Source Sans Pro', sans-serif;}
.cart-modal-holder .col-product{display:inline-block;width:280px;vertical-align:middle;}
.cart-modal-holder .col-price{display:inline-block;width:120px;vertical-align:middle;}
.cart-modal-holder .col-amount{display:inline-block;width:80px;vertical-align:middle;}
.cart-modal-holder .col-sum{display:inline-block;width:120px;vertical-align:middle;}
.cart-modal-holder .product{font-size:0;position:relative;padding:10px 0;border-bottom:1px solid #EDEEF0;}
.cart-modal-holder .product .col-product .product-img{border-radius:4px;width:80px;height:80px;display:block;background-position:center center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin-left:20px;background-size:cover;}
.cart-modal-holder .product .col-product h2{display:inline-block;vertical-align:middle;font-size:14px;color:#19233C;letter-spacing:0;font-family: 'Source Sans Pro', sans-serif;padding-left:17px;margin:0;width:calc(90% - 105px);line-height:unset;}
.cart-modal-holder .product .col-price .price{font-size:14px;color:#19233C;letter-spacing:0;font-family: 'Source Sans Pro', sans-serif;}
.cart-modal-holder .product .col-amount .amount{font-size:14px;color:#19233C;letter-spacing:0;font-family: 'Source Sans Pro', sans-serif;position:relative;}
.cart-modal-holder .product .col-amount .amount select{width:45px;height:60px;background:#fbfbfb;border:1px solid #eaeaea;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:6px;-o-text-overflow:'';text-overflow:'';text-align:center;font-size:15px;padding:0 4px;}
.cart-modal-holder .product .col-amount .amount:after{background:url('../images/node-collapse.svg') no-repeat center center;position:absolute;display:block;width:15px;height:11px;right:3px;top:50%;content:'';z-index:999999;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-size:12px;pointer-events:none;}
.cart-modal-holder .product .col-sum .sum{font-size:14px;color:#4C84FF;letter-spacing:0;font-family: 'Source Sans Pro', sans-serif;}
.cart-modal-holder .product .delete-product{position:absolute;top:50%;right:20px;width:14px;height:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-top:-3px;}
.cart-modal-holder .product .delete-product img{}
.cart-modal-holder .cart-area .notes{text-align:right;margin-top:30px;padding-right:20px;}
.cart-modal-holder .cart-area .notes p{font-size:14px;color:#19233C;letter-spacing:0;font-family: 'Source Sans Pro', sans-serif;}
.cart-modal-holder .cart-area .notes p .highlighted{color:#4C84FF;}
.cart-modal-holder .buy-area{display:inline-block;width:270px;padding:20px;vertical-align:top;background:#F5F6FA;border-left:1px solid #DEE2ED;height:100%;height:440px;}
.cart-modal-holder .buy-area .cart-sum{background:#19233C;border-radius:4px;text-align:center;height:120px;position:relative;margin-bottom:20px;}
.cart-modal-holder .buy-area .cart-sum .sum-title{opacity:0.5;font-size:14px;color:#FFFFFF;letter-spacing:0;text-align:center;font-family: 'Source Sans Pro', sans-serif;display:block;position:absolute;top:22px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;}
.cart-modal-holder .buy-area .cart-sum .sum{font-size:34px;color:#FFFFFF;letter-spacing:0;text-align:center;font-family: 'Source Sans Pro', sans-serif;position:absolute;top:51px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;}
.cart-modal-holder .buy-area .shipping-address{}
.cart-modal-holder .buy-area .shipping-address select{display:block;height:50px;width:100%;background:#fff;border:1px solid #DEE2ED;font-family: 'Source Sans Pro', sans-serif;font-size:16px;color:#19233C;letter-spacing:0;text-indent:12px;}
.cart-modal-holder .buy-area .checks{}
.cart-modal-holder .buy-area .checks .check-holder{margin-bottom:5px;}
.cart-modal-holder .buy-area .form-group{margin-bottom:22px;}
.cart-modal-holder .buy-area .check-holder label{}
.cart-modal-holder .buy-area .checks .styled-checkbox + label:before{margin-top:-3px;}
.cart-modal-holder .buy-area .checks .styled-checkbox:checked + label:after{top:3px;}
.cart-modal-holder .buy-area .check-holder label a{}
.cart-modal-holder .buy-area .buy-btn{width:100%;margin-top:3px;padding: 10px 0;background: #4C84FF;border-radius: 4px;font-family: 'Source Sans Pro', sans-serif;font-size: 17px;color: #FFFFFF !important;letter-spacing: 0.86px;text-align: center;height: 50px;border: none;line-height: 50px;padding: 0;font-weight: bold;letter-spacing: 1.5px;}
.modal .modal-body .modal-close-btn{position: absolute;top: -65px;right: -65px;width: 50px;height: 50px;border-radius: 50%;background: #fff !important;border: none;padding: 0;-webkit-box-shadow: 0px 0px 10px 0px #00000026;box-shadow: 0px 0px 10px 0px #00000026;}
.modal .modal-body .modal-close-btn img{margin: 0 auto;width: 17px;}


.error-holder{margin: 15px 0 100px;text-align: center;}
.error-holder img{margin: 0 auto;max-width: 80%;}
.error-holder h2{margin: 0 0 10px;}
.error-holder p{font-size: 16px;margin: 0 auto;width: 500px;max-width: 90%;}
.error-holder a{font-size: 14px;margin: 10px 0 0 0;display: inline-block;text-decoration: underline !important;}

.whatsapp-link{display: none;}

.contact-number{
    position: absolute;
    bottom: 60px;
    left: 50%;
    width: auto;
    height: 38px;
    border-left: 1px solid #cacaca;
    border-radius: 1px;
    border-right: 1px solid #cacaca;
    padding: 0 15px;
    overflow: hidden;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    top: 50%;
    font-size: 0;
}
.contact-number svg{
    width: 19px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}
.contact-number .text{
    width: calc(100% - (19px + 15px));
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
    width: auto;
}
.contact-number .text span{
    color: #000;
    font-size: 12px;
    font-weight: 700;
    display: block;
}
.contact-number .text span:last-child{
    font-weight: 400;
    font-size: 14px;
}



.search-btn{margin-right: 15px;padding-top: 4px;}

.search-btn .btn-trigger{width: 40px;height: 40px;position: absolute;top: 0;right: 0;border: none;background: #000;}
.search-btn .btn-trigger svg{width: 20px;height: 20px;position: relative;margin-top: 3px;}
.search-overlay{
  display:none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000008c;
  z-index: 5;
  font-size: 0;
}
.search-overlay .search-box{
    width: 50vw;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    position: relative;
    top: 40%;
    left: 50%;
    height: 75px;
    min-width: 300px;
}
.search-overlay .search-input{width: calc(100% - 75px);height: 100%;border: 3px solid #000;padding: 0 0 0 15px;position: relative;background: #fff;font-size: 22px;color: #000;display: inline-block;vertical-align: top;border-radius: 2px 0 0 2px;}
.search-overlay .search-ico{
    display: inline-block;
    background: transparent;
    border: none;
    background: #000;
    padding: 10px;
    height: 75px;
    width: 75px;
    border-radius: 0 2px 2px 0;
}
.search-overlay .search-ico svg{border: none;width: 30px;height: 30px;}
.search-overlay .search-ico span{
    font-size: 18px;
    color: #fff;
    margin: 0 0 -6px 0;
    display: inline-block;
}
.search-overlay .search-close-btn{
    background: transparent;
    border: none;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 5%;
    right: 5%;
}
.search-overlay .search-close-btn svg{
    width: 100%;
    height: 100%;
}


.product-description .read-more-prod{
    color: #808080 !important;
    background: #fff;
    font-size: 14px;
    padding: 0 0 0 20px;
    height: auto;
    border: none;
    text-decoration: underline !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: auto;
    display: none;
    margin: -5px 0 25px;
}
.product-detail .product-description .product-desc-text.gradient-added{position: relative;}
.product-detail .product-description .product-desc-text.gradient-added:after{content:'';position: absolute;display:block;width:100%;bottom:0;left:0;height: 50px;background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 68%);background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(1%, rgba(255,255,255,0.01)),color-stop(68%, rgba(255,255,255,1)));background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 68%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 68%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 90%);background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(1%, rgba(255,255,255,0.01)),color-stop(90%, rgba(255,255,255,1)));background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 90%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 90%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}


.product-video-container{
  position: relative;
  padding-bottom: 56.25%; /*16:9*/
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom:25px;
}
.product-video-container iframe,
.product-video-container object,
.product-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.breadcrumb-holder{}
.breadcrumb-holder .breadcrumb{
    font-size: 14px;
}
.breadcrumb-holder .breadcrumb>li{}
.breadcrumb-holder .breadcrumb>li+li:before{}
.breadcrumb-holder .breadcrumb>li a{
    color: #333;
}
.breadcrumb-holder .breadcrumb>.active{}

header .main-nav .right-side .btns .navbar-toggle{
    margin: 0 0 0 10px;
    float: none;
    display: none;
    width: 45px;
    height: 45px;
    padding: 15px 5px 5px 5px;
    border: none;
}
header .main-nav .right-side .btns .navbar-toggle .icon-bar{
    background: #333;
    width: 100%;
    height: 2px;
    margin: 0;
}
header .main-nav .right-side .btns .navbar-toggle .icon-bar:nth-child(2){
    margin: 10px 0;
}
.visible-on-mobile{display: none !important;}
header .categories #categoriesNav h3{
    margin: 0;
    font-weight: 700;
    font-size: 19px;
    padding-left: 20px;
    background: #00000012;
    padding: 10px 0 10px 20px;
}
header .categories #categoriesNav .separator{
    height: 2px;
    width: 100%;
    background: #00000012;
}


.info-input-modal{
    padding-top: 80px;
}
.info-input-modal .header{
    height: 45px;
    border-bottom: 1px solid #DEE2ED;
    overflow: hidden;
}
.info-input-modal .header h2{
    margin: 0;
    font-size: 16px;
    color: #4C84FF;
    letter-spacing: 0;
    margin: 10px 0 20px 0px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
}
.info-input-modal .form-holder{
    padding: 30px;
}
.info-input-modal .text-content{font-size: 16px;
    color: #252525;
    letter-spacing: 0;
    line-height: 1.5;
    margin-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;}

footer .pages{display: block;padding: 15px 0 0 0;}
footer .socials{display: none;}
footer .pages a{
    font-size: 14px;
    color: #000000;
    letter-spacing: 0;
    margin-right: 40px;
    margin: 0 10px 10px 0px;
    display: inline-block;
}

.track-shipping{text-align: center;}
.track-shipping>h2{text-align: center;}
.track-shipping .track-form{width: 750px;margin: 40px auto 80px;background: #F5F6FA;border-radius: 4px;padding: 40px 70px;border: 1px solid #DEE2ED;max-width: 100%;}
.track-shipping .track-form .form-group{width: 390px;display: inline-block;margin: 0 20px 0 0;max-width: 100%;}
.track-shipping .track-form .form-control{
    height: 50px;
}
.track-shipping .track-form .form-group label{}
.track-shipping .track-form button{font-size: 14px;color: #FFFFFF;letter-spacing: 1.16px;text-align: center;background: #4C84FF;border-radius: 4px;height: 50px;width: 170px;display: inline-block;vertical-align: bottom;border: none;}
.track-shipping .steps{text-align: center;margin: 0 auto;display: block;}
.track-shipping .steps .step{width: 75px;height: 75px;display: inline-block;margin-right: 150px;position: relative;vertical-align: middle;}
.track-shipping .steps .step i{width: 75px;height: 75px;background: #fff;display: block;border-radius: 50%;border: 2px solid #4C84FF;}
.track-shipping .steps .step img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 50px;max-height: 40px;}
.track-shipping .steps .step img:last-child{display: none;}
.track-shipping .steps .step:after{position: absolute;left: 90%;top: 49%;background: #4C84FF;width: 170px;height: 5px;content:'';z-index: -1;}
.track-shipping .steps .step:last-child{margin-right: 0;}
.track-shipping .steps .step:last-child:after{display: none;}
.track-shipping .steps .step.completed{}
.track-shipping .steps .step.completed:before{content:'';position: absolute;right: -5px;top: -5px;background: url('../images/status-tick.svg');width: 30px;height: 30px;background-size: 30px;z-index: 2;background-repeat: no-repeat;}
.track-shipping .steps .step.completed i{background: #4C84FF;}
.track-shipping .steps .step.completed img{display: none;}
.track-shipping .steps .step.completed img:last-child{display: block;}
.track-shipping .order-details{background: #FFFFFF;border: 1px solid #DEE2ED;border-radius: 4px;margin: 80px auto;width: 750px;max-width: 100%;}
.track-shipping .order-details>h3{background: #F5F6FA;margin: 0;text-align: center;padding: 25px 0;font-size: 21px;}
.track-shipping .order-details>h3 img{display: inline-block;vertical-align: middle;width: 28px;height: 28px;}
.track-shipping .order-details .row{background: #F5F6FA;}
.track-shipping .order-details .row:nth-child(even){background: #fff;}
.track-shipping .order-details .row:nth-child(odd){}
.track-shipping .order-details .table-head{font-size: 12px;color: #19233C;letter-spacing: 0.5px;text-align: center;margin: 10px 0;padding: 10px 0 0 0;}
.track-shipping .order-details .table-content{font-size: 14px;color: #8A92A6;letter-spacing: 0;text-align: center;padding-bottom: 10px;font-weight: normal;}
.track-shipping .order-details .address .table-head{text-align: left;}
.track-shipping .order-details .address .table-content{text-align: left;padding-right: 30px;}
.track-shipping .see-cart-btn{width: 200px;margin: 40px auto;display: block;border: 1px solid #DEE2ED;color: #4C84FF !important;background: #fff;box-shadow: none;}
.track-shipping .container{padding-right: 0;}


/*
* Media Queries
*******************/

@media only screen and (min-width : 1200px) {

}

@media only screen and (max-width : 1200px) {
    .track-shipping .track-form button{display: block;margin: 20px auto 0;}
    .track-shipping .steps .step:after{/* width: 40px; */}
    .track-shipping .steps .step{margin-right: 130px;}
    .products .product{
    width: 293px;
}

}

@media only screen and (max-width : 992px) {
.text-content .container{padding-right: 0;}
.contact-number{/* display: none; *//* position: static; *//* transform: initial; *//* width: auto; *//* text-align: center; *//* height: 38px; *//* margin: 20px 0; *//* display: block; */}
.whatsapp-link{
    display: block;
    background: #25D366;
    width: 250px;
    position: fixed;
    bottom: 30px;
    left: 20px;
    z-index: 5;
    border-radius: 500px;
    width: 55px;
    height: 54px;
    -webkit-box-shadow: 0px 2px 15px 0px #00000057;
            box-shadow: 0px 2px 15px 0px #00000057;
}
.whatsapp-link img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 35px;
    height: 35px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

 .modal .modal-body .modal-close-btn{right: 0px;}
 .cart-modal-holder .col-price{width:15%;}
 .cart-modal-holder .col-product{width:50%;}
 .cart-modal-holder .col-amount{width:10%;}
 .cart-modal-holder .col-sum{width:25%;}
 .cart-modal-holder .cart-area .notes{margin-top:20px;}
 #cartModal .modal-dialog{position:relative;max-width:calc(100% - 40px);-webkit-transform:initial;-ms-transform:initial;transform:initial;top:auto;left:auto;margin:110px auto 0;}
 .cart-modal-holder .cart-area{display:block;width:100%;max-height:425px;height:auto;}
 .cart-modal-holder .buy-area{width:100%;height:auto;}


    .banner-box{
    height: 290px;
}
    .banner-box h2{
    font-size: 24px;
    line-height: 1.2;
}
    .product-detail .product-buy .price{
    font-size: 24px;
    margin: 20px 0;
}
    .product-detail .product-buy .product-title{
    font-size: 25px;
    line-height: 1.2;
}
    .product-detail .product-buy{
    padding-left: 15px;
    width: 300px;
}
    .product-detail .product-detail-holder{
    width: calc(100% - 300px);
}
    .products .product{
    margin-right: 15px;
    width: 230px;
    margin-bottom: 45px;
}
    .products .product .name{
    font-size: 18px;
}
    .products .product .price span{
    font-size: 16px;
}
    .products .product .price{
    margin-top: 10px;
}

}

@media only screen and (max-width : 768px) {
    .track-shipping .track-form .form-group{margin-right: 0;width: 100%;}
    .track-shipping .track-form button{width: 100%;}
    .track-shipping .track-form{margin-bottom: 40px;padding: 25px 15px;}
    .track-shipping .order-details{margin-top: 40px;}
    .track-shipping .order-details>h3{font-size: 16px;padding: 25px 10px;}
    .track-shipping .steps .step.completed:before{width: 25px;height: 25px;background-size: 24px;top: -10px;right: -10px;}
    .track-shipping .steps .step img{max-width: 8vw;max-height: 7vw;}
    .track-shipping .order-details .address .table-head{text-align: center;}
    .track-shipping .order-details .address .table-content{text-align: center;padding-right: 0;}
    .track-shipping .steps .step i{width: 100%;height: 100%;border-width: 1px;}
    .track-shipping .steps .step{width: 11vw;height: 11vw;margin-right: 11vw;}
    .track-shipping .steps .step:after{width: 14vw;}

    footer .pages{display: block;text-align: center;margin: 10px 0 0 0;}
    footer .pages a{

}
    .info-input-modal .header h2{margin-left: 20px;}
    header .categories #categoriesNav ul.dropdown-menu li a{padding-left: 30px;}
    .socials{margin-top: 15px;}
    header .main-nav .right-side .btns .navbar-toggle{display: inline-block;vertical-align: middle;}
    .hidden-on-mobile{display: none !important;}
    header .categories{min-height: unset;}
    .visible-on-mobile{display: block !important;}
    header .btns .navbar-toggle{display: inline-block;}
    header .categories #categoriesNav ul li a{padding-left: 20px;}
    header .categories{background: #f9f9f9;/* width: calc(100% + 40px); */padding: 0 0px;/* margin: 10px -20px 0; */max-width: none;width: 100%;}
    header .categories #categoriesNav ul{padding: 0;text-align: left;margin: 0;}

    .text-content .container{padding-right: 0;}
    header .main-nav .logo img{margin:0 auto;}
    header .main-nav .logo{
    margin: 0 auto;
    display: block;
    max-width: 60%;
}
    .contact-number{
    -webkit-transform: initial;
        -ms-transform: initial;
            transform: initial;
    width: auto;
    text-align: center;
    height: 38px;
    margin: 20px 0;
    display: block;
    position: static;
    border: none;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    padding: 15px 0;
    height: auto;
    height: 66px;
}
    .search-overlay .search-ico{
    height: 60px;
    padding: 5px 10px;
}
    .search-overlay .search-ico span{
    width: 100%;
    font-size: 17px;
}
    .search-overlay .search-ico svg{
    width: 25px;
    height: auto;
}
    .search-overlay .search-input{
    font-size: 19px;
}
    .search-overlay .search-box{
    width: calc(100% - 40px);
    height: 60px;
}
    .search-overlay .search-close-btn{
    width: 50px;
    height: 50px;
    padding: 10px;
    right: 10px;
    top: 10px;
}
    .text-content h2, .text-content h3{
    font-size: 25px;
    line-height: 1.4;
    margin-bottom: 5px;
}
 .load-more-holder{/* display: block; */}

 .cart-modal-holder .cart-area .titles{display:none;}
 .cart-modal-holder .col-product{width:70%;}
 .cart-modal-holder .col-price{width:30%;}
 .cart-modal-holder .product .col-product .product-img{margin-left:10px;}
 .cart-modal-holder .product .col-product h2{width:calc(100% - 100px);font-size:14px;}
 .cart-modal-holder .product .col-price .price{}
 .cart-modal-holder .col-amount{width:70%;padding-left:105px;}
 .cart-modal-holder .product .col-amount .amount{text-align:center;}
 .cart-modal-holder .col-sum{width:30%;}
 .cart-modal-holder .product .delete-product{}


    .banner-box{
    height: 48vw;
}
    .banner-box h2{
    font-size: 4.5vw;
}
    .text-content{padding: 0 20px;}
    .text-content h2{
    font-size: 26px;
    margin: 15px 0 20px;
}
    .text-content p{
    font-size: 16px;
    line-height: 1.6;
}
    .product-detail .product-buy .product-title{display: none;}
    .product-detail .product-description .product-title{display: block;margin-bottom: 10px;}
    .product-detail .product-detail-holder{
    width: 100%;
    display: block;
}
    .product-detail .product-buy{
    width: 100%;
    padding: 0 20px;
}
    .product-detail .product-description .product-desc-text{
    padding: 0 20px 15px 20px;
    margin-top: 15px;
}
    header .main-nav{padding: 0 20px;}
    .socials a{
    margin-right: 15px;
}
    header .main-nav nav{
    width: 100%;
    margin: 10px 0;
    text-align: center;
    padding: 0;
}
    header .main-nav .right-side{
    position: static;
    width: 100%;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
    top: auto;
    margin-top: 10px;
}
    header .main-nav .right-side .btns{
    float: right;
    margin-top: 0px;
}
    header{
    padding-top: 10px;
    margin-bottom: 10px;
}
    header .categories .navbar-header{display: block;padding: 0 20px;}
    header .categories #categoriesNav ul li{
    display: block;
}
    header .categories{
    margin-top: 10px;
}
    .products .product{
    width: 50%;
    margin-right: 0 !important;
    padding: 0 5px;
    margin-bottom: 30px;
}
    .products .product:nth-of-type(2n){}
    .products .product:nth-of-type(3n){}
    .products .product.with-badge .badge{
    width: calc(100% - 10px);
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 7px 0;
    font-size: 14px;
}
    .products .product .name{
    font-size: 16px;
}
    .products .product .price span{
    font-size: 15px;
}
    footer .legals{
    display: block;
    text-align: center;
    float: none;
    /* padding-bottom: 5px; */
}
    footer .sopsy{
    display: block;
    text-align: center;
    float: none;
}
    footer{
    height: auto;
}


}

@media only screen and (max-width : 480px) {

    header .main-nav .right-side .btns .cart{margin: 0 10%;}
    footer .socials{display: block;width: 100%;text-align: center;}
    header .socials{display: none;}
    header .main-nav .right-side{margin-top: 0;}
    header .main-nav .right-side .btns .cart img{}
    header .main-nav .right-side .btns>a{
    width: 35px;
    height: 35px;
}

    header .main-nav .right-side .btns .navbar-toggle{
    width: 35px;
    height: 35px;
    padding: 15px 5px 5px 5px;
}
    header .main-nav .right-side .btns .navbar-toggle .icon-bar:nth-child(2){
    margin: 6px 0;
}

    .product-detail .product-description .product-desc-text p{font-size:14px;line-height:1.25;margin-bottom:10px;}
    .product-description .read-more-prod{display: inline-block;}
    .search-btn #search-content{
    width: 150px;
}
    /*.products .product .price{text-align: right;}*/
    .products .product .name{font-size: 15px;line-height:1.25;}
    .search-btn.open #search-content{
    /* width: 180px; */
}
    .socials a{
    margin: 0 10px 10px 0;
}

    header .main-nav .right-side .btns{float: none;margin: 10px auto;display: block;text-align: center;}
    .socials{
    margin: 20px 0 0 0;
    width: 90px;
}
    .products .result-headline h2{
    font-size: 19px;
    margin: 10px 0 15px;
}
    .products .result-headline a{
    font-size: 14px;
}

    #cartModal .modal-dialog{margin-top: 80px;}
    .cart-modal-holder .col-amount{padding-left: 65px;}
    .cart-modal-holder .product .col-product .product-img{width: 40px;height: 40px;}
    .cart-modal-holder .product .col-amount .amount select{height: 45px;background: #fff;border: none;}


}

@media only screen and (max-width : 320px) {

    .cart-modal-holder .product .delete-product{right: 10px;}
    .cart-modal-holder .col-product{width: 100%;}
    .cart-modal-holder .product .col-product h2{width: calc(100% - 70px);}
    .cart-modal-holder .col-price{width: 30%;padding-left: 10px;}
    .cart-modal-holder .col-amount{padding-left: 0;width: 30%;}
    .cart-modal-holder .col-sum{width: 40%;text-align: right;padding-right: 10px;}


}

@media screen and (max-width: 768px) {
    .banner-box {
        height: auto;
    }

    .banner-box a {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
        height: auto;
    }

    .banner-box .img-holder {
        margin-bottom: 10px;
    }

    .banner-box .content {
        height: auto;
        padding: 15px;
    }

    .banner-box .content,
    .banner-box .img-holder {
        width: 100%;
    }

    .banner-box h2 {
        position: static !important;
        top: inherit !important;
        transform: none !important;
        padding: 30px 15px;
    }

    .banner-box img {
        position: static !important;
    }
}