header {
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     z-index: 1000;
     background-color: #ffffff;
     width: 5rem;
     -webkit-transition: width 0.3s ease;
     -o-transition: width 0.3s ease;
     -moz-transition: width 0.3s ease;
     transition: width 0.3s ease;
     padding: 1.7rem .7rem;
}
 header a#logo {
     margin: 0;
     width: 100%;
     position: relative;
     float: left;
     height: 10rem;
}
 header a#logo img {
     position: absolute;
     top:0;
     left: 0;
     right: 0;
     margin: auto;
     max-height: 10rem;
}
 header nav{
     width: 0;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transition: opacity 0.01s ease, visibility 0.01s ease, width 0.01s ease;
     -o-transition: opacity 0.01s ease, visibility 0.01s ease, width 0.01s ease;
     -moz-transition: opacity 0.01s ease, visibility 0.01s ease, width 0.01s ease;
     transition: opacity 0.01s ease, visibility 0.01s ease, width 0.01s ease;
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -moz-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-flex-wrap: wrap;
         -ms-flex-wrap: wrap;
             flex-wrap: wrap;
     -webkit-box-align: start;
     -webkit-align-items: start;
        -moz-box-align: start;
         -ms-flex-align: start;
             align-items: start;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
        -moz-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
}
 header nav a{
     width: 100%;
     text-align: center;
     text-transform: uppercase;
     color: #A3A3A3;
     margin: .5rem 0;
     padding: .5rem 0;
     position: relative;
     font-size: 1.226rem;
     line-height: 1.4rem;
}
 header nav a i{
     z-index: 1;
     position: relative;
     font-style: normal;
}
 header .logo {
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transition: opacity 0.01s ease, visibility 0.01s ease;
     -o-transition: opacity 0.01s ease, visibility 0.01s ease;
     -moz-transition: opacity 0.01s ease, visibility 0.01s ease;
     transition: opacity 0.01s ease, visibility 0.01s ease;
}
 header .minilogo{
     -webkit-transition: opacity 0.01s ease, visibility 0.01s ease;
     -o-transition: opacity 0.01s ease, visibility 0.01s ease;
     -moz-transition: opacity 0.01s ease, visibility 0.01s ease;
     transition: opacity 0.01s ease, visibility 0.01s ease;
     width: 3rem;
}
header .mobilebtns, aside{
    display: none;
}
 header span {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     padding: 1.7rem 0;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     -webkit-transition: opacity 0.8s ease, visibility 0.8s ease;
     -o-transition: opacity 0.8s ease, visibility 0.8s ease;
     -moz-transition: opacity 0.8s ease, visibility 0.8s ease;
     transition: opacity 0.8s ease, visibility 0.8s ease;
}
 header span svg{
     -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
             border-radius: 100%;
     background-color: #EAEAEA;
     padding: .5rem;
     width: 2.1rem;
     height: 2.1rem;
     float: left;
}
 header .contacts{
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
     -o-transition: opacity 0.2s ease, visibility 0.2s ease;
     -moz-transition: opacity 0.2s ease, visibility 0.2s ease;
     transition: opacity 0.2s ease, visibility 0.2s ease;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: #F2F2F2;
     padding: 2.7rem 0rem 1.7rem;
     overflow: hidden;
}
 header .contacts:before {
     background-color: #EBEBEB;
     content: '';
     position: absolute;
     width: 0rem;
     height: 0rem;
     display: block;
     left: 0;
     right: 0;
     top:0;
     bottom: 0;
     margin: auto;
     z-index: 0;
     -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
             border-radius: 100%;
     -webkit-transition: width 0.1s ease, height 0.1s ease;
     -o-transition: width 0.1s ease, height 0.1s ease;
     -moz-transition: width 0.1s ease, height 0.1s ease;
     transition: width 0.1s ease, height 0.1s ease;
}
 header .contacts a{
     z-index: 1;
     position: relative;
     width: 100%;
     text-align: center;
}
 header .contacts a.phone{
     font-size:1.548rem;
     color: #000;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
     transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
     -o-transition: opacity 0.1s ease, -o-transform 0.1s ease;
     -moz-transition: opacity 0.1s ease, transform 0.1s ease, -moz-transform 0.1s ease;
     transition: opacity 0.1s ease, transform 0.1s ease;
     transition: opacity 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease, -moz-transform 0.1s ease, -o-transform 0.1s ease;
     -webkit-transform: scale(1);
        -moz-transform: scale(1);
         -ms-transform: scale(1);
          -o-transform: scale(1);
             transform: scale(1);
}
 header .contacts a.email{
     font-size:1.226rem;
     color: #939393;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transition: opacity 0.1s ease;
     -o-transition: opacity 0.1s ease;
     -moz-transition: opacity 0.1s ease;
     transition: opacity 0.1s ease;
}
 header .contacts div{
     -webkit-box-align: center;
     -webkit-align-items: center;
        -moz-box-align: center;
         -ms-flex-align: center;
                 -ms-grid-row-align: center;
             align-items: center;
     -webkit-box-pack: space-evenly;
     -webkit-justify-content: space-evenly;
        -moz-box-pack: space-evenly;
         -ms-flex-pack: space-evenly;
             justify-content: space-evenly;
}
 header .contacts div a{
     margin: .2rem;
     width: auto;
     -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
             border-radius: 100%;
     border: 1px solid #CFCFCF;
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -moz-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
        -moz-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
        -moz-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     padding: .3rem;
}
 header .contacts div a svg{
     float: left;
     width: 1.7rem;
     height: 1.7rem;
}
 header .contacts div a svg path{
     fill: #000;
}
 main{
     padding-left: 5rem;
}
 #contact, #always{
     background-color: #161616;
}
 #contact h3, #always h3{
     font-size: 3.097rem;
     line-height: 3.3rem;
     color: #ffffff;
     background-color: #000;
     padding: 1.806rem 3.097rem;
     margin: 0;
}
 #contact h3{
     margin-left: -20%;
     width: 120%;
}
 #always h3{
     width: 146.6%;
}
 #contact .image{
     width: 45%;
     background-position: bottom center;
     background-repeat: no-repeat;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
     aspect-ratio: 16/9;
}
 #always .image{
     width: 55%;
     background-position: top center;
     background-repeat: no-repeat;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
     background-image: url('/static/theme/img/bkg.webp');
     aspect-ratio: 16/9;
}
 #contact .text{
     width: 55%;
}
 #always .text{
     width: 45%;
     z-index: 1;
}
 #contact .text div.first, #always .text form {
     padding: 2.323rem 3.097rem;
}
 #always .text p{
     padding: 1.323rem 3.097rem;
}
 #always .text a{
     color: #939393;
}
 #always .text p, #id_date{
     margin: 0;
}
 #id_date{
     border-bottom: 1px solid #474747;
}
 #always .text form button{
     width: 100%;
}
 #always .text form{
     padding-top: 0;
}
 #contact .text div.first a, #contact .text div.first h5, #contact .text div.first p, #always .text p{
     width: 100%;
     color: #ffffff;
}
 #contact .text div.first h5{
     font-size: 2.323rem;
     line-height: 2.5rem;
     margin-bottom: 1.419rem;
}
 #contact .text div.first a.phone{
     font-size:1.548rem;
     margin-top: 3.097rem;
     -webkit-transition: -webkit-transform 0.1s ease;
     transition: -webkit-transform 0.1s ease;
     -o-transition: -o-transform 0.1s ease;
     -moz-transition: transform 0.1s ease, -moz-transform 0.1s ease;
     transition: transform 0.1s ease;
     transition: transform 0.1s ease, -webkit-transform 0.1s ease, -moz-transform 0.1s ease, -o-transform 0.1s ease;
     -webkit-transform: scale(1);
        -moz-transform: scale(1);
         -ms-transform: scale(1);
          -o-transform: scale(1);
             transform: scale(1);
     -webkit-transform-origin: left;
        -moz-transform-origin: left;
         -ms-transform-origin: left;
          -o-transform-origin: left;
             transform-origin: left;
}
 #contact .text div.first a.email{
     font-size:1.226rem;
     color: #939393;
}
 #contact .text div.second{
     padding: 1.323rem 3.097rem 1.323rem 2.097rem;
}
 #contact .text div.second a{
     margin: 1rem;
     width: auto;
     -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
             border-radius: 100%;
     border: 1px solid #CFCFCF;
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -moz-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
        -moz-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
        -moz-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     padding: .3rem;
}
 #contact .text div.second svg{
     width: 1.7rem;
     height: 1.7rem;
     float: left;
}
 #contact .text div.second svg path{
     fill: #ffffff;
}
/* Animations */
 header:hover {
     width: 26rem;
     -webkit-transition: width 0.01s ease;
     -o-transition: width 0.01s ease;
     -moz-transition: width 0.01s ease;
     transition: width 0.01s ease;
     padding: 1.7rem 4rem;
}
 header:hover .minilogo {
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transition: opacity 0.01s ease, visibility 0.01s ease;
     -o-transition: opacity 0.01s ease, visibility 0.01s ease;
     -moz-transition: opacity 0.01s ease, visibility 0.01s ease;
     transition: opacity 0.01s ease, visibility 0.01s ease;
}
 header:hover .logo {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     -webkit-transition: opacity 0.6s ease, visibility 0.6s ease;
     -o-transition: opacity 0.6s ease, visibility 0.6s ease;
     -moz-transition: opacity 0.6s ease, visibility 0.6s ease;
     transition: opacity 0.6s ease, visibility 0.6s ease;
}
 header:hover nav{
     width: 100%;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     -webkit-transition: opacity 0.6s ease 0.2s, visibility 0.6s ease 0.2s, width 0.01s ease 0.2s;
     -o-transition: opacity 0.6s ease 0.2s, visibility 0.6s ease 0.2s, width 0.01s ease 0.2s;
     -moz-transition: opacity 0.6s ease 0.2s, visibility 0.6s ease 0.2s, width 0.01s ease 0.2s;
     transition: opacity 0.6s ease 0.2s, visibility 0.6s ease 0.2s, width 0.01s ease 0.2s;
}
 header nav a:hover:before{
     content: '';
     width: 2.9rem;
     height: 2.9rem;
     -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
             border-radius: 100%;
     background-color: #F2F2F2;
     position: absolute;
     z-index: 0;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     margin: auto;
}
 header nav a.active:before{
     background-color: #F5F7FF;
     content: '';
     width: 2.9rem;
     height: 2.9rem;
     -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
             border-radius: 100%;
     background-color: #F2F2F2;
     position: absolute;
     z-index: 0;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     margin: auto;
}
 header nav a:hover, header nav a.active, header .contacts a.email:hover{
     color: #000;
}
 header:hover .contacts {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     padding: 2.7rem 4rem 1.7rem;
     -webkit-transition: opacity 0.6s ease, visibility 0.6s ease, padding 0.3s ease;
     -o-transition: opacity 0.6s ease, visibility 0.6s ease, padding 0.3s ease;
     -moz-transition: opacity 0.6s ease, visibility 0.6s ease, padding 0.3s ease;
     transition: opacity 0.6s ease, visibility 0.6s ease, padding 0.3s ease;
}
 header:hover .contacts:before {
     content: '';
     width: 17rem;
     height: 17rem;
     -webkit-transition: width 0.4s ease, height 0.4s ease;
     -o-transition: width 0.4s ease, height 0.4s ease;
     -moz-transition: width 0.4s ease, height 0.4s ease;
     transition: width 0.4s ease, height 0.4s ease;
}
 header:hover .contacts a.phone, header:hover .contacts a.email{
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     -webkit-transition: opacity 0.4s ease;
     -o-transition: opacity 0.4s ease;
     -moz-transition: opacity 0.4s ease;
     transition: opacity 0.4s ease;
}
 header .contacts a.phone:hover{
     -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
         -ms-transform: scale(1.05);
          -o-transform: scale(1.05);
             transform: scale(1.05);
     -webkit-transition: -webkit-transform 0.4s ease;
     transition: -webkit-transform 0.4s ease;
     -o-transition: -o-transform 0.4s ease;
     -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease;
     transition: transform 0.4s ease;
     transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease, -o-transform 0.4s ease;
}
 header .contacts div a:hover{
     background-color: #0936F4;
     border: 1px solid #0936F4;
     padding: .5rem;
     margin: 0rem;
}
 header .contacts div a:hover svg path{
     fill: #ffffff;
}
 header:hover span{
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transition: opacity 0.01s ease, visibility 0.01s ease;
     -o-transition: opacity 0.01s ease, visibility 0.01s ease;
     -moz-transition: opacity 0.01s ease, visibility 0.01s ease;
     transition: opacity 0.01s ease, visibility 0.01s ease;
}
 #contact .text div.first a.email:hover, #always .text a:hover{
     color: #ffffff;
}
 #contact .text div.first a.phone:hover{
     -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
         -ms-transform: scale(1.05);
          -o-transform: scale(1.05);
             transform: scale(1.05);
     -webkit-transition: -webkit-transform 0.4s ease;
     transition: -webkit-transform 0.4s ease;
     -o-transition: -o-transform 0.4s ease;
     -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease;
     transition: transform 0.4s ease;
     transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease, -o-transform 0.4s ease;
     -webkit-transform-origin: left;
        -moz-transform-origin: left;
         -ms-transform-origin: left;
          -o-transform-origin: left;
             transform-origin: left;
}
 #contact .text div.second a:hover{
     background-color: #0936F4;
     border: 1px solid #0936F4;
     padding: 0.5rem;
     margin: .8rem;
}
 #id_date:focus{
     border-bottom: 1px solid #CFCFCF;
}
 #always .text form button:hover{
     -webkit-box-shadow: 0 0 30px rgba(9,54,245,0.2);
     -moz-box-shadow: 0 0 30px rgba(9,54,245,0.2);
     -ms-box-shadow: 0 0 30px rgba(9,54,245,0.2);
     -o-box-shadow: 0 0 30px rgba(9,54,245,0.2);
     box-shadow: 0 0 30px rgba(9,54,245,0.2);
     background: #0936F5;
background: -moz-linear-gradient(45deg,#0936F5 0%,#2984BD 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#0936F5),color-stop(100%,#2984BD));
background: -webkit-linear-gradient(45deg,#0936F5 0%,#2984BD 100%);
background: -o-linear-gradient(45deg,#0936F5 0%,#2984BD 100%);
background: linear-gradient(45deg,#0936F5 0%,#2984BD 100%);
}
#socials{
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    background: #0936F5;
background: -moz-linear-gradient(45deg,#0936F5 0%,#2984BD 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#0936F5),color-stop(100%,#2984BD));
background: -webkit-linear-gradient(45deg,#0936F5 0%,#2984BD 100%);
background: -o-linear-gradient(45deg,#0936F5 0%,#2984BD 100%);
background: linear-gradient(45deg,#0936F5 0%,#2984BD 100%);
    padding: 1rem;
    position: fixed;
    right: 1.429rem;
    bottom: 1.7rem;
    cursor: pointer;
    z-index: 3;
}
#socials svg{
    float: left;
    width: 2.286rem;
    height: 2.286rem;
}
.pulse-button__rings {
    border: 1px solid #0936F5;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    width: auto;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    -webkit-animation-duration: 2.0s;
       -moz-animation-duration: 2.0s;
         -o-animation-duration: 2.0s;
            animation-duration: 2.0s;
    -webkit-animation-name: pulse_1;
       -moz-animation-name: pulse_1;
         -o-animation-name: pulse_1;
            animation-name: pulse_1;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    z-index: -1;
  }
   
  .pulse-button__rings:nth-child(2) {
    -webkit-animation-name: pulse_2;
       -moz-animation-name: pulse_2;
         -o-animation-name: pulse_2;
            animation-name: pulse_2;
  }
   
  .pulse-button__rings:nth-child(3) {
    -webkit-animation-name: pulse_3;
       -moz-animation-name: pulse_3;
         -o-animation-name: pulse_3;
            animation-name: pulse_3;
  }
#soclinks{
    position: fixed;
    right: 22.864px;
    right: 1.429rem;
    bottom: 120px;
    bottom: 7.5rem;
    z-index: 3;
}
#soclinks.hidden{
    display: none;
}
#soclinks a{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #EAEAEA;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    border: 1px solid #474747;
    padding: .4rem;
}
#soclinks a svg{
    width: 3.286rem;
    height: 3.286rem;
}
#soclinks a svg path{
    fill:#474747;
}
#soclinks a:hover{
    border: 1px solid #161616;
}
#soclinks a:hover svg path{
    fill:#161616;
}