/*Reset*/
* {
  padding: 0;
  margin: 0;
  border: 0;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: 400;
}

/*--------------------*/

body {
  background-color: #000;
  font-family: 'Oswald', sans-serif;
  color:#fff;
}
h1,h2,h3,h4,h5,h6{
  font-size: calc(1.5vw + 22px);
  line-height: 1.5;
  font-weight: 900;
}

.preloader {
  background-color: #000;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  animation: preloader linear 4s forwards;
  z-index:100;
}

@keyframes preloader {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  99%{
    opacity: 0;
  }
  100% {
    opacity: 0;
    display:none;
    z-index: 0;
  }
}

.preloader__wrapper {
  position: relative;
  width: 10%;
  height: auto;
}

.mask{
  width:100%;
}

.img-s {
  width: 100%;
}

.preloader__img {
  position: absolute;
}

.preloader__animation1 {
  width: 23%;
  top: 25%;
  right: 0;
  animation: pr1 linear 1s forwards;
  animation-delay: 1s;
  transform-origin: 50% 50%;
}

@keyframes pr1 {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.preloader__animation2{
    left:25.5%;
    animation: pr2 linear 0.3s forwards;
    animation-delay: 0.5s;
}

@keyframes pr2 {
    0%{
        left:25.5%;
    }
    100%{
        left:0;
    }
}

.preloader__animation3{
    top:40%;
    animation: pr3 linear 0.3s forwards;
    animation-delay: 0.5s;
}

@keyframes pr3 {
    0%{
        top:40%;
    }
    100%{
        top:0;
    }
}

.preloader__animation4{
    opacity:0;
    animation: pr4 linear 0.5s forwards;
    animation-delay: 0.9s;
}

@keyframes pr4 {
    0%{
        opacity: 0;
    }
    100%{
        opacity:1;;
    }
}

.section1__wrapper{
    background-image: url('/images/s1__bg.jpg');
    background-position: top center;
    background-size: cover;
    width:100%;
    height:100%;
}

.section1{
    width:100%;
    height:100%;
    animation: s1 linear 4s infinite;
    background-image: url('/images/eq2.png');
    background-position: top center;
    background-size: cover;
    position: relative;
}

.logo{
  width:7%;
  margin-right:1%;
}

.header__icon{
  width:8%;
  margin-left:10px;
  margin-top:2%;
}

.header__icon:hover{
  background-color: #FE6B00;
  border-radius: 10px;
}

@keyframes s1 {
    0%{
        background-image: url('/images/eq2.png');
    }
    16.666%{
        background-image: url('/images/eq1.png');
    }
    33.332%{
        background-image: url('/images/eq3.png');
    }
    49.998%{
        background-image: url('/images/eq2.png');
    }
    66.668%{
        background-image: url('/images/eq3.png');
    }
    83.333%{
        background-image: url('/images/eq1.png');
    }
    100%{
        background-image: url('/images/eq2.png');
    }
}

.main__info{
    position: relative;
    padding-top:3%;
    width:90%;
    margin:0 auto;
    z-index:20;
}

.header{
  width:90%;
  padding-top:2.5%;
  margin:0 auto;
}

.btn__lite{
    color:#fff;
    padding:0px 20px;
    border-radius:10px;
    font-size: 16px;
    border:2px solid #fff;
    transition-duration: 0.3s;
    display: inline-block;
}

.btn__lite:hover{
    background-color: #FE6B00;
    transition-duration: 0.3s;
}

.header__btn__count{
  margin-top:4%;
}

.header__btn{
  color:#fff;
  font-size: calc(1vw + 14px);
  font-weight: 200;
  padding:5px 35px;
  border-radius: 10px;
  border:1px solid #fff;
  transition-duration: 0.3s;
  background-color: transparent;
}

.header__btn:hover{
  color:#FE6B00;
  border:1px solid #FE6B00;
  transition-duration: 0.3s;
}

.modal__form{
  background-color: #000!important;
}

.inpt{
  width:100%;
  padding:20px;
  border: 1px solid #fff;
  background-color: transparent;
  font-size:16px;
  border-radius: 10px;
  margin-bottom:10px;
  color:#fff;
}

.cookies__notification{
  background-color:rgba(0,0,0,0.8);
  color:#fff;
  font-size: 16px;
  line-height: 1.3;
  padding:20px;
  position: absolute;
  top:-100%;
  left:0; 
  width:100%;
  text-align: center;
  font-weight: 200;
  z-index:20;
  transition-duration: 0.3s;
}

.cookies__notification.active{
  top:0;
}

.hidden{
  display:none;
}

.modal__phone__link{
    color:#F96D0E;
    border-bottom:1px dashed transparent;
    transition-duration:0.3s;
}

.modal__phone__link:hover{
    color:#F96D0E;
    border-bottom:1px dashed #F96D0E;
}

.tel__me{
    text-align:right;
    font-size:18px;
}


@media (max-width:700px) {
  .preloader__wrapper {
    position: relative;
    width: 50%;
    height: auto;
  }  
  .logo{
    display:block;
    width:50%;
    margin: 10% auto;
  }
  .main__info{
    text-align: center;
  }
  .header__icon{
    width:100%;
    margin:0;
  }
  .header__btn__count{
    margin-top:20%;
  }
  .section1__wrapper{
    background-image: url('/images/s1__bg_m.jpg');
    background-position: top left;
    background-size: cover;
    width:100%;
    height:100%;
}

.header__btn{
  color:#fff;
  font-size: calc(2vw + 14px);
  font-weight: 200;
  padding:15px 35px;
  border-radius: 10px;
  border:1px solid #fff;
  transition-duration: 0.3s;
}
.header__btn:hover{
  color:#FE6B00;
  border:1px solid #FE6B00;
  transition-duration: 0.3s;
}
.mobile__listen{
  display: grid;
  grid-template-columns: 50% 50%;
}
.mobile__listen a{
  display: block;
  padding:30px 0;
}
.instagram{
  width:50%!important;
}
}