html{
    height:100%;
}
body{
    background-color:#fff;
    color:#000;
    height:100%;
    font-family: 'Lato', sans-serif;
}
.bg-center{
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.bg-left{
    background-position: left center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.bg-top{
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.bg-bottom{
    background-position: bottom center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.bg-contain{
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -o-background-size: contain;
    background-repeat:no-repeat;
}
a,
button,
.animo{
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
::-webkit-input-placeholder {
    color:#aaa;
}
:-ms-input-placeholder {
    color:#aaa;
}
::placeholder {
    color:#aaa;
}
.container-fluid{
    max-width:1400px;
}
.blur{
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background-color:rgba(255,255,255,0.9);
}
.no-scrollbar::-webkit-scrollbar{
    width: 0;
}
.no-scrollbar::-webkit-scrollbar-thumb{
    background-color: transparent;
}
.light-grey{
    background-color: #fafafa;
}
.delete{
    color:#fd6464 !important;
}

.btn-default{
    background-color:#253786;
    border:solid 1px #253786;
    color:#fff;
    display:inline-block;
    padding:15px 30px;
    border-radius:30px;
    text-align:center;
    text-decoration: none;
    font-size:16px;
    -webkit-box-shadow: 0px 4px 10px -8px rgb(37 55 134);
    -moz-box-shadow: 0px 4px 10px -8px rgba(37,55,134,1);
    box-shadow: 0px 4px 10px -8px rgb(37 55 134);
}
.btn-default:hover{
    background-color: #911c81;
    color: #fff;
    border-color: #911c81;
}
.btn-invert{
    background-color: transparent;
    color: #911c81 !important;
    border-color: #911c81;
    -webkit-box-shadow: 0px 4px 10px -8px rgb(145 28 129);
    -moz-box-shadow: 0px 4px 10px -8px rgba(145,28,129,1);
    box-shadow: 0px 4px 10px -8px rgb(145 28 129);
}
.btn-invert:hover{
    color: #fff !important;
}
.btn-naked{
    color:#555;
    text-decoration: none;
    font-size:16px;
    padding:10px;
    display: inline-block;
    text-align:center;
}
.btn-naked:hover{
    color: #000;
}

.wrapper{
    padding-top: 65px;
}
.wrapper.when-sticky-header{
    padding-top:66px;
}

h1{
    color:#911C81;
    font-size:24px;
    line-height: 1;
    font-weight: bold;
    margin:0 0 15px 0;
    border-bottom: solid 1px #eee;
    padding: 0 0 15px 0;
}
h2{
    color: #253786;
    font-size: 20px;
    line-height: 1.2;
    text-transform: initial;
    margin: 0 0 15px 0;
    font-weight: bold;
}
h3{
    color:#253786;
    font-size:24px;
    line-height: 1;
    font-weight: bold;
    margin:0 0 15px 0;
    border-bottom: solid 1px #eee;
    padding: 0 0 10px 0;
}
@media(min-width:768px){
    h1,
    h3{
        font-size:32px;
    }
}

.intro-text{
    font-size: 14px;
    line-height: 1.4;
}
@media(min-width: 992px){
    .intro-text{
        font-size: 16px;
        line-height: 1.6;
    }
}

/*

	LOADING

----------- */
#loading{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background-color:rgba(255,255,255,0.9);
}

/*

	BLACK OUT

------------- */
.black-out{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    background-color:rgba(0,0,0,0.4);
    z-index: 98;
    display: none;
}

/*

	POPUP

--------- */
.popup-container{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    background-color:rgba(0,0,0,0.4);
    z-index: 98;
}
.popup-content{
    position: absolute;
    top:45px;
    left:50%;
    width:300px;
    margin-left:-150px;
    background-color:#fff;
    border-radius:5px;
    padding:45px 15px;
    text-align:center;
}
.popup-content.alert{
    background-color: #ffe8ec;
}
.popup-content.success{
    background-color: #eaffe8;
}
.popup-content p{
    margin:0;
    font-size:16px;
    line-height: 1.4;
}
.btn-close-popup{
    position:absolute;
    top:0;
    right:0;
    padding:15px;
    color:#000;
    font-size:16px;
    line-height: 1;
}
@media(min-width:768px){
    .popup-content{
        width:500px;
        margin-left:-250px;
        padding:45px;
    }
}

/*

	NAV MOBILE

-------------- */
.nav-mobile{
    width: 340px;
    position: fixed;
    top: 0;
    left: -360px;
    bottom: 0;
    z-index: 99;
    overflow-y: scroll;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 23px -12px rgba(0,0,0,5);
    -moz-box-shadow: 0px 0px 23px -12px rgba(0,0,0,5);
    box-shadow: 0px 0px 23px -12px rgba(0,0,0,5);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding-bottom: 75px;
}
.nav-mobile.open{
    left: 0;
}
.nav-header{
    padding: 15px;
    position: absolute;
    background-color: #253786;
    left: 0;
    width: 340px;
    z-index: 100;
}
.nav-header.fixed{
    position: fixed;
}
.nav-header .logo{
    width: 160px;
}
.btn-close-nav-mobile{
    font-size: 24px;
    line-height: 1;
    color: #fff !important;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 20px;
}
.nav-mobile .nav-items{
    padding: 15px 0;
}
.nav-mobile .nav-items.first{
    padding-top: 65px;
}
.nav-mobile .nav-items .item{
    display: block;
    text-decoration: none;
    color: #555;
    padding:15px 40px 15px 15px;
    font-size: 16px;
    line-height: 1.2;
    position: relative;
    border-bottom:solid 1px #f5f5f5;
}
.nav-mobile .nav-items .item:last-child{
    border:none;
}
.nav-mobile .nav-items .item i{
    font-size: 12px;
    line-height: 1;
    position: absolute;
    right: 20px;
    top: 15px;
}
.nav-mobile .nav-items .item.icon-left i{
    font-size: 14px;
    position: relative;
    right: auto;
    top: auto;
    width: 20px;
}
.nav-mobile .nav-items .more-cats{
    display: none;
}
.nav-mobile .btn-show-more-items{
    display: block;
    color: #888;
    padding: 10px 15px;
}
.nav-mobile .langs{
    padding: 20px 10px;
}
.nav-mobile .langs span{
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    color: #555;
}
.nav-mobile .langs a{
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    color: #888;
    padding: 5px;
    line-height: 1;
}
.nav-mobile .langs a.current{
    font-size: 18px;
    color: #555;
    font-weight: bold;
}
.nav-mobile .cta{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 340px;
    z-index: 100;
}
.nav-mobile .cta.fixed{
    position: fixed;
}
.nav-mobile .cta a{
    display: block;
    width: 100%;
    background-color: #911C81;
    color: #fff;
    padding:20px 15px;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
}

/*

	HEADER

---------- */
.header{
    background-color: #253786;
    text-align: center;
    position: relative;
    position: fixed;
    top:0;
    left:0;
    right:0;
    z-index: 97;
}
/*
.header.sticky{
	position: fixed;
	top:0;
	left:0;
	right:0;
	z-index: 97;
}
*/
.header-content{
    padding:20px 15px;
    position: relative;
}
.bg-hide-search-bar{
    position: absolute;
    background-color: #253786;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.header .logo{
    width: 160px;
    display: inline-block;
    z-index: 2;
    position: relative;
}
.btn-open-nav-mobile,
.header .cart,
.header .search,
.header .btn-account{
    color: #fff !important;
    position: absolute;
    line-height: 1;
    font-size: 20px;
    padding: 10px;
    z-index: 2;
}
.btn-open-nav-mobile{
    font-size: 24px;
    left: 10px;
    top: 12px;
}
.header .cart{
    right: 10px;
    top: 14px;
}
.header .cart .counter{
    background-color:#ff0000;
    color:#fff;
    font-size:12px;
    line-height: 20px;
    height:20px;
    width:20px;
    display: block;
    border-radius: 50%;
    position: absolute;
    top:0;
    right:0;
}
.header .search{
    left: 50px;
    top: 14px;
}
.header .search-bar{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 10px;
    -webkit-box-shadow: 0px 3px 23px -12px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 23px -12px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 23px -12px rgba(0,0,0,0.15);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.header .search-bar-content{
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
}
.header .search-bar.open{
    top: 100%;
}
.header .search-bar input{
    border: solid 1px #ddd;
    border-radius: 5px;
    width: 100%;
    padding: 10px 45px 10px 15px;
    font-size: 16px;
    outline: 0;
}
.header .search-bar button{
    background-color: #fff;
    border: none;
    font-size: 22px;
    line-height: 1;
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 7px;
}
.header .btn-account{
    right:60px;
    top:14px;
    font-size:14px;
    text-decoration: none;
}
.header .btn-account i{
    width:30px;
    font-size:20px;
}
@media(min-width:992px){
    .btn-choose-product{
        position: absolute;
        bottom:0;
        left:120px;
        padding:20px 20px 25px 20px;
        border-radius: 5px 5px 0 0;
        color:#fff;
        z-index: 10;
        font-size:16px;
        line-height: 1;
        text-decoration: none;
        -webkit-transition: all 0s ease-in-out;
        -moz-transition: all 0s ease-in-out;
        transition: all 0s ease-in-out;
    }
    .btn-choose-product:hover{
        color: #fff;
        background-color: rgba(255,255,255,0.1);
    }
    .btn-choose-product.active{
        background-color:#fff;
        color:#000;
    }
    .btn-choose-product i{
        width:25px;
    }
}
.header-cats{
    position: fixed;
    top:66px;
    left:0;
    right:0;
    background-color:#fff;
    padding:30px 15px 15px 15px;
    z-index: 97;
    -webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.25);
    box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.25);
    display: none;
}
.header-cats .container-fluid{
    max-width: 1400px;
}
.header-cats a{
    display:block;
    font-size:15px;
    line-height: 1.2;
    text-decoration: none;
    color:#555;
    float:left;
    margin:0 0 15px 0;
    height:60px;
    width: 100%;
    border-radius: 5px;
}
.header-cats a:hover{
    background-color: #f5f5f5;
    color: #911C81;
}
.header-cats a span.image{
    display:block;
    padding:10px;
    height:60px;
    width:60px;
    border-radius: 5px;
    float:left;
    overflow: hidden;
}
.header-cats a span.title{
    width:calc(100% - 80px);
    padding:0 0 0 15px;
    display:table;
    height:60px;
    float:left;
}
.header-cats a span.title span{
    display: table-cell;
    vertical-align: middle;
}

/*

	SHOPPING CART

----------------- */
.shopping-cart{
    width: 340px;
    position: fixed;
    top: 0;
    right: -360px;
    bottom: 0;
    z-index: 99;
    overflow-y: scroll;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 23px -12px rgba(0,0,0,5);
    -moz-box-shadow: 0px 0px 23px -12px rgba(0,0,0,5);
    box-shadow: 0px 0px 23px -12px rgba(0,0,0,5);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding-bottom: 75px;
}
.shopping-cart.open{
    right:0;
}
.shopping-cart .shop-header{
    padding: 15px;
    position: absolute;
    background-color: #fff;
    right: 0;
    width: 340px;
    z-index: 100;
    border-bottom:solid 1px #eee;
    font-weight:bold;
    font-size:18px;
    line-height: 1;
    -webkit-box-shadow: 0px 3px 15px -5px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 15px -5px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 15px -5px rgba(0,0,0,0.15);
}
.shopping-cart .shop-header.fixed{
    position: fixed;
    width:340px;
}
.shopping-cart .shop-header span{
    display:inline-block;
    font-weight: normal;
    font-size:14px;
    margin:0 0 0 15px;
    color:#888;
}
.shopping-cart .shop-header i{
    width:30px;
}
.btn-close-shopping-cart{
    position: absolute;
    top:0;
    right:0;
    color:#000;
    font-size:22px;
    padding:15px 5px 15px 15px;
}
.btn-close-shopping-cart i{
    width:auto;
}
.shopping-cart .items{
    margin-top:50px;
    padding-bottom:160px;
}
.shopping-cart .items .item{
    border-bottom:dashed 1px #eee;
    padding:15px 0;
    font-size:14px;
    line-height: 1.2;
    position:relative;
}
.shopping-cart .items .item:last-child{
    border:none;
}
.shopping-cart .items .item .image{
    width:100%;
    height:90px;
}
.shopping-cart .items .item .details{

}
.shopping-cart .items .item .details .title{
    font-weight:bold;
    margin:0 0 5px 0;
    display: block;
}
.shopping-cart .items .item .details .info{
    font-size:13px;
    color:#888;
}
.shopping-cart .items .item .price{
    font-weight:bold;
    text-align:right;
}
.shopping-cart .items .item .amount{
    font-size:12px;
    text-align:right;
    margin-top:5px;
    color:#888;
}
.shopping-cart .items .item .actions{
    position: absolute;
    bottom:10px;
    right:0;
}
.shopping-cart .items .item .actions a{
    display:inline-block;
    padding:5px;
    font-size:16px;
    color:#555;
}
.shopping-cart .total{
    position:absolute;
    bottom:0;
    width:340px;
    right:0;
    background-color:#fff;
    border-top:solid 1px #eee;
    z-index: 1;
    padding:15px 10px 5px 10px;
    font-size:14px;
    line-height: 1.2;
    -webkit-box-shadow: 0px -3px 15px -5px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px -3px 15px -5px rgba(0,0,0,0.15);
    box-shadow: 0px -3px 15px -5px rgba(0,0,0,0.15);
}
.shopping-cart .total.fixed{
    position: fixed;
}
.shopping-cart .total span{
    display:block;
    padding:5px 0;
    color:#555;
}
.shopping-cart .total span.title{
    font-weight:bold;
    font-size:16px;
    color:#111;
}
.shopping-cart .total .btn-default{
    width:100%;
    display: block;
}
.shopping-cart .total .btn-naked{
    width:100%;
}
@media(min-width:992px){
    .shopping-cart{
        width:400px;
        right:-440px;
    }
    .shopping-cart .shop-header,
    .shopping-cart .shop-header.fixed,
    .shopping-cart .total,
    .shopping-cart .total.fixed{
        width:400px;
    }
}

/*

	FOOTER

----------- */
footer{
    padding:45px 0 30px 0;
    background-color:#fff;
    margin-top:30px;
    position: relative;
    z-index: 91;
    border-top: solid 1px #eee;
}
footer .logo{
    width:130px;
    display:inline-block;
    margin:0 0 45px 0;
}
footer .items{
    margin:0 0 30px 0;
    text-align: center;
}
footer .items a{
    display:block;
    font-size:14px;
    line-height: 1.2;
    text-decoration: none;
    color:#555;
    margin:0 0 10px 0;
    padding:0 15px 0 0;
}
footer .items a:hover{
    color: #911c81;
}
footer .socials{
    margin:15px 0 15px 0;
}
footer .socials a{
    display:inline-block;
    margin:0 5px;
}
footer .socials a img{
    width:32px;
}
footer .payments{
    padding:30px 0;
    text-align:center;
}
footer .payments span{
    display:inline-block;
    width:24px;
    border-radius: 6px;
    overflow: hidden;
    margin:0 5px;
}
footer .payments span img{
    max-width:100%;
}
footer .bottom-line{
    color:#888;
    text-align:center;
}
footer .bottom-line a{
    font-size:14px;
    line-height: 1;
    display: inline-block;
    color:#555;
    text-decoration: none;
}
footer .bottom-line a:hover{
    color: #911c81;
}
@media(min-width: 1200px){
    footer{
        padding: 120px 0 90px 0;
    }
    footer .items a{
        font-size: 16px;
        margin: 0 0 20px 0;
        padding: 0 15px;
    }
}

/*

	COPYRIGHT

------------- */
.copyright{
    background-color:#fafafa;
    color:#888;
    font-size:12px;
    text-align:center;
    line-height: 1.4;
    padding:15px;
}
.copyright a{
    color:#888;
    text-decoration: none;
    display: inline-block;
}
.copyright a img{
    width:40px;
}
@media(min-width: 1200px){
    .copyright{
        padding: 30px 0;
        font-size: 14px;
    }
    .copyright a img{
        width:60px;
    }
}

/*

	LOGIN

--------- */
.login-logo{
    padding:45px 15px 30px 15px;
    text-align:center;
}
.login-logo img{
    display:inline-block;
    width:120px;
}
.login-info{
    text-align:center;
    font-size:14px;
    line-height: 1.4;
    padding:0 30px;
}
.login-info a{
    color:#000;
    font-weight:bold;
}
.login{
    margin:30px 15px;
    padding:20px;
    background-color:#fafafa;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.25);
    border: solid 1px #f5f5f5;
}
.login .btn-default{
    width:200px;
    margin:0 auto;
    display: block;
}
.login-details{
    text-align:center;
    padding:0 0 30px 0;
}
.login-details a{
    display:block;
    color:#888;
    margin:0 0 10px 0;
    font-size:14px;
    line-height: 1;
}
.btn-close-login{
    position: absolute;
    top:0;
    right:0;
    z-index: 1;
    padding:15px 20px;
    font-size:26px;
    line-height: 1;
    color:#000 !important;
}
@media(min-width:768px){
    .login-logo{
        padding-top:60px;
    }
    .login{
        width:400px;
        margin:30px auto;
    }
}
@media(min-width:992px){
    .login-wide{
        width:800px;
    }
}
@media(min-width:1200px){
    .btn-close-login{
        font-size:32px;
    }
}

/*

	FORM

-------- */
form input,
form select,
form textarea{
    border:solid 1px #ddd;
    padding:10px 15px;
    border-radius: 5px;
    width:100%;
}
form input::placeholder{
    color:#aaa;
}
form input[type=checkbox], form input[type=radio] {
    width: auto;
}
.row-form{
    position: relative;
}
.row-form input[type=text],
.row-form input[type=email],
.row-form input[type=number],
.row-form select,
.row-form textarea{
    padding:20px 10px 5px 15px;
    outline:0;
}
.row-form label:not(.normal){
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    font-size:12px;
    line-height: 1;
    position: absolute;
    top:10px;
    left:15px;
    color:#bbb;
}
.row-form.empty :not(.normal){
    font-size:14px;
    top:18px;
}
.row-form label span{
    display:inline-block;
    color:#ff0000;
}
.row-form p{
    font-size:14px;
    line-height: 1.2;
    margin:0 0 15px 0;
}
.row-form-checkbox label{
    position: relative;
    top:auto;
    left:auto;
}
.row-form-checkbox input{
    width:20px;
    float:left;
    margin:2px 5px 0 0;
}
.row-form-checkbox p{
    float:left;
    width:calc(100% - 25px);
    color:#555;
}
form p.disclaimer{
    font-size:12px;
    color:#aaa;
    line-height: 1.3;
}
form p.disclaimer a{
    color:#aaa;
}

.btn-jform.disabled {
    opacity: 0.5;
    cursor: wait;
}
/*

	ACCOUNT

---------- */
.btn-open-sidebar-left{
    position: fixed;
    top:90px;
    left:0;
    background-color:#911c81;
    width:40px;
    height:40px;
    line-height: 40px;
    text-align:center;
    border-radius: 0 5px 5px 0;
    color:#fff !important;
    -webkit-box-shadow: 0px 4px 10px -6px rgba(145,28,129,1);
    -moz-box-shadow: 0px 4px 10px -6px rgba(145,28,129,1);
    box-shadow: 0px 4px 10px -6px rgba(145,28,129,1)
}
.sidebar-left{
    position: fixed;
    top:0;
    width:340px;
    bottom:0;
    left:-360px;
    background-color:#fafafa;
    z-index: 99;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.sidebar-left.open{
    left:0;
}
.sidebar-left .heading{
    position:absolute;
    top:0;
    right:0;
    left:0;
    padding:15px 20px;
    background-color:#911c81;
    color:#fff;
    font-size:18px;
    line-height: 1;
}
.sidebar-left .btn-close-sidebar-left{
    position: absolute;
    font-size:22px;
    line-height: 1;
    top:0;
    right:0;
    padding:15px 20px;
    color:#fff;
}
.sidebar-left .items{
    padding:60px 0;
}
.sidebar-left .items .item{
    padding:15px 30px;
    display: block;
    border-bottom:solid 1px #f2f2f2;
    color:#555;
    text-decoration: none;
}
.sidebar-left .items .item:last-child{
    border: none;
}
.sidebar-left .items .item i{
    width:30px;
}
.sidebar-left .items .item:hover{
    background-color: transparent;
    color: #911c81;
}
.sidebar-left .items .item.current{
    color: #fff;
    font-weight: bold;
    background-color:#911c81;
    position: relative;
}
@media(min-width: 992px){
    .btn-open-account-sidebar{
        display: none;
    }
    .sidebar-left{
        left: 0;
        z-index: 90;
        position: fixed;
        top: -68px;
        bottom: auto;
        width: 280px;
        padding-top: 134px;
        padding-bottom: 45px;
        border-right: solid 1px #eee;
    }
    .sidebar-left .btn-close-account-sidebar{
        display: none;
    }
    .sidebar-left .heading{
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        background-color: #fff;
        color: #555;
        font-weight: bold;
        border-bottom: solid 3px #f5f5f5;
        padding:20px 0 20px 30px;
    }
    .sidebar-left .items{
        padding:0 0 0 0;
    }
    .sidebar-left .items .item.current:after{
        content:'';
        position: absolute;
        top:0;
        right:-24px;
        width:55px;
        bottom:0;
        border-radius: 50%;
        background-color:#911c81;
    }
}

/*

	PAGE

-------- */
.page{
    background-color: #fff;
    padding:30px 0;
    margin: 15px 0;
    border-radius: 5px;
}
.page h1{
    font-size: 24px;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    margin: 0 0 15px 0;
    border-bottom: solid 1px #eee;
    padding:0 0 15px 0;
}
.page h2{
    font-size: 22px;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    margin: 0 0 15px 0;
    color: #911c81;
    position: relative;
    padding: 0 0 15px 0;
}
.page h2:after{
    content: '';
    width: 50px;
    height: 5px;
    background-color: #eee;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
}
.crumbs{
    text-align: center;
}
.crumbs a,
.crumbs span,
.crumbs i{
    display: inline-block;
    color: #555;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 15px 0;
}
@media(min-width: 768px){
    .page{
        padding: 45px 15px;
    }
    .crumbs{
        margin: 0 0 15px 0;
    }
    .crumbs a,
    .crumbs span,
    .crumbs i{
        font-size: 14px;
    }
    .page h1{
        font-size: 32px;
    }
    .page h2{
        font-size: 30px;
    }
}
@media(min-width: 992px){
    .page-with-sidebar{
        width: calc(100% - 300px);
        margin-left: 290px;
        min-height: 500px;
    }
    .page h2{
        font-size: 30px;
    }
}
@media(min-width: 1700px){
    .page-with-sidebar{
        width: 1400px;
    }
}
@media(min-width: 1980px){
    .page-with-sidebar{
        margin: 0 auto;
    }
}

.page-intro{
    color: #888;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
}
@media(min-width: 992px){
    .page-intro{
        font-size: 16px;
    }
}

/*

	HOME HEADER

--------------- */
.home-header{
    background-color: #fff;
    padding: 30px 0;
}
@media(min-width: 768px){
    .home-header{
        padding: 60px 0;
    }
}
@media(min-width:1200px){
    .home-header{
        padding: 120px 0;
    }
}

/*

	GRAVURES ITEM

----------------- */
.section-gravures{
    padding: 30px 0;
}
.gravures-item.small{
    background-color:#fafafa;
    padding:0 0 15px 0;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.gravures-item.small .btn-default{
    padding: 10px 20px;
    font-size: 14px;
}
.gravures-item .title-sub{
    color: #253786;
    font-size: 20px;
    line-height: 1.2;
    text-transform: initial;
    margin: 0 0 15px 0;
    font-weight:bold;
}
.gravures-item.small .title-sub{
    padding:15px 30px 0 30px;
    text-align: center;
}
.gravures-item .title-sub img{
    width:14px;
    margin-top:-5px;
}
.gravures-item .title-sub i{
    color:#911C81;
}
.gravures-item .carousel-container{
    position: relative;
    padding:0;
}
.gravures-item .carousel{
    border-radius: 5px;
}
.gravures-item .carousel .slide{
    width: 100%;
    height: 230px;
    position: relative;
    outline:0;
}
.gravures-item.small .carousel .slide::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(255,255,255,0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    opacity: 0;
}
.gravures-item.small .carousel .slide:hover::after{
    opacity: 1;
}
.gravures-item.small .carousel .slide span{
    background-color:#fff;
    display:block;
    width:150px;
    color:#000;
    padding:15px;
    height:50px;
    border-radius: 50px;
    text-align:center;
    text-decoration: none;
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-25px;
    margin-left:-90px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-transform: uppercase;
}
.gravures-item.small .carousel .slide:hover span{
    opacity: 1;
    margin-left:-75px;
}
.gravures-item img.arrow-purple{
    position: absolute;
    height: 90px;
    bottom: 0;
    right: 90px;
    transform: rotate(-90deg);
    opacity: 0.7;
}
.gravures-item img.arrow-blue{
    position: absolute;
    height: 120px;
    bottom: 0;
    right: 30px;
    transform: rotate(-90deg);
}
.gravures-item.small img.arrow-purple{
    position: absolute;
    height: 60px;
    top: 55px;
    left: 0;
    transform: rotate(0);
    opacity: 0.7;
}
.gravures-item.small img.arrow-blue{
    position: absolute;
    height: 80px;
    top: 15px;
    left:0;
    transform: rotate(0);
}
.gravures-item .carousel .slick-dots{
    bottom: -30px;
}
.gravures-item.small .carousel .slick-dots{
    display: none;
}
.gravures-item .slick-dots li.slick-active button:before{
    opacity: 1;
    color: #911C81;
}
.gravures-item .details{
    font-size: 14px;
    line-height: 1.6;
    padding:15px 15px 20px 15px;
    color: #555;
}
.gravures-item .btn-row{
    padding:15px;
}
.gravures-item.small .btn-row{
    padding-bottom: 15px;
}
.gravures-item .btn-row a{
    display: inline-block;
}

.gravures-item.small .info{
    padding: 0 30px 15px 30px;
    font-size: 14px;
    line-height: 1.4;
    color: #888;
    text-align: center;
}
@media(min-width: 768px){
    .gravures-item.small{
        position: relative;
    }
    .gravures-item .carousel-container{
        padding: 0;
    }
    .gravures-item .carousel .slide{
        height: 260px;
    }
    .gravures-item .details{
        padding: 15px 0;
    }
    .gravures-item .btn-row{
        padding:0 0 15px 0;
    }
    .gravures-item.small .btn-row{
        padding: 30px 15px;
    }
    .gravures-item.small .title-sub{
        padding: 0 30px;
        margin: 0;
    }
    .gravures-item .title-sub .title-content{
        display:table;
        height: 95px;
        width: 100%;
    }
    .gravures-item .title-sub .title-content span{
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }
}
@media(min-width: 992px){
    .section-gravures{
        padding:30px 15px;
    }
}
@media(min-width:1200px){
    .section-gravures{
        padding:30px 0 60px 0;
    }
    .gravures-item .carousel{
        margin: 0;
    }
    .gravures-item .carousel .slide{
        height: 350px;
    }
    .gravures-item .title-sub{
        font-size: 40px;
    }
    .gravures-item.small .title-sub{
        font-size: 28px;
    }
    .gravures-item .details{
        padding:30px;
        font-size: 16px;
    }
    .gravures-item .btn-row{
        padding: 0 30px;
    }
    .gravures-item.small .btn-row{
        padding: 0 30px 20px 30px;
    }
    .gravures-item.small .carousel .slide{
        height: 280px;
    }
    .gravures-item .title-sub .title-content{
        height: 130px;
    }
    .gravures-item.small .info{
        padding-bottom: 30px;
        font-size: 16px;
    }
}
@media(min-width: 1400px){
    .section-gravures{
        padding: 60px 0;
    }
}
.slick-dots li{
    margin:0;
}
.slick-dots li button:before{
    font-size:10px;
}

/*

	SECTION INFO

---------------- */
.section-info{
    background-color: #911C81;
    color: #fff;
    padding: 45px 30px;
    margin-bottom: -30px;
    text-align: center;
}
.section-info .title{
    font-weight: bold;
    font-size: 42px;
    line-height: 1.1;
    margin: 0 0 30px 0;
}
.section-info .info{
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 30px 0;
}
.section-info .btn-default{
    background-color: #fff;
}
.section-info .btn-default:hover{
    background-color: #253786;
}
@media(min-width: 768px){
    .section-info{
        padding: 60px 0;
    }
}
@media(min-width: 992px){
    .section-info{
        padding: 90px 0;
    }
    .section-info .info{
        font-size: 18px;
        margin: 0 0 45px 0;
    }
}

/*

	SECTION PLUSSES

------------------- */
.section-plusses{
    background-color: #fff;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    padding:15px 0;
}
.section-plusses .item{
    display: inline-block;
    padding:10px;
    font-size: 14px;
    line-height: 1;
}
.section-plusses .item i{
    margin:0 5px 0 0;
    font-size: 18px;
}
@media(min-width: 992px){
    .section-plusses{
        padding: 30px 0;
    }
    .section-plusses .item{
        padding: 10px 15px;
    }
}
@media(min-width:1200px){
    .section-plusses .item{
        padding: 10px 30px;
    }
}

.help{
    position: fixed;
    bottom: 15px;
    width: 280px;
    left: 50%;
    margin-left: -140px;
    padding: 0;
    background-color: rgba(145,28,129,0.9);
    border-radius: 50px;
    z-index: 100;
    color: #af44a0;
    text-align: center;
    -webkit-box-shadow: 0px 4px 10px -8px rgb(145 28 129);
    -moz-box-shadow: 0px 4px 10px -8px rgba(145,28,129,1);
    box-shadow: 0px 4px 10px -8px rgb(145 28 129);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.help a{
    display: inline-block;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    padding: 15px;
    opacity: 0.8;
}
.help a i{
    margin: 0 5px 0 0;
}
.help a:hover{
    opacity: 1;
}

/*

	CONTACT

---------- */
.contact-info{
    padding: 30px 0 0 0;
    font-size: 14px;
    line-height: 2;
    color: #888;
}
.contact-info a{
    color: #666;
    text-decoration: none;
}
.contact-info i{
    color: #ccc;
    width: 30px;
}
@media(min-width: 768px){
    .contact-info{
        padding: 30px 0;
    }
}
@media(min-width: 992px){
    .contact-info{
        padding: 45px 0 30px 0;
        font-size: 16px;
    }
}

/*

	TABLE

---------- */
.table-responsive {
    overflow-x: auto;
    white-space: nowrap;
    background-color: #fff;
    margin: 0 0 30px 0;
    border-radius: 10px;
    padding:0 0 5px 0;
}
.table-responsive table{
    border-collapse: collapse;
    width:100%;
}
.table-responsive th,
.table-responsive td{
    font-size:14px;
    line-height: 1.2;
    color:#555;
}
.table-responsive td a{
    color:#555;
    text-decoration: none;
}
.table-responsive td a:hover{
    color:#931C81;
}
.table-responsive th{
    background-color:#253786;
    color:#fff;
    padding:15px;
}
.table-responsive td{
    background-color:#fafafa;
    border-top:solid 1px #fff;
    padding:10px 15px;
}
.table-responsive::-webkit-scrollbar {
    width: 12px;
}
.table-responsive::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 12px;
}
.table-responsive::-webkit-scrollbar-thumb {
    background-color: #911c81;
    border-radius: 12px;
}
.table-responsive td a.action{
    display:inline-block;
    padding: 10px 15px;
    background-color: #eee;
    border-radius: 20px;
}
.table-responsive td a.action:hover{
    background-color:#e5e5e5;
}
.table-responsive td a.action i{
    width:20px;
    text-align:center;
}
@media(min-width:1200px){
    .table-responsive th{
        font-size:18px;
    }
}

/*

	SHOP

-------- */
.section-shop{
    padding:30px 15px;
}
.shop-sidebar .items a{
    display:block;
    color:#555;
    line-height: 1.2;
    text-decoration: none;
    padding:10px 0;
    font-size:14px;
    border-bottom:solid 1px #eee;
}
.shop-sidebar .items a:hover{
    color: #911C81;
}
.shop-sidebar .items a:last-child{
    border:none;
}
.shop-sidebar .items a.current{
    position: relative;
    color: #fff;
}
.shop-sidebar .items a.current span{
    position: relative;
    z-index: 1;
    margin-left: 10px;
}
.shop-sidebar .items a.current::before{
    content: '';
    position: absolute;
    background-color: #911C81;
    color: #fff;
    border-radius:30px;
    border: none;
    top: -2px;
    left: -10px;
    right: -10px;
    bottom: -2px;
}
.shop-item{
    border:solid 1px #eee;
    display:block;
    text-decoration: none;
    border-radius: 5px;
    color:#555;
    float:left;
    width:100%;
    padding:0 0 15px 0;
}
.shop-item.xl{
    border: none;
}
.shop-item span{
    display:block;
}
.shop-item .image{
    height:160px;
    float:left;
    width:100%;
    display: block;
}
.shop-item .title{
    font-weight:bold;
    font-size:16px;
    line-height: 1.4;
    padding:15px;
    text-align:left;
    color:#253786;
    float:left;
    width:100%;
}
.shop-item .title a{
    display:block;
    text-decoration: none;
    color:#253786;
}
.shop-item .details{
    padding:0 15px 15px 15px;
    float:left;
    width:100%;
}
.shop-item .details span{
    display:block;
    font-size:14px;
    line-height: 1.2;
    margin:0 0 5px 0;
    float:left;
    width:100%;
}
.shop-item .details span i{
    margin:0 5px 0 0;
    color:#aaa;
}
.shop-item .action{
    float:left;
    width:100%;
    display:block;
}
.shop-item .action .prices{
    float:left;
    width:65%;
    padding:0 15px;
}
.shop-item .action .prices .no-tax{
    display:block;
    font-size:22px;
    line-height: 1;
}
.shop-item .action .prices .no-tax span{
    display:inline-block;
    font-size:14px;
}
.shop-item .action .prices .with-tax{
    display:block;
    margin-top:5px;
    font-size:18px;
    line-height: 1;
    color:#aaa;
}
.shop-item .action .prices .with-tax span{
    display:inline-block;
    font-size:14px;
}
.shop-item .action .btn-shop{
    float:left;
    width:35%;
    text-align:right;
    padding:0 15px 0 0;
}
.shop-item .action .btn-shop a{
    display:inline-block;
    background-color:#911C81;
    color:#fff;
    border-radius: 5px;
    padding:15px 20px;
    font-size:22px;
    line-height: 1;
    text-decoration: none;
}
.shop-item .action .btn-shop a span{
    display: none;
}
.shop-item .action .btn-shop a:hover{
    background-color:#b2229e;
}
.row-cat-hero{
    margin:0 0 30px 0;
}
.cat-hero-image{
    height:210px;
    border-radius: 10px;
    margin:0 0 15px 0;
}
.cat-hero-text{
    font-size:14px;
    line-height: 1.4;
}
@media(min-width:768px){
    .section-shop{
        padding:45px 15px;
    }
    .row-cat-hero{
        margin:0 0 45px 0;
    }
    .cat-hero-image{
        height:100%;
    }
    .cat-hero-image.xl{
        height: 320px;
    }
    .cat-hero-text{
        font-size:16px;
        padding:15px 30px;
    }
}
@media(min-width:992px){
    .section-shop{
        padding:60px 15px;
    }
    .section-shop h1{
        margin:0 0 45px 0;
        font-size: 42px;
    }
    .shop-content{
        height:100%;
    }
    .shop-item .title{
        font-size:20px;
        line-height: 1.2;
    }
    .shop-item.xl .title{
        font-size: 32px;
    }
    .shop-item.xl .details{
        padding: 15px 15px 30px 15px;
    }
    .shop-item.xl .details span{
        font-size: 16px;
    }
    .shop-item.xl .action .prices .no-tax{
        font-size:32px;
    }
}
@media(min-width:1200px){
    .shop-sidebar{
        width: 95%;
    }
    .shop-sidebar .items a{
        font-size:16px;
    }
    .cat-hero-image{
        min-height:300px;
    }
    .cat-hero-image.xl{
        height: 400px;
    }
    .cat-hero-text{
        padding:15px 15px 15px 45px;
        line-height: 1.6;
    }
    .shop-item .action .btn-shop a span{
        font-size: 18px;
        display: inline-block;
        margin: 0 0 0 10px;
    }
}

/*

	FLOW

-------- */
.flow{
    margin-top: 30px;
}
.steps{
    padding: 15px 0 45px 0;
}
.steps .step{
    display: inline-block;
    color: #bbb;
    text-decoration: none;
    margin: 0 0 10px 0;
}
.steps i{
    margin: 0 15px;
    display: inline-block;
    color: #aaa;
}
.steps .step span.nr{
    background-color: #eee;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    color: #bbb;
    line-height: 30px;
    margin: 0 5px 0 0;
}
.steps .step.previous{
    color: #000;
}
.steps .step.previous span.nr{
    background-color: #e8f6d0;
    color: #000;
}
.steps .step.active{
    color: #000;
}
.steps .step.active span.nr{
    background-color: #911C81;
    color: #fff;
    border-color: #911C81;
}
.flow .main-title{
    color: #253786;
    font-size: 34px;
    line-height: 1.2;
    font-weight: bold;
    margin: 0 0 30px 0;
}
.flow .sub-title{
    color: #000;
    font-size: 24px;
    line-height: 1.2;
    font-weight: bold;
    margin: 0 0 30px 0;
    border-bottom: solid 1px #eee;
    padding: 0 0 10px 0;
}
.flow .option{
    display: block;
    text-decoration: none;
    color: #000;
}
.flow .option:hover{
    background-color: #fafafa;
    border-radius: 5px;
    color: #911C81;
}
.flow .option .thumb{
    display: block;
    height: 130px;
    border-radius: 5px;
    position: relative;
}
.flow .option.option-color .thumb{
    height: 130px;
}
.flow .option.option-measurements .thumb{
    height: 150px;
    text-align: center;
    padding-top: 15px;
    border: solid 1px #eee;
    background-color: #fff;
}
/*.flow .option .thumb.font {*/
/*    height: 65px;*/
/*}*/
.flow .option.option-accessoire{
}
.flow .option .thumb i{
    font-size: 48px;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px;
    opacity: 0;
}
.flow .option.option-measurements .thumb{
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
}
.flow .option.option-measurements .thumb .plate{
    border: dashed 1px #ccc;
    display: inline-block;
    background-color: #fafafa;
}
.flow .option .title{
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}
.flow .option.chosen{
    color: #911C81;
    border-radius: 10px;
    background-color: #fafafa;
}
.flow .option.chosen .thumb i{
    color: #911C81;
    opacity: 1;
    z-index: 2;
}
.flow .option.chosen .thumb::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.8);
    z-index: 0;
}
.flow-row-btns{
    margin-top: 45px;
}
.flow-row-btns a{
    margin:5px;
}
.text-info{
    font-size: 16px;
    line-height: 1.6;
    padding: 15px;
    border-radius: 5px;
    background-color: #e6f3fb;
    color: #000 !important;
}
.text-alert{
    font-size: 16px;
    line-height: 1.6;
    padding: 15px;
    border-radius: 5px;
    background-color: #fbe6e6;
}
.flow-input{
    margin: 0 0 20px 0;
    position: relative;
}
.flow-input .title{
    display: block;
    font-size: 14px;
    line-height: 1;
    margin: 0 0 5px 0;
}
.flow-input input{
    border: solid 1px #ddd;
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    display: block;
    width: 100%;
}
.flow-input .fa-check{
    position: absolute;
    top: 0;
    right: -25px;
    top: 35px;
    display: none;
    color: green;
}
.flow-check{
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}
.flow-check span{
    display: inline-block;
}
.flow-check .checkbox{
    margin: 0 5px 0 0;
}

.flow-sidebar{
    background-color: #fff;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1.2;
    float: right;
    width: 95%;
    position: sticky;
    top: 100px;
    border-radius: 10px;
    -webkit-box-shadow: -1px 11px 15px -10px rgba(0,0,0,0.34);
    -moz-box-shadow: -1px 11px 15px -10px rgba(0,0,0,0.34);
    box-shadow: -1px 11px 15px -10px rgba(0,0,0,0.34);
}
.flow-sidebar .title{
    padding:15px 20px;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
    font-size: 18px;
    float: left;
    width: 100%;
    background-color: #911C81;
    color: #fff;
}
.flow-sidebar .details{
    background-color: #fafafa;
    padding:10px 20px;
    float: left;
    width: 100%;
}
.flow-sidebar .details .line{
    float: left;
    width: 100%;
    border-bottom: solid 1px #eee;
    padding:15px 0;
}
.flow-sidebar .details .line span{
    display: block;
    margin-bottom: 7px;
    /*float: left;*/
    /*width: 50%;*/
}
.flow-sidebar .details .line .line-input{
    width: 90%;
    margin-left: 10%;
    border-bottom: dashed 1px #eee;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.flow-sidebar .details .line b{
    display: block;
    /*float: left;*/
    /*width: 50%;*/
    text-align: right;
}
.flow-sidebar .details .line.full-width span{
    width: 100%;
    margin: 0 0 5px 0;
}
.flow-sidebar .details .line.full-width b{
    width: 100%;
    text-align: left;
    font-style: italic;
    line-height: 1.4;
}
.flow-sidebar .price{
    float: left;
    width: 100%;
    padding: 15px 20px;
    background-color: #f5f5f5;
    border-top: solid 1px #ddd;
    border-radius: 0 0 10px 10px;
}
.flow-sidebar .price .price-title{
    float: left;
    width: 40%;
}
.flow-sidebar .price .price-details{
    float: left;
    width: 60%;
    text-align: right;
}
.flow-sidebar .price .price-details span{
    display: block;
    font-size: 24px;
    font-weight: bold;
}
.flow-sidebar .price .price-details span.no-tax{
    color: #911C81;
}
.flow-sidebar .price .price-details span span{
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    color: #888;
}
.flow-sidebar .price .price-details span.with-tax{
    font-size: 14px;
    margin-top: 10px;
}

.sidebar-banner{
    float: left;
    width: 90%;
    margin: 30px 0 0 0;
    padding: 15px 30px 15px 0;
    position: sticky;
    top: 90px;
}
.flow-banner{
    margin: 30px;
    padding: 15px;
}
.sidebar-banner .title{
    font-size: 26px;
    line-height: 1.2;
    font-weight: bold;
    color: #911C81;
}
.sidebar-banner .details{
    font-size: 16px;
    line-height: 1.6;
    margin: 15px 0 30px 0;
}

/*

	CRUMBS

---------- */
.crumbs{
    margin: 0 0 20px 0;
}
.crumbs a,
.crumbs span,
.crumbs i{
    display: inline-block;
    margin: 0;
    font-size: 12px;
    line-height: 1.2;
    color: #888;
}
.crumbs .far{
    margin: 0 5px;
}
@media(min-width: 992px){
    .crumbs a,
    .crumbs span,
    .crumbs i{
        font-size: 14px;
    }
}

.ipt-cart-qty {
    width: 50px;
    display: none;
    border: solid 1px #ddd;
    border-radius: 4px;
    padding: 3px 7px;
}
.checkout1-form-wrap .login {
    max-width: 100% !important;
    margin-top: 0;
}
.shipping_address_wrap > * {
    margin-top: var(--bs-gutter-y);
}

.list_payment_method .payment-method-item {
    padding: .75rem;
    position: relative;
}

/*payment*/
.magic-checkbox,.magic-radio {
    display: none;
    position: absolute
}

.magic-checkbox[disabled],.magic-radio[disabled] {
    cursor: not-allowed
}

.magic-checkbox+label,.magic-radio+label {
    cursor: pointer;
    display: block;
    padding-left: 30px;
    position: relative;
    vertical-align: middle
}

.magic-checkbox+label:hover:before,.magic-radio+label:hover:before {
    animation-duration: .4s;
    animation-fill-mode: both;
    animation-name: hover-color
}

.magic-checkbox+label:before,.magic-radio+label:before {
    border: 1px solid silver;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 20px
}

.magic-checkbox+label:after,.magic-radio+label:after {
    content: "";
    display: none;
    position: absolute
}

.magic-checkbox[disabled]+label,.magic-radio[disabled]+label {
    color: #e4e4e4;
    cursor: not-allowed
}

.magic-checkbox[disabled]+label:after,.magic-checkbox[disabled]+label:before,.magic-checkbox[disabled]+label:hover,.magic-radio[disabled]+label:after,.magic-radio[disabled]+label:before,.magic-radio[disabled]+label:hover {
    cursor: not-allowed
}

.magic-checkbox[disabled]+label:hover:before,.magic-radio[disabled]+label:hover:before {
    animation-name: none;
    border: 1px solid #e4e4e4
}

.magic-checkbox[disabled]+label:before,.magic-radio[disabled]+label:before {
    border-color: #e4e4e4
}

.magic-checkbox:checked+label:before,.magic-radio:checked+label:before {
    animation-name: none
}

.magic-checkbox:checked+label:after,.magic-radio:checked+label:after {
    display: block
}

.magic-radio+label:before {
    border-radius: 50%
}

.magic-radio+label:after {
    background: #3e97eb;
    border-radius: 50%;
    height: 8px;
    left: 6px;
    top: 10px;
    width: 8px
}

.magic-radio:checked+label:before {
    border: 1px solid #3e97eb
}

.magic-radio:checked[disabled]+label:before {
    border: 1px solid #c9e2f9
}

.magic-radio:checked[disabled]+label:after {
    background: #c9e2f9
}

.magic-checkbox+label:before {
    border-radius: 3px
}

.magic-checkbox+label:after {
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    box-sizing: border-box;
    height: 12px;
    left: 7px;
    top: 2px;
    transform: rotate(45deg);
    width: 6px
}

.magic-checkbox:checked+label:before {
    background: #3e97eb;
    border: #3e97eb
}

.magic-checkbox:checked[disabled]+label:before {
    background: #c9e2f9;
    border: #c9e2f9
}

.payment_collapse_wrap {
    display: none;
    transition: .25s
}

.payment_collapse_wrap>p {
    margin-bottom: 0;
    padding-left: 30px;
    font-size: 14px;
    line-height: 1.2;
}

.collapse.show,.payment_collapse_wrap.active {
    display: block
}

.list-group .list-group-item+.list-group-item {
    border-top-width: 1px
}

.list-group .list-group-item {
    border-bottom: none
}

.list-group .list-group-item:last-child {
    border-bottom: 1px solid rgba(0,0,0,.125)
}

/*end payment*/

.ss-message {
    font-size: 32px;
    font-weight: bold;
}