*{
   margin:0;
}

@font-face {
   font-family: "Antarctica";
   src: url( "../font/Antarctica-VF.ttf") format('truetype');
}

body{
   font-family: "Antarctica";
   background: white;
}

/*GRID*/ 
.row {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-gap: 30px;
   padding-left: 40px;
   padding-right: 40px;
}


h1{
   text-align: center;
   font-variation-settings: "wght" 600, "wdth" 1;
   color: white;

   font-size: 12.292vw; /*177px;*/
   line-height: 10.5vw;
   z-index: 5;
   text-transform: uppercase;
   width: 100%;
}
.headline{
   position: absolute;
   font-kerning: none;
}

.messagepanel{
   box-sizing: border-box;
   padding: 10px;
   background: #E8C7A1;
   text-align: center;
   font-size: 16px;
   line-height: 20px;
   color: #3C388E;

   z-index: 90;
   width: 100%;
   height: auto;
   position: absolute;
   top: 0;
   left: 0;
}

nav{
   width: 100%;
   display: flex;
   justify-content: space-between;
   box-sizing: border-box;
   padding-top: 40px;
   padding-left: 40px;
   padding-right: 40px;
   align-items: center;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 5;
}
.logo{
   width: 133px;
   height: 24px;
   background:url('../img/logo.svg');
   background-repeat: no-repeat;
}
nav div a{
   font-size: 14px;
   text-transform: uppercase;
   color: white;
   text-decoration: none;
   margin-left: 16px;
   padding-right: 16px;
}
nav div a:hover{
   color: rgba(255, 255, 255, 0.7);
}
header{
   width: 100%;
   height: 100vh;
   background-color: #E8C7A1;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
 }
.cta{
   font-size: 14px;
   line-height: 14px;
   border: 1px solid white;
   border-radius: 30px;
   padding: 11px 19px 9px 19px;
}
.cta:hover{
   border: 1px solid white;
   background-color: white;
   color: #3C388E;
}
.scrollerCont{
   height: 80px;
   width: 80px;
   position: absolute;
   bottom: 15vh;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 5;

}
.scroller{
   height: 80px;
   width: 80px;
   background: url('../img/scroller.svg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
.scrollerArrow{
   width: 12px;
   height: 20px;
   background: url('../img/arrow.svg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
}

/*
@keyframes text-vf-animation {
   from {
     font-variation-settings: "wght" 600, "wdth" 1;
   }
   to {
     font-variation-settings: "wght" 950, "wdth" 200;
   }
 }
*/

/*

 h1 span{
   transition: font-variation-settings 0.3s ease;
   animation-name: text-vf-animation;
   animation-duration: 1.5s;
   animation-direction: alternate;
   animation-iteration-count: infinite;
   animation-timing-function: ease-in-out;
   text-align: center;
 }
 */


 .bck-container{
   display: flex;
   flex-direction: row;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   z-index: 1;
 }

 .bck-column{
   width: 20%;
   height: 100vh;
   background-color: #3C388E;;
 }

 .bannerSlide{
   width: 100%;
   background-color: #D65053;
   box-sizing: border-box;
   padding: 16px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   z-index: 5;
   color: white;

   position: fixed;
   bottom: 0;
   left: 0;
/*
   position: sticky;
*/
}
.bannerSlide p{
   color: white;
}

.circle{
   width: 113px;
   height: 113px;
   border-radius: 50%;
   background-color: #D65053;
   z-index: 5;
   position: absolute;
   top: 80%;
   left: 90%;
}

.circleSand{
   background-color: #E8C7A1;
   top: 20%;
   left: 10%;
   z-index: 3;
}

.s2{
   box-sizing: border-box;
   padding-top: 80px;
   padding-bottom: 124px;
}


.fullWidthImg{
   width: 100%;
   height: 44.444vw;
   border-radius: 20px;
   grid-column: 1/13;
   margin-bottom: 127px;
   position: relative;
   overflow: hidden;
}
.fullWidthImg img{
   width: 100%;
   height: 100%;
   object-position: center;
   object-fit: cover;
   object-position: center;
   visibility: hidden;
}
.fullWidthImg-cover{
   width: 100%;
   height: 100%;
   position: absolute;
   background-color: #E8C7A1;
   bottom: 0;
   left: 0;
}

h2{
   grid-column: 1/13;
   font-variation-settings: "wght" 600, "wdth" 1;
   font-size: 109px;
   line-height: 95px;
   color: #3C388E;
   text-align: center;
   overflow: hidden;
   text-transform: uppercase;
}
p{
   grid-column: 4/10;
   color: #3C388E;
   text-align: center;
   font-size: 16px;
   line-height: 20px;
}

.par-anim, h2, h1{
   font-kerning: none;
}

.carousel{
   width: 100%;
   height: auto;
   margin-top: 124px;
}
.carousel .splide__slide{
   margin-left: 20px;
}
.carousel .splide__slide img{
   width: 505px;
   height: 582px;
   border-radius: 20px;
   object-fit: cover;
   object-position: center;
   margin-bottom: 15px;
}
.carousel .splide__slide div{
   display: flex;
   flex-direction: row;
}

.carousel .splide__slide div p{
   font-size: 47px;
   line-height: 47px;
   color: #3C388E;
}
.carousel .splide__slide div div {
   margin-left: 20px;
}
.carousel .splide__slide div div p{
   font-size: 16px;
   line-height: 20px;
   color:  #3C388E;
   text-align: left;
}
.carousel .splide__slide div div p:last-child{
   color: #B1B1B1;
}

.carousel .splide__slide div div {
   display: flex;
   flex-direction: column;
}

.dragCursor{
   width: 112px;
   height: 112px;
   border-radius: 50%;
   background-color: #D65053;
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;

   position: fixed;
   top: 0;
   left: 0;
   user-select: none;
   pointer-events: none;
   z-index: 85;
   transform: scale(0);
}
.s3{
   box-sizing: border-box;
   padding-top: 135px;
   padding-bottom: 95px;
}
h3 {
   margin-top: 46px;
   margin-bottom: 46px;
   font-size: 26px;
   line-height: 20px;
   text-align: center;
   color: #3C388E;
   grid-column: 1/13;
   font-variation-settings: "wght" 600, "wdth" 150;
}

.s3-h3{
   margin-top: 134px;
}
.s3-img{
   margin-top: 80px;
}
.serviceGrid{
   display: grid;
   grid-template-columns: repeat(4,1fr);
   grid-column: 1/13;
}
.serviceGrid article{
   display: flex;
   width: 100%;
   height: auto;
}
.serviceBox{
   box-sizing: border-box;
   padding: 20px;
   width: 100%;
   height: 320px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   position: relative;
}
.serviceBox div{
   display: flex;
   align-items: center;
   flex-direction: column;
}
.serviceBox p{
   text-align: left;
   position: absolute;
   top: 20px;
   left: 20px;
}
.serviceBox div p{
   width: 100%;
   text-align: center;
   position: relative;
   top:0;
   left: 0;  
   margin-top: 15px;
}

.serviceBox img{
   width: 130px;
   height: 130px;
}

.serviceBoxLine{
   height: 100%;
   min-height: 100%;
   width: 2px;
   background: #3C388E;
   display: flex;
}
.serviceBoxLineOriz{
   width: 100%;
   min-width: 100%;
   height: 2px;
   background: #3C388E;
   grid-column: 1/13;
}

.serviceBox .mobServiceLine{
   width: 100%;
   min-width: 100%;
   height: 2px;
   background: #3C388E;
   position: absolute;
   top: 0;
   left: 0;
   display: none;
}



.s4{
  box-sizing: border-box;
  padding-top: 123px;
  height: auto;
  width: 100%;
}

.s4 h2{
   margin-bottom: 50px;
   text-align: left;
}
.mapsection{
   box-sizing: border-box;
   padding-left: 40px;
   padding-right: 40px;
   display: flex;
   justify-content: space-between;
}
.mapCont{
   width: calc(50% - 60px);
   height: 644px;
   border-radius: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #F5F5F5;
}
.map{
   width: 500px;
   min-width: 50%;
   height: 255px;
   background: url('../img/map-0.png');
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}
.mapGrid{
   width: calc(50% - 15px);
   display: grid;
   grid-template-columns: repeat(3,1fr);
   grid-template-rows: max-content;
   height: auto;
}

.mapBox{
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   width: 100%;
   height: 300px;/*200*/
   border: 1px solid #3C388E;
   border: 0;
   box-sizing: border-box;
   padding: 20px;
}
/*
.mapBox:nth-child(-n+2){
   border-top: 0;
}
.mapBox:nth-child(odd){
   border-right: 0;
}
*/

.mapBox:nth-child(1){
   border: 1px solid #3C388E;
   border-bottom: 0;
}
.mapBox:nth-child(2){
   border-top: 1px solid #3C388E;
}
.mapBox:nth-child(3){
   border: 1px solid #3C388E;
   border-bottom: 0;
}
.mapBox:nth-child(4){
   border: 1px solid #3C388E;
   border-bottom: 0;
}
.mapBox:nth-child(5){
   border-top: 1px solid #3C388E;
}
.mapBox:nth-child(6){
   border: 1px solid #3C388E;
   border-bottom: 0;
}
.mapBox:nth-child(7){
   border: 1px solid #3C388E;
   border-bottom: 0;
}
.mapBox:nth-child(8){
   border-top: 1px solid #3C388E;
}
.mapBox:nth-child(9){
   border: 1px solid #3C388E;
   border-bottom: 0;
}
.mapBox:nth-child(10){
   border: 1px solid #3C388E;
   border-bottom: 0;
}
.mapBox:nth-child(11){
   border-top: 1px solid #3C388E;
}
.mapBox:nth-child(12){
   border: 1px solid #3C388E;
   border-bottom: 0;
}
.mapBox:nth-child(13){
   border: 1px solid #3C388E;
   border-bottom: 0;
   border-bottom: 1px solid #3C388E;
}
.mapBox:nth-child(14){
   border-left: 0;
   border-right: 0;
   border-top: 1px solid #3C388E;
   border-bottom: 1px solid #3C388E;
}
.mapBox:nth-child(15){
   border: 1px solid #3C388E;
   border-bottom: 1px solid #3C388E;
}

.mapBoxTitle{
   font-size: 42px;
   line-height: 42px;
   margin-bottom: 5px;
   text-align: left;
   font-variation-settings: "wght" 500 "wdth" 100;
}
.mapBoxInfo{
   text-align: left;
}

.mapBox-label{
   box-sizing: border-box;
   padding: 6px 12px 6px 12px;
   border: 1px solid #3C388E;
   color: #3C388E;
   border-radius: 30px;
   width: fit-content;
}

.mapBoxUnset{
   background: #EDEDED;
}

.s5{
   box-sizing: border-box;
   padding-top: 140px;
   padding-bottom: 180px;
}
.logosCont{
   grid-column: 3/11;
   display: flex;
   align-items: center;
   /* flex-wrap: wrap; */
   flex-direction: row;
   justify-content: space-between;
   margin-top: 40px;
}
.logos{
   height: 80px;
   width: 170px;
   margin: 40px;
   margin-top: 0px;
   margin-bottom: 0px;
}

.logo1{
   background: url('../img/aryel.png');
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
}

.logo2{
   background: url('../img/dillostudio.png');
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
}

.logo3{
   background: url('../img/startupgeeks.png');
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
}
.logo4{
   background: url('../img/concrete.png');
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
}


.tickerHome{
   background: #E8C7A1;
   box-sizing: border-box;
   padding-top: 20px;
   padding-bottom: 20px;
   font-size: 20px;
   line-height: 20px;
   color: #3C388E;

   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row;
 }
 
 .tickerHome ul{
   margin: 0;
   padding: 0;
   width: 100%;
   height: auto;
   overflow: hidden;
   white-space: nowrap;
   display: flex;
   align-items: center;
   flex-direction: row;
 }
 
 .tickerHome li{
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   color: #3C388E;
   font-size: 20px;
   line-height: 25px;
   display: flex;
 }
span{
   display: inline-block;
}
.s7{
   display: flex;
   flex-direction: row;
}
.s7-box{
   width: 50%;
   height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   font-size: 177px;
   line-height: 150px;
   text-align: center;
   font-variation-settings: "wght" 600, "wdth" 1;
   position: relative;
}

.s7-box1{
   background: #EDEDED;
   color: #3C388E;
}
.s7-box2{
   background: #3C388E;
   color: white;
}
.s7-box:hover{
   cursor: pointer;
}
.s7-box-inside{
   position: absolute;
   border-radius: 50%;
   width: 110vh;
   height: 110vh;
   background: #EDEDED;
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content: space-evenly;
   font-variation-settings: "wght" 400, "wdth" 100;
   transform: scale(0);
}
.splide2{
   width: 100%;
   height: 100%;
}
.s7-box2-cont{
   position: absolute;
   border-radius: 50%;
   overflow: hidden;
   width: 110vh;
   height: 110vh;
   background: #D9D9D9;
   transform: scale(0);
}
.s7-box2-inside{
   background: #EDEDED;
   border-radius: 50%;
   width: 110vh;
   height: 110vh;
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content: space-evenly;
}
.s7-box-label{
   display: none;
}
.splide2 .splide__slide{
   margin: 0;
}

.priceInfo{
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   font-variation-settings: "wght" 400, "wdth" 100;

}
.priceInfo2{
   font-size: 14px;
}
   
.price{
   font-size: 300px;
   line-height: 250px;
   font-variation-settings: "wght" 600, "wdth" 1;
}
.priceOld{
   color: #D65053;
   text-decoration: line-through;
   margin-bottom: 22px;
   font-size: 22px;
   font-variation-settings: "wght" 400, "wdth" 100;
}

.splide__arrow{
   width: 40px;
   height: 40px;
   background: #3C388E;
   border-radius: 0;
   opacity: 1;
}

.splide__arrow--prev{
   left: 6.944vw;
   background: url('../img/arrowleft.svg');
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
}
.splide__arrow--next{
   right: 6.944vw;
   background: url('../img/arrowright.svg');
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
}

.s8{
   box-sizing: border-box;
   padding-top: 195px;
   padding-bottom: 116px;
}

.s8 h2{
   grid-column: 4/10;
   margin-bottom: 30px;
}
.s8formslide{
   margin-top: 90px;
}
#contactform{
   grid-column: 1/7; 
}

form div input,form textarea {
   border: 1px solid #3C388E;
   padding: 15px 20px 15px 20px;
   box-sizing: border-box;
   border-radius: 10px;
   width: 100%;
   font-size: 16px;
   color: #3C388E;
   margin-bottom: 20px;
   font-family: "Antarctica";
}
.grecaptcha-badge{
   visibility: hidden;
}

input:focus, textarea:focus, select:focus, div:focus{
   outline: none;
 }
.nameForm{
   display: flex;
   justify-content: space-between;
}

.nameForm input{
   width: calc(50% - 10px);
}

.selectDesk{
   display: flex;
   flex-direction: row;
   align-items: center;
   margin-bottom: 20px;
   color: #3C388E;
}
input::placeholder{
   color: #3C388E;
}
textarea::placeholder{
   color: #3C388E;
}

.notice{
   font-size: 9px;
   margin-top: 10px;
   color: #3C388E;
}
.notice a{
   font-size: 9px;
   margin-top: 10px;
   color: #3C388E;
}
.form-button{
   width: 100%;
   background: #3C388E;
   box-sizing: border-box;
   padding: 23px;
   font-size: 16px;
   color: white;
   border-style: none;
   border: 0;
   border-radius: 10px;
   cursor: pointer;
}
.form-button:hover{
   background-color: #D65053;
   color: white;
}

/* checkbox */
.checkbox{
   margin-bottom: 20px;
   box-sizing: border-box;
 }
 .checkbox label{
   font-size: 16px;
   padding-left: 45px;
   padding-top: 5px;
   margin-bottom: 0;
 }
 .checkbox a{
   color: #3C388E;
   text-decoration: underline;
 }
 .checkbox a:hover{
   color: #D9D9D9;
   text-decoration: underline;
 }
 .checkboxContainer {
   display: block;
   position: relative;
   padding-left: 40px;
   cursor: pointer;
   font-size: 16px;
   color: #3C388E;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .checkboxContainer input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
 }
 .checkmark {
   position: absolute;
   top: 0px;
   left: 0;
   height: 30px;
   width: 30px;
   background-color: #D9D9D9;
   border-radius: 10px;
 }
 .checkboxContainer input:checked ~ .checkmark {
   background-color: #3C388E;
   border: 0px;
 }
 .checkmark:after {
   content: "";
   position: absolute;
   display: none;
 }
 .checkboxContainer input:checked ~ .checkmark:after {
   display: block;
 }
 .checkboxContainer .checkmark:after {
   left: 10px;
   top: 5px;
   width: 7px;
   height: 12px;
   border: solid white;
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }
 .checkboxContainer a:hover{
   color: #D9D9D9;
 }

 /* SELECT vecchia*/

 /*
 .select-wrapper{
   color: #3C388E;
   background: #EDEDED;
   border-radius: 10px;
   box-sizing: border-box;
   padding: 8px 15px 8px 15px;
   margin-left: 10px;
 }
 .costum-select:after {
   position: absolute;
   content: "";
   top: 14px;
   right: 10px;
   width: 0;
   height: 0;
   border: 6px solid transparent;
   border-color: #3C388E transparent transparent transparent;
 }
 .select-wrapper select{
   margin: 0;
   position: absolute;
   z-index: 2;
   cursor: pointer;
   outline: none;
   opacity: 0;
   color: #3C388E;
 }

 .select-wrapper select:hover{
   color: #3C388E;
 }
 
 span.holder{
   color: #3C388E;
 }
 span.holder:hover{
   color: #3C388E;
 }
 */

 /*RADIO BUTTON*/
.radioCont{
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   margin-top: 10px;
   margin-bottom: 30px;
   color: #3C388E;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #3C388E;

    margin-top: 10px;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #D9D9D9;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #3C388E;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


.gmapCont{
   grid-column: 7/13;
   border-radius: 10px;
   width: 100%;
   height: auto;
   overflow: hidden;
   z-index: 1;
}

#map{
   width: 100%;
   height: 50vw;
   z-index: 0;
}

footer{
   background-color: #3C388E;
   box-sizing: border-box;
   padding-top: 40px;
   padding-bottom: 40px;
}
footer p{
   color: white;
   text-align: left;
}
footer p a{
   color: white;
   text-decoration: none;
   text-align: left;
}

footer p a.hover{
   color: #B1B1B1;
   text-decoration: none;
   text-align: left;
}

footer p:nth-child(3){
   display: flex;
   flex-direction: column;
}

.ftrlogo{
   height: 25px;
   width: 25px;
   background: url('../img/ftrlogo.svg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   grid-column: 1/2;
}

.ftrInfo{
   grid-column: 5/12;
   display: flex;
   justify-content: space-between;
   flex-direction: row;
}

.ftrBottom{
   display: flex;
   flex-direction: row;
   align-items: flex-end;
   justify-content: space-between;
   box-sizing: border-box;
   padding-top: 238px;
   padding-left: 40px;
   padding-right: 40px;
}
footer h4{
   font-variation-settings: "wght" 600, "wdth" 1;
   color: white;
   font-size: 177px;
   line-height: 118px;
}

.ftrButton{
   border-radius: 50%;
   background-color: #E8C7A1;
   width: 70px;
   height: 70px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
}

.ftrButtonIcon{
   background: url('../img/ftrButtonIcon.svg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain; width: 15px;
   height: 23px;
}



@media screen and (max-width: 768px){
   .logo{
      height: 5.797vw;
      width: 32.126vw;
      background-size: contain;
   }
   p{
      font-size: 3.865vw;
      line-height: 5.314vw;
   }
   .circle{
      left: 67%;
   }
   .circleSand{
      left: 10%;
   }
   .row {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-gap: 10px;
      padding-left: 20px;
      padding-right: 20px;
   }
   nav{
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 4.831vw;
   }
   nav div a{
      display: none;
   }
   .cta{
      display: block;
   }

   h1{
      font-size: 19vw;/* 28.261vw;*/
      line-height: 17vw;/* 23.430vw;*/
      padding-left: 20px;
      padding-right: 20px;
      font-variation-settings: "wght" 590, "wdth" 15;
      text-align: left;
   }
   .headline{
      position: relative;
      text-align: left;
      padding-left: 20px;
      padding-right: 20px;
   }
/*
   h1 span{
      animation-name: none;
   }*/
   h1 h2{
      font-variation-settings: "wght" 590, "wdth" 7;
   }

   .scrollerCont{
      bottom: 9.662vw;
   }
   .s2{
      padding-top: 7.246vw;
   }
   .fullWidthImg{
      height: 69.324vw;
      margin-bottom: 16.908vw;
      border-radius: 4.831vw;
   }
   .fullWidthImg img{
      width: 100%;
      height: 69.324vw;
   }

   h2{
      font-size: 14.493vw;
      line-height: 14.493vw;
      font-variation-settings: "wght" 500, "wdth" 9;
   }
   p{
      grid-column: 1/13;
   }
   .bannerSlide p{
      text-align: left;
   }
   .carousel{
      margin-top: 16.908vw;
   }
   .carousel .splide__slide img{
      width: 67.633vw;
      height: 84.541vw;
   }
   .carousel .splide__slide div p{
      font-size: 7.246vw;
      line-height: 7.246vw;
   }
   .s3{
      padding-top: 14.493vw;
      padding-bottom: 16.908vw;
   }
   .s3-h3{
      margin-top: 17.633vw;
   }
   .s3-img{
      margin-top: 17.633vw;
   }

   h3{
      margin-top: 4.831vw;
      margin-bottom: 4.831vw;
      font-size: 4.831vw;
      line-height: 4.831vw;
   }
   .serviceGrid{
      grid-template-columns: repeat(2,2fr);
   }
   .serviceBoxLineHide{
      display: none;
   }
   .serviceBox{
      padding: 2.415vw;
      height: 70.048vw;
   }
   .serviceBox p{
      top: 2.415vw;
      left: 2.415vw;
   }
   article .serviceBox {
      padding-left: 0px;
   }
   article .serviceBox p{
      left: 0px;
   }
   article .serviceBoxEven{
      padding-right: 0px;
      padding-left: 2.415vw;
   }
   article .serviceBoxEven p{
      left: 2.415vw;
   }

   article .serviceBox div p{
      left: 0;
      margin-top: 3.623vw;
   }


   .serviceBox div img{
      width: 28.986vw;
      height: 28.986vw;
   }
   .serviceBoxLineOriz{
      display: block;
   }
   .serviceBox .mobServiceLine{
      display: block;
   }
   .s4{
      padding-top: 0;
   }

   .s4 h2{
      margin-bottom: 9.662vw;
      text-align: center;
   }
   .mapsection{
      padding-left: 20px;
      padding-right: 20px;
      flex-direction: column;
   }
   .mapCont{
      width: 100%;
      height: 81.643vw;
      margin-bottom: 8.454vw;
   }
   .map{
      width: 63.285vw;
      height: 32.126vw;
   }
   .mapGrid{
      width: 100%;
      height: auto;
      grid-template-columns: repeat(2,1fr);
   }
   .mapBox{
      height: 36.232vw;
      padding: 3.623vw;
      border: 1px solid #3C388E;
      min-height: 180px;
   }
   .mapBox-label{
      font-size: 3.865vw;
      padding: 1.449vw 2.899vw 1.449vw 2.899vw;
   }
   .mapCont{
      width: calc(100% - 2px);
      margin: auto;
      height: 338px;
      border-radius: 4.831vw;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #F5F5F5;
      border: 1px solid #3C388E; 
      margin-bottom: 14.493vw;
   }
   .mapBox:nth-child(1){
      border-bottom: 0;
   }
   .mapBox:nth-child(2){
      border-bottom: 0;
      border-left: 0;
   }
   .mapBox:nth-child(3){
      border-bottom: 0;
   }
   .mapBox:nth-child(4){
      border-bottom: 0;
      border-left: 0;
   }
   .mapBox:nth-child(5){
      border-bottom: 0;
   }
   .mapBox:nth-child(6){
      border-bottom: 0;
      border-left: 0;
   }
   .mapBox:nth-child(7){
      border-bottom: 0;
   }
   .mapBox:nth-child(8){
      border-bottom: 0;
      border-left: 0;
   }


   .mapBox:nth-child(9){
      border-bottom: 0;
   }
   .mapBox:nth-child(10){
      border-bottom: 0;
      border-left: 0;
   }
   .mapBox:nth-child(11){
      border-bottom: 0;
   }
   .mapBox:nth-child(12){
      border-bottom: 0;
      border-left: 0;
   }
   .mapBox:nth-child(13){
      border-bottom: 0;
   }
   .mapBox:nth-child(14){
      border: 1px solid #3C388E;
      border-left: 0;
   }
   .mapBox:nth-child(15){
      border: 1px solid #3C388E;
   }

   .s5{
      padding-top: 18.841vw;
      padding-bottom: 18.841vw;
   }
   .logosCont{
      grid-column: 2/12;
      flex-wrap: wrap;
   }
   .logos{
      width: 40%;
      float: left;
      margin: 0;
   }
   .s7{
      flex-direction: column;
   }
   .s7-box{
      width: 100%;
      height: 50vh;
      font-size: 28.261vw;
      line-height: 23.430vw;

      display: flex;
      flex-direction: column;
   }
   .s7-box-inside{
      height: 60vh;
      width: 60vh;
      justify-content: center;
   }
   .s7-box2-cont{
      height: 60vh;
      width: 60vh;
   }
   .s7-box2-inside{
      height: 60vh;
      width: 60vh;
      justify-content: center;
   }
   .s7-box-label{
      display: block;
      box-sizing: border-box;
      padding: 2.415vw 4.831vw 2.415vw 4.831vw;
      margin-top: 2.415vw;
      border: 1px solid #3C388E;
      border-radius: 7.246vw;
      font-size: 3.865vw;
      line-height: 3.865vw;
      font-variation-settings: "wght" 400, "wdth" 100;
      /*
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 10%;
      */
   }
   .tickerHome{
      padding-top: 2.899vw;
      padding-bottom: 2.899vw;
   }

   .tickerHome li{
      font-size: 3.865vw;
      line-height: 3.9vw;
   }
   .s7-box-label2{
      border: 1px solid white;
      color: white;
   }
   .priceInfo{
      margin-top: 4.831vw;
      margin-bottom: 4.831vw;
   }
   .priceOld{
      margin-bottom: 0;
   }
   .price{
      font-size: 48.309vw;
      line-height: 43.478vw;
   }
   .splide__arrow{
      width: 30px;
      height: 30px;
   }
   .splide__arrow--prev{
      left: 9vw;
   }
   .splide__arrow--next{
      right: 9vw;
   }
   .s8{
      padding-top: 31.159vw;
   }
   .s8 h2{
      grid-column: 1/13;
   }
   #contactform{
      grid-column: 1/13;
      margin-bottom: 12.077vw;
   }
   .gmapCont{
      grid-column: 1/13;
   }
   #map{
      height: 85.749vw;
   }

   .s8formslide{
      margin-top: 7.246vw;
   }
   .nameForm{
      flex-direction: column;
   }
   .nameForm input{
      width: 100%;
   }
   footer{
      padding-top: 7.246vw;
      padding-bottom: 7.246vw;
   }
   .ftrInfo{
      grid-column: 1/13;
      flex-direction: column;
   }
   .ftrlogo{
      margin-bottom: 8.696vw;
   }
   .ftrInfo p{
      margin-bottom: 6.522vw;
   }
   .ftrBottom{
      padding-left: 4.831vw;
      padding-right: 4.831vw;
      padding-top: 33.816vw;
      align-items: flex-start;
   }
   .ftrButton{
      height: 16.908vw;
      width: 16.908vw;
   }
   .ftr-title{
      font-size: 23vw;
      line-height: 22vw;
      width: 80%;
      font-variation-settings: "wght" 600, "wdth" 15;
   }
}


@media (min-width: 701px) and (max-width: 900px){

   .h1{
      font-size: 12.292vw; /*177px;*/
      line-height: 11.389vw;/*164px;*/
   }
   
   p{
      grid-column: 3/11;
   }

   .logos{
      margin: 20px;
   }
   .s7-box{
      font-size: 100px;
      line-height: 84px;
   }

   .price{
      font-size: 200px;
   }

   .carousel .splide__slide img{
      width: 400px;
      height: 400px;
   }

   .s7-box{
      height: 80vh;
   }

   .map{
      width: 30%;
   }

   .mapGrid{
      grid-template-columns: repeat(auto-fill, 50%);
   }
   .mapBox{
      
   }

   .mapsection{
     /* flex-direction: column;*/
   }
   .mapCont{
      width: 50%;
      height: 400px;
   }
   .map{
      width: 300px;
      height: 200px;
      background-size: contain;
   }

   .mapBox:nth-child(odd) {
      border: 1px solid #3C388E;
   }
   .mapBox:nth-child(even) {
      border: 1px solid #3C388E;
      border-left: 0;
   }
   .mapBox{
      border-top: 0px;
      border-bottom: 0px;
   }
   .mapBox:nth-child(1) {
      border-top: 1px solid #3C388E;
   }
   .mapBox:nth-child(2) {
      border-top: 1px solid #3C388E;
   }
   .mapBox:nth-child(14) {
      border-bottom: 1px solid #3C388E;
   }
   .mapBox:nth-child(15) {
      border-bottom: 1px solid #3C388E;
   }
   .s8 h2{
      grid-column: 3/11;
   }

   h2{
      font-size: 78px;
      line-height: 78px;

   }
   .ftr-title{
      font-size: 140px;
      line-height: 100px;
   }

   .s7-box-inside{
      width: 85vh;
      height: 85vh;
   }
   .s7-box2-cont{
      width: 85vh;
      height: 85vh;
   }
   .s7-box2-inside{
      width: 85vh;
      height: 85vh;
   }
   footer p{
      font-size: 14px;
      line-height: 16px;   
   }

}

@media (min-width: 768px) and (max-width: 1100px) {
   .map{
      width: 380px;
      min-width: none;
      background-size: contain;
   }
   .mapCont{
      height: 50vh;
   }
   .s7-box{
      height: 90vh;
   }

   .s7-box-inside{
      width: 85vh;
      height: 85vh;
   }
   .s7-box2-cont{
      width: 85vh;
      height: 85vh;
   }
   .s7-box2-inside{
      width: 85vh;
      height: 85vh;
   }
   .logos{
      height: 80px;
      width: 18%;
      margin: 0;
   }
}