@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800");
@import url("https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Shadows+Into+Light");
html{
    font-size:62.5%;
    font-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    background-color:#fff;
    color:#7a7d82;
     /*font:normal 400 1.4rem / 1.8 "Open Sans",sans-serif;*/
   font:normal 400 1.4rem / 1.8 "Bookman Old Style";
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden
}
body:not(.loaded)>*:not(.loading-overlay){
    visibility:hidden
}
::-moz-selection{
    background-color:#282d3b;
    color:#fff
}
::selection{
    background-color:#282d3b;
    color:#fff
}
p{
    margin-bottom:1.5rem
}
ul,ol{
    list-style:none;
    margin:0 0 2.25rem;
    padding:0
}
b,strong{
    font-weight:700
}
em,i{
    font-style:italic
}
hr{
    border:0;
    border-top:1px solid #dfdfdf;
    margin:5.5rem auto 5.2rem;
    max-width:1730px
}
sub,sup{
    font-size:70%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
img{
    display:block;
    height:auto;
    max-width:100%
}
@keyframes rotating{
    from{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(360deg)
    }
}
@-webkit-keyframes spin{
    0%{
        -ms-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -ms-transform:rotate(359deg);
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@-ms-keyframes spin{
    0%{
        -ms-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -ms-transform:rotate(359deg);
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@keyframes spin{
    0%{
        -ms-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -ms-transform:rotate(359deg);
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@-webkit-keyframes bouncedelay{
    0%, 80%, 100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes bouncedelay{
    0%, 80%, 100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.loading-overlay{
    background:#fff;
    bottom:0;
    left:0;
    opacity:1;
    position:fixed;
    right:0;
    top:0;
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    visibility:visible;
    z-index:999999
}
.loaded>.loading-overlay{
    opacity:0;
    visibility:hidden
}
.bounce-loader{
    left:50%;
    margin:-9px 0 0 -35px;
    position:absolute;
    text-align:center;
    top:50%;
    -webkit-transition:all .2s;
    transition:all .2s;
    width:70px;
    z-index:10000
}
.bounce-loader .bounce1,.bounce-loader .bounce2,.bounce-loader .bounce3{
    -webkit-animation:1.4s ease-in-out 0s normal both infinite bouncedelay;
    animation:1.4s ease-in-out 0s normal both infinite bouncedelay;
    background-color:#CCC;
    border-radius:100%;
    -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.15);
    box-shadow:0 0 20px 0 rgba(0,0,0,0.15);
    display:inline-block;
    height:18px;
    width:18px
}
.bounce-loader .bounce1{
    -webkit-animation-delay:-.32s;
    animation-delay:-.32s
}
.bounce-loader .bounce2{
    -webkit-animation-delay:-.16s;
    animation-delay:-.16s
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
    font-weight:700;
    line-height:1.1;
    margin-bottom:1.8rem;
    color:#21293c;
    letter-spacing:0
}
h1,.h1{
    font-size:3rem
}
h2,.h2{
    font-size:2.2rem
}
h3,.h3{
    font-size:1.8rem
}
h4,.h4{
    font-size:1.5rem
}
h5,.h5{
    font-size:1.2rem
}
h6,.h6{
    font-size:1rem
}
a{
    color:#282d3b;
    text-decoration:none;
    transition:all .3s
}
a:hover,a:focus{
    color:#282d3b;
    text-decoration:underline
}
.heading{
    margin-bottom:4rem;
    font-size:1.4rem
}
.heading .title{
    margin-bottom:1.6rem
}
.heading p{
    letter-spacing:-.015em
}
.heading p:last-child{
    margin-bottom:0
}
.title{
    text-transform:uppercase
}
.subtitle{
    text-transform:uppercase;
    font:700 1.9rem/1 "Bookman Old Style
    color:#21293c;
    margin-bottom:2rem
}
.carousel-title{
    text-transform:uppercase;
    font:700 1.8rem/1 "Bookman Old Style
    color:#302e2a;
    padding:0 0 1.2rem;
    border-bottom:1px solid #e1e1e1;
    margin-bottom:2.6rem;
    letter-spacing:-.01rem
}
.light-title{
    font-weight:300;
    margin-bottom:2rem
}
.text-primary{
    color:#28a745 !important
}
.lead{
    font-size:1.8rem;
    font-weight:400;
    line-height:1.5;
    margin-bottom:2rem;
    color:#21293c
}
@media screen and (min-width: 768px){
    h1,.h1{
        font-size:3.2rem
    }
    h2,.h2{
        font-size:2.4rem
    }
    h3,.h3{
        font-size:2rem
    }
}
@media screen and (min-width: 992px){
    h1,.h1{
        font-size:3.6rem
    }
}
.page-wrapper{
    position:relative;
    transition:transform 0.35s
}
.mmenu-active .page-wrapper{
    transform:translateX(250px)
}
.main{
    flex:1 1 auto
}
.row.row-sm{
    margin-left:-10px;
    margin-right:-10px
}
.row.row-sm [class*="col-"]{
    padding-left:10px;
    padding-right:10px
}
.ajaxOverlay{
    display:flex;
    align-items:center;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,0.6);
    z-index:1041
}
@media screen and (min-width: 1200px){
    .padding-left-lg{
        padding-left:35px
    }
    .padding-right-lg{
        padding-right:35px
    }
    .col-xl-5col{
        -ms-flex:0 0 20%;
        flex:0 0 20%;
        max-width:20%
    }
    .col-xl-7col{
        -ms-flex:0 0 14.2857%;
        flex:0 0 14.2857%;
        max-width:14.2857%
    }
    .col-xl-8col{
        -ms-flex:0 0 12.5%;
        flex:0 0 12.5%;
        max-width:12.5%
    }
}
@media screen and (min-width: 1280px){
    .container{
        max-width:1200px
    }
}
@media screen and (max-width: 991px){
    .container{
        max-width:100%
    }
}
.header{
    /*background-color:#28a745;*/
    background:url(../images/header-top.jpg) no-repeat top left;
}
.header .container,.header .container-fluid{
    display:flex;
    align-items:center
}
.header-left,.header-center,.header-right{
    display:flex;
    align-items:center
}
.header-right{
    margin-left:auto
}
.header-center{
    margin-left:auto;
    margin-right:auto
}
.header-top{
    font-size:1.1rem;
    line-height:1.5;
    letter-spacing:.025rem;
    color:#000;
    padding-top:.4rem;
    /*padding-bottom:.4rem;*/
    margin-bottom:1px
}
.header-top a{
    padding-top:.5rem;
    padding-bottom:.5rem;
    color:inherit
}
.header-top .container{
    position:relative
}
.header-top .container::before{
    content:'';
    position:absolute;
    left:15px;
    right:15px;
    bottom:-5px;
    display:block;
    height:1px;
    /*background-color:#0e95d8*/
}
.welcome-msg{
    display:none;
    margin:.3rem 2rem .3rem 0;
    text-transform:uppercase;
    position:relative
}
.welcome-msg::after{
    content:'';
    position:absolute;
    right:-14px;
    top:50%;
    height:11px;
    border-right:1px solid;
    margin-top:-5.5px;
    opacity:.8
}
.header-middle{
    /*padding-top:0.5rem;
    padding-bottom:1.5rem*/
}
.logo{
    display:block
}
.logo img{
    display:block;
    max-width:100%;
    /*height:auto*/
    height:90px;
}
.header-dropdown{
    position:relative;
    text-transform:uppercase
}
.header-dropdown>a{
    position:relative;
    padding-right:1.1rem;
    display:inline-flex;
    align-items:center
}
.header-dropdown>a::after{
    content:'';
    position:absolute;
    right:0;
    top:50%;
    margin-top:-2px;
    width:0;
    height:0;
    border-style:solid;
    border-width:4px 3px 0 3px;
    border-color:#fff transparent transparent transparent;
    margin-left:.6rem
}
.header-dropdown a img{
    display:inline-block;
    margin-right:.6rem;
    max-width:16px;
    height:auto
}
.header-dropdown a:hover,.header-dropdown a:focus{
    text-decoration:none
}
.header-menu{
    position:absolute;
    left:0;
    top:100%;
    z-index:20;
    box-shadow:0 0 2px rgba(0,0,0,0.1);
    background-color:#fff;
    padding-top:.4rem;
    padding-bottom:.4rem;
    border:1px solid #ccc;
    min-width:100%;
    visibility:hidden;
    opacity:0;
    transition:all .25s
}
.header-right .header-menu{
    left:auto;
    right:0
}
.header-dropdown:hover>.header-menu{
    visibility:visible;
    opacity:1
}
.header-menu ul{
    list-style:none;
    padding:0;
    margin:0
}
.header-menu ul li{
    margin:0;
    position:relative
}
.header-menu ul a{
    padding:2px 9px;
    display:flex;
    align-items:center;
    white-space:nowrap
}
.header-menu a{
    color:#777
}
.header-menu a:hover,.header-menu a:focus{
    color:#fff;
    background-color:#ccc
}
.header .btn-remove::before{
    display:none
}
.header-dropdowns .header-dropdown+.header-dropdown,.header-dropdowns .header-dropdown+.dropdown{
    margin-left:29px
}
.header-dropdowns .header-dropdown+.header-dropdown::before,.header-dropdowns .header-dropdown+.dropdown::before{
    content:'';
    position:absolute;
    left:-14px;
    top:50%;
    height:11px;
    border-right:1px solid;
    margin-top:-5.5px;
    opacity:.8
}
.dropdownmenu-wrapper{
    position:relative;
    background-color:#fff;
    padding:2rem;
    border-radius:0;
    border:1px solid #f0f0f0;
    box-shadow:0 29px 28px rgba(0,0,0,0.1)
}
.cart-dropdown .dropdown-menu,.compare-dropdown .dropdown-menu{
    display:block;
    left:0;
    top:100%;
    width:300px;
    padding-top:10px;
    z-index:100;
    font-size:1.1rem;
    color:#777;
    border:0;
    margin:0;
    background-color:transparent;
    box-shadow:none;
    visibility:hidden;
    opacity:0;
    transition:all .25s
}
.cart-dropdown .dropdown-menu.show,.compare-dropdown .dropdown-menu.show{
    visibility:visible;
    opacity:1
}
.cart-dropdown:hover .dropdown-menu,.compare-dropdown:hover .dropdown-menu{
    visibility:visible;
    opacity:1
}
.compare-dropdown .dropdown-toggle,.cart-dropdown .dropdown-toggle{
    text-decoration:none
}
.compare-dropdown .dropdown-toggle:hover,.compare-dropdown .dropdown-toggle:focus,.cart-dropdown .dropdown-toggle:hover,.cart-dropdown .dropdown-toggle:focus{
    text-decoration:none
}
.compare-dropdown .dropdown-toggle{
    text-transform:uppercase
}
.compare-dropdown .dropdown-toggle i{
    margin-top:-.2rem;
    margin-right:.2rem
}
.compare-dropdown .dropdown-toggle i::before{
    margin:0
}
.compare-dropdown .dropdown-toggle::after{
    display:none
}
.compare-products{
    list-style:none;
    padding:0;
    margin:0
}
.compare-products .product{
    position:relative;
    padding:.5rem 0;
    margin:0;
    box-shadow:none !important
}
.compare-products .product:hover{
    box-shadow:none
}
.compare-products .product-title{
    color:#696969;
    font-weight:400;
    font-size:1.1rem;
    line-height:1.35;
    text-transform:uppercase;
    margin:0
}
.compare-products .btn-remove{
    position:absolute;
    top:50%;
    right:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:2.3rem;
    height:2.3rem;
    overflow:hidden;
    padding:.5rem 0;
    font-size:1.3rem;
    line-height:1;
    text-align:center;
    color:#777;
    margin-top:-1.2rem
}
.compare-actions{
    display:flex;
    align-items:center;
    margin-top:2rem
}
.compare-actions .action-link{
    display:inline-block;
    font-size:1.1rem;
    color:#777;
    text-transform:uppercase
}
.compare-actions .btn{
    text-transform:uppercase;
    padding:.9rem 1rem;
    min-width:110px;
    font-weight:400;
    font-size:1.2rem;
    letter-spacing:0.025rem;
    border:0;
    border-radius:.2rem;
    color:#fff;
    margin-left:auto;
    text-align:center
}
.cart-dropdown .dropdown-toggle{
    background-color:#28a745;
    border:1px solid #28a745;
    border-radius:.2rem;
    box-shadow:0 7px 8px rgba(0,0,0,0.05);
    display:block;
    padding:.6rem 4.4rem .4rem 1.2rem;
    position:relative
}
.cart-dropdown .dropdown-toggle .cart-count{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:1.6rem;
    height:1.6rem;
    position:absolute;
    right:3.4rem;
    line-height:1;
    top:.5rem;
    border-radius:50%;
    padding-bottom:1px;
    font-size:1rem;
    font-weight:600;
    color:#fff;
    background-color:#f17734;
    box-shadow:0 7px 8px rgba(0,0,0,0.05)
}
.cart-dropdown .dropdown-toggle::before{
    display:inline-block;
    /*content:'\e87f';*/
    /*content:'\f291';*/
    font-family:'porto';
    font-size:2.5rem;
    line-height:1;
    margin:2px 0 0;
    color:#fff
}
.cart-dropdown .dropdown-toggle::after{
    border:0;
    color:#fff;
    content:'\e81c';
    display:inline-block;
    font-family:'porto';
    height:auto;
    font-size:1.4rem;
    line-height:1;
    margin:0;
    position:absolute;
    right:1.5rem;
    top:50%;
    transform:translateY(-50%);
    transition:all .3s;
    width:auto
}
.cart-dropdown .dropdown-menu{
    left:auto;
    right:0;
    padding-top:0
}
.cart-dropdown .dropdownmenu-wrapper{
    padding:1.6rem 1.9rem
}
.cart-dropdown .dropdownmenu-wrapper::before{
    left:auto;
    right:28px
}
.cart-dropdown .dropdownmenu-wrapper::after{
    left:auto;
    right:29px
}
.cart-dropdown .product{
    align-items:center;
    border-bottom:1px solid #e6ebee;
    box-shadow:none !important;
    display:flex;
    margin:0 !important;
    padding:1.6rem 1rem
}
.cart-dropdown .product-image-container{
    border:1px solid #ededed;
    box-shadow:none !important;
    margin:0;
    margin-left:auto;
    max-width:80px;
    position:relative
}
.cart-dropdown .product-image-container a::after{
    display:none !important
}
.cart-dropdown .product-title{
    color:#696969;
    font-size:1.3rem;
    font-weight:600;
    margin-bottom:.2rem;
    text-align:left
}
.cart-dropdown .product-details{
    color:#696969;
    font-size:1.3rem;
    font-weight:600;
    text-align:left
}
.cart-dropdown .btn-remove{
    align-items:center;
    background-color:#fff;
    border-radius:50%;
    box-shadow:0 2px 5px rgba(0,0,0,0.2);
    color:#474747;
    display:flex;
    font-size:1.1rem;
    height:2rem;
    justify-content:center;
    line-height:1;
    position:absolute;
    right:-1rem;
    top:-1rem;
    width:2rem
}
.cart-dropdown .btn-remove:hover,.cart-dropdown .btn-remove:focus{
    box-shadow:0 3px 7px rgba(0,0,0,0.3);
    color:#28a745
}
.dropdown-cart-header,.dropdown-cart-total{
    padding:.7rem 1rem;
    display:flex;
    align-items:flex-end;
    font-size:1.3rem;
    font-weight:700;
    text-transform:uppercase;
    color:#474747
}
.dropdown-cart-total{
    margin-bottom:1.1rem
}
.dropdown-cart-total .cart-total-price{
    font-size:1.5rem;
    margin-left:auto
}
.dropdown-cart-header{
    border-bottom:1px solid #e6ebee;
    margin-bottom:0;
    padding-top:0
}
.dropdown-cart-header a{
    margin-left:auto;
    font-size:1.2rem
}
.dropdown-cart-action{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:.2rem 1rem 1.5rem
}
.dropdown-cart-action .btn{
    font-weight:400;
    font-size:1.2rem;
    letter-spacing:0.025rem;
    text-transform:uppercase;
    color:#fff;
    border-color:#010204;
    background-color:#010204;
    border-radius:.2rem;
    min-width:110px;
    padding:1.25rem 1rem
}
.dropdown-cart-action .btn:hover,.dropdown-cart-action .btn:focus{
    color:#fff;
    border-color:#222;
    background-color:#222
}
.header-search{
    position:relative;
    margin:0;
    font-size:0;
    line-height:1;
    padding:0;
    border:0
}
.header-search .header-search-wrapper{
    display:none;
    align-items:stretch;
    overflow:visible;
    border:1px #28a745 solid;
    border-radius:20px;
    position:relative;
    width:100%;
    min-width:400px;
    background-color:#fff
}
.header-search .header-search-wrapper::after{
    display:block;
    clear:both;
    content:''
}
.header-search .header-search-wrapper.show{
    display:flex
}
.header-search form{
    margin:0
}
.header-search .select-custom{
    flex:0 0 142px;
    margin:0
}
.header-search .select-custom::after{
    right:1.1rem;
    color:#8d8d8d;
    font-size:1.4rem
}
.header-search .form-control,.header-search select{
    height:38px;
    font:400 1.3rem/1.5 "Bookman Old Style
    background-color:#fff;
    margin:0
}
.header-search .form-control{
    flex:1 1 auto;
    padding:8px 13px;
    color:#8d8d8d;
    width:100%;
    margin:0;
    line-height:20px;
    border-radius:20px 0 0 20px;
    box-shadow:none;
    border:0
}
.header-search .form-control::-webkit-input-placeholder{
    color:#8d8d8d
}
.header-search .form-control::-moz-placeholder{
    color:#8d8d8d
}
.header-search .form-control:-ms-input-placeholder{
    color:#8d8d8d
}
.header-search .form-control::-ms-input-placeholder{
    color:#8d8d8d
}
.header-search .form-control::placeholder{
    color:#8d8d8d
}
.header-search select{
    width:100%;
    border:0;
    border-left:1px solid #dbe0e2;
    line-height:36px;
    color:#8d8d8d;
    padding:1px 20px 1px 15px;
    padding-left:10px;
    border-radius:0;
    -moz-appearance:none;
    -webkit-appearance:none
}
.header-search .search-toggle{
    display:inline-block;
    font-size:1.6rem;
    line-height:1;
    min-width:2.5rem;
    padding:1rem 0;
    font-weight:700;
    color:#F14B01;
    text-align:center
}
.header-search .search-toggle i{
    display:inline-block;
    margin-bottom:2px
}
.header-search .btn{
    flex:0 0 50px;
    max-width:100%;
    min-width:0;
    height:38px;
    color:#606669;
    background-color:transparent;
    font-weight:400;
    font-size:1.5rem;
    line-height:1;
    border:0;
    border-left:1px solid #dbe0e2;
    padding:0 15px 0 5px;
    margin:0;
    background:transparent;
    cursor:pointer;
    border-radius:0 20px 20px 0
}
.header-search .btn i::before{
    margin:0
}
.header-search .btn:hover,.header-search .btn:focus{
    color:#28a745;
    background-color:transparent
}
.header-contact{
    position:relative;
    color:#bde1f5;
    letter-spacing:0;
    font-size:1.8rem;
    line-height:1.4;
    margin-right:4rem;
    padding-left:3.5rem
}
.header-contact::before{
    color:#28a745;
    content:'\e887';
    display:inline-block;
    font-family:'porto';
    font-size:3rem;
    left:0;
    line-height:1;
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.header-contact span{
    display:block;
    font-size:1.1rem;
    font-weight:600;
    text-transform:uppercase
}
.header-contact a{
    color:#fff
}
.header-contact a:hover,.header-contact a:focus{
    text-decoration:none
}
.header-bottom{
   /* background-color:#f4f4f4;*/
    
   
background-color: #28a745;




}
.header-bottom .container,.header-bottom .container-fluid{
    position:relative
}
.header-bottom .logo,.header-bottom .cart-dropdown{
    display:none
}
.header-bottom .logo{
    margin-right:2.5rem
}
.header-bottom .logo img{
    width:auto;
    max-height:32px
}
.header-bottom .cart-dropdown{
    order:2;
    margin-left:auto
}
.header-bottom .cart-dropdown .dropdown-toggle{
    padding-right:3.2rem;
    padding-left:1rem;
    padding-top:.3rem;
    padding-bottom:.1rem
}
.header-bottom .cart-dropdown .dropdown-toggle::before{
    font-size:2.2rem
}
.header-bottom .cart-dropdown .dropdown-toggle .cart-count{
    right:2.3rem;
    top:.3rem
}
.header-bottom .cart-dropdown .dropdown-toggle::after{
    right:1.1rem
}
.mobile-menu-toggler{
    border:0;
    background:transparent;
    color:#F14B01;
    padding:1rem .5rem;
    font-size:2.1rem;
    line-height:1;
    display:none;
    align-items:center;
    justify-content:center;
    margin-right:1.5rem;
    cursor:pointer
}
.mobile-menu-toggler i::before{
    margin:0
}
@media screen and (min-width: 576px){
    .welcome-msg{
        display:block
    }
}
@media screen and (min-width: 768px){
    .welcome-msg{
        margin-right:3rem
    }
}
@media screen and (min-width: 992px){
    .dropdown-expanded>a{
        display:none
    }
    .dropdown-expanded .header-menu{
        position:static;
        left:auto;
        right:auto;
        top:auto;
        padding:0;
        background-color:transparent;
        border:0;
        opacity:1;
        visibility:visible;
        box-shadow:none
    }
    .dropdown-expanded .header-menu ul{
        display:flex;
        align-items:center
    }
    .dropdown-expanded .header-menu ul li+li{
        margin-left:3rem
    }
    .dropdown-expanded .header-menu ul li+li:before{
        content:'';
        position:absolute;
        left:-14px;
        top:50%;
        height:11px;
        border-right:1px solid;
        margin-top:-5.5px;
        opacity:.8
    }
    .dropdown-expanded .header-menu ul a{
        padding:0
    }
    .dropdown-expanded .header-menu a{
        color:inherit
    }
    .dropdown-expanded .header-menu a:hover,.dropdown-expanded .header-menu a:focus{
        text-decoration:underline;
        background-color:transparent
    }
    .header-search .search-toggle{
        display:none
    }
    .header-search form{
        width:450px
    }
    .header-search .header-search-wrapper{
        display:flex
    }
}
@media screen and (min-width: 1200px){
    .header-middle .header-center{
        padding-left:150px
    }
    .header-contact{
       /* margin-right:8rem*/
    }
}
@media screen and (max-width: 991px){
    .header-search{
        margin-left:5px
    }
    .header-search .header-search-wrapper{
        position:absolute;
        right:-80px;
        top:100%;
        margin-top:.3rem;
        border-width:5px;
        width:450px;
        border-radius:24px;
        z-index:99;
        box-shadow:0 4px 12px rgba(0,0,0,0.075)
    }
    .header-search .header-search-wrapper::before{
        content:'';
        display:block;
        position:absolute;
        right:77px;
        top:-25px;
        width:20px;
        height:20px;
        border:10px solid transparent;
        border-bottom-color:#ccc
    }
    .header-middle .header-right{
        margin-left:1rem
    }
    .header-center{
        margin-left:auto;
        margin-right:0
    }
    .header-contact{
        margin-right:2rem
    }
    .header-bottom{
        display:none
    }
    .mobile-menu-toggler{
        display:flex
    }
}
@media screen and (max-width: 767px){
    .header-middle{
        /*padding-top:3rem;
        padding-bottom:3rem*/
    }
    .header-contact{
        display:none
    }
    .header-search .header-search-wrapper{
        width:380px
    }
    .header-search .select-custom{
        flex:0 0 132px
    }
    .header-search .btn{
        flex:0 0 40px
    }
    .cart-dropdown .dropdown-toggle{
        padding-right:2.5rem;
        padding-left:.8rem
    }
    .cart-dropdown .dropdown-toggle .cart-count{
        right:1.7rem
    }
    .cart-dropdown .dropdown-toggle::before{
        font-size:2.3rem
    }
    .cart-dropdown .dropdown-toggle::after{
        right:.7rem
    }
    .mobile-menu-toggler{
        margin-right:1rem
    }
    .header-middle .header-right{
        margin-left:.7rem
    }
}
@media screen and (max-width: 479px){
    .header-middle{
        /*padding-top:2.5rem;
        padding-bottom:2.5rem*/
    }
    .header-search .header-search-wrapper{
        width:320px
    }
    .compare-dropdown{
        display:none
    }
}
@media (max-width: 360px){
    .header-search .header-search-wrapper{
        width:240px
    }
    .header-search .select-custom{
        display:none
    }
    .cart-dropdown .dropdown-menu,.compare-dropdown .dropdown-menu{
        width:260px
    }
    .cart-dropdown .dropdownmenu-wrapper,.compare-dropdown .dropdownmenu-wrapper{
        padding:1rem 1.4rem
    }
}
.main-nav{
    width:100%
}
.menu,.menu *{
    margin:0;
    padding:0;
    list-style:none
}
.menu::after{
    display:block;
    clear:both;
    content:''
}
.menu li{
    position:relative
}
.menu li.megamenu-container{
    position:static
}
.menu>li{
    float:left
}
.menu ul{
    position:absolute;
    display:none;
    top:100%;
    left:0;
    z-index:99
}
.menu ul ul{
    top:-1rem;
    left:100%
}
.menu .megamenu{
    display:none;
    position:absolute;
    left:1.5rem;
    right:1.5rem;
    top:100%;
    z-index:999
}
.menu .megamenu.megamenu-fixed-width{
    left:0;
    right:auto;
    width:640px
}
.menu a{
    display:block;
    position:relative;
    text-decoration:none
}
.menu li:hover>ul,.menu li.show>ul,.menu li:hover>.megamenu,.menu li.show>.megamenu{
    display:block
}
.menu{
    margin:0 -1.5rem
}
.menu li{
    padding-left:1rem;
    padding-right:1rem
}
.menu li a{
    font-weight:600;
    font-size:1.2rem;
    color:#696969;
    text-transform:uppercase;
    display:block;
    padding:.7rem 1rem;
    white-space:nowrap;
    transition:background 0.25s
}
.menu li .menu-title{
    color:#434d53;
    margin-bottom:0;
    text-transform:uppercase;
    letter-spacing:-.01rem;
    margin-top:1.25rem
}
.menu li .menu-title a{
    font-size:1.3rem;
    padding:.7rem 2rem;
    font-weight:700;
    color:#434d53
}
.menu li .menu-title a:hover,.menu li .menu-title a:focus{
    text-decoration:underline
}
.menu>li{
    padding-left:0;
    padding-right:0
}
.menu>li>a{
    font-weight:700;
    font-size:1.3rem;
    background-color:transparent;
    /*color:#5e667a;*/
    color:#fff;
    padding:1.55rem 1.5rem;
    letter-spacing:.01rem
}
.menu.sf-arrows>li>a.sf-with-ul{
    padding-right:2.8rem;
   
}
.menu.sf-arrows .sf-with-ul{
    position:relative
}
.menu.sf-arrows .sf-with-ul::after{
    content:'\e81c';
    position:absolute;
    top:50%;
    display:inline-block;
    right:1.5rem;
    font-family:'porto';
    transform:translateY(-50%);
    font-size:1.3rem;
    line-height:1;
    margin-top:-1px
}
.menu.sf-arrows ul .sf-with-ul::after{
    content:'\e81a';
    right:1rem
}
.menu .megamenu,.menu ul{
    background-color:#fff;
    box-shadow:0 29px 29px rgba(0,0,0,0.1)
}
.menu ul{
    min-width:240px;
    padding-top:1rem;
    padding-bottom:1rem
}
.menu .megamenu{
    padding:1rem
}
.menu .megamenu ul{
    min-width:0;
    box-shadow:none;
    position:static;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    display:block;
    padding:0;
    margin:0 0 1.25rem
}
.menu .megamenu .banner{
    width:100%;
    height:100%;
    margin-bottom:0;
    background-color:transparent
}
.menu .megamenu .banner a{
    width:100%;
    height:100%;
    padding:0;
    margin:0
}
.menu .megamenu .banner img{
    position:absolute;
    height:100%
}
.menu .megamenu .banner img.product-promo{
    padding:1rem
}
.menu li:hover>a,.menu li.show>a,.menu li.active>a{
    color:#696969;
    background-color:#f4f4f4
}
.menu>li:hover>a,.menu>li.show>a,.menu>li.active>a{
    color:#28a745
}
.menu>li:hover.float-right>a>span,.menu>li.show.float-right>a>span,.menu>li.active.float-right>a>span{
    box-shadow:none
}
.menu.sf-arrows>li:hover>a.sf-with-ul::before,.menu.sf-arrows>li.show>a.sf-with-ul::before,.menu.sf-arrows>li.active>a.sf-with-ul::before{
    visibility:visible;
    opacity:1
}
.tip{
    color:#fff;
    position:relative;
    display:inline-block;
    font-size:1rem;
    font-weight:400;
    padding:.3rem .4rem;
    z-index:1;
    border-radius:.2rem;
    line-height:1;
    margin:-2px 0 0 1rem;
    vertical-align:middle;
    text-transform:uppercase
}
.tip::before{
    content:'';
    position:absolute;
    left:auto;
    right:100%;
    top:50%;
    margin-top:-3px;
    border:3px solid transparent
}
.tip.tip-new{
    background-color:#0fc567
}
.tip.tip-new::before{
    border-right-color:#0fc567
}
.tip.tip-hot{
    background-color:#eb2771
}
.tip.tip-hot::before{
    border-right-color:#eb2771
}
.menu>li>a .tip{
    position:absolute;
    top:-4px;
    right:22px;
    margin:0
}
.menu>li>a .tip::before{
    position:absolute;
    left:3px;
    top:100%;
    width:3px;
    height:3px;
    margin:0;
    border-color:transparent
}
.menu>li>a .tip.tip-new::before{
    border-top-color:#0cc485
}
.menu>li>a .tip.tip-hot::before{
    border-top-color:#eb2771
}
.mobile-menu-container{
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    z-index:1001;
    background-color:#1d1e20;
    width:100%;
    max-width:250px;
    overflow-y:auto;
    box-shadow:0.1rem 0 0.6rem 0 rgba(50,50,50,0.65);
    transform:translateX(-100%);
    visibility:hidden;
    font-size:1.2rem;
    line-height:1.5;
    transition:all 0.35s
}
.mmenu-active .mobile-menu-container{
    visibility:visible;
    transform:translateX(0)
}
.mobile-menu-container .social-icons{
    justify-content:center;
    margin-bottom:0
}
.mobile-menu-container .social-icon{
    width:3rem;
    height:3rem;
    border:0;
    font-size:1.5rem;
    background-color:transparent;
    margin-bottom:0
}
.mobile-menu-container .social-icon+.social-icon{
    margin-left:.3rem
}
.mobile-menu-container .social-icon:hover,.mobile-menu-container .social-icon:focus{
    color:#fafafa;
    background-color:transparent
}
.mobile-menu-wrapper{
    position:relative;
    padding:4.2rem 0 3rem
}
.mobile-menu-close{
    position:absolute;
    top:1rem;
    right:1rem;
    padding:.4rem;
    z-index:9;
    cursor:pointer;
    font-size:1.3rem;
    line-height:1;
    color:#fff
}
.mobile-menu-overlay{
    display:block;
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
    background-color:rgba(0,0,0,0.5);
    z-index:1000;
    transition:all 0.4s;
    visibility:hidden;
    opacity:0
}
.mmenu-active .mobile-menu-overlay{
    visibility:visible;
    opacity:1
}
.mobile-nav{
    padding:0;
    margin:0 0 2rem
}
.mobile-menu{
    margin:0;
    padding:0;
    list-style:none;
    border-bottom:1px solid #242527
}
.mobile-menu>li>a{
    text-transform:uppercase
}
.mobile-menu li{
    display:block;
    position:relative;
    border-top:1px solid #242527
}
.mobile-menu li a{
    position:relative;
    display:block;
    padding:1.1rem 0 1.1rem 1.5rem;
    margin-right:4.5rem;
    color:#fff
}
.mobile-menu li a:hover,.mobile-menu li a:focus{
    color:#28a745;
    text-decoration:none
}
.mobile-menu li.open>a,.mobile-menu li.active>a{
    color:#28a745
}
.mobile-menu li ul{
    margin:0;
    padding:0;
    display:none;
    margin-bottom:0
}
.mobile-menu li ul li a{
    padding-left:2.5rem
}
.mobile-menu li ul ul li a{
    padding-left:3.5rem
}
.mobile-menu>li>a{
    text-transform:uppercase
}
.mmenu-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:-3.8rem;
    top:50%;
    width:3rem;
    height:3rem;
    font-size:1.5rem;
    color:#fff;
    margin-top:-1.5rem;
    border-radius:0;
    background-color:transparent;
    cursor:pointer;
    outline:none
}
.mmenu-btn::after{
    font-family:'porto';
    content:'\e81c';
    display:inline-block;
    margin-top:-2px
}
.open>a>.mmenu-btn::after{
    content:'\e81b'
}
@keyframes fixedHeader{
    0%{
        opacity:0;
        transform:translateY(-60px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.sticky-header.fixed{
    position:fixed;
    left:0;
    right:0;
    top:0;
    z-index:1040;
    animation-name:fixedHeader;
    animation-duration:.4s;
    background-color:#28a745;
    box-shadow:0 2px 5px rgba(0,0,0,0.1);
    padding-top:.6rem;
    padding-bottom:.6rem
}
.sticky-header.fixed .main-nav{
    width:auto;
    background-color:transparent
}
.sticky-header.fixed .menu>li.float-right>a{
    padding:.55rem 1.5rem
}
.sticky-header.fixed .menu>li.float-right>a>span{
    padding:0
}
.sticky-header.fixed .menu>li>a{
    color:#fff;
    padding-top:.55rem;
    padding-bottom:.55rem
}
.sticky-header.fixed .menu>li>a .tip{
    top:-8px
}
.sticky-header.fixed .menu>li:hover>a,.sticky-header.fixed .menu>li.show>a,.sticky-header.fixed .menu>li.active>a{
    color:#28a745;
    background-color:#fff
}
.sticky-header.fixed .logo,.sticky-header.fixed .cart-dropdown{
    display:block
}
.sticky-header.fixed-nav{
    position:fixed;
    left:0;
    right:0;
    top:46px;
    height:38px;
    z-index:1039;
    animation-name:fixedHeader;
    animation-duration:.4s;
    background-color:white;
    box-shadow:0 2px 5px rgba(0,0,0,0.1);
    overflow:hidden
}
.sticky-header.fixed-nav .container{
    margin:0 auto;
    padding-left:1.5rem
}
@media screen and (max-width: 991px){
    .sticky-header.fixed-nav{
        top:0
    }
}
@media screen and (max-width: 575px){
    .sticky-header.fixed-nav{
        display:none
    }
}
.mfp-bg{
    background-color:rgba(255,255,255,0.5)
}
.newsletter-popup{
    background:#f1f1f1;
    background-position:center center;
    background-repeat:no-repeat;
    border-radius:0;
    box-shadow:0 10px 25px rgba(0,0,0,0.5);
    height:320px;
    margin-left:auto;
    margin-right:auto;
    max-width:700px;
    padding:46px 46px 25px;
    position:relative
}
.mfp-close-btn-in .newsletter-popup .mfp-close{
    color:#28a745;
    font-size:2rem;
    font-weight:700;
    opacity:.85;
    top:-2.5px
}
.newsletter-popup-content{
    max-width:300px;
    text-align:center
}
.newsletter-popup-content .form-control{
    border-radius:0;
    font-size:13px;
    height:auto;
    padding-bottom:6.5px;
    padding-top:6.5px
}
.newsletter-popup-content .btn{
    background-color:transparent;
    color:#555;
    border:1px solid #ccc;
    font-size:1.4rem;
    line-height:32px;
    padding:0;
    font-family:"Oswald",sans-serif;
    text-align:center;
    text-transform:uppercase;
    min-width:54px;
    margin-left:-1px;
    border-radius:0;
    letter-spacing:.08em
}
.logo-newsletter{
    display:inline-block;
    max-width:100%;
    height:auto
}
.newsletter-popup h2{
    font-weight:700;
    color:#313131;
    font-size:16px;
    line-height:1;
    margin:32px 0 12px
}
.newsletter-popup p{
    font-size:1.3rem;
    line-height:1.4;
    color:#444
}
.newsletter-popup form{
    margin:0 0 2.1rem
}
.newsletter-subscribe{
    font-size:1.1rem;
    text-align:left
}
.newsletter-subscribe .checkbox{
    margin-top:1.5rem
}
.newsletter-subscribe input{
    margin-top:1px;
    vertical-align:top;
    margin-right:.5rem
}
.newsletter-subscribe label{
    font-size:1.1rem
}
.footer{
    flex:0 0 auto;
    color:#a8a8a8;
    background-color:#272723;
    font-size:1.3rem;
    line-height:1.4
}
.footer .social-icon{
    color:#fff;
    background-color:#33332f;
    margin-bottom:0;
    width:3.7rem;
    height:3.7rem;
    font-size:1.4rem
}
.footer .social-icon+.social-icon{
    margin-left:.4rem
}
.footer .social-icon:hover,.footer .social-icon:focus{
    color:#fff;
    background-color:#28a745
}
.footer .contact-info{
    padding:0;
    margin-bottom:0
}
.footer-middle{
    padding:5.8rem 0 1.2rem
}
.footer-middle .container{
    position:relative
}
.footer-ribbon{
    position:absolute;
    padding:1rem;
    left:1.5rem;
    top:-7.5rem;
    color:#fff;
    font-size:2.1rem;
    min-width:13rem;
    font-family:'Shadows Into Light', cursive;
    line-height:1;
    letter-spacing:.01em;
    background-color:#28a745;
    text-align:center
}
.footer-ribbon::before{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    left:-1.5rem;
    top:0;
    border-right:15px solid #069;
    border-top:17px solid transparent
}
.footer .widget-title{
    color:#fff;
    font-weight:600;
    font:700 1.6rem/1.1 "Bookman Old Style
    letter-spacing:0;
    text-transform:uppercase;
    margin-top:0;
    margin-bottom:1.4rem
}
.footer .widget{
    margin-bottom:3rem
}
.footer .links{
    margin-bottom:0
}
.footer .links li{
    position:relative;
    margin-bottom:.8rem
}
.footer a{
    color:inherit
}
.footer a:hover,.footer a:focus{
    color:#fff;
    text-decoration:underline
}
.contact-info li{
    position:relative;
    line-height:1.4;
    margin-bottom:1.3rem
}
.contact-info li:last-child{
    margin-bottom:1.8rem
}
.contact-info-label{
    display:block;
    font-weight:400;
    color:#fff;
    text-transform:uppercase
}
.footer .widget-newsletter{
    padding-bottom:2.7rem;
    border-bottom:1px solid #3d3d38;
    margin-bottom:3.4rem;
    margin-top:1rem
}
.widget-newsletter p{
    margin-top:-.5rem;
    margin-bottom:1.5rem;
    line-height:1.5;
    max-width:360px
}
.widget-newsletter form{
    position:relative;
    margin-bottom:0;
    max-width:370px
}
.widget-newsletter .form-control{
    height:4.8rem;
    font-weight:400;
    font-size:1.4rem;
    line-height:1;
    color:#686865;
    border:1px solid #ffffff;
    background-color:#ffffff;
    padding:1.35rem 14rem 1.35rem 2.5rem;
    margin-bottom:1rem;
    border-radius:0
}
.widget-newsletter .form-control:focus{
    color:#686865;
    border-color:#f2f2f2;
    background-color:#f2f2f2
}
.widget-newsletter .form-control::-webkit-input-placeholder{
    color:#686865
}
.widget-newsletter .form-control:-ms-input-placeholder{
    color:#686865
}
.widget-newsletter .form-control::-ms-input-placeholder{
    color:#686865
}
.widget-newsletter .form-control::placeholder{
    color:#686865
}
.widget-newsletter .btn{
    background-color:#28a745;
    border-color:#28a745;
    border-radius:0;
    color:#fff;
    display:inline-block;
    font-family:"Bookman Old Style
    font-size:1.4rem";
    font-weight:600;
    letter-spacing:0;
    line-height:1;
    min-width:0;
    position:absolute;
    right:-1px;
    text-transform:uppercase;
    top:0
}
.widget-newsletter .btn:hover,.widget-newsletter .btn:focus{
    background-color:#0099e6;
    border-color:#0099e6;
    color:#fff
}
.footer-bottom{
    display:flex;
    align-items:center;
    flex-direction:column;
    padding-top:1.8rem;
    padding-bottom:4.1rem;
    border-top:1px solid #3d3d38
}
.footer-copyright{
    font-size:1.1rem;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:1.2rem
}
.footer-payments{
    margin-left:auto;
    margin-right:auto
}
#scroll-top{
    height:40px;
    position:fixed;
    right:15px;
    width:40px;
    z-index:9999;
    bottom:0;
    background-color:#404040;
    font-size:16px;
    color:#fff;
    text-align:center;
    line-height:1;
    padding:11px 0;
    visibility:hidden;
    opacity:0;
    border-radius:0 0 0 0;
    transition:all .3s;
    -webkit-transition:all .3s;
    transform:translateY(40px);
    -webkit-transform:translateY(40px);
    -ms-transform:translateY(40px)
}
#scroll-top:hover,#scroll-top:focus{
    background-color:#555
}
#scroll-top.fixed{
    visibility:visible;
    opacity:1;
    transform:translateY(0);
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0)
}
@media screen and (min-width: 768px){
    .widget-newsletter form{
        margin-top:-.7rem
    }
}
@media screen and (min-width: 992px){
    .footer-middle{
        padding-top:6.8rem;
        padding-bottom:1.2rem
    }
    .footer-ribbon{
        top:-8.5rem
    }
    .footer .widget-newsletter{
        margin-top:0
    }
    .footer-bottom{
        flex-direction:row
    }
    .footer-copyright{
        margin-bottom:0;
        margin-left:0;
        margin-right:0
    }
    .footer-payments{
        margin-bottom:0;
        margin-right:0
    }
    .footer-bottom .contact-info{
        margin-bottom:0;
        margin-right:0
    }
}
.product-wrapper{
    overflow:hidden
}
.product-wrapper .category-grid{
    margin-bottom:-1px
}
.product{
    position:relative;
    margin-bottom:2.5rem
}
.product-image-container{
    position:relative;
    display:block;
    background-color:#fafafa;
    border:.1rem solid #e5e5e5;
    margin-bottom:2rem;
    transition:all .3s
}
.product:not(.product-sm):hover .product-image-container{
    box-shadow:0 20px 43px rgba(0,0,0,0.15)
}
.product-image{
    display:block
}
.product-image::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:rgba(0,0,0,0.1);
    opacity:0;
    visibility:hidden;
    transition:all .3s
}
.product-image img{
    display:block;
    width:100%;
    height:auto
}
.btn-quickview{
    display:inline-block;
    font:400 1.3rem/1 "Oswald",sans-serif;
    text-transform:uppercase;
    letter-spacing:.05rem;
    color:#fff;
    background-color:rgba(0,0,0,0.6);
    padding:1.65rem 1.5rem;
    white-space:nowrap;
    opacity:0;
    visibility:hidden;
    transition:all 0.25s;
    text-decoration:none;
    text-align:center
}
.product-image-container .btn-quickview{
    position:absolute;
    left:0;
    right:0;
    bottom:0
}
.product:hover .product-image::after,.product:hover .btn-quickview{
    visibility:visible;
    opacity:1
}
.btn-quickview:hover,.btn-quickview:focus,.product:hover .btn-quickview:hover,.product:hover .btn-quickview:focus{
    color:#fff;
    opacity:.9;
    text-decoration:none
}
.product-details{
    text-align:center
}
.product-title{
    font:400 1.5rem/1.25 "Bookman Old Style";
    color:#7b858a;
    letter-spacing:.01rem;
    margin-bottom:.8rem
}
.product-title a{
    color:inherit
}
.price-box{
    font-size:0;
    font:600 0/1 "Bookman Old Style
    color:#465157;
    margin-bottom:2.3rem
}
.product-price{
    font-size:1.8rem
}
.old-price{
    color:#999;
    font-size:1.5rem;
    text-decoration:line-through
}
.old-price+.product-price{
    margin-left:.6rem
}
.product-grid-action,.product-action{
    display:flex;
    align-items:center;
    justify-content:center
}
.paction{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:1.5rem;
    font-family:'porto';
    color:#302e2a;
    background-color:#f4f4f4;
    border:1px solid #d8d8d6;
    transition:all .3s;
    text-decoration:none;
    min-width:42px;
    height:43px
}
.paction span{
    display:none;
    font-size:1.2rem;
    letter-spacing:.02rem;
    padding-left:.7rem;
    padding-right:.4rem
}
.paction+.paction{
    margin-left:.7rem
}
.paction:hover,.paction:focus{
    text-decoration:none;
    color:#302e2a;
    border-color:#302e2a
}
.add-cart{
    color:#6f6e6b;
    font-family:"Oswald",sans-serif;
    font-weight:400;
    text-transform:uppercase;
    padding:.85rem 1.5rem;
    min-width:132px;
    z-index:2;
    transition-duration:0s
}
.add-cart::before{
    line-height:1;
    margin-top:2px;
    font-size:1.9rem;
    content:'\e87f';
    font-family:'porto'
}
.add-cart span{
    display:inline;
    font-size:1.4rem
}
.add-cart:hover,.add-cart:focus{
    color:#fff;
    border-color:#28a745;
    background-color:#28a745
}
.add-wishlist::before{
    content:'\e889'
}
.add-compare::before{
    content:'\e88f'
}
.product:hover .paction.add-wishlist,.product:hover .paction.add-compare,.grid-product:hover .paction.add-wishlist,.grid-product:hover .paction.add-compare{
    visibility:visible;
    opacity:1
}
.product:hover .paction.add-wishlist,.grid-product:hover .paction.add-wishlist{
    right:0
}
.product:hover .paction.add-compare,.grid-product:hover .paction.add-compare{
    left:0
}
.product:hover .paction.add-cart,.grid-product:hover .paction.add-cart{
    color:#fff;
    border-color:#28a745;
    background-color:#28a745
}
.product .add-wishlist{
    right:-42px
}
.product .add-compare{
    left:-42px
}
.product .add-wishlist,.product .add-compare{
    z-index:1;
    visibility:hidden;
    opacity:0
}
.product-label{
    position:absolute;
    z-index:1;
    top:.8em;
    right:.8em;
    font-size:1.2rem;
    font-weight:600;
    line-height:1;
    text-transform:uppercase;
    text-align:center;
    padding:.5rem;
    min-width:46px;
    background-color:#28a745;
    color:#fff
}
.product-label.label-hot,.product-label.label-new{
    background-color:#62b959
}
.product-label.label-sale{
    background-color:#e27c7c
}
.product-label+.product-label{
    top:3.6rem
}
.ratings-container{
    margin-bottom:.8rem;
    line-height:1
}
.ratings-container .product-ratings,.ratings-container .ratings{
    position:relative;
    display:inline-block;
    font-size:1.4rem;
    letter-spacing:0.1em;
    line-height:1;
    font-family:'porto'
}
.ratings-container .product-ratings{
    height:14px
}
.ratings-container .product-ratings::before{
    content:"\e852 " "\e852 " "\e852 " "\e852 " "\e852";
    color:#b3b3b3
}
.ratings-container .ratings{
    position:absolute;
    top:0;
    left:0;
    white-space:nowrap;
    overflow:hidden
}
.ratings-container .ratings::before{
    content:"\e852 " "\e852 " "\e852 " "\e852 " "\e852";
    color:#706f6c
}
.product.product-sm{
    margin-bottom:2rem
}
.product-quick-view{
    background-color:#fff;
    padding:2rem
}
.product-quick-view .product-single-details .product-action{
    margin-bottom:2.1rem
}
.product-quick-view .product-single-filter{
    padding-bottom:2.2rem
}
.product-sm::after{
    display:block;
    clear:both;
    content:''
}
.product-sm .product-image-container{
    float:left;
    max-width:80px;
    margin-bottom:0
}
.product-sm .product-image-container a::after{
    display:none
}
.product-sm .product-details{
    margin-left:102px;
    text-align:left;
    padding:.2rem 0 0
}
.product-sm .price-box{
    border:0;
    padding:0;
    margin-bottom:0
}
.product-sm .product-title{
    font-size:1.4rem;
    margin-bottom:.4rem;
    color:#5b5b5f
}
.product-sm .product-title a{
    color:inherit
}
.product-sm .ratings-container{
    margin-bottom:.8rem
}
.product-sm .ratings-container .product-ratings,.product-sm .ratings-container .ratings{
    font-size:1.1rem
}
.product-sm .ratings-container .product-ratings{
    height:11px
}
.product-sm .old-price{
    font-size:1.4rem
}
.product-sm .old-price+.product-price{
    margin-left:.5rem
}
.product-sm .product-price{
    font-size:1.6rem
}
.product-sm:hover .product-image,.product-sm:hover .product-details{
    transform:translateY(0) !important
}
.product-list-wrapper::after{
    display:block;
    clear:both;
    content:''
}
.product-list-wrapper .product-title{
    font-size:1.8rem;
    margin:0 0 1rem
}
.product-list-wrapper .product-details{
    color:#8a8a8a;
    font-size:1.4rem;
    text-align:left;
    padding:2rem 0 0
}
.product-list-wrapper .product-details p{
    margin-bottom:1.3rem
}
.product-list-wrapper .product-details p a{
    color:#28a745
}
.product-list-wrapper .price-box{
    margin-bottom:1.2rem
}
.product-list-wrapper .product-action{
    justify-content:flex-start
}
.product-list-wrapper .paction.add-wishlist{
    right:0;
    visibility:visible;
    opacity:1
}
.product-list-wrapper .paction.add-compare{
    left:0;
    visibility:visible;
    opacity:1
}
.category-grid [class*="col-"]{
    border-right:1px solid #e3e4e4;
    border-bottom:1px solid #e3e4e4
}
.category-grid [class*="col-"]:hover{
    box-shadow:0 0 40px rgba(0,0,0,0.1);
    z-index:1
}
.grid-product{
    padding:5rem 0 0;
    transition:all .3s
}
.grid-product:hover{
    padding:1rem 0 4rem
}
.grid-product .product-image-container{
    border:0
}
.product-grid-action{
    visibility:hidden;
    opacity:0;
    margin:0;
    transition:all .3s
}
.grid-product:hover .product-grid-action{
    visibility:visible;
    opacity:1
}
@media screen and (max-width: 575px){
    .grid-product .add-wishlist,.grid-product .add-compare,.product .add-wishlist,.product .add-compare{
        display:none
    }
}
@media screen and (min-width: 576px){
    .product{
        margin-bottom:3.5rem
    }
    .product.product-list-wrapper{
        margin-bottom:3rem
    }
    .product-list-wrapper .product-image-container{
        width:30%;
        float:left;
        margin-bottom:0
    }
    .product-list-wrapper .product-details{
        width:70%;
        float:left;
        padding:0 0 0 2rem
    }
}
@media screen and (min-width: 768px){
    .product{
        margin-bottom:4.3rem
    }
    .product-list-wrapper .product-image-container{
        width:26%
    }
    .product-list-wrapper .product-details{
        width:74%
    }
    .product-list-wrapper .product-title{
        margin-top:.4rem
    }
}
@media screen and (min-width: 768px) and (max-width: 800px){
    .product .add-wishlist,.product .add-compare{
        min-width:39px
    }
}
@media screen and (min-width: 1200px){
    .col-xl-5col .add-cart{
        min-width:118px
    }
    .col-xl-5col .add-cart span{
        font-size:1.2rem
    }
    .col-xl-5col .paction{
        height:39px;
        min-width:37px
    }
    .col-lg-9 .featured-section .paction,.col-xl-3 .paction{
        height:35px;
        min-width:35px
    }
    .col-lg-9 .featured-section .add-cart,.col-xl-3 .add-cart{
        min-width:105px
    }
    .col-lg-9 .featured-section .add-cart span,.col-xl-3 .add-cart span{
        font-size:1.2rem
    }
    .row.row-sm .col-xl-2,.row.row-sm .col-xl-7col,.row.row-sm .col-xl-8col{
        padding-left:.5rem;
        padding-right:.5rem
    }
    .col-xl-2 .add-wishlist,.col-xl-2 .add-compare,.col-xl-7col .add-wishlist,.col-xl-7col .add-compare,.col-xl-8col .add-wishlist,.col-xl-8col .add-compare{
        display:none
    }
    .col-xl-2 .paction+.paction,.col-xl-7col .paction+.paction,.col-xl-8col .paction+.paction{
        margin-left:0
    }
}
@media screen and (min-width: 992px){
    .col-lg-9 .featured-products .add-cart{
        min-width:115px
    }
    .col-lg-9 .featured-products .paction+.paction{
        margin-left:.5rem
    }
}
.banner{
    display:block;
    position:relative;
    margin-bottom:0;
    background-color:#ccc
}
.banner.banner-cat{
    display:flex;
    align-items:center;
    height:220px;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#ccc;
    margin-bottom:0
}
.banner>a{
    display:block
}
.banner img{
    display:block;
    max-width:none;
    width:100%;
    height:auto
}
.banner .banner-content{
    display:inline-block
}
.banner .banner-title{
    color:#010204;
    font:800 3rem/1.1 "Bookman Old Style
    margin-bottom:3rem;
    letter-spacing:-.025rem;
    text-transform:uppercase
}
.banner .banner-subtitle{
    color:#010204;
    font:700 1.5rem/1.1 "Bookman Old Style
    letter-spacing:0;
    text-transform:uppercase;
    margin-bottom:.2rem
}
.banner .banner-subtitle span{
    font-size:2.4rem;
    font-family:"Oswald",sans-serif
}
.banner .btn{
    padding:1.1rem 1rem;
    min-width:100px;
    border-radius:.2rem
}
.banner-image>a{
    position:relative
}
.banner-image>a::after{
    content:'';
    display:block;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:rgba(0,0,0,0.2);
    transition:all 0.3s ease;
    opacity:0;
    visibility:hidden
}
.banner-image>a:hover::after,.banner-image>a:focus::after{
    visibility:visible;
    opacity:1
}
@media screen and (min-width: 768px){
    .banner.banner-cat{
        height:260px
    }
    .banner .banner-title{
        font-size:3.2rem;
        margin-bottom:2.5rem
    }
    .banner .banner-subtitle{
        font-size:1.6rem
    }
    .banner .banner-subtitle span{
        font-size:2.5rem
    }
}
@media screen and (min-width: 992px){
    .banner.banner-cat{
        height:300px
    }
    .banner .banner-title{
        font-size:3.6rem;
        margin-bottom:3rem
    }
    .banner .banner-subtitle{
        font-size:1.8rem
    }
    .banner .banner-subtitle span{
        font-size:2.6rem
    }
}
.breadcrumb-nav{
    margin-bottom:0
}
.breadcrumb{
    background-color:transparent;
    border-radius:0;
    margin-bottom:0;
    padding:1.4rem 0 1.2rem
}
.breadcrumb-item{
    text-transform:capitalize;
    font:400 1.2rem/1.4 "Bookman Old Style
    letter-spacing:.025rem
}
.breadcrumb-item i{
    font-size:1.3rem;
    vertical-align:top;
    margin-top:-.2rem
}
.breadcrumb-item+.breadcrumb-item{
    padding-left:1rem
}
.breadcrumb-item+.breadcrumb-item::before{
    content:'\e81a';
    font-family:'porto';
    padding-right:1rem;
    font-size:1.3rem;
    vertical-align:middle;
    margin-top:-.3rem;
    color:#8e8e8e
}
.breadcrumb-item a,.breadcrumb-item.active{
    color:#8e8e8e
}
.page-header{
    padding:4rem 0
}
.page-header h1 span{
    display:block;
    font-family:"Bookman Old Style
    font-size:1.5rem";
    font-weight:700;
    font-style:normal;
    line-height:1;
    margin-bottom:.4rem
}
.page-header .btn{
    font-size:1.4rem;
    padding:.85rem 2rem;
    border-radius:.2rem;
    min-width:100px
}
.page-header.page-header-bg{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#ccc
}
.page-header.page-header-bg h1{
    margin-bottom:2rem
}
.page-header h1,.page-title{
    color:#1e3636;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:0
}
@media screen and (min-width: 768px){
    .page-header{
        padding-top:6rem;
        padding-bottom:6rem
    }
    .page-header h1 span{
        font-size:1.6rem
    }
    .page-header.page-header-bg{
        background-position:center right
    }
    .page-header.page-header-bg h1{
        margin-bottom:2.5rem
    }
}
@media screen and (min-width: 992px){
    .page-header{
        padding-top:8rem;
        padding-bottom:8rem
    }
    .page-header h1 span{
        font-size:1.8rem
    }
    .page-header.page-header-bg h1{
        margin-bottom:3rem
    }
}
@font-face{
    font-family:'porto';
    src:url("../fonts/porto6e1d.eot?64334846");
    src:url("../fonts/porto6e1d.eot?64334846#iefix") format("embedded-opentype"),url("../fonts/porto6e1d.woff2?64334846") format("woff2"),url("../fonts/porto6e1d.woff?64334846") format("woff"),url("../fonts/porto6e1d.ttf?64334846") format("truetype"),url("../fonts/porto6e1d.svg?64334846#porto") format("svg");
    font-weight:normal;
    font-style:normal
}
[class^="icon-"]:before,[class*=" icon-"]:before{
    font-family:'porto';
    font-style:normal;
    font-weight:normal;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    width:1em;
    margin-right:.2em;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    line-height:1em;
    margin-left:.2em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-cancel:before{
    content:'\e800'
}
.icon-spin2:before{
    content:'\e801'
}
.icon-spin3:before{
    content:'\e802'
}
.icon-spin4:before{
    content:'\e803'
}
.icon-spin5:before{
    content:'\e804'
}
.icon-spin6:before{
    content:'\e805'
}
.icon-firefox:before{
    content:'\e806'
}
.icon-chrome:before{
    content:'\e807'
}
.icon-opera:before{
    content:'\e808'
}
.icon-ie:before{
    content:'\e809'
}
.icon-phone:before{
    content:'\e80a'
}
.icon-down-dir:before{
    content:'\e80b'
}
.icon-cart:before{
    content:'\e80c'
}
.icon-up-dir:before{
    content:'\e80d'
}
.icon-mode-grid:before{
    content:'\e80e'
}
.icon-mode-list:before{
    content:'\e80f'
}
.icon-compare:before{
    content:'\e810'
}
.icon-wishlist:before{
    content:'\e811'
}
.icon-search:before{
    content:'\e812'
}
.icon-left-dir:before{
    content:'\e813'
}
.icon-right-dir:before{
    content:'\e814'
}
.icon-down-open:before{
    content:'\e815'
}
.icon-left-open:before{
    content:'\e816'
}
.icon-right-open:before{
    content:'\e817'
}
.icon-up-open:before{
    content:'\e818'
}
.icon-angle-left:before{
    content:'\e819'
}
.icon-angle-right:before{
    content:'\e81a'
}
.icon-angle-up:before{
    content:'\e81b'
}
.icon-angle-down:before{
    content:'\e81c'
}
.icon-down:before{
    content:'\e81d'
}
.icon-left:before{
    content:'\e81e'
}
.icon-right:before{
    content:'\e81f'
}
.icon-up:before{
    content:'\e820'
}
.icon-angle-double-left:before{
    content:'\e821'
}
.icon-angle-double-right:before{
    content:'\e822'
}
.icon-angle-double-up:before{
    content:'\e823'
}
.icon-angle-double-down:before{
    content:'\e824'
}
.icon-mail:before{
    content:'\e825'
}
.icon-location:before{
    content:'\e826'
}
.icon-skype:before{
    content:'\e827'
}
.icon-right-open-big:before{
    content:'\e828'
}
.icon-left-open-big:before{
    content:'\e829'
}
.icon-down-open-big:before{
    content:'\e82a'
}
.icon-up-open-big:before{
    content:'\e82b'
}
.icon-retweet:before{
    content:'\e82c'
}
.icon-user:before{
    content:'\e82d'
}
.icon-mail-alt:before{
    content:'\e82e'
}
.icon-fax:before{
    content:'\e82f'
}
.icon-lock:before{
    content:'\e830'
}
.icon-company:before{
    content:'\e831'
}
.icon-city:before{
    content:'\e832'
}
.icon-post:before{
    content:'\e833'
}
.icon-country:before{
    content:'\e834'
}
.icon-calendar:before{
    content:'\e835'
}
.icon-doc:before{
    content:'\e836'
}
.icon-mobile:before{
    content:'\e837'
}
.icon-clock:before{
    content:'\e838'
}
.icon-chat:before{
    content:'\e839'
}
.icon-tag:before{
    content:'\e83a'
}
.icon-folder:before{
    content:'\e83b'
}
.icon-folder-open:before{
    content:'\e83c'
}
.icon-forward:before{
    content:'\e83d'
}
.icon-reply:before{
    content:'\e83e'
}
.icon-cog:before{
    content:'\e83f'
}
.icon-cog-alt:before{
    content:'\e840'
}
.icon-wrench:before{
    content:'\e841'
}
.icon-quote-left:before{
    content:'\e842'
}
.icon-quote-right:before{
    content:'\e843'
}
.icon-gift:before{
    content:'\e844'
}
.icon-dollar:before{
    content:'\e845'
}
.icon-euro:before{
    content:'\e846'
}
.icon-pound:before{
    content:'\e847'
}
.icon-rupee:before{
    content:'\e848'
}
.icon-yen:before{
    content:'\e849'
}
.icon-rouble:before{
    content:'\e84a'
}
.icon-try:before{
    content:'\e84b'
}
.icon-won:before{
    content:'\e84c'
}
.icon-bitcoin:before{
    content:'\e84d'
}
.icon-ok:before{
    content:'\e84e'
}
.icon-chevron-left:before{
    content:'\e84f'
}
.icon-chevron-right:before{
    content:'\e850'
}
.icon-export:before{
    content:'\e851'
}
.icon-star:before{
    content:'\e852'
}
.icon-star-empty:before{
    content:'\e853'
}
.icon-plus-squared:before{
    content:'\e854'
}
.icon-minus-squared:before{
    content:'\e855'
}
.icon-plus-squared-alt:before{
    content:'\e856'
}
.icon-minus-squared-alt:before{
    content:'\e857'
}
.icon-truck:before{
    content:'\e858'
}
.icon-lifebuoy:before{
    content:'\e859'
}
.icon-pencil:before{
    content:'\e85a'
}
.icon-users:before{
    content:'\e85b'
}
.icon-video:before{
    content:'\e85c'
}
.icon-menu:before{
    content:'\e85d'
}
.icon-desktop:before{
    content:'\e85e'
}
.icon-doc-inv:before{
    content:'\e85f'
}
.icon-circle:before{
    content:'\e860'
}
.icon-circle-empty:before{
    content:'\e861'
}
.icon-circle-thin:before{
    content:'\e862'
}
.icon-mini-cart:before{
    content:'\e863'
}
.icon-paper-plane:before{
    content:'\e864'
}
.icon-attention-alt:before{
    content:'\e865'
}
.icon-info:before{
    content:'\e866'
}
.icon-compare-link:before{
    content:'\e867'
}
.icon-cat-default:before{
    content:'\e868'
}
.icon-cat-computer:before{
    content:'\e869'
}
.icon-cat-couch:before{
    content:'\e86a'
}
.icon-cat-garden:before{
    content:'\e86b'
}
.icon-cat-gift:before{
    content:'\e86c'
}
.icon-cat-shirt:before{
    content:'\e86d'
}
.icon-cat-sport:before{
    content:'\e86e'
}
.icon-cat-toys:before{
    content:'\e86f'
}
.icon-tag-line:before{
    content:'\e870'
}
.icon-bag:before{
    content:'\e871'
}
.icon-search-1:before{
    content:'\e872'
}
.icon-plus:before{
    content:'\e873'
}
.icon-minus:before{
    content:'\e874'
}
.icon-search-2:before{
    content:'\e875'
}
.icon-bag-1:before{
    content:'\e876'
}
.icon-online-support:before{
    content:'\e877'
}
.icon-shopping-bag:before{
    content:'\e878'
}
.icon-shopping-basket:before{
    content:'\f291'
}
.icon-us-dollar:before{
    content:'\e879'
}
.icon-shipped:before{
    content:'\e87a'
}
.icon-list:before{
    content:'\e87b'
}
.icon-money:before{
    content:'\e87c'
}
.icon-shipping:before{
    content:'\e87d'
}
.icon-support:before{
    content:'\e87e'
}
.icon-bag-2:before{
    content:'\e87f'
}
.icon-grid:before{
    content:'\e880'
}
.icon-bag-3:before{
    content:'\e881'
}
.icon-direction:before{
    content:'\e882'
}
.icon-home:before{
    content:'\e883'
}
.icon-magnifier:before{
    content:'\e884'
}
.icon-magnifier-add:before{
    content:'\e885'
}
.icon-magnifier-remove:before{
    content:'\e886'
}
.icon-phone-1:before{
    content:'\e887'
}
.icon-clock-1:before{
    content:'\e888'
}
.icon-heart:before{
    content:'\e889'
}
.icon-heart-1:before{
    content:'\e88a'
}
.icon-earphones-alt:before{
    content:'\e88b'
}
.icon-credit-card:before{
    content:'\e88c'
}
.icon-action-undo:before{
    content:'\e88d'
}
.icon-envolope:before{
    content:'\e88e'
}
.icon-chart:before{
    content:'\e88f'
}
.icon-down-1:before{
    content:'\e890'
}
.icon-up-1:before{
    content:'\e891'
}
.icon-eye:before{
    content:'\e892'
}
.icon-spin1:before{
    content:'\e893'
}
.icon-twitter:before{
    content:'\f099'
}
.icon-facebook:before{
    content:'\f09a'
}
.icon-gplus:before{
    content:'\f0d5'
}
.icon-linkedin:before{
    content:'\f0e1'
}
.icon-spinner:before{
    content:'\f110'
}
.icon-instagram:before{
    content:'\f16d'
}
.icon-sliders:before{
    content:'\f1de'
}
.icon-question-circle-o:before{
    content:'\f29c'
}
.icon-check-empty:before{
    content:'\f87a'
}
.icon-check:before{
    content:'\f87b'
}
/*form{
    margin-bottom:3.5rem
}
form h2{
    margin-top:3.4rem;
    margin-bottom:2.3rem
}
*/
.form-group{
    margin-bottom:1.4rem
}
.form-group .form-control,.form-group .select-custom{
    margin-bottom:0
}
.form-group .form-control+.form-control{
    margin-top:1rem
}
.form-group-sm{
    margin-bottom:.9rem;
    max-width:480px
}
.form-control{
    height:4.8rem;
    padding:1.25rem 1.5rem;
    font-size:1.4rem;
    line-height:1.5;
    font-weight:400;
    font-family:Bookman Old Style;
    color:#7a7d82;
    background-color:#fff;
    border:1px solid #e6e6e6;
    border-radius:0;
    margin-bottom:1rem;
    transition:all .3s;
    /*max-width:480px*/
}
.form-control-sm{
    height:4.5rem;
    padding:1.2rem 1.5rem;
    font-size:1.3rem
}
select.form-control:not([size]):not([multiple]){
    height:4.8rem
}
select.form-control-sm:not([size]):not([multiple]){
    height:4.5rem
}
.form-control:focus{
    color:#7a7d82;
    background-color:#fff;
    border-color:#282d3b;
    box-shadow:none
}
.main .form-control::-webkit-input-placeholder{
    color:#7a7d82
}
.main .form-control::-moz-placeholder{
    color:#7a7d82
}
.main .form-control:-ms-input-placeholder{
    color:#7a7d82
}
.main .form-control::-ms-input-placeholder{
    color:#7a7d82
}
.main .form-control::placeholder{
    color:#7a7d82
}
textarea.form-control{
    min-height:176px;
    max-width:783px
}
.form-footer{
    display:flex;
    align-items:center;
    vertical-align:middle;
    margin-top:2rem;
    margin-bottom:3.5rem;
    font-size:1.4rem
}
.form-footer .form-footer-right{
    margin-left:auto;
    margin-right:0
}
.form-footer .form-footer-right .btn{
    margin:0
}
.forget-pass{
    line-height:1.3
}
.form-footer .btn{
    margin-right:3rem
}
label{
    color:#6e7075;
    font-weight:400;
    font-size:1.4rem;
    margin:0 0 .6rem
}
.required-field>label::after{
    content:'*';
    color:#e02b27;
    font-size:1.2rem;
    margin:0 0 0 .45rem
}
.required{
    color:#e02b27;
    font-size:1.2rem
}
.required+.form-footer{
    margin-top:0.8rem
}
.select-custom{
    position:relative;
    margin-bottom:1rem
}
.select-custom select{
    -webkit-appearance:none;
    appearance:none
}
.select-custom::after{
    font-family:'porto';
    content:'\e81c';
    position:absolute;
    display:inline-block;
    right:1.9rem;
    top:50%;
    font-size:1.5rem;
    transform:translateY(-51%);
    color:#34373f
}
.select-custom .form-control,.select-custom .form-control-sm{
    padding-right:4rem
}
.form-group-custom-control{
    margin-top:2rem
}
.form-group-custom-control .custom-control{
    margin-top:0;
    margin-bottom:2rem
}
.form-group-custom-control+.form-group-custom-control{
    margin-top:-.5rem
}
.form-group-custom-control .custom-control-label{
    text-transform:initial;
    font-family:"Bookman Old Style
    letter-spacing:0";
    font-weight:400
}
.custom-control{
    position:relative;
    padding-left:3rem;
    margin-top:3rem;
    margin-bottom:3rem
}
.custom-control-label{
    position:static;
    margin-bottom:0;
    margin-top:.1rem;
    font-size:1.4rem
}
.custom-control-label:before{
    left:0;
    top:.4rem;
    width:2rem;
    height:2rem;
    background-color:#fff;
    border:1px solid #e6e6e6
}
.custom-control-label:after{
    left:0;
    top:.4rem;
    width:2rem;
    height:2rem
}
.custom-checkbox .custom-control-label::before{
    border-radius:0
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
    color:#282d3b;
    border-color:#28a745;
    background-color:#28a745
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{
    background-color:#28a745
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before{
    background-color:rgba(0,136,204,0.5)
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before{
    background-color:rgba(0,136,204,0.5)
}
.form-input{
    padding:1rem 1.2rem;
    border-radius:2px;
    border:1px solid #ddd
}
.form-wide{
    width:100%
}
@media screen and (min-width: 768px){
    form,.form-footer{
        margin-bottom:4rem
    }
    /*form h2{
        margin-top:4.4rem
    }
    */
}
@media screen and (min-width: 992px){
    form,.form-footer{
        margin-bottom:5rem
    }
}
.btn{
    padding:1.25rem 2rem;
    font-size:1.4rem;
    line-height:1.5;
    font-family:"Oswald",sans-serif;
    letter-spacing:.1rem;
    text-transform:uppercase;
    border-radius:0;
    min-width:124px;
    transition:all .3s
}
.btn-sm{
    font-size:1.3rem;
    padding:1rem 1.5rem;
    letter-spacing:1px;
    min-width:90px
}
.btn-link{
    padding-top:0;
    padding-bottom:0;
    color:#282d3b;
    text-transform:initial;
    letter-spacing:0;
    font-size:13px;
    min-width:0;
    /*font-family:"Open Sans",sans-serif*/
}
.btn-link:hover,.btn-link:focus{
    color:#282d3b;
    text-decoration:underline
}
.btn-md{
    padding:1rem 2.4rem;
    text-shadow:none;
    font-size:12px;
    letter-spacing:.025em
}
.btn-primary{
    color:#fff;
    background-color:#28a745;
    border-color:#28a745;
    box-shadow:none
}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus{
    color:#fff;
    background-color:#F25C27;
    border-color:#F25C27;
    box-shadow:none
}
.btn-primary.disabled,.btn-primary:disabled{
    color:#fff;
    background-color:#28a745;
    border-color:#28a745
}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{
    color:#fff;
    background-color:#069;
    border-color:#005e8c
}
.btn-secondary{
    color:#fff;
    background-color:#282d3b;
    border-color:#282d3b;
    box-shadow:none
}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary.focus{
    color:#fff;
    background-color:#384053;
    border-color:#384053;
    box-shadow:none
}
.btn-secondary.disabled,.btn-secondary:disabled{
    color:#fff;
    background-color:#282d3b;
    border-color:#282d3b
}
.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{
    color:#fff;
    background-color:#13161d;
    border-color:#0e1015
}
.btn-dark{
    color:#fff;
    background-color:#010204;
    border-color:#010204;
    box-shadow:none
}
.btn-dark:hover,.btn-dark:focus,.btn-dark.focus{
    color:#fff;
    background-color:#1a1a1a;
    border-color:#1a1a1a;
    box-shadow:none
}
.btn-dark.disabled,.btn-dark:disabled{
    color:#fff;
    background-color:#010204;
    border-color:#010204
}
.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show>.btn-dark.dropdown-toggle{
    color:#fff;
    background-color:#1a1a1a;
    border-color:#1a1a1a
}
.btn-outline{
    color:#ccc;
    background-color:transparent;
    background-image:none;
    border-color:#ccc
}
.btn-outline:hover,.btn-outline.focus{
    color:#282d3b;
    background-color:transparent;
    border-color:#28a745;
    box-shadow:none
}
.btn-outline.disabled,.btn-outline:disabled{
    color:#ccc;
    background-color:transparent
}
.btn-outline:not(:disabled):not(.disabled):active,.btn-outline:not(:disabled):not(.disabled).active,.show>.btn-outline.dropdown-toggle{
    color:#282d3b;
    background-color:transparent;
    border-color:#28a745
}
.btn-outline-secondary{
    color:#777;
    background-color:transparent;
    background-image:none;
    border-color:#ccc
}
.btn-outline-secondary:hover,.btn-outline-secondary.focus{
    color:#fff;
    background-color:#28a745;
    border-color:#28a745;
    box-shadow:none
}
.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{
    color:#777;
    background-color:transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{
    color:#fff;
    background-color:#28a745;
    border-color:#28a745
}
.btn-outline-dark{
    color:#05131c;
    background-color:transparent;
    background-image:none;
    border-color:#efefef
}
.btn-outline-dark:hover,.btn-outline-dark.focus{
    color:#fff;
    background-color:#28a745;
    border-color:#28a745;
    box-shadow:none
}
.btn-outline-dark.disabled,.btn-outline-dark:disabled{
    color:#05131c;
    background-color:transparent
}
.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled).active,.show>.btn-outline-dark.dropdown-toggle{
    color:#fff;
    background-color:#28a745;
    border-color:#28a745
}
.btn-social-login{
    display:flex;
    text-decoration:none;
    margin-left:10px;
    margin-right:10px;
    text-transform:uppercase;
    font-family:Oswald;
    background-color:#28a745
}
.btn-social-login span,.btn-social-login i{
    color:#fff
}
.btn-social-login i{
    padding-right:6px;
    margin-top:-1px
}
.btn-facebook{
    background:#3a589d
}
.btn-gplus{
    background:#dd4e31
}
.btn-twitter{
    background:#1aa9e1
}
.owl-dots .owl-dot,.owl-nav .owl-prev,.owl-nav .owl-next{
    outline:none
}
a:focus{
    outline:none
}
@-webkit-keyframes spin{
    0%{
        -ms-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -ms-transform:rotate(359deg);
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@-ms-keyframes spin{
    0%{
        -ms-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -ms-transform:rotate(359deg);
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@keyframes spin{
    0%{
        -ms-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -ms-transform:rotate(359deg);
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
.mfp-container .mfp-preloader,.porto-loading-icon{
    content:'';
    display:inline-block;
    border:2px solid transparent;
    width:40px;
    height:40px;
    -webkit-animation:spin .75s infinite linear;
    animation:spin .75s infinite linear;
    border-image:none;
    border-radius:50%;
    z-index:2;
    border-top-color:#28a745;
    margin:0 auto
}
.mfp-container .mfp-preloader::before,.porto-loading-icon::before{
    content:'';
    position:absolute;
    left:-2px;
    top:-2px;
    right:0;
    width:inherit;
    height:inherit;
    border:inherit;
    border-radius:inherit;
    border-top-color:inherit;
    -webkit-animation:spin 1.5s infinite ease;
    animation:spin 1.5s infinite ease
}
.alert{
    border-radius:0;
    margin-bottom:2rem;
    padding:1.4rem 1.5rem
}
.alert.alert-intro{
    font-size:1.5rem
}
.card{
    border-radius:0;
    border:1px solid #28a745;
    font-size:1.4rem;
    margin-bottom:3rem
}
.card-header{
    padding:1.2rem 1.5rem;
    background-color:#28a745;
    border-radius:0;
    color:#fff;
    border-color:#ddd;
    font-weight:700;
    line-height:1.5;
    text-transform:uppercase;
    margin:0
}
.card-header::after{
    display:block;
    clear:both;
    content:''
}
.card-header .card-edit{
    display:inline-block;
    float:right;
    font-size:1.3rem;
    color:#282d3b;
    font-weight:400;
    text-transform:capitalize;
    margin-top:.1rem
}
.card-body{
    padding:2rem 1.5rem;
    border-top:0;
    border-radius:0;
    min-height:135px
}
.card-body a{
    text-decoration:underline
}
.card-body h4{
    color:#8a8a8a;
    margin-bottom:.7rem
}
.modal form{
    margin:0
}
.modal form .form-group{
    max-width:480px
}
.modal form .form-control{
    max-width:100%
}
.modal-body{
    padding:1.5rem
}
.modal-content{
    border-radius:0;
    box-shadow:0 0 12px 2px rgba(0,0,0,0.35)
}
.modal-header,.modal-footer{
    display:flex;
    align-items:center;
    height:80px;
    padding-left:1.5rem;
    padding-right:1.5rem
}
.modal-title{
    font-weight:400
}
.close{
    font-size:2.2rem
}
@media screen and (min-width: 576px){
    .modal-content{
        margin-top:20px;
        margin-bottom:20px
    }
    .modal-body{
        max-height:calc(600vh - 210px);
        overflow-y:auto;
        padding-top:2rem
    }
    .modal-header,.modal-footer,.modal-body{
        padding-left:2rem;
        padding-right:2em
    }
}
@media screen and (min-width: 992px){
    .modal-dialog{
        max-width:800px
    }
    .modal-header,.modal-footer,.modal-body{
        padding-left:3rem;
        padding-right:3rem
    }
}
@media screen and (max-width: 479px){
    .modal-open,.modal-open .modal{
        padding-right:0 !important
    }
}
.member{
    background-color:#fff;
    margin-bottom:2.8rem;
    padding:2.5rem 0;
    text-align:center;
    transition:all .3s ease
}
.member img{
    border-radius:50%;
    display:inline-block !important;
    height:auto;
    max-width:160px !important
}
.owl-carousel .member{
    margin-bottom:.5rem
}
.member-title{
    color:#282d3b;
    font:700 1.4rem/1 "Bookman Old Style
    margin:2.5rem 0 .5rem;
    text-transform:uppercase
}
.member-job{
    color:#8c8e94;
    display:block;
    font-size:1.4rem;
    margin-bottom:1rem;
    text-transform:uppercase
}
.tooltip{
    font-family:"Bookman Old Style
    font-size:1.3rem"
}
.tooltip.show{
    opacity:1
}
.tooltip .arrow{
    height:1rem;
    width:1rem
}
.bs-tooltip-top,.bs-tooltip-auto[x-placement^="top"]{
    padding:1rem 0
}
.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^="top"] .arrow::before{
    border-top-color:#ddd;
    border-width:1rem 1rem 0;
    margin-left:-.5rem
}
.bs-tooltip-right,.bs-tooltip-auto[x-placement^="right"]{
    padding:0 1rem
}
.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^="right"] .arrow{
    height:2rem;
    width:1rem
}
.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^="right"] .arrow::before{
    border-right-color:#ddd;
    border-width:1rem 1rem 1rem 0
}
.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^="bottom"]{
    padding:1rem 0
}
.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^="bottom"] .arrow::before{
    border-bottom-color:#ddd;
    border-width:0 1rem 1em;
    margin-left:-.5rem
}
.bs-tooltip-left,.bs-tooltip-auto[x-placement^="left"]{
    padding:0 1rem
}
.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^="left"] .arrow{
    height:1rem;
    width:1rem
}
.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^="left"] .arrow::before{
    border-left-color:#ddd;
    border-width:1rem 0 1rem 1rem
}
.tooltip-inner{
    background-color:#f4f4f4;
    border:1px solid #ddd;
    border-radius:.1rem;
    color:#777;
    max-width:270px;
    padding:1.2rem 1.5rem;
    text-align:left
}
.social-icons{
    display:flex;
    align-items:center
}
.social-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:1.4rem;
    width:3.2rem;
    height:3.2rem;
    background-color:#28a745;
    color:#fff;
    text-decoration:none;
    opacity:1
}
.social-icon+.social-icon{
    margin-left:.5rem
}
.social-icon:hover,.social-icon:focus{
    color:#fff;
    text-decoration:none;
    opacity:.85
}
.social-icon.social-facebook{
    color:#fff;
    background-color:#3b5a9a
}
.social-icon.social-twitter{
    color:#fff;
    background-color:#1aa9e1
}
.social-icon.social-linkedin{
    color:#fff;
    background-color:#0073b2
}
.social-icon.social-gplus{
    color:#fff;
    background-color:#dd4b39
}
.social-icon.social-mail{
    color:#fff;
    background-color:#dd4b39
}
.info-boxes-container{
    background-color:#28a745;
    margin-bottom:2.7rem
}
.info-boxes-container .container,.info-boxes-container .container-fluid{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:0
}
.info-box{
    display:flex;
    align-items:center;
    padding:1rem 1.5rem;
    width:100%;
    color:#fff;
}
.info-box i{
    color:#fff;
    font-size:3.5rem;
    margin-right:2.9rem;
    min-width:3.5rem;
    text-align:center
}
.info-box i::before{
    margin:0;
    width:auto
}
.info-box h4{
    color:#fff;
    margin-bottom:0.2rem;
    font:600 1.4rem/1.1 "Bookman Old Style
    letter-spacing:0.05rem;
    text-transform:uppercase
}
.info-box p{
    margin-bottom:0;
    font-size:1.3rem;
    font-weight:300;
    line-height:1.6;
    letter-spacing:.01rem
}
.info-box+.info-box{
    border-top:1px solid #fff
}
@media screen and (min-width: 768px){
    .info-boxes-container .container,.info-boxes-container .container-fluid{
        flex-direction:row;
        align-items:center;
        justify-content:center
    }
    .info-box{
        -ms-flex:0 0 33.33%;
        flex:0 0 33.33%;
        max-width:33.33%;
        justify-content:center
    }
    .info-box:first-child{
        justify-content:flex-start
    }
    .info-box+.info-box{
        border-top:none;
        border-left:1px solid #fff
    }
}
.feature-box{
    background-color:#fff;
    color:#7b858a;
    font-size:1.5rem;
    line-height:2;
    width:100%
}
.feature-box i{
    color:#28a745;
    display:inline-block;
    font-size:5rem;
    line-height:1;
    margin-bottom:2.2rem
}
.feature-box i::before{
    margin:0
}
.feature-box h3{
    color:#21293c;
    font:600 1.8rem/1.1 "Bookman Old Style
    letter-spacing:0;
    margin-bottom:2rem
}
.feature-box p{
    margin-bottom:0
}
.feature-box-content{
    color:#7b858a;
    font-size:1.5rem;
    line-height:1.8
}
@media screen and (min-width: 768px){
    .feature-box{
        padding:4.1rem 4.5rem 4rem
    }
    .feature-box.feature-box-simple{
        padding:0
    }
}
@media screen and (min-width: 992px){
    .feature-box p{
        min-height:120px
    }
}
.nav.nav-tabs{
    border:0;
    margin:0;
    border-bottom:.2rem solid #e7e7e7
}
.nav.nav-tabs .nav-item{
    margin-bottom:-.2rem
}
.nav.nav-tabs .nav-item .nav-link{
    padding:1.2rem 0;
    font:500 1.4rem/1 "Oswald",sans-serif;
    color:#282d3b;
    border:0;
    border-bottom:.2rem solid transparent;
    text-transform:uppercase;
    letter-spacing:.01rem
}
.nav.nav-tabs .nav-item .nav-link:hover{
    color:#28a745
}
.nav.nav-tabs .nav-item+.nav-item{
    margin-left:3.4rem
}
.nav.nav-tabs .nav-item.show .nav-link,.nav.nav-tabs .nav-item .nav-link.active{
    color:#28a745;
    border-bottom-color:#28a745
}
@media screen and (max-width: 479px){
    .nav.nav-tabs{
        justify-content:space-between
    }
    .nav.nav-tabs .nav-item+.nav-item{
        margin-left:0
    }
}
.count-container{
    margin-bottom:2rem
}
.count-wrapper{
    font:800 3.2rem/1 "Bookman Old Style
    text-transform:uppercase;
    color:#28a745;
    margin-bottom:.7rem
}
.count-wrapper span+span{
    font-size:1.9rem
}
.count-title{
    color:#7b858a;
    font:400 1.4rem/1 "Bookman Old Style
    margin-bottom:0
}
.testimonial-owner{
    display:flex;
    align-content:center
}
.testimonial-owner figure{
    max-width:60px;
    margin-right:25px
}
.testimonial-owner h4{
    display:block;
    margin-bottom:.5rem;
    color:#111;
    padding-top:.7rem;
    font-size:1.4rem;
    text-transform:uppercase
}
.testimonial-owner span{
    display:block;
    color:#666;
    font-size:1.2rem;
    text-transform:uppercase
}
.testimonial blockquote{
    position:relative;
    padding:1rem 2rem;
    margin-left:15px;
    font-style:normal;
    font-size:1.4rem;
    line-height:1.8
}
.testimonial blockquote::before{
    content:'\e842';
    position:absolute;
    left:-1rem;
    top:0;
    font-family:'porto';
    font-weight:400;
    font-size:2.1rem;
    line-height:1;
    color:#28a745
}
@media screen and (min-width: 576px){
    .testimonial blockquote{
        padding:1.5rem 3rem 1.5rem 2rem;
        margin-left:85px
    }
}
.toolbox{
    color:#7a7d82;
    display:flex;
    flex-direction:row;
    font-size:1.4rem;
    line-height:1.5;
    margin-top:0;
    margin-bottom:1.5rem
}
.toolbox::after{
    display:block;
    clear:both;
    content:''
}
.toolbox.toolbox-pagination{
    margin-bottom:5rem;
    padding-top:2rem;
    border-top:.1rem solid #efefef
}
.toolbox .pagination{
    margin-left:auto
}
.toolbox .select-custom{
    margin-bottom:0
}
.toolbox .select-custom::after{
    right:1.3rem;
    font-size:1.6rem
}
.toolbox .select-custom .form-control{
    font-size:1.2rem;
    padding-right:2.5rem;
    max-width:160px;
    border-color:#e4e4e4
}
.toolbox label{
    display:none;
    margin-bottom:0;
    margin-top:1px;
    font-weight:400;
    color:#7a7d82;
    font-size:1.3rem
}
.toolbox .form-control{
    color:#7a7d82;
    display:inline-block;
    border-width:.1rem;
    padding:0 .8rem;
    margin-bottom:0
}
.toolbox .form-control:not(:focus){
    border-color:#e4e4e4
}
.toolbox select.form-control:not([size]):not([multiple]){
    height:34px
}
.toolbox .toolbox-show .select-custom:after{
    right:1rem
}
.toolbox-pagination .toolbox-show{
    display:none
}
.pagination{
    border-radius:0;
    font-weight:700;
    font-family:"Bookman Old Style
    align-items:center";
    margin-bottom:0
}
.page-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:3.2rem;
    height:3.2rem;
    font-size:1.4rem;
    padding:0 .3rem;
    line-height:1.1;
    color:#706f6c;
    background-color:transparent;
    border:.1rem solid #e9e9e9
}
.page-link.page-link-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding-left:.2rem;
    padding-right:.2rem;
    min-width:0;
    height:3.2rem;
    border:0;
    padding:0;
    color:#6f6e6b;
    font-size:2rem
}
.page-link.page-link-btn i{
    position:relative;
    top:-.1rem
}
.page-link.page-link-btn i::before{
    margin-left:0;
    margin-right:0
}
.page-link:hover,.page-link:focus{
    box-shadow:none;
    color:#28a745;
    text-decoration:none;
    background-color:transparent
}
.page-item+.page-item{
    margin-left:.7rem
}
.page-item span{
    padding-left:.3rem;
    padding-right:.3rem
}
.page-item:first-child .page-link{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.page-item:last-child .page-link{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.page-item.active .page-link{
    color:#28a745;
    background-color:transparent;
    border-color:#e9e9e9
}
.page-item.disabled .page-link{
    color:#eaeaea
}
.page-item.disabled .page-link.page-link-btn{
    color:#eaeaea;
    border-color:#eaeaea;
    background-color:transparent
}
.toolbox-left{
    display:flex;
    align-items:center
}
.toolbox-item{
    display:flex;
    align-items:center
}
.toolbox-item.toolbox-sort{
    margin-right:1.5rem
}
.toolbox-item.toolbox-show{
    margin-left:auto;
    font-size:1.2rem
}
.toolbox-item label{
    margin-right:1.2rem
}
.sorter-btn{
    font-size:1.7rem;
    color:#000;
    margin-left:.8rem;
    text-decoration:none
}
.sorter-btn::before{
    content:'\e890';
    font-family:'porto'
}
.sorter-btn.btn-desc::before{
    content:'\e891'
}
.sorter-btn:hover,.sorter-btn:focus{
    text-decoration:none
}
.layout-modes{
    display:none;
    font-size:0;
    margin-left:2.1rem
}
.layout-btn{
    display:inline-block;
    height:3.4rem;
    font-size:1.6rem;
    line-height:3.4rem;
    color:#000;
    text-align:center;
    margin-right:.7rem;
    text-decoration:none
}
.layout-btn i:before{
    margin-left:0;
    margin-right:0
}
.layout-btn:last-child{
    margin-right:0
}
.layout-btn.active,.layout-btn:hover,.layout-btn:focus{
    color:#28a745;
    text-decoration:none
}
.horizontal-filter .toolbox-sort{
    margin-left:auto
}
.horizontal-filter .toolbox-item:last-child{
    display:none
}
@media screen and (min-width: 480px){
    .layout-modes{
        display:flex
    }
    .horizontal-filter .toolbox-show{
        margin-left:0
    }
    .toolbox-pagination .toolbox-show{
        display:flex;
        margin-left:0
    }
}
@media screen and (min-width: 576px){
    .toolbox-left{
        margin-bottom:0
    }
    .toolbox-left label{
        margin-right:1.8rem
    }
    .horizontal-filter .toolbox-item:last-child{
        display:flex
    }
}
@media screen and (min-width: 768px){
    .toolbox label{
        display:block
    }
}
@media screen and (min-width: 992px){
    .toolbox.toolbox-pagination{
        margin-bottom:5rem
    }
}
@media screen and (max-width: 575px){
    .horizontal-filter .toolbox-item.toolbox-sort{
        margin-right:0
    }
}
.login-popup .mfp-content{
    background-color:white;
    max-width:872px;
    width:80%
}
.login-popup .container{
    padding:2.5rem 3rem
}
.login-popup .title{
    font-size:1.5rem;
    font-weight:600;
    line-height:2;
    text-transform:uppercase
}
.login-popup form{
    display:block
}
.login-popup label{
    color:#777;
    font-family:"Bookman Old Style
    font-size:1.2rem";
    font-weight:400;
    line-height:1;
    text-transform:capitalize
}
.login-popup .form-footer{
    margin:0 0 2rem
}
.login-popup .form-footer .custom-control{
    font-size:1.3rem;
    margin:0 0 0 auto
}
.login-popup .forget-password{
    color:#28a745;
    font-size:1.3rem
}
.login-popup .social-login-wrapper{
    background-color:#f4f4f2;
    padding:2rem 2rem 2.5rem;
    text-align:center
}
.login-popup .social-login-wrapper p{
    color:#121214;
    font-size:12px;
    font-weight:600;
    margin-bottom:2rem;
    text-transform:uppercase
}
.login-popup .btn-group{
    flex-wrap:wrap;
    justify-content:space-around
}
.mfp-ready.mfp-bg{
    background-color:#000;
    -webkit-transition:all .35s ease-out;
    -moz-transition:all .35s ease-out;
    transition:all .35s ease-out
}
.mfp-zoom-out-cur .mfp-bg{
    opacity:.8
}
.mfp-zoom-out-cur .mfp-counter{
    color:#fff
}
.mfp-zoom-out-cur .mfp-arrow-right::before{
    border-left:0
}
.mfp-zoom-out-cur .mfp-arrow-left::before{
    border-right:0
}
.mfp-ajax-product.mfp-bg,.login-popup.mfp-bg{
    opacity:0
}
.mfp-wrap .mfp-content{
    opacity:0;
    -moz-transition:all .35s ease-out;
    -webkit-transition:all .35s ease-out;
    transition:all .35s ease-out
}
.mfp-ajax-product.mfp-wrap .mfp-content,.login-popup.mfp-wrap .mfp-content{
    max-width:872px
}
.mfp-wrap.mfp-ready .mfp-content{
    opacity:1
}
.mfp-wrap.mfp-removing .mfp-content{
    opacity:0
}
@media screen and (min-width: 768px){
    .login-popup .col-md-6{
        padding:0 2rem
    }
    .login-popup .col-md-6:first-child{
        border-right:1px solid #f5f6f6
    }
}
.home-top-container{
    padding-top:2.7rem
}
.owl-carousel-lazy.owl-carousel{
    display:block
}
.owl-carousel-lazy.owl-carousel .home-slide:first-child,.owl-carousel-lazy.owl-carousel .category-slide:first-child,.owl-carousel-lazy.owl-carousel .owl-item:first-child .home-slide,.owl-carousel-lazy.owl-carousel .owl-item:first-child .category-slide{
    display:flex
}
.owl-carousel-lazy.owl-carousel:not(.owl-loaded)>*:not(:first-child){
    display:none
}
.home-slider{
    margin-bottom:2.7rem;
    position:relative;
    background-color:#ddd
}
.home-slider::after,.home-slider::before{
    border:2px solid transparent;
    border-image:none;
    border-radius:50%;
    border-top-color:#28a745;
    content:'';
    height:40px;
    left:calc(50% - 2rem);
    position:absolute;
    top:calc(50% - 2rem);
    width:40px
}
.home-slider::before{
    -webkit-animation:spin 1s infinite ease;
    animation:spin 1s infinite ease;
    z-index:4
}
.home-slider::after{
    -webkit-animation:spin .5s infinite linear;
    animation:spin .5s infinite linear;
    z-index:5
}
.home-slider.loaded::after,.home-slider.loaded::before{
    display:none
}
.home-slide{
    width:100%;
    height:auto;
    background-color:#ccc
}
.home-slide,.category-slide{
    display:flex;
    align-content:center
}
.home-slide .slide-bg,.category-slide .slide-bg{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    max-height:none !important;
    z-index:2;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.home-slide{
    position:relative
}
.home-slide::before{
    content:'';
    display:block;
    padding-top:47.3563218391%;
    width:100%
}
.home-slide-content{
    position:absolute;
    left:0;
    top:50%;
    padding:0 3.2rem 1.5rem;
    z-index:3;
    transform:translateY(-50%);
    color:#fff;
    font-weight:300;
    font-size:1.4rem;
    line-height:1.5
}
.home-slide-content h1{
    color:#fff;
    font-weight:800;
    font-size:2.8rem;
    font-family:"Bookman Old Style
    text-transform:uppercase";
    letter-spacing:-.06rem;
    margin-bottom:.4rem;
    line-height:1
}
.home-slide-content h3{
    color:#fff;
    font-weight:700;
    font-size:1.8rem;
    line-height:1.1;
    font-family:"Bookman Old Style
    text-transform:uppercase";
    margin-bottom:.1rem;
    letter-spacing:0
}
.home-slide-content h3 span{
    font-size:2.6rem;
    font-family:"Oswald",sans-serif
}
.home-slide-content .btn{
    padding:.7rem 1rem;
    font-weight:400;
    font-size:1.3rem;
    min-width:112px;
    border-radius:.1rem
}
.home-slide-content.text-white{
    color:#fff
}
.home-slide-content.text-white h1,.home-slide-content.text-white h3{
    color:#fff
}
.home-slider.owl-carousel .owl-nav .owl-prev,.home-slider.owl-carousel .owl-nav .owl-next{
    position:absolute;
    top:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:3rem;
    font-size:3rem;
    margin:0;
    line-height:1;
    color:#fff;
    background-color:transparent;
    border:0;
    border-radius:0;
    transition:all .3s;
    font-weight:100;
    transform:translateY(-50%)
}
.home-slider.owl-carousel .owl-nav .owl-prev i,.home-slider.owl-carousel .owl-nav .owl-next i{
    margin-top:-.3rem
}
.home-slider.owl-carousel .owl-nav .owl-prev i::before,.home-slider.owl-carousel .owl-nav .owl-next i::before{
    margin:0;
    border-radius:0
}
.home-slider.owl-carousel .owl-nav .owl-prev{
    left:1.2rem
}
.home-slider.owl-carousel .owl-nav .owl-next{
    right:1.2rem
}
.home-slider.owl-carousel .owl-nav .owl-prev:hover,.home-slider.owl-carousel .owl-nav .owl-next:hover,.home-slider.owl-carousel .owl-nav .owl-prev:focus,.home-slider.owl-carousel .owl-nav .owl-next:focus{
    color:#28a745;
    border-color:transparent;
    background-color:transparent
}
.home-slider.owl-carousel .owl-dots{
    display:none;
    position:absolute;
    left:4.2rem;
    bottom:2.6rem;
    margin:0;
    line-height:0
}
.home-slider.owl-carousel .owl-dots .owl-dot{
    display:inline-block;
    width:2.4rem;
    height:.3rem;
    background-color:rgba(1,2,4,0.3);
    line-height:1;
    transition:all 0.15s
}
.home-slider.owl-carousel .owl-dots .owl-dot+.owl-dot{
    margin-left:.5rem
}
.home-slider.owl-carousel .owl-dots .owl-dot:hover,.home-slider.owl-carousel .owl-dots .owl-dot:focus{
    background-color:#28a745
}
.home-slider.owl-carousel .owl-dots .owl-dot.active{
    background-color:#010204
}
.owl-carousel .product:not(.product-sm){
    margin-bottom:0
}
.side-custom-menu{
    margin-bottom:2.7rem
}
.side-custom-menu h2{
    background-color:#f4f4f4;
    padding:1.75rem 2rem;
    font:700 1.4rem/1 "Bookman Old Style
    text-transform:uppercase;
    border:.1rem solid #dae2e6;
    border-radius:.3rem .3rem 0 0;
    margin-bottom:0
}
.side-custom-menu .side-menu-body{
    padding:1rem 1.5rem 1.5rem;
    border:.1rem solid #dae2e6;
    border-top:none;
    border-radius:0 0 .3rem .3rem
}
.side-custom-menu ul{
    margin:0 0 2.8rem
}
.side-custom-menu ul li a{
    display:flex;
    align-items:center;
    font-size:1.4rem;
    line-height:1.5;
    text-decoration:none;
    color:#465157;
    padding:.6rem 1rem;
    border-bottom:1px solid #e6ebee
}
.side-custom-menu ul li a i{
    font-size:1.8rem;
    margin-right:1.5rem
}
.side-custom-menu ul li a:hover,.side-custom-menu ul li a:focus{
    color:#fff;
    background-color:#28a745;
    text-decoration:none
}
.side-custom-menu ul li:last-child{
    border-bottom:none
}
.side-custom-menu .btn{
    font-weight:600;
    font-size:1.4rem;
    font-family:"Bookman Old Style
    border-radius:.2rem";
    letter-spacing:0;
    }
.banners-group{
    margin-bottom:3rem
}
.banners-group .banner{
    margin-bottom:1.5rem
}
.owl-dots-top.owl-carousel .owl-dots{
    position:absolute;
    right:0;
    top:-58px;
    margin:0
}
.owl-dots-top.owl-carousel.owl-theme .owl-nav.disabled+.owl-dots{
    margin:0
}
.featured-section{
    background-color:#f4f4f4;
    padding-top:5.8rem;
    padding-bottom:8rem
}
@media screen and (min-width: 576px){
    .home-slider.owl-carousel .owl-dots{
        display:block
    }
    .home-slide-content h1{
        font-size:4.4rem
    }
    .home-slide-content p{
        margin-bottom:4.5rem
    }
    .home-slide-content .btn{
        padding:1.1rem 2rem;
        font-size:1.3rem;
        min-width:132px
    }
    .banners-group .banner{
        margin-bottom:3rem
    }
}
@media screen and (min-width: 768px){
    .home-slider.owl-carousel .owl-dots{
        left:7.2rem;
        bottom:3.6rem
    }
    .home-slide-content{
        padding-left:7.2rem
    }
    .side-custom-menu .side-menu-body{
        padding:1.2rem 2.8rem 2.8rem
    }
}
@media screen and (min-width: 992px){
    .home-slide{
        height:412px
    }
    .banners-group{
        margin-bottom:5.5rem
    }
    .side-custom-menu .side-menu-body{
        padding:1.2rem 1.8rem 2.8rem
    }
}
.about-section{
    padding:1rem 0 2.5rem;
    font-size:1.5rem;
    line-height:1.8;
    color:#7b858a
}
.about-section p{
    margin-bottom:2rem
}
.features-section{
    padding:5rem 0 2.4rem;
    background-color:#f1f1f1
}
.testimonials-section{
    padding:5rem 0 5rem
}
.testimonials-section .subtitle{
    margin-bottom:3.5rem
}
.testimonials-carousel blockquote{
    margin-bottom:0;
    padding-bottom:0
}
.testimonials-carousel.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:.5rem
}
.counters-section{
    padding:4.5rem 0 4rem;
    background-color:#efefef
}
@media screen and (min-width: 768px){
    .about-section{
        padding-top:3rem;
        padding-bottom:3.5rem
    }
}
@media screen and (min-width: 992px){
    .counters-section .col-md-4{
        -ms-flex:0 0 20%;
        flex:0 0 20%;
        max-width:20%
    }
}
.sidebar-wrapper{
    margin-bottom:10px
}
.sidebar-shop{
    font-size:1.4rem
}
.sidebar-shop .widget{
    padding:1.8rem 1.5rem 1.3rem;
    border:1px solid #dae2e6;
    border-bottom:none;
    margin:0
}
.sidebar-shop .widget::after{
    display:block;
    clear:both;
    content:''
}
.sidebar-shop .widget:last-child{
    border-bottom:1px solid #dae2e6
}
.sidebar-shop .widget .product.product-sm:last-child{
    margin-bottom:.4rem
}
.sidebar-shop .widget-title{
    font-weight:600;
    font-size:1.5rem;
    line-height:1.1;
    text-transform:uppercase;
    color:#21293c;
    font-family:"Bookman Old Style
    margin:0"
}
.sidebar-shop .widget-title a{
    color:inherit;
    position:relative;
    display:block;
    padding:.2rem 0 .6rem
}
.sidebar-shop .widget-title a:hover,.sidebar-shop .widget-title a:focus{
    color:#21293c;
    text-decoration:none
}
.sidebar-shop .widget-title a::after{
    content:'\e81b';
    font-family:'porto';
    position:absolute;
    display:inline-block;
    font-size:1.7rem;
    right:.1rem;
    top:0;
    transition:all 0.35s;
    font-weight:400
}
.sidebar-shop .widget-title a.collapsed::after{
    content:'\e81c'
}
.sidebar-shop .widget-body{
    padding-top:1.3rem;
    padding-bottom:.5rem
}
.sidebar-shop .widget-body::after{
    display:block;
    clear:both;
    content:''
}
.sidebar-shop .widget-featured{
    position:relative
}
.sidebar-shop .widget-featured .widget-body{
    padding-top:2.3rem
}
.sidebar-shop .widget-featured .product-sm:last-child{
    margin-bottom:0
}
.widget .owl-carousel .owl-nav{
    position:absolute;
    top:-4.2rem;
    right:-.4rem
}
.widget .owl-carousel .owl-nav button.owl-next,.widget .owl-carousel .owl-nav button.owl-prev{
    padding:0 .4rem !important;
    font-size:1.8rem;
    line-height:1;
    color:#21293c;
    border-radius:0
}
.widget .owl-carousel .owl-nav i::before{
    width:auto;
    margin:0
}
.cat-list{
    margin:0;
    padding:0;
    list-style:none
}
.cat-list li{
    margin-bottom:.8rem
}
.cat-list li:last-child{
    margin-bottom:0
}
.cat-list li a{
    font-weight:600;
    color:#7a7d82
}
.cat-list li a span{
    float:right
}
.cat-list li a:hover,.cat-list li a:focus{
    color:#28a745
}
.price-slider-wrapper{
    padding-top:1rem
}
.filter-price-action{
    display:flex;
    align-items:center;
    margin-top:2.5rem;
    padding-bottom:.4rem
}
.filter-price-action::after{
    display:block;
    clear:both;
    content:''
}
.filter-price-action .filter-price-text{
    color:#7a7d82;
    font-weight:600;
    margin-left:auto;
    font-size:1.4rem
}
.filter-price-action .btn{
    font-size:1.4rem;
    padding:.3rem 1.2rem;
    letter-spacing:.08em;
    min-width:0
}
.config-swatch-list,.config-size-list{
    list-style:none;
    margin:0;
    padding:0;
    font-size:0
}
.config-swatch-list li{
    display:inline-flex;
    margin-right:.4rem;
    margin-bottom:.4rem
}
.config-swatch-list a{
    position:relative;
    display:block;
    width:2.2rem;
    height:2.2rem;
    transition:all .3s
}
.config-swatch-list a:hover,.config-swatch-list a:focus{
    box-shadow:0 0 0 .1rem #fff, 0 0 0 .2rem #dfdfdf
}
.config-swatch-list li.active a::before{
    font-family:'porto';
    content:'\e84e';
    display:inline-block;
    position:absolute;
    left:50%;
    top:50%;
    color:#fff;
    font-size:1.1rem;
    line-height:1;
    transform:translateX(-50%) translateY(-50%)
}
.config-size-list{
    margin-right:-.9rem
}
.config-size-list li{
    display:inline-flex;
    margin-right:.9rem;
    margin-bottom:.9rem
}
.config-size-list li a{
    position:relative;
    display:block;
    min-width:4.4rem;
    height:3rem;
    transition:all .3s;
    font-weight:400;
    text-align:center;
    font-size:1.4rem;
    line-height:2.8rem;
    border:1px solid #e9e9e9;
    background-color:#fff;
    text-decoration:none;
    color:#7a7d82
}
.config-size-list li a:hover,.config-size-list li a:focus{
    color:#fff;
    border-color:#28a745;
    background-color:#28a745;
    text-decoration:none
}
.config-size-list li.active a{
    color:#fff;
    border-color:#28a745;
    background-color:#28a745;
    outline:0.1rem solid #28a745
}
.widget-block{
    color:#21293c
}
.widget-block h5{
    font-weight:600;
    font-size:1.4rem;
    color:#7a7d82;
    margin-bottom:2.3rem;
    margin-top:.8rem
}
.widget-block p{
    max-width:210px
}
.boxed-slider{
    position:relative;
    background-color:#ddd
}
.boxed-slider::after,.boxed-slider::before{
    border:2px solid transparent;
    border-image:none;
    border-radius:50%;
    border-top-color:#28a745;
    content:'';
    height:40px;
    left:calc(50% - 2rem);
    position:absolute;
    top:calc(50% - 2rem);
    width:40px
}
.boxed-slider::before{
    -webkit-animation:spin 1s infinite ease;
    animation:spin 1s infinite ease;
    z-index:4
}
.boxed-slider::after{
    -webkit-animation:spin .5s infinite linear;
    animation:spin .5s infinite linear;
    z-index:5
}
.boxed-slider.loaded::after,.boxed-slider.loaded::before{
    display:none
}
.boxed-slider .category-slide{
    height:300px;
    display:flex;
    align-items:center
}
.boxed-slide-content{
    z-index:3;
    background-color:transparent;
    margin-bottom:0
}
.boxed-slide-content .btn{
    display:inline-block
}
.boxed-slider .owl-dots{
    position:absolute;
    bottom:2.5rem;
    left:0;
    right:0
}
.category-grid{
    margin-top:-1rem
}
.horizontal-filter{
    background-color:#f4f4f4;
    padding:1.2rem 1rem;
    margin-bottom:18px
}
.horizontal-filter .price-sort{
    position:relative
}
.horizontal-filter .price-sort label{
    font-size:1.2rem
}
.horizontal-filter .price-sort .input-price{
    display:block;
    box-shadow:none;
    margin-bottom:10px;
    padding:5px 8px;
    line-height:1.4;
    width:100%
}
.horizontal-filter .price-sort.opened:before{
    display:block
}
.sort-list li{
    padding:7px 0;
    font-size:1.2rem;
    text-transform:uppercase
}
.filter-toggle{
    display:flex;
    align-items:center;
    margin-right:1rem
}
.filter-toggle a{
    position:relative;
    display:inline-block;
    width:46px;
    height:26px;
    background:#e6e6e6;
    border-radius:13px;
    margin-left:8px;
    text-decoration:none
}
.filter-toggle a::before{
    content:'';
    position:absolute;
    left:0;
    width:42px;
    height:22px;
    background-color:#fff;
    border-radius:11px;
    -webkit-transform:translate3d(2px, 2px, 0) scale3d(1, 1, 1);
    transform:translate3d(2px, 2px, 0) scale3d(1, 1, 1);
    transition:all .3s linear
}
.filter-toggle a::after{
    content:'';
    position:absolute;
    left:0;
    width:22px;
    height:22px;
    background-color:#fff;
    border-radius:11px;
    box-shadow:0 2px 2px rgba(0,0,0,0.24);
    -webkit-transform:translate3d(2px, 2px, 0);
    transform:translate3d(2px, 2px, 0);
    transition:all .2s ease-in-out
}
.filter-toggle.opened a{
    background-color:#28a745
}
.filter-toggle.opened a:before{
    -webkit-transform:translate3d(18px, 2px, 0) scale3d(0, 0, 0);
    transform:translate3d(18px, 2px, 0) scale3d(0, 0, 0)
}
.filter-toggle.opened a:after{
    -webkit-transform:translate3d(22px, 2px, 0);
    transform:translate3d(22px, 2px, 0)
}
@media screen and (min-width: 576px){
    .horizontal-filter{
        padding:1.2rem 2rem
    }
}
@media screen and (min-width: 992px){
    .products-body{
        overflow:hidden
    }
    .products-body .sidebar-shop{
        transition:all 0.3s linear 0s;
        visibility:hidden;
        z-index:-1;
        left:-25%
    }
    .sidebar-opened .sidebar-shop{
        visibility:visible;
        z-index:0;
        left:0
    }
    .main-content{
        margin-left:-25%;
        transition:all 0.3s linear 0s
    }
    .sidebar-opened .main-content{
        margin-left:0
    }
    main:not(.sidebar-opened) .main-content{
        max-width:100%;
        flex:0 0 100%
    }
    main:not(.sidebar-opened) .main-content .col-md-4{
        max-width:25%
    }
    .filter-sorts{
        padding:12px
    }
    .filter-sorts .toolbox-left{
        position:relative
    }
    .filter-sorts .toolbox-item{
        margin-right:1rem
    }
    .filter-sorts .toolbox-item.toolbox-sort{
        background:#fff;
        margin:0 1rem 0 0
    }
    .filter-sorts .toolbox-item.toolbox-show{
        font-size:1.2rem;
        margin-left:auto
    }
    .filter-sorts select{
        border:0;
        min-width:140px;
        text-transform:uppercase
    }
    .filter-sorts .layout-modes{
        margin-left:.5rem
    }
    .filter-sorts .filter-toggle{
        display:none
    }
    .filter-sorts .sidebar-shop{
        left:0;
        z-index:2;
        visibility:visible
    }
    .filter-price-form,.sort-list{
        display:none
    }
    .filter-price-form{
        position:absolute;
        min-width:220px;
        padding:10px 15px 10px;
        top:100%;
        margin-top:9px;
        left:0;
        z-index:99;
        background-color:#fff;
        box-shadow:0 1px 3px rgba(0,0,0,0.15)
    }
    .sort-list{
        position:absolute;
        padding:10px 15px 10px;
        top:100%;
        margin-top:9px;
        left:0;
        min-width:220px;
        background:#fff;
        z-index:99;
        box-shadow:0 1px 3px rgba(0,0,0,0.15)
    }
    .sort-menu-trigger{
        display:block;
        height:34px;
        font-size:1.2rem;
        line-height:34px;
        padding-left:.8rem;
        z-index:9;
        min-width:140px;
        color:#7a7d82;
        text-transform:uppercase
    }
    .sort-menu-trigger:hover,.sort-menu-trigger:focus{
        text-decoration:none
    }
    .sort-menu-trigger::before{
        display:none;
        content:'';
        position:absolute;
        top:100%;
        border-bottom:10px solid #fff;
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        left:21px;
        margin-top:1px;
        z-index:999
    }
    .toolbox-item.opened .sort-list,.toolbox-item.opened .filter-price-form,.toolbox-item.opened .sort-menu-trigger:before{
        display:block
    }
}
@media screen and (max-width: 991px){
    .sort-menu-trigger{
        display:block;
        margin-bottom:1.5rem;
        font-weight:600;
        font-size:14px;
        line-height:1.4;
        text-transform:uppercase
    }
    .filter-sorts .toolbox-sort.select-custom{
        margin:2rem;
        display:block
    }
    .filter-sorts .toolbox-sort.select-custom::after{
        content:none
    }
}
@media screen and (min-width: 576px){
    .sidebar-shop .widget{
        padding:3.3rem 3rem 2.8rem
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .sidebar-shop .widget{
        padding:1.8rem 1.5rem 1.3rem
    }
    .filter-price-action .filter-price-text,.filter-price-action .btn{
        font-size:1.3rem
    }
}
.product-single-container{
    margin-bottom:3rem
}
.product-single-details{
    margin-top:-.6rem
}
.product-single-details .product-title{
    color:#21293c;
    font-weight:600;
    font-size:2.5rem;
    letter-spacing:-.01em;
    margin-bottom:1.1rem
}
.product-single-details .price-box{
    color:#28a745;
    font-weight:700;
    margin-bottom:2.4rem;
}
.product-single-details .product-price{
    font-size:2.1rem
}
.product-single-details .old-price{
    font-weight:600;
    font-size:1.6rem
}
.product-single-details .old-price+.product-price{
    margin-left:1rem
}
.product-single-details .ratings-container{
    margin-bottom:2.1rem
}
.product-single-details .ratings-container .product-ratings,.product-single-details .ratings-container .ratings{
    font-size:1.4rem
}
.product-single-details .ratings-container .product-ratings{
    height:14px
}
.product-single-details .rating-link{
    font-weight:500;
    color:#90939a;
    letter-spacing:.025em;
    margin-left:1rem
}
.product-single-details .product-desc{
    font-size:1.4rem;
    line-height:1.92;
    letter-spacing:.005em;
    padding-bottom:2.7rem;
    border-bottom:1px solid #dae2e6;
    margin-bottom:2.7rem
}
.product-single-details .product-action{
    justify-content:flex-start;
    flex-wrap:wrap;
    margin-bottom:3.1rem
}
.product-single-details .sticky-header{
    height:auto
}
.product-single-details .sticky-header .sticky-detail{
    display:flex;
    flex-direction:row;
    align-items:center
}
.product-single-details .sticky-header .product-title{
    margin-bottom:0;
    margin-right:2rem;
    font-size:16px;
    font-weight:600;
    color:#777
}
.product-single-details .sticky-header .price-box{
    margin-bottom:0;
    margin-top:1rem;
    padding:0;
    border:0;
    color:#2b2b2d
}
.product-single-details .sticky-header .ratings-container{
    margin-bottom:3.2rem
}
.product-single-details .container{
    display:none;
    align-items:center
}
.product-single-details .container img{
    max-width:5rem;
    max-height:5rem;
    margin-right:2rem
}
.product-single-details .container .add-cart{
    margin-left:auto
}
.product-single-details .sticky-header.fixed-nav .container{
    padding:1.5rem;
    display:flex
}
.product-single-details .product-single-qty,.product-single-details .paction{
    margin:0 1rem 1rem 0
}
.product-both-info{
    padding-top:3rem
}
.product-both-info .product-single-details{
    margin-top:0
}
.product-both-info .product-single-details .product-desc{
    border-bottom:0
}
.product-single-gallery a{
    display:block
}
.product-single-gallery img{
    display:block;
    width:100%;
    max-width:none;
    height:auto
}
.product-single-gallery .owl-theme .owl-nav,.product-single-gallery .owl-theme .owl-nav{
    font-size:32px;
    color:#000
}
.product-single-gallery .owl-prev,.product-single-gallery .owl-next{
    margin:0 2rem !important;
    transition:all .5s;
    opacity:0
}
.prod-thumbnail{
    padding:0.5rem 1rem
}
.prod-thumbnail img{
    cursor:pointer;
    width:100%
}
.prod-thumbnail>div{
    padding:0.5rem
}
.prod-thumbnail .active img,.prod-thumbnail img:hover{
    border:2px solid #21293c
}
.transparent-dots{
    position:absolute;
    display:flex;
    flex-direction:column;
    margin:0;
    top:1rem;
    padding:0;
    opacity:.5;
    width:80px;
    z-index:99
}
.transparent-dots .active img,.transparent-dots img:hover{
    border:1px solid #28a745
}
.product-slider-container{
    position:relative
}
.prod-full-screen{
    position:absolute;
    right:2rem;
    bottom:1.7rem;
    z-index:1;
    outline:none;
    opacity:0;
    transition:all .5s
}
.prod-full-screen i{
    font-size:1.4rem;
    cursor:pointer;
    color:#000
}
.product-item:hover .prod-full-screen,.product-item:hover .owl-prev,.product-item:hover .owl-next{
    opacity:1
}
.prod-thumbnail img{
    display:block
}
.prod-thumbnail .owl-dot{
    box-sizing:border-box
}
.single-info-list{
    font-size:1.4rem;
    line-height:1.5;
    padding:0;
    margin-bottom:2rem;
    text-transform:uppercase
}
.single-info-list li{
    margin-bottom:1rem;
    letter-spacing:.005em;
    color:#7b858a
}
.single-info-list li strong{
    color:#4c4c4c
}
.product-single-qty{
    max-width:104px;
    max-height:43px
}
.product-single-qty .bootstrap-touchspin.input-group{
    display:flex;
    align-items:stretch;
    flex-wrap:nowrap;
    max-width:100%;
    padding-right:0;
    max-height:43px
}
.product-single-qty .bootstrap-touchspin .form-control{
    color:#21293c;
    font-size:1.5rem;
    letter-spacing:.05em;
    height:43px;
    padding:1rem .2rem;
    max-width:none;
    box-shadow:none
}
.product-single-qty .bootstrap-touchspin .form-control,.product-single-qty .bootstrap-touchspin .form-control:not(:focus){
    border-color:#dae2e6
}
.product-single-qty .horizontal-quantity{
    height:43px
}
.product-single-qty .btn{
    position:relative;
    z-index:2;
    font-family:"Bookman Old Style
    display:inline-flex";
    align-items:center;
    justify-content:center;
    min-width:31px;
    font-size:2.4rem;
    line-height:1;
    margin:0
}
.product-single-qty .btn.btn-outline{
    color:#8798a1;
    border-color:#dae2e6
}
.product-single-qty .btn.btn-down-icon::after,.product-single-qty .btn.btn-up-icon::before,.product-single-qty .btn.btn-up-icon::after{
    content:'';
    display:block;
    width:1.1rem;
    height:.1rem;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-.55rem;
    background-color:#8798a1
}
.product-single-qty .btn.btn-up-icon::before{
    transform:rotate(90deg)
}
.product-filters-container{
    margin-bottom:4.5rem
}
.product-single-filter{
    display:flex;
    align-items:center;
    padding-bottom:2.7rem;
    border-bottom:1px solid #dae2e6
}
.product-single-filter+.product-single-filter{
    margin-top:2.2rem
}
.product-single-filter label{
    color:#21293c;
    font:600 1.5rem/1.1 "Bookman Old Style
    letter-spacing:.005em;
    text-transform:uppercase;
    margin-right:1.3rem;
    margin-bottom:0
}
.product-single-filter .config-swatch-list li{
    margin-bottom:0
}
.product-single-filter .config-size-list li{
    margin-right:.7rem;
    margin-bottom:0
}
.product-single-filter .config-size-list li a{
    min-width:3rem;
    height:3rem;
    font-weight:600;
    font-size:1.5rem;
    line-height:2.8rem;
    border:1px solid #dae2e6;
    background-color:#f4f4f4;
    color:#21293c
}
.product-single-filter .config-size-list li a:hover,.product-single-filter .config-size-list li a:focus{
    color:#21293c;
    border-color:#28a745;
    background-color:#f4f4f4
}
.product-single-filter .config-size-list li.active a{
    color:#21293c;
    border-color:#28a745;
    background-color:#f4f4f4;
    outline:none
}
.product-single-filter.product-single-qty{
    max-width:148px;
    max-height:7.5rem;
    border-bottom:0
}
.product-single-share{
    display:flex;
    align-items:center
}
.product-single-share label{
    color:#7b858a;
    font:600 1.4rem/1.1 "Bookman Old Style
    letter-spacing:.005em;
    text-transform:uppercase;
    margin-right:1.2rem;
    margin-bottom:.5rem
}
.product-single-tabs{
    margin-bottom:5.5rem
}
.product-single-tabs .tab-pane{
    padding-top:3.5rem;
    color:#7b858a;
    line-height:1.92
}
.scrolling-box .tab-pane+.tab-pane{
    margin-top:3.5rem;
    border-top:2px solid #dae2e6
}
.product-desc-content p{
    margin-bottom:2.2rem
}
.product-desc-content ul,.product-desc-content ol{
    padding-left:4rem;
    margin-bottom:2.2rem
}
.product-desc-content ul li,.product-desc-content ol li{
    margin-bottom:.4rem
}
.product-desc-content ul li i,.product-desc-content ol li i{
    color:#21293c;
    font-size:1.5rem;
    margin-right:2rem
}
.product-desc-content ul li i::before,.product-desc-content ol li i::before{
    margin:0
}
.product-desc-content img.float-right,.product-desc-content img.float-left{
    max-width:50%
}
.product-tags-content h4{
    font-size:1.8rem;
    margin:0 0 2rem;
    font-weight:700;
    text-transform:uppercase
}
.product-tags-content form{
    margin-bottom:2rem
}
.product-tags-content .form-group{
    display:-ms-flexbox;
    display:flex;
    align-items:stretch
}
.product-tags-content .form-control{
    margin-right:10px
}
.product-tags-content .btn{
    padding-top:.5rem;
    padding-bottom:.5rem
}
.collateral-box ul,.collateral-box ol{
    margin-top:-2rem;
    margin-bottom:2.5rem
}
.collateral-box ul li,.collateral-box ol li{
    border-bottom:1px solid #dae2e6;
    padding:2rem 0 1rem
}
.ratings-table{
    width:100%;
    border-spacing:0;
    empty-cells:show;
    font-size:100%;
    margin:20px 0 40px;
    border:1px solid #dae2e6
}
.ratings-table thead th,.ratings-table tbody td{
    border-bottom:1px solid #dae2e6;
    border-right:1px solid #dae2e6;
    line-height:1.3
}
@media (max-width: 600px){
    .ratings-table thead th,.ratings-table tbody td{
        padding-left:5px;
        padding-right:5px
    }
}
.ratings-table input[type=checkbox],.ratings-table input[type=radio]{
    margin:0 auto
}
@media (max-width: 600px){
    .ratings-table thead{
        display:none
    }
}
.ratings-table thead th{
    font-weight:600;
    font-size:1.1rem;
    padding:.8rem 1.5rem;
    color:#777;
    white-space:nowrap;
    vertical-align:middle;
    text-transform:uppercase;
    background-color:#f6f6f6;
    text-align:center
}
.ratings-table tbody td{
    font-size:1.3rem;
    padding:1.5rem 1rem;
    vertical-align:middle;
    text-align:center
}
.ratings-table tbody td:first-child{
    font-weight:700;
    text-align:left
}
.add-product-review h3{
    font-size:1.8rem
}
.add-product-review form{
    margin-bottom:0
}
.sidebar-product{
    margin-bottom:2.8rem
}
.sidebar-product .widget:not(:last-child){
    margin-bottom:2.5rem
}
.sidebar-product .widget:not(:last-child).widget-banner{
    margin-bottom:4.6rem
}
.sidebar-product .widget:not(:last-child).widget-brand{
    margin-bottom:2.5rem
}
.sidebar-product .widget-title{
    color:#21293c;
    font:600 1.5rem/1.1 "Bookman Old Style
    text-transform:uppercase;
    margin:0 0 2.3rem
}
.widget-brand{
    margin-top:.5rem;
    display:flex;
    flex-direction:column;
    align-items:center
}
.widget-brand a{
    display:block
}
.widget-info ul{
    margin:0
}
.widget-info li{
    line-height:1;
    padding-top:1.8rem;
    padding-bottom:2rem;
    border-top:1px solid #dee5e8
}
.widget-info li::after{
    display:block;
    clear:both;
    content:''
}
.widget-info i{
    float:left;
    color:#28a745;
    font-size:4rem;
    min-width:40px;
    line-height:1;
    margin-right:1.4rem;
    margin-left:.7rem;
    margin-top:.3rem
}
.widget-info i::before{
    margin:0
}
.widget-info h4{
    color:#6b7a83;
    font:600 1.4rem/1.5 "Bookman Old Style
    text-transform:uppercase;
    margin-bottom:0;
    white-space:nowrap;
    overflow:hidden
}
.widget-banner a{
    display:block
}
.widget-banner img{
    display:block;
    max-width:none;
    width:100%;
    height:auto
}
.featured-section{
    background-color:#f4f4f4;
    padding-top:3.8rem;
    padding-bottom:6rem
}
.featured-section.bg-white{
    background-color:#fff
}
.featured-section.pt-sm{
    padding-top:2.5rem
}
.promote{
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.promote li{
    border-top:none
}
.promote h4{
    font-weight:400;
    letter-spacing:0;
    color:#1d2127
}
.promote i{
    margin:.3rem .7rem
}
.product-list .product-item{
    position:relative;
    margin-bottom:.4rem
}
.product-list.product-single-grid{
    margin-bottom:3.6rem
}
@media screen and (min-width: 1200px){
    .widget-info i{
        font-size:4rem;
        min-width:40px;
        margin-right:2.9rem
    }
}
@media screen and (min-width: 992px){
    .featured-section{
        padding-top:5.8rem;
        padding-bottom:8rem
    }
    .product-single-container .col-lg-7{
        -ms-flex:0 0 55.56%;
        flex:0 0 55.56%;
        max-width:55.56%
    }
    .product-single-container .col-lg-5{
        -ms-flex:0 0 44.44%;
        flex:0 0 44.44%;
        max-width:44.44%
    }
}
@media screen and (max-width: 991px){
    .product-single-gallery{
        margin-bottom:3rem
    }
}
@media screen and (min-width: 992px) and (max-width: 1279px){
    .product-all-icons.product-action .product-single-qty{
        margin-right:50%;
        margin-bottom:1.2rem
    }
}
@media screen and (min-width: 768px){
    .featured-section{
        padding-top:4.8rem;
        padding-bottom:7rem
    }
    .product-both-info .product-single-share{
        justify-content:flex-end
    }
}
@media screen and (min-width: 576px){
    .promote{
        flex-direction:row
    }
    .product-both-info .product-top-banner{
        display:flex
    }
    .product-both-info .product-single-share{
        margin-left:auto
    }
    .product-tags-content .form-control{
        width:250px
    }
}
.product-single-extended{
    margin-bottom:6rem
}
.product-single-extended .product-single-gallery{
    position:relative;
    margin-bottom:3rem
}
.product-single-extended .product-title{
    font-size:4.5rem;
    line-height:1.15
}
.product-single-extended .price-box{
    margin-bottom:1rem
}
.product-single-extended .product-price{
    font-size:3.1rem
}
.product-single-extended .old-price{
    font-size:2.4rem
}
.product-single-extended .old-price+.product-price{
    margin-left:1.5rem
}
.product-single-extended .product-desc{
    padding-bottom:1.9rem;
    margin-bottom:3.1rem
}
.product-single-extended .product-desc p{
    max-width:none
}
.product-single-extended .product-action{
    margin-bottom:0
}
.product-single-extended .widget-area .widget.widget-info{
    margin-bottom:0
}
.product-single-extended .widget-info ul{
    display:flex;
    align-items:center
}
.product-single-extended .widget-info i{
    margin-right:1rem
}
.product-single-extended .widget-info li{
    padding:0;
    border-top:none
}
.product-single-extended .widget-info li+li{
    margin-left:2.5rem
}
.product-single-extended .product-filters-container{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    margin-bottom:2rem;
    flex-wrap:wrap
}
.product-single-extended .product-single-filter{
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:none
}
.product-single-extended .product-single-filter+.product-single-filter,.product-single-extended .product-single-filter+.product-action{
    margin-top:0;
    margin-left:5rem
}
.product-single-extended .product-single-filter .config-swatch-list li{
    margin-bottom:0;
    margin-right:.5rem
}
.product-single-extended .product-single-filter .config-swatch-list a{
    width:3rem;
    height:3rem
}
.product-desc .view-more{
    font-weight:700;
    color:#28a745;
    text-transform:uppercase
}
.product-single-header{
    padding-bottom:1.4rem;
    border-bottom:1px solid #dae2e6;
    margin-bottom:3.2rem
}
.product-single-header .single-header-right{
    display:flex;
    flex-direction:column;
    align-items:flex-end
}
.product-single-header .product-single-share{
    margin-top:1rem;
    margin-bottom:3.7rem
}
.single-qty-wrapper{
    display:flex;
    align-items:center
}
.single-qty-wrapper label{
    color:#21293c;
    font:600 1.5rem/1.1 "Bookman Old Style
    letter-spacing:.005em;
    text-transform:uppercase;
    margin-right:1.3rem;
    margin-bottom:0
}
.single-qty-wrapper .product-single-qty{
    max-width:104px;
    max-height:30px
}
.single-qty-wrapper .product-single-qty .bootstrap-touchspin.input-group{
    max-height:30px
}
.single-qty-wrapper .product-single-qty .bootstrap-touchspin .form-control{
    height:30px;
    padding:.35rem .2rem;
    max-width:none;
    box-shadow:none
}
.single-qty-wrapper .product-single-qty .bootstrap-touchspin .form-control,.single-qty-wrapper .product-single-qty .bootstrap-touchspin .form-control:not(:focus){
    border-color:#dae2e6
}
.single-qty-wrapper .product-single-qty .horizontal-quantity{
    height:30px;
    background-color:#f4f4f4
}
.single-qty-wrapper .product-single-qty .btn.btn-outline{
    border-color:transparent
}
.single-qty-wrapper .product-single-qty .btn.btn-outline:hover.btn-down-icon::after,.single-qty-wrapper .product-single-qty .btn.btn-outline:hover.btn-up-icon::before,.single-qty-wrapper .product-single-qty .btn.btn-outline:hover.btn-up-icon::after,.single-qty-wrapper .product-single-qty .btn.btn-outline:focus.btn-down-icon::after,.single-qty-wrapper .product-single-qty .btn.btn-outline:focus.btn-up-icon::before,.single-qty-wrapper .product-single-qty .btn.btn-outline:focus.btn-up-icon::after{
    background-color:#28a745
}
.single-qty-wrapper .product-single-qty .btn.btn-down-icon::after,.single-qty-wrapper .product-single-qty .btn.btn-up-icon::before,.single-qty-wrapper .product-single-qty .btn.btn-up-icon::after{
    background-color:#97a6ae
}
.owl-nav-simple.owl-carousel .owl-nav .owl-prev,.owl-nav-simple.owl-carousel .owl-nav .owl-next{
    position:absolute;
    top:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:3rem;
    font-size:3rem;
    margin:0;
    line-height:1;
    color:#21293c;
    background-color:transparent;
    border:0;
    border-radius:0;
    transition:all .3s;
    font-weight:100;
    transform:translateY(-50%)
}
.owl-nav-simple.owl-carousel .owl-nav .owl-prev i,.owl-nav-simple.owl-carousel .owl-nav .owl-next i{
    line-height:1;
    margin-top:-.3rem
}
.owl-nav-simple.owl-carousel .owl-nav .owl-prev i::before,.owl-nav-simple.owl-carousel .owl-nav .owl-next i::before{
    margin:0;
    border-radius:0
}
.owl-nav-simple.owl-carousel .owl-nav .owl-prev:hover,.owl-nav-simple.owl-carousel .owl-nav .owl-prev:focus,.owl-nav-simple.owl-carousel .owl-nav .owl-next:hover,.owl-nav-simple.owl-carousel .owl-nav .owl-next:focus{
    color:#28a745
}
.owl-nav-simple.owl-carousel .owl-nav .owl-prev{
    left:1rem
}
.owl-nav-simple.owl-carousel .owl-nav .owl-next{
    right:1rem
}
.product-single-row{
    position:relative;
    display:flex;
    align-items:center;
    height:700px;
    font-size:1.4rem;
    line-height:1.92;
    letter-spacing:.005em;
    color:#7b858a;
    background-color:#fff;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.product-single-row .single-row-entire,.product-single-row .single-row-bg{
    position:absolute;
    top:0;
    bottom:0;
    background-color:#ccc;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.product-single-row .single-row-entire{
    width:100%
}
.product-single-row .single-row-bg{
    left:50%;
    width:50%
}
.product-single-row.single-row-reverse .single-row-bg{
    left:0
}
.product-single-row h5{
    color:#7b858a;
    font-weight:600;
    font-size:2rem;
    letter-spacing:-.01em;
    margin-left:.6rem;
    margin-bottom:1.1rem
}
.product-single-row h2{
    font-weight:600;
    font-size:4.5rem;
    letter-spacing:-.01em;
    margin-bottom:2.8rem
}
.product-single-row p{
    margin-bottom:0
}
.product-single-row ul,.product-single-row ol{
    margin-bottom:0
}
.product-single-row ul li,.product-single-row ol li{
    margin-bottom:.4rem
}
.product-single-row ul li i,.product-single-row ol li i{
    color:#21293c;
    font-size:1.5rem;
    margin-right:2rem
}
.product-single-row ul li i::before,.product-single-row ol li i::before{
    margin:0
}
.product-single-video{
    color:#7b858a;
    background-color:#4d4d4d;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    height:300px;
    display:flex;
    align-items:center;
    text-align:center
}
.product-single-video h3{
    font-weight:600;
    font-size:3.5rem;
    color:#21293c;
    margin-bottom:1.2rem;
    letter-spacing:-.01em
}
.product-single-video .video-btn{
    color:#7b858a;
    text-transform:uppercase;
    font-size:2rem;
    font-weight:600;
    letter-spacing:-.01em
}
.product-single-video .video-btn img{
    display:inline-block;
    vertical-align:middle;
    max-width:38px;
    height:auto;
    margin-left:.7rem
}
@media screen and (min-width: 576px){
    .product-single-extended .paction{
        height:50px
    }
    .product-single-extended .paction.add-cart{
        height:auto;
        min-width:156px;
        margin-left:1.8rem
    }
    .product-single-extended .paction.add-cart::before{
        font-size:2rem
    }
    .product-single-extended .paction.add-cart span{
        font-size:1.6rem
    }
}
@media screen and (max-width: 1199px){
    .product-single-header .single-header-right{
        align-items:flex-start
    }
}
@media screen and (max-width: 767px){
    .product-single-row{
        display:block
    }
    .product-single-row .single-row-bg{
        position:relative;
        width:100%;
        height:50%;
        left:0
    }
    .product-single-row .single-row-entire{
        position:relative;
        height:50%
    }
    .product-single-row h2{
        font-size:3.5rem
    }
    .product-single-row .container{
        display:flex;
        height:50%;
        align-items:center
    }
    .product-single-extended .product-price{
        font-size:2.4rem
    }
    .product-single-extended .product-title{
        font-size:3rem
    }
}
@media screen and (max-width: 575px){
    .product-single-row h2{
        font-size:3rem
    }
    .product-single-extended .widget-info ul{
        display:block;
        margin-left:-.7rem
    }
    .product-single-extended .widget-info li+li{
        margin-left:0;
        margin-top:2rem
    }
    .product-single-extended .product-single-filter+.product-single-filter,.product-single-extended .product-single-filter+.product-action{
        margin-left:1rem
    }
}
.sidebar-product .widget.widget-collapse{
    margin-bottom:3rem;
    padding:1.8rem 1.5rem 1.3rem;
    border:1px solid #dae2e6
}
.sidebar-product .widget.widget-collapse .widget-title{
    margin:0
}
.sidebar-product .widget.widget-collapse .widget-title a{
    color:inherit;
    position:relative;
    display:block;
    padding:.2rem 0 .6rem
}
.sidebar-product .widget.widget-collapse .widget-title a:hover,.sidebar-product .widget.widget-collapse .widget-title a:focus{
    color:#21293c;
    text-decoration:none
}
.sidebar-product .widget.widget-collapse .widget-title a::after{
    content:'\e81b';
    font-family:'porto';
    position:absolute;
    display:inline-block;
    font-size:1.7rem;
    right:.1rem;
    top:42%;
    transition:all 0.35s;
    transform:translateY(-50%);
    font-weight:400
}
.sidebar-product .widget.widget-collapse .widget-title a.collapsed::after{
    content:'\e81c'
}
.sidebar-product .widget.widget-collapse .widget-body{
    padding-top:1.3rem;
    padding-bottom:.5rem
}
.sidebar-product .widget.widget-collapse .widget-body::after{
    display:block;
    clear:both;
    content:''
}
.product-single-collapse{
    margin-bottom:2rem
}
.product-single-collapse p{
    margin-bottom:2.5rem
}
.product-single-collapse .product-desc-content ul,.product-single-collapse .product-desc-content ol{
    margin-bottom:2.5rem
}
.product-collapse-panel{
    padding-bottom:1.8rem
}
.product-collapse-title{
    color:#21293c;
    font:700 1.4rem/1.1 "Bookman Old Style
    letter-spacing:.005em;
    text-transform:uppercase;
    padding-bottom:1.2rem;
    margin:0
}
.product-collapse-title a{
    color:inherit;
    position:relative;
    display:block;
    padding:0 0 1.2rem 4rem;
    border-bottom:.2rem solid #dae2e6
}
.product-collapse-title a:hover,.product-collapse-title a:focus{
    color:inherit;
    text-decoration:none
}
.product-collapse-title a::before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    bottom:-.2rem;
    width:100%;
    height:.2rem;
    background-color:#28a745;
    -ms-transform-origin:left center;
    transform-origin:left center;
    -ms-transform:scale(1, 1);
    transform:scale(1, 1);
    transition:transform .4s
}
.product-collapse-title a::after{
    content:'\e81b';
    font-family:'porto';
    position:absolute;
    display:inline-block;
    font-size:2rem;
    left:1.5rem;
    top:.7rem;
    transition:all 0.35s;
    transform:translateY(-50%);
    font-weight:400
}
.product-collapse-title a.collapsed::after{
    content:'\e81c'
}
.product-collapse-title a.collapsed::before{
    -ms-transform-origin:right center;
    transform-origin:right center;
    -ms-transform:scale(0, 1);
    transform:scale(0, 1)
}
.collapse-body-wrapper{
    padding-top:3.4rem;
    padding-bottom:2rem
}
.sidebar-toggle{
    position:fixed;
    width:40px;
    height:40px;
    line-height:38px;
    font-size:17px;
    text-align:center;
    border:#dcdcda solid 1px;
    border-left-width:0;
    -webkit-transition:all 0.2s ease-in-out 0s;
    transition:all 0.2s ease-in-out 0s;
    z-index:999;
    background:#fff;
    cursor:pointer
}
@media screen and (min-width: 992px){
    .sidebar-toggle{
        display:none
    }
}
@media screen and (min-width: 576px){
    .sidebar-product .widget.widget-collapse{
        padding:3.3rem 3rem 2.8rem
    }
}
@media screen and (max-width: 991px){
    .mobile-sidebar{
        position:fixed;
        display:block;
        background-color:#fff;
        top:0;
        bottom:0;
        left:0;
        width:260px;
        padding:0;
        z-index:9999;
        overflow-y:auto;
        -webkit-transform:translate(-260px);
        transform:translate(-260px);
        -webkit-transition:transform 0.2s ease-in-out 0s;
        transition:transform 0.2s ease-in-out 0s
    }
    .sidebar-opened .mobile-sidebar{
        -webkit-transition:transform 0.3s ease-in-out 0s;
        transition:transform 0.3s ease-in-out 0s;
        -webkit-transform:translate(0);
        -ms-transform:translate(0);
        transform:translate(0)
    }
    .sidebar-opened .sidebar-overlay{
        background:#000;
        position:fixed;
        left:0;
        right:0;
        top:0;
        bottom:0;
        z-index:8999;
        opacity:.35
    }
    .sidebar-product{
        margin:0;
        padding:2.5rem
    }
}
.product-single-grid{
    padding-top:4rem;
    border-top:.1rem solid #dae2e6;
    margin-bottom:6rem
}
.product-single-grid .product-single-gallery{
    padding:0 .75rem
}
.product-single-grid .product-single-gallery .product-item{
    margin-bottom:1.5rem;
    padding:0 .75rem
}
.product-single-grid .inner{
    position:relative
}
.product-single-grid .prod-full-screen{
    right:1rem;
    bottom:1rem
}
.product-single-grid .product-single-details .product-title{
    margin-top:1.5rem;
    font-size:2.8rem
}
.product-single-grid .product-single-details .ratings-container{
    margin-bottom:5rem
}
.product-single-grid .product-single-details .price-box{
    margin-bottom:3.8rem
}
.product-single-grid .product-single-details .product-price{
    font-size:3.1rem
}
.product-single-grid .product-single-details .old-price{
    font-size:2.2rem
}
.product-single-grid .product-single-details .old-price+.product-price{
    margin-left:1.5rem
}
.product-single-grid .product-single-details .product-action{
    margin-bottom:3.8rem
}
.product-single-grid .product-single-details .paction{
    height:59px
}
.product-single-grid .add-cart{
    margin-left:0;
    min-width:270px
}
.product-single-grid .add-cart::before{
    font-size:2.1rem
}
.product-single-grid .add-cart span{
    font-size:1.6rem
}
.product-single-grid .product-filters-container{
    margin-bottom:4rem
}
.product-single-grid .product-single-filter{
    padding-bottom:2.1rem
}
.product-single-grid .product-single-filter .config-swatch-list li{
    margin-bottom:0;
    margin-right:.5rem
}
.product-single-grid .product-single-filter .config-swatch-list a{
    width:3rem;
    height:3rem
}
.product-size-content img{
    display:block;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:2rem
}
.table.table-size thead tr th,.table.table-size tbody tr td{
    border:0;
    font-size:1.5rem;
    text-transform:uppercase;
    color:#21293c;
    letter-spacing:.005em
}
.table.table-size thead tr th{
    font-weight:600;
    background-color:#f4f4f2;
    padding:2.8rem 1.5rem 1.7rem
}
.table.table-size tbody tr td{
    font-weight:700;
    background-color:#fff;
    padding:1rem 1.5rem
}
.table.table-size tbody tr td:first-child{
    font-weight:600
}
.table.table-size tbody tr:nth-child(2n) td{
    background-color:#ebebeb
}
@media screen and (min-width: 992px){
    .table.table-size thead tr th{
        padding-top:4.2rem;
        padding-bottom:2.8rem
    }
    .table.table-size thead tr th,.table.table-size tbody tr td{
        padding-left:3.5rem;
        padding-right:3.5rem
    }
}
@media screen and (max-width: 912px) and (min-width: 768px){
    .product-single-grid .add-cart{
        min-width:100%
    }
}
@media screen and (max-width: 575px){
    .product-single-grid .product-single-gallery .row{
        margin-left:-10px;
        margin-right:-10px
    }
    .product-single-grid .product-single-gallery [class*="col-"]{
        padding-left:10px;
        padding-right:10px
    }
}
.cart-table-container{
    margin-bottom:2.5rem
}
.table.table-cart tr th,.table.table-cart tr td{
    vertical-align:middle
}
.table.table-cart tr th:not(.product-col),.table.table-cart tr td:not(.product-col){
    text-align:center
}
.table.table-cart tr th{
    font-weight:600;
    border:0;
    padding:2.4rem 1.5rem 1.2rem
}
.table.table-cart tr td{
    padding:2rem 1.5rem;
    border-top:1px solid #ccc
}
.table.table-cart tr td.product-col{
    padding:2rem .8rem 1.8rem 0
}
.table.table-cart tr.product-action-row td{
    border:0;
    padding:0 0 2.2rem
}
.table.table-cart .product-title{
    margin-bottom:0;
    font-size:1.4rem
}
.table.table-cart tfoot td{
    padding:2rem 0 1rem
}
.table.table-cart tfoot .btn{
    font-family:"Bookman Old Style
    letter-spacing:0";
    text-transform:initial
}
.table.table-cart tfoot .btn+.btn{
    margin-left:1rem
}
.table.table-cart .bootstrap-touchspin.input-group{
    margin-left:auto;
    margin-right:auto
}
.btn-remove::before{
    content:'x';
    font-size:1.8rem;
    font-weight:600
}
.btn-remove,.btn-edit,.btn-move{
    color:#28a745
}
.btn-remove:hover,.btn-remove:focus,.btn-edit:hover,.btn-edit:focus,.btn-move:hover,.btn-move:focus{
    color:#0099e6;
    text-decoration:none
}
.btn-edit{
    font-size:1.3rem;
    margin-right:1rem
}
.btn-move{
    font-size:1.3rem;
    line-height:2.5rem
}
.btn-move:hover,.btn-move:focus{
    text-decoration:underline
}
.qty-col{
    min-width:98px
}
.product-col{
    display:flex;
    align-items:center
}
tbody .product-col{
    font-size:0
}
.product-col .product-image-container{
    flex:0 0 180px;
    max-width:180px;
    border:1px solid #ccc;
    vertical-align:middle;
    margin-right:1.8rem;
    margin-bottom:0
}
.product-col .product-title{
    display:inline-block;
    vertical-align:middle
}
.cart-discount{
    margin-bottom:4rem
}
.cart-discount h4{
    font-size:1.6rem;
    font-weight:400;
    margin-bottom:1.2rem
}
.cart-discount form{
    max-width:420px
}
.cart-summary{
    padding:1.4rem 1.8rem 2.2rem;
    background:#fbfbfb;
    border:1px solid #ddd;
    margin-bottom:2.5rem
}
.cart-summary h3{
    font-weight:300;
    font-size:2.4rem;
    margin-bottom:1.3rem
}
.cart-summary h4{
    font-size:1.5rem;
    font-weight:600;
    border-top:1px solid #cccccc;
    margin-bottom:0;
    text-transform:uppercase
}
.cart-summary h4 a{
    position:relative;
    display:block;
    color:inherit;
    padding:1rem 2rem 1rem 0
}
.cart-summary h4 a::after{
    font-family:'porto';
    content:'\e81b';
    position:absolute;
    display:inline-block;
    right:.4rem;
    top:50%;
    font-size:1.4rem;
    transform:translateY(-50%)
}
.cart-summary h4 a.collapsed::after{
    content:'\e81c'
}
#total-estimate-section form{
    padding:.7rem 0 2.2rem;
    margin-bottom:0
}
.table.table-totals{
    border-top:1px solid #cccccc;
    margin-bottom:2rem
}
.table.table-totals tbody tr:first-child td{
    padding-top:1.6rem
}
.table.table-totals tr{
    border:0
}
.table.table-totals tr th,.table.table-totals tr td{
    border:0;
    padding:.6rem 0
}
.table.table-totals tr th:last-child,.table.table-totals tr td:last-child{
    text-align:right
}
.table.table-totals tfoot{
    border-top:1px solid #ccc;
    font-size:1.8rem;
    font-weight:600
}
.table.table-totals tfoot tr td{
    padding-top:1.3rem;
    padding-bottom:1.6rem
}
.table.table-totals tfoot tr td:last-child{
    color:#21293c
}
.checkout-methods .btn+.btn{
    margin-top:2.2rem
}
@media screen and (max-width: 767px){
    .table.table-cart,.table.table-cart tbody,.table.table-cart tfoot{
        display:block
    }
    .table.table-cart thead{
        display:none
    }
    .table.table-cart tr td{
        padding:.5rem 1rem;
        border-top:none
    }
    .table.table-cart tr td.product-col{
        padding-bottom:.5rem
    }
    .table.table-cart .product-row{
        display:flex;
        flex-direction:column;
        border-top:1px solid #ccc
    }
    .table.table-cart .product-action-row{
        display:flex;
        align-items:center
    }
    .table.table-cart .product-action-row td{
        width:100%
    }
    .table.table-cart .product-action-row .float-right{
        margin-left:auto;
        margin-top:-4px
    }
    .table.table-cart .product-col{
        flex-direction:column;
        justify-content:center;
        text-align:center
    }
    .table.table-cart .product-col .product-image-container{
        margin-right:0;
        margin-bottom:1rem;
        flex:0 0 auto
    }
    .table.table-cart tfoot{
        border-top:1px solid #ccc
    }
    .table.table-cart tfoot tr{
        display:block;
        width:100%
    }
    .table.table-cart tfoot tr td{
        display:flex;
        align-items:flex-start;
        flex-direction:column;
        padding:1rem 0
    }
    .table.table-cart tfoot .btn{
        padding-left:1rem;
        padding-right:1rem;
        margin-top:.5rem
    }
    .table.table-cart tfoot .float-left{
        display:none
    }
    .table.table-cart tfoot .float-right{
        margin-left:auto
    }
}
.checkout-progress-bar{
    margin:0 0 3rem;
    counter-reset:i;
    display:block;
    font-size:0;
    line-height:1.4
}
.checkout-progress-bar li{
    width:50%;
    display:inline-block;
    position:relative;
    text-align:center;
    vertical-align:top;
    margin:0
}
.checkout-progress-bar li::before{
    background-color:#e4e4e4;
    top:1.9rem;
    transition:background 0.3s;
    content:'';
    height:.7rem;
    left:0;
    position:absolute;
    width:100%
}
.checkout-progress-bar li>span{
    display:inline-block;
    padding-top:4.5rem;
    width:100%;
    word-wrap:break-word;
    color:#ccc;
    font-weight:300;
    font-size:1.6rem
}
.checkout-progress-bar li>span::before,.checkout-progress-bar li>span::after{
    transition:background 0.3s;
    border-radius:50%;
    content:'';
    left:50%;
    position:absolute;
    top:0
}
.checkout-progress-bar li>span::before{
    background-color:#e4e4e4;
    height:3.8rem;
    width:3.8rem;
    margin-left:-1.9rem
}
.checkout-progress-bar li>span::after{
    background:#ffffff;
    height:2.6rem;
    width:2.6rem;
    margin-left:-1.3rem;
    top:.6rem;
    content:counter(i);
    counter-increment:i;
    color:#777777;
    font-weight:600
}
.checkout-progress-bar li.active::before,.checkout-progress-bar li.active>span::before{
    background-color:#ff5501
}
.checkout-progress-bar li.active>span{
    color:#000
}
.checkout-progress-bar li.active>span::after{
    font-family:'porto';
    content:'\e84e'
}
.checkout-progress-bar li:first-child::before{
    border-radius:.6rem 0 0 .6rem
}
.checkout-progress-bar li:last-child::before{
    border-radius:0 .6rem .6rem 0
}
.checkout-steps li{
    margin-bottom:3rem
}
.checkout-steps li form{
    margin-top:2.5rem;
    padding-bottom:2rem;
    border-bottom:1px solid #cccccc;
    max-width:480px;
    margin-bottom:0
}
.checkout-steps li form:last-of-type{
    border-bottom:none;
    padding-bottom:.1rem
}
.checkout-steps li form p{
    font-size:1.3rem;
    margin-bottom:1rem;
    color:#777
}
.checkout-steps li .form-footer{
    margin-top:1rem;
    margin-bottom:1rem
}
.step-title{
    padding-bottom:9px;
    font-weight:300;
    font-size:2.2rem;
    border-bottom:1px solid #cccccc;
    margin-bottom:0
}
.step-title::after{
    display:block;
    clear:both;
    content:''
}
.step-title .step-title-edit{
    font-size:1.4rem;
    float:right;
    margin-top:.4rem
}
.shipping-step-addresses{
    margin-bottom:2rem;
    font-size:0
}
.shipping-step-addresses::after{
    display:block;
    clear:both;
    content:''
}
.shipping-address-box{
    border:.2rem solid transparent;
    font-size:1.3rem;
    line-height:3rem;
    margin:0;
    padding:1.8rem 3.2rem 1rem 1.8rem;
    transition:0.3s border-color;
    width:100%;
    display:inline-block;
    position:relative;
    vertical-align:top;
    word-wrap:break-word;
    min-height:240px
}
.shipping-address-box.active{
    border-color:#ff5501
}
.shipping-address-box.active::after{
    content:'\e84e';
    font-family:'porto';
    position:absolute;
    right:0;
    top:0;
    height:2.7rem;
    width:2.7rem;
    font-size:1.9rem;
    line-height:2.1rem;
    padding-top:.2rem;
    text-align:center;
    background-color:#ff5501;
    color:#ffffff
}
.shipping-address-box.active .address-box-action{
    visibility:hidden
}
.address-box-action{
    margin-top:2rem
}
.address-box-action .btn{
    font-family:"Bookman Old Style
    letter-spacing:0";
    text-transform:initial
}
.address-box-action .btn.btn-sm{
    font-size:1.3rem;
    padding:.85rem 1.2rem
}
.address-box-action .btn.btn-sm.btn-link{
    padding-left:0;
    padding-right:0
}
.btn-new-address{
    letter-spacing:0;
    text-transform:initial;
    font-family:"Bookman Old Style;
    padding:.95rem 1.3rem;
    margin-bottom:1.2rem
}
.table-step-shipping{
    max-width:600px
}
.table-step-shipping tr td{
    border:0;
    border-bottom:1px solid #cccccc;
    padding:1.8rem 1.5rem
}
.checkout-steps-action::after{
    display:block;
    clear:both;
    content:''
}
.checkout-steps-action .btn{
    min-width:70px;
    text-align:center
}
.order-summary{
    margin-top:0.3rem;
    padding:2.2rem 2.7rem;
    background:#f5f5f5;
    border:1px solid #ddd;
    margin-bottom:3rem
}
.order-summary h3{
    font-weight:300;
    font-size:2.4rem;
    margin-bottom:1.3rem
}
.order-summary h4{
    font-size:1.5rem;
    font-weight:600;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    margin-bottom:0;
    text-transform:uppercase
}
.order-summary h4 a{
    position:relative;
    display:block;
    color:inherit;
    padding:1rem 2rem 1rem 0
}
.order-summary h4 a::after{
    font-family:'porto';
    content:'\e81b';
    position:absolute;
    display:inline-block;
    right:.4rem;
    top:50%;
    font-weight:400;
    font-size:1.5rem;
    transform:translateY(-50%)
}
.order-summary h4 a.collapsed::after{
    content:'\e81c'
}
.table-mini-cart{
    margin-bottom:0
}
.table-mini-cart tr td{
    border:0;
    padding:2rem 0;
    vertical-align:top;
    border-bottom:1px solid #ccc
}
.table-mini-cart .product-col{
    align-items:flex-start
}
.table-mini-cart .product-col .product-image-container{
    flex:0 0 75px;
    max-width:75px;
    vertical-align:top;
    margin-right:1.5rem
}
.table-mini-cart .product-col>div{
    padding-top:.8rem;
    vertical-align:top
}
.table-mini-cart .price-col{
    color:#000;
    padding-top:2.5rem;
    font-size:1.6rem;
    font-weight:400
}
.table-mini-cart .product-title{
    display:block;
    max-width:170px;
    margin-bottom:.8rem;
    font-size:1.4rem;
    font-weight:600
}
.table-mini-cart .product-qty{
    display:block;
    color:#777;
    font-size:1.3rem
}
.checkout-payment{
    margin-bottom:3rem
}
.checkout-payment .step-title{
    margin-bottom:1.8rem
}
.checkout-payment h4{
    font-weight:400
}
.checkout-payment .form-group{
    max-width:480px
}
#checkout-shipping-address{
    line-height:3rem;
    padding-left:3rem;
    display:none
}
#checkout-shipping-address.show{
    display:block
}
#new-checkout-address{
    display:none
}
#new-checkout-address.show{
    display:block
}
.checkout-discount{
    margin-top:2rem;
    margin-bottom:3rem
}
.checkout-discount form{
    max-width:480px;
    padding-top:1.5rem;
    padding-bottom:1rem;
    margin-bottom:0
}
.checkout-discount h4{
    font-size:1.4rem;
    font-weight:400;
    border-top:1px solid #cccccc;
    margin-bottom:0
}
.checkout-discount h4 a{
    position:relative;
    display:block;
    padding:1rem 2rem 1rem 0
}
.checkout-discount h4 a::after{
    font-family:'porto';
    content:'\e81b';
    position:absolute;
    display:inline-block;
    right:.4rem;
    top:50%;
    font-size:1.5rem;
    transform:translateY(-50%)
}
.checkout-discount h4 a.collapsed::after{
    content:'\e81c'
}
.checkout-info-box{
    font-size:1.3rem;
    line-height:2.7rem;
    margin-bottom:3rem
}
.checkout-info-box .step-title{
    margin-bottom:1.8rem
}
@media screen and (min-width: 576px){
    .checkout-progress-bar li{
        width:185px
    }
    .checkout-progress-bar li>span{
        font-size:1.8rem
    }
    .shipping-address-box{
        width:50%
    }
}
@media screen and (min-width: 768px){
    .shipping-address-box{
        width:33.33%
    }
}
.entry{
    margin-bottom:3rem;
    color:#7a7d82
}
.entry a{
    color:#7a7d82
}
.entry a:hover,.entry a:focus{
    color:#282d3b
}
.entry-media{
    background-color:#ccc;
    border-radius:0;
    margin-bottom:2rem
}
.entry-media img{
    display:block;
    max-width:none;
    width:100%;
    height:auto
}
.entry-slider .owl-dots{
    position:absolute;
    left:0;
    right:0;
    bottom:.6rem;
    margin:0 !important
}
.entry-body{
    border-bottom:1px solid #ddd;
    padding-bottom:2.7rem
}
.entry:not(.single):last-of-type .entry-body{
    border-bottom:none
}
.entry-body .entry-date{
    box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
    float:left;
    margin-right:10px;
    text-align:center;
    width:45px
}
.entry-body .entry-date .day{
    color:#4a4a4a;
    background-color:#f4f4f4;
    border-radius:.2rem .2rem 0 0;
    display:block;
    font-size:1.6rem;
    font-weight:700;
    padding:1rem .2rem;
    line-height:1.375;
    margin-bottom:.3rem
}
.entry-body .entry-date .month{
    color:#fff;
    background-color:#28a745;
    border-radius:0 0 .2rem .2rem;
    box-shadow:0 -1px 0 0 rgba(0,0,0,0.07) inset;
    display:block;
    font-size:1.2rem;
    padding:0 .2rem .2rem;
    line-height:1.33
}
.entry-title{
    font-weight:400;
    font-size:2.2rem;
    line-height:1.35;
    margin-bottom:1rem;
    color:#28a745
}
.entry-title a{
    color:#28a745
}
.entry-title a:hover,.entry-title a:focus{
    color:#28a745;
    text-decoration:underline
}
.entry-content::after{
    display:block;
    clear:both;
    content:''
}
.read-more{
    float:right
}
.read-more i::before{
    margin:0
}
.entry-meta>span{
    display:inline-block;
    margin-right:1.5rem
}
.entry-meta i{
    margin-right:.5rem
}
.entry-meta i::before{
    margin:0
}
.single .entry-meta{
    margin-bottom:2.4rem
}
.single .entry-title{
    font-size:2.6rem
}
.single h3{
    font-weight:400;
    font-size:2.2rem
}
.single h3 i{
    margin-right:.2rem
}
.single .entry-content{
    margin-bottom:4rem
}
.entry-share{
    display:flex;
    flex-direction:column;
    padding:2.8rem 0;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    margin-bottom:2.6rem
}
.entry-share h3{
    margin-right:1.5rem
}
.entry-share .social-icon{
    color:#fff
}
.entry-share .social-icon:hover,.entry-share .social-icon:focus{
    color:#fff
}
.entry-author{
    padding-bottom:2.7rem;
    border-bottom:1px solid #ddd;
    margin-bottom:3rem
}
.entry-author::after{
    display:block;
    clear:both;
    content:''
}
.entry-author h3{
    margin-bottom:2rem
}
.entry-author figure{
    float:left;
    max-width:80px;
    margin-right:2rem;
    margin-bottom:0
}
.entry-author h4{
    font-weight:600;
    margin:1rem
}
.entry-author .author-content{
    font-size:1.3rem;
    line-height:1.8
}
.entry-author .author-content p:last-child{
    margin-bottom:0
}
.comment-respond h3{
    margin-bottom:1.2rem
}
.comment-respond h3+p{
    margin-bottom:2.6rem
}
.comment-respond form{
    margin-bottom:0
}
.related-posts{
    margin-bottom:4rem
}
.related-posts h4{
    font-size:1.9rem;
    text-transform:uppercase;
    margin-bottom:2rem
}
.related-posts .entry{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none
}
.related-posts .entry p{
    margin-bottom:1rem
}
.related-posts .entry-body{
    padding-bottom:0;
    border-bottom:none
}
.related-posts .entry-media{
    margin-bottom:2rem
}
.related-posts .entry-title{
    margin-bottom:1rem;
    font-size:1.8rem
}
.sidebar{
    position:relative;
    font-size:1.4rem
}
.sidebar .widget{
    margin-bottom:3rem
}
.sidebar .sidebar-wrapper .widget:last-child{
    padding-bottom:3rem;
    margin-bottom:0
}
.sidebar-wrapper{
    -webkit-backfac-visibility:hidden
}
.widget-title{
    font-size:1.8rem;
    line-height:1.2;
    font-weight:700;
    color:#21293c;
    margin:.5rem 0 1.3rem
}
.widget form{
    margin-bottom:0
}
.list{
    margin:0;
    list-style:none;
    padding:0
}
.list li{
    margin:0;
    padding:0;
    display:block;
    position:relative
}
.list li.active{
    font-weight:600
}
.list li.active a{
    color:#21293c
}
.list li a{
    font-size:1.4rem;
    color:#7a7d82;
    position:relative;
    display:block;
    padding:.9rem 0 .8rem 2rem;
    border-bottom:1px solid #EDEDDE
}
.list li a::before{
    content:'';
    display:inline-block;
    width:0;
    height:0;
    border-top:4px solid transparent;
    border-bottom:4px solid transparent;
    border-left:4px solid #333;
    margin:.9rem 0 0 -1rem;
    position:absolute
}
.list li a:hover,.list li a:focus{
    text-decoration:none;
    background-color:#eee
}
.widget-search form{
    position:relative;
    margin:0
}
.widget-search .form-control{
    max-width:none;
    width:100%;
    padding-right:5.5rem
}
.widget-search .search-submit{
    position:absolute;
    right:0;
    top:50%;
    width:44px;
    height:44px;
    margin-top:-22px;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:0;
    outline:none;
    background-color:transparent;
    text-align:center;
    cursor:pointer;
    font-size:1.3rem;
    color:#000
}
.tagcloud::after{
    display:block;
    clear:both;
    content:''
}
.tagcloud a{
    display:block;
    padding:1.1rem 1.4rem;
    background-color:#e1e1e1;
    color:#7e7d79;
    font-size:1.4rem;
    font-weight:400;
    line-height:11px;
    float:left;
    margin:0 .7rem .7rem 0
}
.tagcloud a:hover,.tagcloud a:focus{
    color:#fff;
    background-color:#28a745;
    text-decoration:none
}
.simple-entry-list{
    list-style:none;
    margin:0;
    padding:0
}
.simple-entry-list li{
    margin:0 0 1rem
}
.simple-entry-list li::after{
    display:block;
    clear:both;
    content:''
}
.simple-entry-list li:last-child{
    margin-bottom:0
}
.simple-entry-list .entry-media{
    width:6.5rem;
    line-height:0;
    float:left;
    margin:0 1.2rem 0 0;
    border-radius:0
}
.simple-entry-list .entry-media img{
    display:block;
    width:100%;
    max-width:none;
    height:auto
}
.simple-entry-list .entry-meta{
    font-size:1.3rem;
    color:#888
}
.simple-entry-list a{
    color:#28a745
}
@media screen and (min-width: 576px){
    .entry-share{
        flex-direction:row;
        align-items:center
    }
    .entry-share h3{
        margin-bottom:0
    }
    .related-posts{
        padding-top:1rem
    }
}
@media screen and (min-width: 768px){
    .entry-media{
        margin-bottom:3rem
    }
    .single .entry-meta{
        margin-bottom:3.2rem
    }
    .entry-body{
        margin-left:60px
    }
    .entry-body .entry-date{
        margin-left:-60px
    }
    .related-posts{
        padding-top:2.5rem
    }
}
@media screen and (max-width: 767px){
    .comment-respond .form-footer{
        margin-bottom:3rem
    }
}
@media screen and (max-width: 767px){
    .comment-respond .form-footer{
        margin-bottom:2rem
    }
}
#map{
    background-color:#ccc;
    height:280px;
    margin-bottom:4rem
}
#map a{
    display:inline-block;
    font-size:1.2rem;
    margin-top:.8rem;
    text-transform:uppercase
}
#map address{
    font-size:1.3rem;
    font-style:normal;
    font-weight:400;
    line-height:1.5;
    margin:0;
    padding:.625rem .875rem
}
.contact-info{
    margin-bottom:3rem;
    padding-top:.5rem
}
.contact-info>div{
    font-size:1.4rem;
    margin-bottom:1.5rem
}
.contact-info>div::after{
    display:block;
    clear:both;
    content:''
}
.contact-info i{
    align-items:center;
    background-color:#28a745;
    border-radius:0;
    color:#fff;
    display:flex;
    float:left;
    font-size:1.8rem;
    height:4.3rem;
    justify-content:center;
    text-align:center;
    width:4.3rem
}
.contact-info p{
    line-height:1.4;
    margin-bottom:0;
    margin-left:5.5rem
}
@media screen and (min-width: 768px){
    #map{
        height:380px;
        margin-bottom:5rem
    }
}
@media screen and (min-width: 992px){
    #map{
        height:460px;
        margin-bottom:6rem
    }
}
.dashboard-content{
    margin-bottom:1em
}
.dashboard-content h2{
    font-size:2.4rem;
    margin-bottom:2rem
}
.dashboard-content .form-control{
    max-width:100%
}
#account-chage-pass{
    display:none;
    padding-bottom:1.5rem
}
#account-chage-pass.show{
    display:block
}
.widget-dashboard .widget-title{
    font-weight:600;
    font-size:1.8rem;
    margin-top:.2rem
}
.widget-dashboard{
    margin-bottom:3rem
}
@media screen and (min-width: 768px){
    .dashboard-content h2{
        font-size:2.6rem
    }
}
.owl-carousel{
    display:none;
    width:100%;
    -webkit-tap-highlight-color:transparent;
    position:relative;
    z-index:1
}
.owl-carousel .owl-stage{
    position:relative;
    -ms-touch-action:pan-Y;
    touch-action:manipulation;
    -moz-backface-visibility:hidden
}
.owl-carousel .owl-stage:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.owl-carousel .owl-stage-outer{
    position:relative;
    overflow:hidden;
    -webkit-transform:translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0)
}
.owl-carousel .owl-item{
    position:relative;
    min-height:1px;
    float:left;
    -webkit-backface-visibility:hidden;
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none
}
.owl-carousel .owl-item img{
    display:block;
    width:100%
}
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{
    display:none
}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{
    cursor:pointer;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{
    background:none;
    color:inherit;
    border:0;
    padding:0 !important;
    font:inherit
}
.owl-carousel.owl-loaded{
    display:block
}
.owl-carousel.owl-loading{
    opacity:0;
    display:block
}
.owl-carousel.owl-hidden{
    opacity:0
}
.owl-carousel.owl-refresh .owl-item{
    visibility:hidden
}
.owl-carousel.owl-drag .owl-item{
    touch-action:pan-y;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.owl-carousel.owl-grab{
    cursor:move;
    cursor:grab
}
.owl-carousel.owl-rtl{
    direction:rtl
}
.owl-carousel.owl-rtl .owl-item{
    float:right
}
.no-js .owl-carousel{
    display:block
}
.owl-carousel .animated{
    animation-duration:1000ms;
    animation-fill-mode:both
}
.owl-carousel .owl-animated-in{
    z-index:0
}
.owl-carousel .owl-animated-out{
    z-index:1
}
.owl-carousel .fadeOut{
    animation-name:fadeOut
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.owl-height{
    transition:height 500ms ease-in-out
}
.owl-carousel .owl-item .owl-lazy{
    opacity:0;
    transition:opacity 400ms ease
}
.owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]){
    max-height:0
}
.owl-carousel .owl-item img.owl-lazy{
    transform-style:preserve-3d
}
.owl-carousel .owl-video-wrapper{
    position:relative;
    height:100%;
    background:#000
}
.owl-carousel .owl-video-play-icon{
    position:absolute;
    height:80px;
    width:80px;
    left:50%;
    top:50%;
    margin-left:-40px;
    margin-top:-40px;
    background:url("../../../../../../www.portotheme.com/html/porto_ecommerce/demo-4/assets/images/owl.video.play.html") no-repeat;
    cursor:pointer;
    z-index:1;
    -webkit-backface-visibility:hidden;
    transition:transform 100ms ease
}
.owl-carousel .owl-video-play-icon:hover{
    transform:scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{
    display:none
}
.owl-carousel .owl-video-tn{
    opacity:0;
    height:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    transition:opacity 400ms ease
}
.owl-carousel .owl-video-frame{
    position:relative;
    z-index:1;
    height:100%;
    width:100%
}
.owl-theme .owl-nav{
    margin:0;
    text-align:center;
    -webkit-tap-highlight-color:transparent;
    color:#bfbfbf;
    font-size:2rem
}
.owl-theme .owl-nav [class*='owl-']{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    color:#bfbfbf;
    margin:0;
    font-size:2rem;
    padding:4px 7px;
    background:transparent;
    display:inline-block;
    cursor:pointer;
    border-radius:3px
}
.owl-theme .owl-nav [class*='owl-'] i::before{
    margin:0;
    width:auto
}
.owl-theme .owl-nav [class*='owl-']:hover{
    background:transparent;
    color:#28a745;
    text-decoration:none
}
.owl-theme .owl-nav .owl-prev{
    left:0
}
.owl-theme .owl-nav .owl-next{
    right:0
}
.owl-theme .owl-nav .disabled{
    opacity:.5;
    cursor:default
}
.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:2.5rem
}
.owl-theme .owl-dots{
    line-height:1;
    text-align:center;
    -webkit-tap-highlight-color:transparent
}
.owl-theme .owl-dots .owl-dot{
    display:inline-block;
    zoom:1;
    *display:inline
}
.owl-theme .owl-dots .owl-dot span{
    position:relative;
    width:1.5rem;
    height:1.5rem;
    margin:2px 2px;
    background:transparent;
    display:block;
    -webkit-backface-visibility:visible;
    transition:all .3s ease;
    border:0.2rem solid #95a9b3;
    border-radius:50%
}
.owl-theme .owl-dots .owl-dot span::before{
    content:'';
    display:block;
    width:.7rem;
    height:.7rem;
    background-color:transparent;
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-.35rem;
    margin-left:-.35rem;
    background-color:#28a745;
    opacity:0;
    visibility:hidden;
    transform:scale(0);
    transition:all .3s;
    border-radius:50%
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    border-color:#28a745;
    background:transparent
}
.owl-theme .owl-dots .owl-dot.active span::before{
    opacity:1;
    visibility:visible;
    transform:scale(1)
}
.owl-theme.owl-theme-light .owl-dots .owl-dot span{
    border-color:#fff;
    background:transparent
}
.owl-theme.owl-theme-light .owl-dots .owl-dot span::before{
    border-color:#fff
}
.owl-theme.owl-theme-light .owl-dots .owl-dot.active span,.owl-theme.owl-theme-light .owl-dots .owl-dot:hover span{
    border-color:#28a745;
    background:transparent
}
.owl-theme.owl-theme-light .owl-dots .owl-dot.active span::before{
    border-color:#28a745
}
.mfp-bg{
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1042;
    overflow:hidden;
    position:fixed;
    background:#fff;
    opacity:.5
}
.mfp-wrap{
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1043;
    position:fixed;
    outline:none !important;
    -webkit-backface-visibility:hidden
}
.mfp-container{
    text-align:center;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    padding:0 8px;
    box-sizing:border-box
}
.mfp-container::before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.mfp-align-top .mfp-container::before{
    display:none
}
.mfp-content{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 auto;
    text-align:left;
    z-index:1045
}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{
    width:100%;
    cursor:auto
}
.mfp-ajax-cur{
    cursor:progress
}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
    cursor:-moz-zoom-out;
    cursor:-webkit-zoom-out;
    cursor:zoom-out
}
.mfp-zoom{
    cursor:pointer;
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in;
    cursor:zoom-in
}
.mfp-auto-cursor .mfp-content{
    cursor:auto
}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.mfp-loading.mfp-figure{
    display:none
}
.mfp-hide{
    display:none !important
}
.mfp-preloader{
    color:#222;
    position:absolute;
    top:50%;
    width:auto;
    text-align:center;
    margin-top:-0.8em;
    left:8px;
    right:8px;
    z-index:1044
}
.mfp-preloader a{
    color:#222
}
.mfp-preloader a:hover{
    color:#FFF
}
.mfp-s-ready .mfp-preloader{
    display:none
}
.mfp-s-error .mfp-content{
    display:none
}
button.mfp-close,button.mfp-arrow{
    overflow:visible;
    cursor:pointer;
    background:transparent;
    border:0;
    -webkit-appearance:none;
    display:block;
    outline:none;
    padding:0;
    z-index:1046;
    box-shadow:none;
    touch-action:manipulation
}
button::-moz-focus-inner{
    padding:0;
    border:0
}
.mfp-close{
    width:44px;
    height:44px;
    line-height:44px;
    position:absolute;
    right:0;
    top:0;
    text-decoration:none;
    text-align:center;
    opacity:.65;
    padding:0 0 18px 10px;
    color:#FFF;
    font-style:normal;
    font-size:28px;
    font-family:Arial, Baskerville, monospace
}
.mfp-close:hover,.mfp-close:focus{
    opacity:1
}
.mfp-close:active{
    top:1px
}
.mfp-close-btn-in .mfp-close{
    color:#333
}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{
    color:#FFF;
    right:-6px;
    text-align:right;
    padding-right:6px;
    width:100%
}
.mfp-counter{
    position:absolute;
    top:0;
    right:0;
    color:#222;
    font-size:12px;
    line-height:18px;
    white-space:nowrap
}
.mfp-arrow{
    position:absolute;
    opacity:.65;
    margin:0;
    top:50%;
    margin-top:-55px;
    padding:0;
    width:90px;
    height:110px;
    -webkit-tap-highlight-color:transparent
}
.mfp-arrow:active{
    margin-top:-54px
}
.mfp-arrow:hover,.mfp-arrow:focus{
    opacity:1
}
.mfp-arrow:before,.mfp-arrow::after{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    left:0;
    top:0;
    margin-top:35px;
    margin-left:35px;
    border:medium inset transparent
}
.mfp-arrow::after{
    border-top-width:13px;
    border-bottom-width:13px;
    top:8px
}
.mfp-arrow::before{
    border-top-width:21px;
    border-bottom-width:21px;
    opacity:0.7
}
.mfp-arrow-left{
    left:0
}
.mfp-arrow-left::after{
    border-right:17px solid #FFF;
    margin-left:31px
}
.mfp-arrow-left::before{
    margin-left:25px;
    border-right:27px solid #3F3F3F
}
.mfp-arrow-right{
    right:0
}
.mfp-arrow-right::after{
    border-left:17px solid #FFF;
    margin-left:39px
}
.mfp-arrow-right::before{
    border-left:27px solid #3F3F3F
}
.mfp-iframe-holder{
    padding-top:40px;
    padding-bottom:40px
}
.mfp-iframe-holder .mfp-content{
    line-height:0;
    width:100%;
    max-width:900px
}
.mfp-iframe-holder .mfp-close{
    top:-40px
}
.mfp-iframe-scaler{
    width:100%;
    height:0;
    overflow:hidden;
    padding-top:56.25%
}
.mfp-iframe-scaler iframe{
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-shadow:0 0 8px rgba(0,0,0,0.6);
    background:#000
}
img.mfp-img{
    width:auto;
    max-width:100%;
    height:auto;
    display:block;
    line-height:0;
    box-sizing:border-box;
    padding:40px 0 40px;
    margin:0 auto
}
.mfp-figure{
    line-height:0
}
.mfp-figure::after{
    content:'';
    position:absolute;
    left:0;
    top:40px;
    bottom:40px;
    display:block;
    right:0;
    width:auto;
    height:auto;
    z-index:-1;
    box-shadow:0 0 8px rgba(0,0,0,0.6);
    background:#444
}
.mfp-figure small{
    color:#BDBDBD;
    display:block;
    font-size:12px;
    line-height:14px
}
.mfp-figure figure{
    margin:0
}
.mfp-bottom-bar{
    margin-top:-36px;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    cursor:auto
}
.mfp-title{
    text-align:left;
    line-height:18px;
    color:#F3F3F3;
    word-wrap:break-word;
    padding-right:36px
}
.mfp-image-holder .mfp-content{
    max-width:100%
}
.mfp-gallery .mfp-image-holder .mfp-figure{
    cursor:pointer
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){
    .mfp-img-mobile .mfp-image-holder{
        padding-left:0;
        padding-right:0
    }
    .mfp-img-mobile img.mfp-img{
        padding:0
    }
    .mfp-img-mobile .mfp-figure::after{
        top:0;
        bottom:0
    }
    .mfp-img-mobile .mfp-figure small{
        display:inline;
        margin-left:5px
    }
    .mfp-img-mobile .mfp-bottom-bar{
        background:rgba(0,0,0,0.6);
        bottom:0;
        margin:0;
        top:auto;
        padding:3px 5px;
        position:fixed;
        box-sizing:border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty{
        padding:0
    }
    .mfp-img-mobile .mfp-counter{
        right:5px;
        top:3px
    }
    .mfp-img-mobile .mfp-close{
        top:0;
        right:0;
        width:35px;
        height:35px;
        line-height:35px;
        background:rgba(0,0,0,0.6);
        position:fixed;
        text-align:center;
        padding:0
    }
}
@media all and (max-width: 900px){
    .mfp-arrow{
        -webkit-transform:scale(0.75);
        transform:scale(0.75)
    }
    .mfp-arrow-left{
        -webkit-transform-origin:0;
        transform-origin:0
    }
    .mfp-arrow-right{
        -webkit-transform-origin:100%;
        transform-origin:100%
    }
    .mfp-container{
        padding-left:6px;
        padding-right:6px
    }
}
.mfp-fade.mfp-bg{
    opacity:0;
    -webkit-transition:all 0.15s ease-out;
    -moz-transition:all 0.15s ease-out;
    transition:all 0.15s ease-out
}
.mfp-fade.mfp-bg.mfp-ready{
    opacity:0.8
}
.mfp-fade.mfp-bg.mfp-removing{
    opacity:0
}
.mfp-fade.mfp-wrap .mfp-content{
    opacity:0;
    -webkit-transition:all 0.15s ease-out;
    -moz-transition:all 0.15s ease-out;
    transition:all 0.15s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{
    opacity:1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{
    opacity:0
}
.bootstrap-touchspin .input-group-btn-vertical{
    position:absolute;
    right:0;
    height:100%;
    z-index:11
}
.bootstrap-touchspin.input-group{
    max-width:68px;
    padding-right:20px;
    margin-bottom:0
}
.bootstrap-touchspin .form-control{
    height:4.2rem;
    text-align:center;
    margin-bottom:0;
    max-width:46px;
    padding:1.05rem 1rem;
    line-height:1.4
}
.bootstrap-touchspin .form-control:not(:focus){
    border-color:#ccc
}
.bootstrap-touchspin .input-group-btn-vertical>.btn{
    position:absolute;
    right:0;
    height:2rem;
    padding:0;
    width:2rem;
    text-align:center;
    font-size:1.2rem;
    min-width:0
}
.bootstrap-touchspin .input-group-btn-vertical>.btn::before{
    position:relative;
    margin:0;
    width:auto;
    line-height:1;
    width:auto;
    top:-.1rem;
    margin-right:-.1rem
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{
    border-radius:0;
    top:0
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
    border-radius:0;
    bottom:0
}
/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */
.noUi-target,.noUi-target *{
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;
    -ms-touch-action:none;
    touch-action:none;
    -ms-user-select:none;
    -moz-user-select:none;
    user-select:none;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.noUi-target{
    position:relative;
    direction:ltr
}
.noUi-base,.noUi-connects{
    width:100%;
    height:100%;
    position:relative;
    z-index:1
}
.noUi-connects{
    overflow:hidden;
    z-index:0
}
.noUi-connect,.noUi-origin{
    will-change:transform;
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    height:100%;
    width:100%;
    -ms-transform-origin:0 0;
    -webkit-transform-origin:0 0;
    transform-origin:0 0
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin{
    left:auto;
    right:0
}
.noUi-vertical .noUi-origin{
    width:0
}
.noUi-horizontal .noUi-origin{
    height:0
}
.noUi-handle{
    position:absolute
}
.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{
    -webkit-transition:transform 0.3s;
    transition:transform 0.3s
}
.noUi-state-drag *{
    cursor:inherit !important
}
.noUi-horizontal{
    height:.3rem
}
.noUi-horizontal .noUi-handle{
    width:1.1rem;
    height:1.1rem;
    left:-.55rem;
    top:-.3em
}
.noUi-vertical{
    width:.3rem;
    height:150px
}
.noUi-vertical .noUi-handle{
    width:1.1rem;
    height:1.1rem;
    left:-.4rem;
    top:-.5rem
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle{
    right:-.55rem;
    left:auto
}
.noUi-target{
    background:#efefef;
    border-radius:0
}
.noUi-connects{
    border-radius:0
}
.noUi-connect{
    background:#28a745
}
.noUi-draggable{
    cursor:ew-resize
}
.noUi-vertical .noUi-draggable{
    cursor:ns-resize
}
.noUi-handle{
    border-radius:50%;
    background:#28a745;
    cursor:pointer
}
[disabled] .noUi-connect{
    background:#B8B8B8
}
[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{
    cursor:not-allowed
}
.noUi-pips,.noUi-pips *{
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.noUi-pips{
    position:absolute;
    color:#999
}
.noUi-value{
    position:absolute;
    white-space:nowrap;
    text-align:center
}
.noUi-value-sub{
    color:#ccc;
    font-size:10px
}
.noUi-marker{
    position:absolute;
    background:#CCC
}
.noUi-marker-sub{
    background:#AAA
}
.noUi-marker-large{
    background:#AAA
}
.noUi-pips-horizontal{
    padding:10px 0;
    height:80px;
    top:100%;
    left:0;
    width:100%
}
.noUi-value-horizontal{
    -webkit-transform:translate(-50%, 50%);
    transform:translate(-50%, 50%)
}
.noUi-rtl .noUi-value-horizontal{
    -webkit-transform:translate(50%, 50%);
    transform:translate(50%, 50%)
}
.noUi-marker-horizontal.noUi-marker{
    margin-left:-1px;
    width:2px;
    height:5px
}
.noUi-marker-horizontal.noUi-marker-sub{
    height:10px
}
.noUi-marker-horizontal.noUi-marker-large{
    height:15px
}
.noUi-pips-vertical{
    padding:0 10px;
    height:100%;
    top:0;
    left:100%
}
.noUi-value-vertical{
    -webkit-transform:translate(0, -50%);
    transform:translate(0, -50%, 0);
    padding-left:25px
}
.noUi-rtl .noUi-value-vertical{
    -webkit-transform:translate(0, 50%);
    transform:translate(0, 50%)
}
.noUi-marker-vertical.noUi-marker{
    width:5px;
    height:2px;
    margin-top:-1px
}
.noUi-marker-vertical.noUi-marker-sub{
    width:10px
}
.noUi-marker-vertical.noUi-marker-large{
    width:15px
}
.noUi-tooltip{
    display:block;
    position:absolute;
    border:1px solid #D9D9D9;
    border-radius:3px;
    background:#fff;
    color:#000;
    padding:5px;
    text-align:center;
    white-space:nowrap
}
.noUi-horizontal .noUi-tooltip{
    -webkit-transform:translate(-50%, 0);
    transform:translate(-50%, 0);
    left:50%;
    bottom:120%
}
.noUi-vertical .noUi-tooltip{
    -webkit-transform:translate(0, -50%);
    transform:translate(0, -50%);
    top:50%;
    right:120%
}
.mt-1{
    margin-top:1rem !important
}
.mt-2{
    margin-top:2rem !important
}
.mt-3{
    margin-top:3rem !important
}
.mt-4{
    margin-top:4rem !important
}
.mt-5{
    margin-top:5rem !important
}
.mt-6{
    margin-top:6rem !important
}
.mt-7{
    margin-top:7rem !important
}
.mt-8{
    margin-top:8rem !important
}
.mt-9{
    margin-top:9rem !important
}
.mt-10{
    margin-top:10rem !important
}
.mb-1{
    margin-bottom:1rem !important
}
.mb-2{
    margin-bottom:2rem !important
}
.mb-3{
    margin-bottom:3rem !important
}
.mb-4{
    margin-bottom:4rem !important
}
.mb-5{
    margin-bottom:5rem !important
}
.mb-6{
    margin-bottom:6rem !important
}
.mb-7{
    margin-bottom:7rem !important
}
.mb-8{
    margin-bottom:8rem !important
}
.mb-9{
    margin-bottom:9rem !important
}
.mb-10{
    margin-bottom:10rem !important
}
@media screen and (min-width: 768px){
    .mt-md-1{
        margin-top:1rem !important
    }
    .mt-md-2{
        margin-top:2rem !important
    }
    .mt-md-3{
        margin-top:3rem !important
    }
    .mt-md-4{
        margin-top:4rem !important
    }
    .mt-md-5{
        margin-top:5rem !important
    }
    .mt-md-6{
        margin-top:6rem !important
    }
    .mt-md-7{
        margin-top:7rem !important
    }
    .mt-md-8{
        margin-top:8rem !important
    }
    .mt-md-9{
        margin-top:9rem !important
    }
    .mt-md-10{
        margin-top:10rem !important
    }
    .mb-md-1{
        margin-bottom:1rem !important
    }
    .mb-md-2{
        margin-bottom:2rem !important
    }
    .mb-md-3{
        margin-bottom:3rem !important
    }
    .mb-md-4{
        margin-bottom:4rem !important
    }
    .mb-md-5{
        margin-bottom:5rem !important
    }
    .mb-md-6{
        margin-bottom:6rem !important
    }
    .mb-md-7{
        margin-bottom:7rem !important
    }
    .mb-md-8{
        margin-bottom:8rem !important
    }
    .mb-md-9{
        margin-bottom:9rem !important
    }
    .mb-md-10{
        margin-bottom:10rem !important
    }
}
@media screen and (min-width: 992px){
    .mt-lg-1{
        margin-top:1rem !important
    }
    .mt-lg-2{
        margin-top:2rem !important
    }
    .mt-lg-3{
        margin-top:3rem !important
    }
    .mt-lg-4{
        margin-top:4rem !important
    }
    .mt-lg-5{
        margin-top:5rem !important
    }
    .mt-lg-6{
        margin-top:6rem !important
    }
    .mt-lg-7{
        margin-top:7rem !important
    }
    .mt-lg-8{
        margin-top:8rem !important
    }
    .mt-lg-9{
        margin-top:9rem !important
    }
    .mt-lg-10{
        margin-top:10rem !important
    }
    .mb-lg-1{
        margin-bottom:1rem !important
    }
    .mb-lg-2{
        margin-bottom:2rem !important
    }
    .mb-lg-3{
        margin-bottom:3rem !important
    }
    .mb-lg-4{
        margin-bottom:4rem !important
    }
    .mb-lg-5{
        margin-bottom:5rem !important
    }
    .mb-lg-6{
        margin-bottom:6rem !important
    }
    .mb-lg-7{
        margin-bottom:7rem !important
    }
    .mb-lg-8{
        margin-bottom:8rem !important
    }
    .mb-lg-9{
        margin-bottom:9rem !important
    }
    .mb-lg-10{
        margin-bottom:10rem !important
    }
}
@media screen and (min-width: 1200px){
    .mt-xl-1{
        margin-top:1rem !important
    }
    .mt-xl-2{
        margin-top:2rem !important
    }
    .mt-xl-3{
        margin-top:3rem !important
    }
    .mt-xl-4{
        margin-top:4rem !important
    }
    .mt-xl-5{
        margin-top:5rem !important
    }
    .mt-xl-6{
        margin-top:6rem !important
    }
    .mt-xl-7{
        margin-top:7rem !important
    }
    .mt-xl-8{
        margin-top:8rem !important
    }
    .mt-xl-9{
        margin-top:9rem !important
    }
    .mt-xl-10{
        margin-top:10rem !important
    }
    .mb-xl-1{
        margin-bottom:1rem !important
    }
    .mb-xl-2{
        margin-bottom:2rem !important
    }
    .mb-xl-3{
        margin-bottom:3rem !important
    }
    .mb-xl-4{
        margin-bottom:4rem !important
    }
    .mb-xl-5{
        margin-bottom:5rem !important
    }
    .mb-xl-6{
        margin-bottom:6rem !important
    }
    .mb-xl-7{
        margin-bottom:7rem !important
    }
    .mb-xl-8{
        margin-bottom:8rem !important
    }
    .mb-xl-9{
        margin-bottom:9rem !important
    }
    .mb-xl-10{
        margin-bottom:10rem !important
    }
}
@media screen and (min-width: 1600px){
    .mt-xxl-1{
        margin-top:1rem !important
    }
    .mt-xxl-2{
        margin-top:2rem !important
    }
    .mt-xxl-3{
        margin-top:3rem !important
    }
    .mt-xxl-4{
        margin-top:4rem !important
    }
    .mt-xxl-5{
        margin-top:5rem !important
    }
    .mt-xxl-6{
        margin-top:6rem !important
    }
    .mt-xxl-7{
        margin-top:7rem !important
    }
    .mt-xxl-8{
        margin-top:8rem !important
    }
    .mt-xxl-9{
        margin-top:9rem !important
    }
    .mt-xxl-10{
        margin-top:10rem !important
    }
    .mb-xxl-1{
        margin-bottom:1rem !important
    }
    .mb-xxl-2{
        margin-bottom:2rem !important
    }
    .mb-xxl-3{
        margin-bottom:3rem !important
    }
    .mb-xxl-4{
        margin-bottom:4rem !important
    }
    .mb-xxl-5{
        margin-bottom:5rem !important
    }
    .mb-xxl-6{
        margin-bottom:6rem !important
    }
    .mb-xxl-7{
        margin-bottom:7rem !important
    }
    .mb-xxl-8{
        margin-bottom:8rem !important
    }
    .mb-xxl-9{
        margin-bottom:9rem !important
    }
    .mb-xxl-10{
        margin-bottom:10rem !important
    }
}