@import url('../js/fancybox/jquery.fancybox.css');
@import url('../request-form/datepicker.css');
@import url('swiper.css');
@import url('../request-form/request-form.css');
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@160..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

html, body { margin:0px; padding:0px; font-size:17px; font-family: "Montserrat", sans-serif;;font-weight:400; color:#fff; background-color:#fff;background-color: #aaa;background-color: black;}
.h1 {}
.h2 {}
a { text-decoration:none; color:inherit;}
a:hover { }
.img_hidden_slide {width: 50px;top: -100px;position: absolute;}
.transition { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}

.slide {height:1000px;position:relative;height:calc(100vh);}
.swiper-container {width:100%;height:100%;opacity: 0.8;}
.swiper-slide {position:relative;text-align: center;font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-position:center; background-repeat:no-repeat; background-size:cover;height:100%; background-color: black;}
.swiper_sfondo {object-fit: cover; width: 100%; height: 100%; max-width: 100%; max-height: 100%; transform:scale(1); transition: all 4s cubic-bezier(0.82, 0.01, 0.77, 0.78) 0s;opacity: 0.7;}
.pag-box { bottom:34px; left:0; display: table; width:100%; height:auto; position: absolute; text-align:center;z-index: 3; box-sizing:border-box;}
.pagination {display: inline-table;position: relative;vertical-align: middle;width: 200px;display: none;}
.swiper-pagination-bullet { background:#fff; width:12px; height:12px; opacity:0.3; margin:0 15px; display:inline-table; vertical-align: middle;-webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;border: solid black 1px;border-radius: 50%;}
.swiper-pagination-bullet:first-child:last-child {display:none;}
.swiper-pagination-bullet-active { width:12px; height:12px; opacity:0.8; position: relative;border-width: 1.5px;}
.slide-grad-1 {position: absolute;width: 100%;height: 40%;background: linear-gradient(rgb(0, 0, 0), rgba(0,0,0,0));background: -webkit-linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));background: -moz-linear-gradient(rgb(0, 0, 0), rgba(0,0,0,0));opacity: 0.4;top: 0;left: 0;pointer-events:none;z-index:1;}
.slide-grad-2 {position: absolute;width: 100%;height: 40%;background: linear-gradient(rgba(0,0,0,0), rgb(0, 0, 0));background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0));background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0));opacity: 0.4;left: 0;bottom: 0;pointer-events:none;z-index:1;}
.top{top: 40px;position: absolute;width: 200px;z-index: 1;left: 40px;}
.top-img{width: 100%;}
.text-box{position: absolute;z-index: 1;top: 25%;text-align: center;margin: auto 18%;}
.sub-titel{text-transform: uppercase;font-family: "Readex Pro", sans-serif;color: #a2232f;font-size: 25px;text-shadow: 1px 1px 6px #000;}
.text-box-inner{}
.line-left{height: 2px;width: 4vw;position: absolute;background-color: #fff;top: 155px;}
.line-right{height: 2px;width: 4vw;position: absolute;background-color: #fff;top: 155px;right: 0;}
.cuca{}
.titel{font-family: "Oswald", sans-serif;text-transform: uppercase;font-size: 59px;font-weight: 500;margin: 80px 0 90px;position: relative;text-shadow: 1px 1px 6px #000;}
.main-text{margin: 0 18%;line-height: 26px;text-shadow: 1px 1px 6px #000;}
.bottom{position: absolute;bottom: 0;z-index: 1;width: 100%;}
.contact{bottom: 60px;position: absolute;margin: 0 auto;transform: translateX(-50%);left: 50%;width: 100%;text-align: center;}
.cuca{font-family: "Oswald", sans-serif;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #a2232f;color: #a2232f1a;font-size: 280px;text-transform: uppercase;position: absolute;transform: translateX(-50%);left: 50%;top: -62px;}
.contact-inner{ margin: 0 20px;text-shadow: 1px 1px 6px #000;}
.contact-inner:hover{ opacity: 0.8;}
.contact-img{height: 38px;top: 13px;position: relative;margin-right: 10px;}
.bottom-arrow{bottom: 40px;position: absolute;width: 200px;z-index: 1;right: 40px;}
.contact-inner-text{display: table-cell;box-sizing: border-box;padding-left: 3px;vertical-align: middle;position: relative;text-align: left;top: 4px;}
.button{background-color: #a2232f; color: #fff;padding: 13px 22px;border-radius: 26px;}
.button:hover{opacity: 0.8;}

.start_language{     position: absolute; z-index: 1; right: 4.5%; top: 56px;text-shadow: 1px 1px 6px #000;}
.language{margin: 0 0 0 5px;}
.language_none{display: none;}
#myVideo {position: fixed;  right: 0;  top: 0;  min-width: 100%;  min-height: 100%;}

@media (max-width:1300px) {
.titel{font-size: 30px;margin: 39px 0 50px;}
.cuca{top: -15px; font-size: 140px;}
.line-left{top: 78px;}
.line-right{top: 78px;}
.text-box{margin: auto 5%;}
.main-text{margin: 0 auto;}
.contact-inner{display: table;margin: 10px 20px;}
.top{width: 170px;}
.bottom-arrow{width: 170px;}
.contact-inner-text{top: 13px;}
.start_language{}
.language{}
.language_none{}
.button{}
}

@media (max-width:450px) {
 html, body { font-size:15px;}
.text-box{top: 15%;margin: auto 3%;}
.contact{bottom: 61px;}
.line-left{display: none;}
.line-right{display: none;}
.contact-inner{margin: 12px 0 12px 10px;text-align: left;}
.contact-img{height: 30px;top: unset;display: table-cell;margin-right: unset;vertical-align: middle;}
.bottom-arrow{bottom: 20px; right: 20px;}
.top{top: 20px; left: 20px;}
.main-text{line-height: 21px;}
.contact-inner-text{top: 0px;}
.start_language{top: 36px;}
.language{}
.language_none{}
#myVideo {height: 100%;}
.button{}
}


@media (max-height:667px) {
.bottom-arrow{display: none;}
.contact{bottom: 0;}
}