/*your custom css goes here*/ 
@import url("fonts/fonts.css");
:root{
    --text-black:#000000;
    --product-bg:#F7F7FF;
    --blue-color:#2a3a67!important;
    --hov-primary:#2a3a67!important;
    --black-color:#000000;
    --white-color:#ffffff;
}
body{font-size:17px;font-family: 'optima_nova_lt_proregular';}
.text-black{color:var(--black-color);}
a.text-black{color:var(--text-black)}
a.text-black:focus, a.text-black:hover{color:var(--blue-color)}
.btn-primary, .btn-soft-primary:hover, .btn-outline-primary:hover {
    background-color: var(--blue-color);
    border-color: var(--blue-color);
    color: var(--white);border-radius:10px
}
.hor-swipe{overflow:visible!important;}
.btn{border-radius:10px}
.aiz-plus-minus .btn{font-size:17px}
.height45{height:45px}
.padding-top68{padding-top:68px}
.position-relative{position:relative!important}
.position-absolute{position:absolute!important}
.position-fixed{position:fixed!important}
.hov-shadow-out:hover{box-shadow:none!important;}
.products-listing .gutters-10 .col{padding:10px}
.header_menu_links{font-size:17px;font-style:normal;letter-spacing:0px}

.navigation .navigation-ul > li + li{margin-left:20px}
.navigation .navigation-ul > li .dropdown-menu .header_menu_links{display:block;padding:2px 15px}
.front-header-search.active{transform:translateY(0%);-webkit-transform:translateY(0%);opacity:1;}
.front-header-search{position:absolute;z-index:1;width:100%;height:100%;top:0;right:0;left:0;opacity:0;transform:translateY(-100%);-webkit-transform:translateY(-100%);transition:all 0.3s;-webkit-transition:all 0.3s;}
.no-caret::after{display:none}
.dropdown-menu-center{left:50%;transform:translateX(-50%);width:150px;min-width:150px;max-width:150px;}
.dropdown-menu li:first-child .dropdown-item{border-radius:4px 4px 0 0}
.dropdown-menu li:last-child .dropdown-item{border-radius:0 0 4px 4px}
.typed-search-box{padding:15px 50px}
.icon-link svg{width:25px;height:25px}
.icon-link svg .st0{}
.search-link svg .st0{fill:none;stroke:#35386D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.phone-link svg path{stroke:#35386D}
.phone-link a:hover svg path{stroke:#000}
.header-logo{width:250px;margin:0px 0}
.cart-doc{}
.cart-dropdown-menu{}
.cart-dropdown-menu h3{color:var(--blue-color)}
.cart-dropdown-menu h4{color:var(--blue-color);line-height:1.1}
.cart-dropdown-menu .btn{color:var(--white);font-size:17px}
.input-group-append .btn, .input-group-prepend .btn{font-size:14px}
.pagination .page-item{margin:5px!important;}
.top-selling-products li{padding:5px}
.top-selling-products li .gutters-10{padding:10px;margin:0} 
.shadow-md, .hov-shadow-md:hover {
    box-shadow: 0 0px 6px -1px rgba(0, 0, 0, 0.1), 0 0px 6px -1px rgba(0, 0, 0, 0.06) !important;
}
.shipping-address-left .row{margin-bottom:5px}
@media screen and (min-width:992px){
    .header-right .top-item{margin-left:10px}
    .front-header-search{width:calc(100% - 20px)}
    .shipping-info {}    
    .shipping-address-left .col-md-3{-ms-flex:0 0 150px;flex:0 0 150px;max-width:150px}
    
    .navbar-menu{position:relative}
    .navbar-menu .overlay{display:none}
    .navigation .navigation-ul{display:flex;}
}
h2{font-size:40px}
@media screen and (max-width:991px){
    .header-logo{width:120px;margin:5px 0}
    .top-item svg{width:20px;height:20px}
    .top-item .size-40px{width:30px;height:30px}
    .shipping-address-left .col-md-3{-ms-flex:0 0 165px;flex:0 0 165px;max-width:165px}
    .shipping-address-left .col{padding-left:0!important}    
    
    .navbar-menu{position:absolute;left:-100vw;top:53px;height:100vh;width:100vw;transition:all 0.3s ease 0.3s;opacity:0;visibility:hidden}
    .navbar-menu .overlay{display:block;opacity:0;transition:all 0.3s ease 0s}    
    .navbar-menu .container{transform:translateX(-100%);width:300px;max-width:300px;z-index:9;position:relative;margin:0;border-radius:0;box-shadow:none;transition: all 0.3s ease;}
    .navbar-menu.active{left:0vw;opacity:1;visibility:visible;transition:all 0.3s ease 0s;}
    .navbar-menu.active .overlay{opacity:1;visibility:visible;transition:all 0.3s ease 0.2s}
    .navbar-menu.active .container{transform:translateX(0%);transition: all 0.5s;}
    .navigation .navigation-ul{width:100%;height:calc(100vh - 25px);background:var(--white-color);padding-bottom:75px}
    .navigation .navigation-ul.hor-swipe{overflow-y:auto!important;overflow-x:hidden!important;white-space:normal!important;}
    .navigation .navigation-ul > li > .header_menu_links{margin:5px 0;}
    .navigation .navigation-ul > li{margin-left:20px;}
    .navigation .navigation-ul > li .dropdown-menu{min-width:calc(100% - 15px);max-width:calc(100% - 15px);float:none!important;transform:none!important;}
    .navigation .navigation-ul > li .show.dropdown-menu{position:static!important;margin-bottom:5px}
}
.aiz-card-box{}
.aiz-carousel .carousel-box{padding:0px!important}
.carousel-box .aiz-card-box{background:var(--product-bg)}
/*.gutters-16 > .col{padding:16px}*/
.aiz-card-box .product-holder{position:relative;padding-top:100%;height:0;}
.aiz-card-box .product-holder img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;min-width:100%;min-height:100%;max-width:100%;max-height:100%;mix-blend-mode: multiply;}
.aiz-card-box h3{font-size:1rem!important;letter-spacing:0.5px}
.aiz-card-box span{letter-spacing:1px}
.aiz-card-box:hover .product-holder img{transform:translate(-50%,-50%) scale(1)}
.aiz-card-box .absolute-bottom-left{}
.aiz-card-box .cart-btn{left:5px;bottom:0px;width:calc(100% - 10px)}
.aiz-card-box .product-holder{overflow:hidden}
.border-radius-5{border-radius:5px}
.border-radius-7{border-radius:7px}
.aiz-card-box:hover .cart-btn{transform:translateY(-5px);}
.cart-btn .cart-btn-text{margin-top:53px}
.view-all-link{margin-top:25px;margin-bottom:25px}
.view-all-link a{font-size:18px;display:inline-block;font-weight:600;color:var(--text-black);}
.view-all-link a:hover{color:var(--blue-color)}
.cart-btn{background:var(--blue-color);opacity:1}
.dropdown-item {font-size:16px;color:black}
.user-top-dropdown{left:-25%}
.other-info{padding-bottom:25px}
.other-info h4{font-size:20px}
.policy-file:hover a > svg > circle{fill:rgba(243,242,238,1)!important;}
p{font-size:16px}
.help-accessories{background:var(--blue-color);padding:50px 0;position:relative;margin-bottom:50px}
.help-accessories::before{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:rgba(255,255,255,0.05);z-index:0;}
.help-accessories .container{position:relative;z-index:9;max-width:100%}
.help-accessories .row{flex-direction:row-reverse;}
.accessories-img{max-width:600px;margin:0 auto;border-radius:300px 300px 0 0;overflow:hidden}
.accessories-holder{position:relative;height:0;padding-top:110.491803279%;width:100%}
.accessories-holder img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;max-width:100%;max-height:100%;object-fit:cover}
.sell h3{font-size:2.125rem;margin-bottom:1rem}
.sell p{font-size:20px}
.help-accessories h3,.help-accessories p{color:var(--white-color)}
.accessories-dtl{max-width:400px;text-align:center;margin:0 auto}

.btn{font-size:1.25rem;letter-spacing:0.5px}
.btn-white{background:var(--white-color);color:var(--blue-color)}
.btn-white:hover,.btn-white:focus{background:var(--blue-color);color:var(--white-color)}
.aiz-side-nav-list .aiz-side-nav-text,.user-top-nav-element .user-top-menu-name{/*letter-spacing:1px*/}
.sell .btn{margin-top:1rem;}

.instagram-info{padding-bottom:25px}
.instagram-info h1{padding:15px 0 15px 0}
.footer-widget h4{color:var(--black);font-size:20px}
.footer-widget p, .footer-widget a{font-size:16px}
.aiz-checkbox > input:checked ~ .aiz-square-check{background-color:var(--blue-color);border:1px solid var(--blue-color)}
.aiz-checkbox > input:checked ~ .aiz-square-check:after{background-color:none;border-color:var(--white-color)}
.aiz-refresh-content div{background:var(--blue-color);}
.modal-title{font-size:1.35rem;color:var(--blue-color)}
.form-control,.form-control:focus{font-size:16px;border-width:1px!important;padding:0.6rem 1.2rem;height:auto}
.modal .form-control:focus{border-width:1px!important;}/*checkout page, popup*/
.filter-option-inner-inner{font-size:1rem;}
.modal .btn{font-size:16px;}
.aiz-user-sidenav .aiz-side-nav-list .aiz-side-nav-link{font-size:16px}
.modal-content label{line-height:1.2}
.aiz-card-box h3{height:auto!important;min-height:50px}
.form-row .col-md-2{-ms-flex:0 0 155px;flex:0 0 155px;max-width:155px;}
.form-row .col-md-10{-ms-flex:0 0 calc(100% - 155px);flex:0 0 calc(100% - 155px);max-width:calc(100% - 155px);}
.purchase-history-table{}
.purchase-history-table tr td:last-child a{display:flex;align-items:center;justify-content:center}
.purchase-history-table tr td:last-child a + a{margin-left:3px}
@media screen and (min-width:992px) and (max-width:1279px){
    .aiz-top-menu-sidebar .collapse-sidebar{padding-bottom:100px}
    .list-group-horizontal {flex-wrap: wrap;}
    .list-group-horizontal>.list-group-item{flex: 0 0 33.3333%;}
    .btn{font-size:1.1rem;}
    .navigation .navigation-ul > li + li{margin-left:10px;}
    .header_menu_links{font-size:16px}
}
@media screen and (min-width:100px) and (max-width:991px){
    header{position:fixed;left:0;top:0;width:100%;z-index:99}
    .menu-logo-cart{height:53px}
    .logo-bar{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
    .user-top-dropdown{left:auto;right:0;}
    .sidebar-xl,.sidebar-xl .collapse-sidebar,.collapse-sidebar-wrap .overlay{top:53px}
    .logo-bar-area button svg rect:nth-child(1),.logo-bar-area button.active svg rect:nth-child(1){opacity:0}
    .aiz-user-top-menu .user-top-nav-element > a{padding:10px 10px;}
    .nav-user-info h4{margin-left:5px!important}
    
/*
    .logo-bar-area button svg{position: relative}
    .logo-bar-area button svg rect{position: absolute;top:50%;left: 50%;transform:translate(-50%,-50%)}
    .logo-bar-area button.active svg rect:nth-child(1){display:none}
    .logo-bar-area button.active svg rect:nth-child(2){transform:translate(13%,10%) rotate(45deg)}
    .logo-bar-area button.active svg rect:nth-child(3){transform:translate(8%,75%) rotate(-45deg)}
*/
    .collapse-sidebar .hide-top-menu-bar{/*padding:15px!important*/  display:none}
    .app-blade{margin-top:50px}
    .instagram-info h1{font-size:25px}
    .instagram-info .row{margin:0 -5px}
    .instagram-info .col-lg-3{width:25%;padding-left:5px;padding-right:5px}
    h2{font-size:21px;}
    .sell h3{font-size:25px;}
    .sell p{font-size:16px;}
    #section_home_one .container-fluid,#section_home_second .container-fluid,#section_home_second .container-fluid,#section_home_third .container-fluid,#section_home_forth .container-fluid{padding:0}
    .aiz-card-box h3{height:auto!important;font-size:15px!important;margin-bottom:5px;}
    .policy-file svg{width:45px}
    .view-all-link a{font-size:15px}
    .aiz-top-menu-sidebar ul li .header_menu_links{padding-top:7px!important;padding-bottom:7px!important;font-size:22px!important;padding-left:5px!important;font-weight:400!important;color:#484444}
     .aiz-top-menu-sidebar .collapse-sidebar ul.h-100{height:auto!important;}
    .footer-widget .list-unstyled li a{color:rgba(255,255,255,0.7)!important}
    .footer-widget .list-unstyled li a:hover{color:rgba(255,255,255,1)!important}
    .footer-widget p, .footer-widget a{font-size:14px;}
    .breadcrumb-item+.breadcrumb-item a,.breadcrumb-item+.breadcrumb-item{font-size:14px}
    .btn{font-size:1.15rem}
    .aiz-top-menu-sidebar .collapse-sidebar{padding-bottom:100px}
    .list-group-horizontal {flex-wrap: wrap;}
    .list-group-horizontal>.list-group-item{flex: 0 0 50%;}
}

@media screen and (min-width:100px) and (max-width:575px){
    .header-logo{width:100px;}
    .sell h3{margin-top:15px}
    .dropdown-menu.dropdown-menu-lg {
        width:275px;
        min-width:275px;
    }
    .dropdown-menu-right{right:-60px}
    .dropdown-menu-center{}
    .cart-dropdown{left:auto;transform:translateX(0%);right:0}
    .sidebar-xl .collapse-sidebar{height:calc(100% - 55px)}
    .btn{font-size:14px}
    .card-body .text-right{text-align:center!important}
    .modal .btn{font-size:16px;}
    .help-accessories .col-6{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
    .help-accessories .col-6:first-child{padding-bottom:25px}
    .accessories-img{max-width:80%}
    .accessories-holder{padding-top:133.491803%}    
    .help-accessories::before{display:none}
    .aiz-table td, .aiz-table th{padding:10px 5px;}
    .purchase-history-table tr td:last-child{width:120px;flex-wrap:wrap;justify-content:center}
    .purchase-history-table tr td:last-child a:first-child{width:100%}
    .purchase-history-table .card-body{padding:10px}
    .form-row .col-md-2,.form-row .col-md-10{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media screen and (min-width:100px) and (max-width:575px) and (orientation:portrait){
    .list-group-horizontal li .gutters-10 > .col{padding-left:0px;padding-right:0px;}
    .list-group-horizontal li .gutters-10 > .col-xl-6{padding-left:0px;}
    .list-group-horizontal li a .h-80px{height:auto!important}
    .shipping-address-left .col-md-3{-ms-flex:0 0 140px;flex:0 0 140px;max-width:140px;padding-left:10px}
    .shipping-info .aiz-megabox .aiz-megabox-elem{padding:10px!important}
    .accordion .card .card-header{padding:10px 15px}
    .card .shipping-info .card-body{padding:10px 15px}
}
@media screen and (min-width:100px) and (max-width:399px) and (orientation:portrait){

}
/*.aiz-checkbox > input:checked ~ .aiz-square-check:after, .aiz-radio > input:checked ~ .aiz-square-check:after, .aiz-checkbox > input:checked ~ .aiz-rounded-check:after, .aiz-radio > input:checked ~ .aiz-rounded-check:after{background-color:var(--white-color);border: solid var(--white-color);}*/


/*
.cormorant-garamond-light {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: normal;
}

.cormorant-garamond-regular {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
}

.cormorant-garamond-medium {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-style: normal;
}

.cormorant-garamond-semibold {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-style: normal;
}

.cormorant-garamond-bold {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-style: normal;
}
*/