/*general*/
*,*:focus{outline:none !important;box-shadow:none !important;}
.mh-fs{min-height:100vh;}
.mw-fitcontent{max-width:fit-content;}
.top0{top:0;}
.h-fitcontent{height:fit-content;}
body{font-family: sans-serif;font-weight:500;font-size:13px;}
.no-event{user-select:none !important;pointer-events:none !important;}
/*bootstrap*/
.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters>.col,
.no-gutters>[class*=col-] { padding-right: 0; padding-left: 0; }
.custom-control-input:focus~.custom-control-label::before { box-shadow:none; }
.modal-backdrop { background: #fff; }
.custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: #ca0933; }
.custom-control-input:active~.custom-control-label::before {  background-color:rgba(202, 9, 51, 0.28); }
.btn-primary { color: #fff; background-color: #ca0933; border-color: #ca0933; }
.btn-primary:hover { color: #fff; background-color: #bb072f; border-color: #bb072f; }
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle { color: #fff; background-color: #9a0726; border-color:#9a0726; }
.btn-link { font-weight: 400; color: #6c7573; background-color: transparent; }
.btn-link:hover { color:#4f5554; text-decoration: none; background-color: transparent; border-color: transparent; }
/*section*/
.section { height: 100vh; display: flex; align-items: center; }
/*home*/
#home { background-image: url(/site/theme/assets/img/bg-home.jpg); background-repeat: no-repeat; background-size: cover; background-position: right bottom; overflow-x:hidden; }
#home:before{content:"";position:absolute;top:0;right:0;width:100%;height:100vh;user-select:none;pointer-events:none;background: rgba(0,0,0,0.5);-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#home h1.title {  font-weight: 700; color: #fff; font-size: 30px;   margin: 0; user-select:none; pointer-events:none;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:0.3s;animation-delay:0.3s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#home .description { font-size: 12px; font-weight: 500; color: #fff; user-select:none; pointer-events:none;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:0.6s;animation-delay:0.6s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#home .description .line { border-bottom: 1px solid rgba(255,255,255,0.5);  }
#home .finder-list { margin:0 -15px 0 0; padding:30px 0 60px; -webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#home .finder-list .swiper-slide{width:240px;}
#home .finder-list .finder-item { display: block; margin:15px 30px 0 0;  transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#home .finder-list .finder-item:hover { margin-top:0; margin-bottom:15px; transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#home .finder-list .finder-item a { display: block; border-radius: 10px; overflow: hidden; height: 325px; width: 210px; background: #fff; position:relative; }
#home .finder-list .finder-item a .title { position: absolute; bottom: 0; background: #fff; width: 100%; padding: 20px 10px; color: #222222; line-height: 1.1; font-size: 14px; font-weight:600; }
#home .finder-list .finder-item a img { width: 100%; height: 100%; object-fit: cover; }
#home .logo img {max-width:300px;filter: brightness(0)invert(1);-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:0.1s;animation-delay:0.1s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
/*configurator*/
#configurator { display: flex; align-items: center; flex-direction: column; min-height: 80vh; justify-content: center; }
#configurator h1.title{ font-weight: 700; font-size: 25px; margin:30px 0;}
#configurator .numbers{position:relative;}
#configurator .numbers:before { content: ""; width: 1px; height: 100%; display: block; background: #6c7573; position: absolute; left: 50%; z-index: 1; opacity: 0.5;}
#configurator .numbers button {    line-height: 0; position:relative; z-index:2; border: 2px solid #6c7573; color:#6c7573; background: #fff; margin: 0 auto 20px; display: flex; border-radius: 100%; width: 30px; height: 30px; align-items: center; justify-content: center; box-shadow:0 8px 13px rgb(0 0 0 / 10%) !important; font-size: 11px; font-weight: 700; }
#configurator .numbers button.active { transform: scale(1.4); border-color: #ca0933; color: #ca0933; }
#configurator .numbers button.done { border-color: #00c442; color: #00c442; cursor: pointer; }
#configurator .question-list .title { font-size: 18px; font-weight: 700; }
#configurator .question-list .description { font-size: 13px; color: #555; }
#configurator .question-list .choice-list { margin: 15px 0; }
#configurator .question-list .choice-list .choice label { line-height: 24px; cursor: pointer; }
#configurator .buttons { border-top: 1px solid #eee; padding-top: 15px; }
#configurator #contract p { margin-bottom: 5px; }

/*alert*/
#alert-wrapper{ cursor: pointer; position: fixed; right: 0; z-index: 9999; top: 0; margin-top: 22px; margin-right: 15px; max-width: 300px; }
/*404*/
#NotFound { width: 100%; align-items: center; background: #e9e9df; flex-direction: column; user-select: none; pointer-events: none; }
#NotFound h1 { font-size: 60px; font-weight: 900;  width: 100%; text-align: center; color: #f19a38; margin:30px 0 0 0; }
#NotFound img.img-fluid { max-width: 50vh; }



/*loading*/
#loading {display:flex; position: fixed; width: 100%; height: 100%; z-index: 999999999; background: rgba(255,255,255,0.7); justify-content: center; align-items: center; top: 0; left: 0;}
#loading i { margin-right: 5px; font-size: 15px; }
#loading.collapse{display:none;}




@media (max-width: 1024px){
    #home h1.title { font-size: 20px !important; }
}

@media (max-width: 768px) {

}
@media (max-width: 767px) {


}
@media (max-width: 600px) {

}
@media (max-width:575px){

}
@media (max-width:568px){
    /*iphone5*/
}
@media (max-width:559px){
}
@media (max-width:533px){
    /*lumia520*/
}
@media (max-width:480px){
    /*n9,iphone4*/


}
@media (max-width:414px){
    /*iphone6plus,iphone7plus,iphone8plus*/

}
@media (max-width:412px){
    /*nexus5x,nexus6p*/
}
@media (max-width:411px){
    /*pixel2*/
}
@media (max-width:384px){
    /*l70*/
}
@media (max-width:375px){
    /*iphone6,iphone7,iphone8,iphonex*/

}
@media (max-width:360px){
    /*note3,note2,s3,s5,lumia550,lumia950*/
}
@media (max-width:320px){
    /*lumia520,iphone4,iphone5*/
}


@media (max-height: 800px){

}

@keyframes blinker {
    50% { opacity: 0; }
}

@keyframes loader {
    0% {
        background-color: rgba(165, 165, 165, 0.1);
    }
    50% {
        background-color: rgba(165, 165, 165, 0.3);
    }
    100% {
        background-color: rgba(165, 165, 165, 0.1);
    }
}

@-webkit-keyframes loader {
    0% {
        background-color: rgba(165, 165, 165, 0.1);
    }
    50% {
        background-color: rgba(165, 165, 165, 0.3);
    }
    100% {
        background-color: rgba(165, 165, 165, 0.1);
    }
}