@import url('/assets/museosans/stylesheet.css')  all;
@import url('/assets/icon/style.css')  all;
@import url('/css/app/modules/Header/Header.css') all;
@import url('/css/app/modules/Purchase/Purchase.css') all;
@import url('/css/app/modules/Certificate/Certificate.css') all;
@import url('/css/app/modules/Card/Card.css') all;

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    opacity: 0.5;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);

}

:focus {
    outline: -webkit-focus-ring-color auto 0;
}

input:not([type="checkbox"]), select, textarea, button {
    font-family: var(--main-font);
    outline: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

div, section, nav, header, footer, li, ul, article, blockquote {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body, html {
    background: var(--white-color);
    padding: 0;
    margin: 0;
    font-family: var(--main-font);
    color: var(--text-color);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 13px;
    height: 100%;
}
body{
    --accent-color: var(--blue-color);
}
body.elite{
    --accent-color: var(--elite-color);
}
a{
    text-decoration: none;
    color:var(--accent-color);
    transition:color 0.3s ease-in-out;
}
a:hover {
    text-decoration: underline;
    color: var(--yellow-color);
}
.logo img{
    width: 100%;
}

.blue-btn{
    background:var(--accent-color);
    color: var(--white-color);
    font-size:1.2rem;
    font-weight: bold;
    padding-left:20px;
    padding-right:20px;
    cursor:pointer
}
.blue-btn.regular{
    font-weight:400;
}
.blue-btn[disabled]{
    opacity:0.8;
}
.blue-btn:hover{
    background: var(--yellow-color);
}
.blue-btn.outlined{
    background: transparent;
    color:var(--accent-color);
    font-size:1.2rem;
    border:solid 2px var(--accent-color);
}
.blue-btn.outlined:hover{
    background: var(--yellow-color);
    color: var(--white-color);
    border:solid 2px var(--yellow-color);
}
.blue-btn.outlined.lg-size{
    font-size:1.2rem;
}


section.block{
    padding:50px 0;
}



figure.cover{
    margin:0;
}
figure.cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

figure.contain{
    margin:0;
}
figure.contain img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.breadcrumbs-section{
    padding:1.8rem 0 0.5rem 0;
}
.breadcrumbs-section ul{
    margin:0;
    padding:0;
    display:flex;
    flex-wrap: nowrap;
    overflow:auto;
    white-space: nowrap;
}
.breadcrumbs-section ul li{
    list-style: none;
    margin-right:.3rem;
    font-size:14px;
}
.breadcrumbs-section ul li a{
    color: var(--text-color);
}
.breadcrumbs-section ul li a:hover{
    color:var(--accent-color);
}
.breadcrumbs-section ul li .divider{
    margin-left:2.5px;
    font-size:11px;
}
.breadcrumbs-section ul li:nth-child(1){
    margin-left:0;
}
.breadcrumbs-section ul li.active a{
    text-decoration: none;
}

.inserted-image img{
    max-width:100%;
}

.color-blue{
    color: var(--blue-color);
}
.color-elite{
    color: var(--elite-color);
}
.color-accent{
    color: var(--accent-color);
}

.text-xl{
    font-size:130%;
}

.text-xxl{
    font-size:150%;
}

.static-form{
    position:relative;
}

.static-form-success{
    padding:50px 30px;
    background:#ffffff;
    border-radius: 5px;
    margin:30px;
    text-align:center;
}
.static-form-success h5{
    margin-top:30px;
    font-size:2rem;
    font-weight: bold;
    color:var(--bs-success);
}

.static-form.error .static-form-process,
.static-form.success .static-form-process,
.static-form.lock .static-form-process{
    visibility:hidden;
}
.static-form .static-form-success{
    display:none;
}
.static-form .static-form-error{
    display:none;
}

.static-form.success .static-form-success{
    display:block;
    position:absolute;
    left:0;
    top:50%;
    text-align: center;
    transform:translateY(-50%);
    width:100%;
}

.static-form.error .static-form-error{
    display:block;
    text-align: center;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:100%;
}

.payment-fly{
    background:#ffffff;
    padding:2rem;
    border-radius:15px;
    box-shadow:0 12px 30px rgba(0,0,0,.1);
}


.order-form{
    padding:2rem 1rem;
}
.order-form .static-form-success {
    padding:0;
    margin:0;
}
.order-form h3{
    font-size:2.2rem;
    font-weight:500;
    margin-bottom:20px;
}
.order-form-success{
	background:#ffffff;
	border-radius: 5px;
	text-align:center;
}
.order-form-success h5{
	margin-top:30px;
	font-size:2rem;
	font-weight: bold;
	color:var(--bs-success);
}


.form-field .checkbox{
    padding-left:36px;
}
.form-field .checkbox:after{
    width:25px;
    height:25px;
    top:50%;
    transform: translateY(-50%);
}
.form-field .checkbox:before{
    border-width: 2px;
    width: 19px;
    height: 12px;
    content:'';
    top: calc(50% - 10px);
}
.form-field .checkbox.checked:before{
    border-color: var(--accent-color);
    border-width: 2px;
    width: 19px;
    height: 12px;
    content:'';
    top: calc(50% - 10px);
}
.form-field .checkbox.checked:after{
    border-color: var(--accent-color);
}

.regular{
    font-weight:500;
}

.block h1,
.block h2{
    margin-bottom:2.5rem;
    font-size:3rem;
    font-weight: 700!important;
}


.swiper-button-next.custom,
.swiper-button-prev.custom{
    background:var(--white-color);
    box-shadow: 0 10px 20px 0 #0000001A;
    color:var(--text-color);
    width:45px;
    height:45px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex: 0 0 45px;
    border-radius: 23px;
    transition: 0.4s;
}
.swiper-button-next:after,
.swiper-button-prev:after{
    display:none;
}
.swiper-button-prev.custom{
    transform: rotate(180deg);
}

.pt1{
    padding-top:1rem!important;
}
.pt2{
    padding-top:1.5rem!important;
}
.pt3{
    padding-top:2rem!important;
}
.pt4{
    padding-top:2.5rem!important;
}
.pt5{
    padding-top:3rem!important;
}
.pt6{
    padding-top:3.5rem!important;
}
.pt7{
    padding-top:4rem!important;
}
.pt8{
    padding-top:4.5rem!important;
}
.pt9{
    padding-top:5rem!important;
}
.pt10{
    padding-top:5.5rem!important;
}

.pb1{
    padding-bottom:1rem!important;
}
.pb2{
    padding-bottom:1.5rem!important;
}
.pb3{
    padding-bottom:2rem!important;
}
.pb4{
    padding-bottom:2.5rem!important;
}
.pb5{
    padding-bottom:3rem!important;
}
.pb6{
    padding-bottom:3.5rem!important;
}
.pb7{
    padding-bottom:4rem!important;
}
.pb8{
    padding-bottom:4.5rem!important;
}
.pb9{
    padding-bottom:5rem!important;
}
.pb10{
    padding-bottom:5.5rem!important;
}


/* Modal */

.modal {
    backdrop-filter: blur(6px);
    background: rgba(0, 0, 0, 0.2);
}

.modal.modal-m{
    --bs-modal-width: 700px;
}

.modal .modal-s {
    max-width: 400px;
}

.modal .close-modal {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 100;
}

.modal-content {
    border: 0 !important;
    animation: modal-top-income 0.5s;
    box-shadow: 20px 30px 50px rgba(0, 0, 0, .2);
}

.modal.animate .modal-content{
    animation: modal-top-income 0.5s;
}

.modal.go-out .modal-content{
    animation: modal-top-outcome 0.3s;
}

.offcanvas {
    transition: 0.3s ease-in-out;
    border: none!important;
}

.offcanvas-footer {
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

/* MODAL */


@-moz-document url-prefix() {
	.modal{
		background:rgba(0,0,0,0.6);
	}
}

.modal-body .btn-close{
	position: absolute;
	right:1.1rem;
	top:1.1rem;
}

/* /MODAL */

/* /Modal */


footer{
    background:#f4f4f4;
    color:#666666;
    padding:50px 0px;
    /*margin-top:40px;*/
}


.footer-sn{
    margin-right:30px;
}

.footer-sn i.fa{
    font-size:24px;
    margin:0px 5px;
}
.footer-sn a{
    font-weight: 500;
}
.footer-sn a.ok{
    color:#E47D08;
}
.footer-sn a.vk{
    color:#0077FF;
}
.footer-sn a.tg{
    color:#0E8ED4;
}



.footer-sn a:hover, .top-nav-sn a:hover{
    text-decoration:none;
}

.footer-copyright{
    font-size:11px;
}

.footer-logo{
    width:250px;
    margin:0 30px;
    opacity:0.6;
    transition:opacity, 0.4s ease-in-out;
}
.footer-logo-star{
    width:100px;
    margin:auto;
}
.footer-logo-star-sign, .footer-logo-star-sign a{
    font-size:24px;
    color: var(--blue-color);

}
.footer-logo img, .footer-logo-star img{
    width: 100%;
}
.footer-logo:hover, .footer-logo-star:hover{
    opacity:1;
}
.footer-phone{
    display: flex;
    align-items:center;
    font-size:1.7rem;
    font-weight: 900;
}
.footer-phone img{
    width:25px;
    margin-right:8px;
}
.footer-callback{
    position: relative;
}
.footer-callback input{
    padding:10px 20px;
    height:42px;
}
.footer-callback button{
    position: absolute;
    right:0;
    top:50%;
    height:42px;
    transform: translateY(-50%);
    background: var(--blue-color);
    color: var(--white-color);
    transition: background 0.2s ease-in-out;
    font-size:13px;
    font-weight: bold;
}
.footer-callback button:hover{
    background: var(--yellow-color);
}
footer h4{
    font-size:15px;
    margin-top:20px;
    color:#0492d2;
    margin-bottom:10px;
}
footer h3{
    font-size:18px;
    font-weight: bold;
}

.footer-menu{
    padding:0;
    margin:20px 0;
}
.footer-menu li{
    list-style: none;
    margin-bottom:10px;
}

@media screen and (max-width: 520px){
    .breadcrumbs-section ul li{
        font-size:11px;
    }
    .block h1,
    .block h2{
        font-size: 2.3rem!important;
    }
    .pt1{
        padding-top:0.5rem!important;
    }
    .pt2{
        padding-top:1rem!important;
    }
    .pt3{
        padding-top:1.5rem!important;
    }
    .pt4{
        padding-top:2rem!important;
    }
    .pt5{
        padding-top:2.5rem!important;
    }
    .pt6{
        padding-top:3rem!important;
    }
    .pt7{
        padding-top:3.5rem!important;
    }
    .pt8{
        padding-top:4rem!important;
    }
    .pt9{
        padding-top:4.5rem!important;
    }
    .pt10{
        padding-top:5rem!important;
    }
    
    .pb1{
        padding-bottom:0.5rem!important;
    }
    .pb2{
        padding-bottom:1rem!important;
    }
    .pb3{
        padding-bottom:1.5rem!important;
    }
    .pb4{
        padding-bottom:2rem!important;
    }
    .pb5{
        padding-bottom:2.5rem!important;
    }
    .pb6{
        padding-bottom:3rem!important;
    }
    .pb7{
        padding-bottom:3.5rem!important;
    }
    .pb8{
        padding-bottom:4rem!important;
    }
    .pb9{
        padding-bottom:4.5rem!important;
    }
    .pb10{
        padding-bottom:5rem!important;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1359.99px) {
    .container{
        max-width: 990px;
    }
}