/*    FONTS    */
@font-face {
    font-family: Bebas Neue;
    font-weight: normal;
    src: url(fonts/BebasNeue\ Regular.otf);
}

@font-face {
    font-family: Bebas Neue;
    font-weight: bold;
    src: url(fonts/BebasNeue\ Bold.otf);
}
@font-face {
    font-family: Gotham Pro;
    font-weight: normal;
    src: url(fonts/GothamPro-Medium.ttf);
}

@font-face {
    font-family: Gotham Pro;
    font-weight: 300;
    src: url(fonts/GothamPro-Light.ttf);
}

body{
    overflow-x: hidden;
}

h1{
    font-family: Bebas Neue;
font-style: normal;
font-weight: normal;
font-size: 64px;
line-height: 64px;

/* identical to box height */
letter-spacing: 0.02em;

color: #FFFFFF;
}

.title{
    
font-family: Bebas Neue;
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 48px;

/* identical to box height */

color: #33282C;
}

.title span{
    color: #FFBC6B;
}

.text{
    font-family: Gotham Pro;
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 26px;
}



/*     HEADER    */

.top-nav {
    background: #3E3956;
    padding: 8px 0px;
    font-family: Gotham Pro;
font-style: normal;
font-weight: 300;
font-size: 13px;
line-height: 124.2%;
z-index: 20;
/* identical to box height, or 14px */
letter-spacing: 0.05em;
display: block;
position: relative;
color: #FFFFFF;
}

.top-nav svg{
    margin-right: 10px;
}

.top-nav-two{
    padding: 5px 5% 5px;
}

.top-nav-two div{
    display: inline-block;
    margin-right: 50px;
}

.navmenu {
    position: fixed;
    width: 100%;
    z-index: 90;
    top: 40px;
    left: 0px;
    background: #2A263D;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 10px 5% 10px;
}

.nav-div{
    display: grid;
    grid-template-columns: 2fr 12fr ;
    align-items: baseline;
}

.navmenu.nonactive {
    background: #2A263D;
}

.navmenu.active {
    background: #2A263D;
    top: 0px;
    padding: 10px 5% 10px;
}

.navmenu.active .nav-devider{
    opacity: 0;
}

.menu-btn{
    background: #FFBC6B;
box-sizing: border-box;
border-radius: 4px;
padding: 7px 16px;
cursor: pointer;
}

#menu {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    align-items: baseline;
    position: relative;
}

#menu li{
    padding: 0px 20px;
}

.navmenu.active #menu li a{
    color: #FFF !important;
}

#menu li a, .menu-btn{
    font-family: Bebas Neue;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 124.2%;
    
    /* identical to box height, or 20px */
    letter-spacing: 0.05em;
    
    color: #FFFFFF;
}

.menu-tog{
    border-right: 1px solid #FFBC6B;
    border-left: 1px solid #FFBC6B;
}

.navmenu.active #menu .menu-tog a {
    color: #FFBC6B !important;
}

.menu-tog a{
    color: #FFBC6B !important;
}


.logo-div {
    padding: 0px 0px;
}

.menu-div, .menu-phone-div{
    display: flex;
    justify-content: end;
}


.mob-menu {
    position: fixed;
    z-index: 30;
    background: #2a263d;
    width: 100%;
    height: 70px;
    padding: 10px;
    display: none;
    align-items: center;
    box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.25);
    grid-template-columns: 2fr 2fr 3fr;
}

.mob-menu .menu-phone{
    font-size: 14px;
    text-align: end;
    margin: 0px;
    color: #FFF;
}


.mob-menu .toggle {
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 1fr 1fr;
}

.mob-menu img{
    width: 110px;
}

.mobile-menu-list .toggle {
    width: 25px;
    height: 25px;
    position: absolute;
    cursor: pointer;
    top: 20px;
    left: 20px;
    transition: all 0.7s linear;
    transform: rotate(0deg);
}

.mobile-menu-list.active .toggle{
    transform: rotate(180deg);
}

.t-t{
    width: 100%;
    border:2px solid #FFF;
    border-radius: 3px;
    }

.tt1 {
    background: #FFF;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 11px;
    left: 0px;
    transform: rotate(46deg);
}

.tt2 {
    background: #FFF;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 11px;
    left: 0px;
    transform: rotate(-46deg);
}

.mobile-menu-list .contact-li{
    padding: 0px;
}

.mobile-menu-list .contact{
    font-family: Gotham Pro;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 124.2%;

/* identical to box height, or 14px */

color: #FFFFFF;
}

.mobile-menu-list {
    position: fixed;
    background:#2a263d;
    width: 300px;
    height: 500px;
    z-index: 122;
    display: block;
    transform: translate(-340px, 0px);
    transition: all 0.6s ease;
    box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.25);
}

.mobile-menu-list.active {
    transform: translate(0px, 0px);
}

.menu-list-div{
    position: relative;
    padding: 20px 0px;
}

.menu-list-div ul li a{
    font-family: Bebas Neue;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 124.2%;
    
    /* or 20px */
    letter-spacing: 0.05em;
    text-align: center;
    color: #FFFFFF;
}

.menu-list-div .logo {
    padding: 20px;
}

.menu-list-div ul {
    list-style-type: none;
    padding: 0px;
    margin: 30px 0px 0px;
}

.menu-list-div li {
    padding: 15px;
    text-align: center;
}





/*     MAIN     */

.slider-btn{
    background: #FFBC6B;
    border: 2px solid #FFBC6B;
    box-sizing: border-box;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 40px;
    width: 250px;
    transition: all 0.2s linear;
    font-family: Gotham Pro;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 122.01%;
text-align: center;
padding: 10px 0px;
/* identical to box height, or 22px */

color: #FFFFFF;
}

.slider-btn:hover{
    box-shadow: 0px 0px 9px #FFBC6B;
    background: #FFBC6B;
    transform: scale(1.06);
}

#main .title{
    font-family: Bebas Neue;
    font-style: normal;
    font-weight: 600;
    font-size: 64px;
    line-height: 64px;
    
    /* identical to box height */
    letter-spacing: 0.02em;
    
    color: #FFFFFF;
}

#main .title span{
    color: #FFBC6B;
}

#main .desc{
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 17px;
    
    color: #FFFFFF;
}

.main-slider{
    position: relative;
}

.main-item{
    position: relative;
    height: 100vh;
}

.main-item::before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    top: 0px;
    left: 0px;
    pointer-events: none;
} 

.main-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#main .info {
    position: absolute;
    top: calc(50% - 50px);
    max-width: 700px;
}

.wrapper-2 {
    position: fixed;
    bottom: 10px;
    left: 20px;
    z-index: 100;
    width: 70px;
height: 70px;
display:none;
outline:none;
   }  

.up-but img{
    width: 100%;
    height: 100%;
}

.up-but {
    padding: 10px;
    border: none;
    border-radius: 40px;
    background: #2A263D;
    box-shadow: 0px 0px 20px #2A263D;
    width: 60px;
    height: 60px;
    transition: all 0.2s linear;
}

.up-but:hover{
    box-shadow: 0px 0px 5px #2A263D;
    margin-top: -10px;
}




/*      ABOUT      */

#about{
    padding: 80px 0px 0px;
    overflow: hidden;
}

#about .desc{
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 149.8%;
    
    /* or 24px */
    
    color: #12151A;
}

#about img{
    width: 100%;
position: absolute;
bottom: 0px;
right: 0px;
}





/*      ADV      */
#adv{
    padding: 60px 0px 40px;
}

.adv-div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.adv-div div{
    padding: 30px 5px 0px;
}

.adv-div img{
    height: 70px;
}

.adv-title{
    font-family: Gotham Pro;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 122.01%;
min-height: 60px;
/* or 17px */
padding-top: 10px;
color: #12151A;
}

.adv-desc{
    font-family: Gotham Pro;
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 149.8%;

/* or 18px */

color: #12151A;
}












/*      PROD      */
#prod{
    padding: 50px 0px;
    min-height: 500px;
}

.prod-img-div{
    position: relative;
}

.prod-img {
    position: absolute;
    top: 40px;
    z-index: 3;
    display: block;
    right: 40px;
    width: 500px;
    height: 400px;
    object-fit: cover;
    border-radius: 7px;
}

.prod-img-div::before{
    content: "";
    width: 500px;
    height: 400px;
    display: block;
    background: #FFBC6B;
    border-radius: 7px;
    position: absolute;
    top: 0px;
    right: 90px;
}

.prod-img-div2{
    position: relative;
}

.prod-img2 {
    position: absolute;
    top: 40px;
    z-index: 3;
    display: block;
    left: 40px;
    width: 500px;
    height: 400px;
    object-fit: cover;
    border-radius: 7px;
}

.prod-img-div2::before{
    content: "";
    width: 500px;
    height: 400px;
    display: block;
    background: #FFBC6B;
    border-radius: 7px;
    position: absolute;
    top: 0px;
    left: 90px;
}

.prod-div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.prod-first .prod-div img, .prod-div p{
    cursor: pointer;
}

.prod-div img{
    width: 100%;
    height: 100px;
object-fit: cover;
}

.prod-div div{
    padding:0px 10px;
    transition: all 0.2s linear;
}

.prod-first .prod-div div:hover{
    transform: scale(0.95);
}

.prod-title{
    font-family: Gotham Pro;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 149.8%;

/* identical to box height, or 21px */
padding-top: 10px;
color: #12151A;
}





/*     NOVO    */

#novo{
    padding: 40px 0px;
}

#novo .novo-subtitle{
    font-family: Gotham Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 17px;

color: #12151A;
}

#novo .novo-desc{
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 149.8%;
    
    /* or 21px */
    
    color: #12151A;
}

#novo img{
    width: 100%;
}








/*      CONTACT      */
#contact{
    padding: 50px 0px 70px;
}
.contact-div {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.contact-form{
    background: #2A263D;
    padding: 50px 70px;
}

.contact-title{
    font-family: Bebas Neue;
font-style: normal;
font-weight: bold;
font-size: 42px;
line-height: 42px;

/* identical to box height */

color: #FFFFFF;
}

.contact-form form{
    max-width: 400px;
}

.contact-form input{
    width: 100%;
    background: transparent;
    border: none;
    border-bottom:  0.5px solid #FFFFFF;
    margin-top: 30px;
    color: #FFF;
}

.contact-form input::placeholder{
    font-family: Gotham Pro;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 105.7%;

opacity: 1;
color: #FFFFFF;
}

.contact-form button{
    border: none;
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 122.01%;
    
    /* identical to box height, or 22px */
    margin-top: 30px;
    color: #2C2C2C;
}

.contact-img{
    position: relative;
}
.contact-img img{
    width: 100%;
    height: 100%;
}

.contact-img::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(42, 38, 61, 0.53);
}











/*      PORTFOLIO      */

#port{
    padding: 0px 0px 40px;
    overflow: hidden;
}

#port .slick-slide img {
    display: block;
    width: 100%;
    padding: 10px;
    object-fit: cover;
height: 400px;
}

.port-slider{
    padding-bottom: 60px;
}


#port .slick-dots {
    display: -webkit-box;
    display: flex;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    position: absolute;
    right: 100px;
    bottom: 0px;
  }
  #port .slick-dots li {
    margin: 0 0.25rem;
  }
  #port .slick-dots button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #C4C4C4;
    text-indent: -9999px;
    outline: none;
    cursor: pointer;
  }
  #port .slick-dots li.slick-active button {
    background-color: #F2B43E;
  }
  



  #port .slick-next{
    position: absolute;
    display: block;
    width: 20px;
    height: 40px;
    bottom: 0px;
    right: 70px;
    background: url("../img/icons/Group.svg") center no-repeat;
    background-size: contain;
    border: none;
transform: rotate(0deg);
outline: none !important;
transition: all 0.2s linear;
cursor: pointer;
}

#port .slick-next:hover{
    right: 65px;
}

#port .slick-prev{
    position: absolute;
    display: block;
    width: 20px;
    height: 40px;
    bottom: 0px;
    right:250px;
    background: url("../img/icons/Group.svg") center no-repeat;
    background-size: contain;
    border: none;
transform: rotate(-180deg);
outline: none !important;
transition: all 0.2s linear;
cursor: pointer;
z-index: 1;
}

#port .slick-prev:hover{
    right:255px;
}


















/*      FOOTER      */
.footer-bot{
    background: #33282C;
    padding: 15px 0px;
}

footer{
    padding-top: 30px;
}

.factum {
    color: #FFF;
    text-align: center;
}

.factum p{
    margin: 0px;
    font-family: Gotham Pro;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 124.2%;
}
.factum a{
    color: #FFF;
}

.footer-div {

    background: #FFFFFF;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
   margin: 0px 50px 40px;
}


.contact-list{
    padding: 60px 15px 0px;
}

.contact-item {
    display: grid;
    grid-template-columns: 2fr 8fr;
}

.contact-item p{
    margin: 0px;
    font-family: Gotham Pro;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 124.2%;

/* identical to box height, or 15px */

color: #12151A;
}

.contact-item a{
    font-family: Gotham Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 124.2%;

/* or 22px */

color: #12151A;
}


.contact-dev{
    background: #FFBC6B;
border-radius: 6px;
width: 100%;
height: 16px;
margin-top: 40px;
}





















































/*     CallBack     */

.bazz-widget::-webkit-input-placeholder {
    color: #FFF!important;
    font-style: normal!important
}

.bazz-widget:-moz-placeholder {
    color: #FFF!important;
    opacity: 1;
    font-style: normal!important
}

.bazz-widget::-moz-placeholder {
    color: #FFF!important;
    opacity: 1;
    font-style: normal!important
}

.bazz-widget:-ms-input-placeholder {
    color: #FFF!important;
    font-style: normal!important
}

.bazz-widget:placeholder-shown {
    color: #FFF!important;
    font-style: normal!important
}

.bazz-widget {
    box-sizing: border-box;
    position: fixed!important;
    font-family: helvetica, sans-serif!important;
    width: 65px;
    height: 65px;
    border-radius: 35px;
    transition: width .5s;
    background-color: #ffb400;
    text-align: right;
    line-height: 1;
    z-index: 9997
    
}

.bazz-widget * {
    box-sizing: border-box
}

.bazz-widget.opened {
    width: 500px
}

.bazz-widget-close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -10px;
    left: -10px;
    display: none;
    cursor: pointer;
    border-radius: 50%;
    border: 3px solid #FFF;
    background: url(../img/bazz-close-button.png) no-repeat center center;
    background-color: #ffb400;
    background-size: 22px;
    font-size: 0;
    z-index: 9998
}

.bazz-widget.opened .bazz-widget-close {
    display: block
}

.bazz-widget-form {
    display: none;
    width: 100%;
    text-align: center;
    overflow: hidden;
    height: 65px;
    transition: margin .3s ease-in-out;
    position: relative
}

.bazz-widget-form label {
    display: inline-block;
    width: 32%;
    color: #FFF;
    text-align: left;
    vertical-align: middle;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 400;
    margin: 0!important
}

.bazz-widget-form label .bazz_time {
    position: static
}

.bazz-widget-form label.countdown {
    width: 25%;
    margin-left: 2%
}

.bazz-widget-form input {
    display: inline-block!important;
    width: 32%!important;
    text-align: left;
    vertical-align: middle!important;
    height: 30px!important;
    border-radius: 20px!important;
    padding: 0!important;
    color: #FFF!important;
    font-family: helvetica, sans-serif!important;
    font-size: 16px!important;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none;
    margin: 0!important
}

.bazz-widget-form input[type="tel"] {
    background: transparent!important;
    border: 1px solid #FFF;
    padding-left: 6px!important;
    padding-right: 6px!important
}

.bazz-widget-form input[type="tel"]:focus,
.bazz-widget-form input[type="text"]:focus {
    border-color: #FFF
}

.bazz-widget-form-submit {
    width: 25%;
    margin-left: 2%;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    font-family: helvetica, sans-serif!important;
    font-size: 16px;
    border-radius: 20px;
    height: 30px;
    color: #FFF!important;
    display: inline-block;
    text-decoration: none!important;
    vertical-align: middle;
    line-height: 28px;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    position: static
}

.bazz-widget-form input[hidden] {
    display: none!important
}

.bazz-widget .bazz-widget-button {
    width: 65px;
    height: 65px;
    border: none;
    text-align: center;
    border-radius: 35px;
    position: relative;
    padding: 0;
    cursor: pointer;
    z-index: 2
}

.bazz-widget i {
    font-style: normal;
    font-family: helvetica, sans-serif!important;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -ms-transition: -moz-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.bazz-widget.opened .bazz-widget-button,
.bazz-widget.opened .bazz-widget-inner-circle,
.bazz-widget.opened .bazz-widget-inner-border {
    display: none
}

.bazz-widget i:first-child {
    background: url(../img/trubka.png) no-repeat center center
}

.bazz-widget i:last-child {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    color: #FFF;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    word-wrap: break-word;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bazz-widget-inner-circle {
    width: 65px;
    height: 65px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 100px;
    opacity: .3;
    z-index: 1;
    transition: all 1s ease-in-out
}

.bazz-widget-inner-border {
    width: 65px;
    height: 65px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 200px;
    border-width: 1px;
    border-style: solid;
    z-index: 1;
    opacity: 1
}

.bazz-widget-your-name {
    color: #FFF!important;
    text-decoration: none!important;
    border-bottom: 1px dashed #fff;
    line-height: 1.2;
    height: auto;
    width: auto;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    position: static
}

.bazz-widget-form-top,
.bazz-widget-form-bottom {
    width: 100%;
    height: 65px;
    padding-top: 12px;
    transition: margin .3s ease-in-out;
    position: relative
}

.bazz-widget-form-top.overflow {
    margin-top: -65px
}

.bazz-widget-form-bottom label {
    width: 45%;
    vertical-align: middle
}

.bazz-widget-form-bottom input {
    width: 40%;
    vertical-align: middle;
    padding: 0 6px!important;
    background: transparent!important;
    border: 1px solid #FFF
}

.bazz-widget-name-close {
    width: 34px;
    height: 34px;
    display: inline-block;
    background: url(img/ok.png) no-repeat center center #ffb400;
    background-size: 24px;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    margin-left: 10px;
    vertical-align: middle;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    position: static
}

.bazz-widget-form-info {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 9px;
    text-align: center;
    width: 100%;
    line-height: 1;
    padding-bottom: 2px;
    color: #666!important
}

.bazz-widget {
    bottom: 20px;
    right: 20px;
    left: auto !important;
}

.bazz-widget,
.bazz-widget-close,
.bazz-widget-form-submit,
.bazz-widget-button,
.bazz-widget-name-close,
.bazz-widget-inner-circle {
    background-color: #00aff2;
}

.bazz-widget-inner-border,
.bazz-widget-form-submit,
.bazz-widget-name-close {
    border-color: #00aff2;
}





/***************************
	Author: Yury Nemets
	URL: //sitehere.ru
****************************/

.ymap-container {
    background: url('../img/yandex-before-load-marker.png') #fff no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

#map-yandex {
    cursor: pointer;
    height: 400px;
    width: 100%;
    background-color: transparent;
    position: relative;
    z-index: 7;
}


/*Индикатор загрузки, который показывается до загрузки карты*/

.loader {
    color: #000;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    -webkit-transition: opacity .7s ease;
    -o-transition: opacity .7s ease;
    transition: opacity .7s ease;
    background-color: rgba(0, 0, 0, 0.55);
    opacity: 0;
}

.loader::after,
.loader::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.loader.is-active {
    top: 0;
    opacity: 1;
    z-index: 0;
}

.loader-default::after {
    content: '';
    position: absolute;
    width: 48px;
    height: 48px;
    border: solid 8px #fff;
    border-left-color: transparent;
    border-radius: 50%;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
}

.ymap-container::before {
    content: 'Кликните для просмотра';
    position: absolute;
    background: #FFFFFFCF;
    padding: 10px 30px 15px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 30px #FFF;
    box-shadow: 0px 0px 30px #FFF;
    top: 40%;
    left: calc(50% - 130px);
    border: none;
    border-radius: 10px;
    width: 260px;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes blink {
    from {
        opacity: .5;
    }
    to {
        opacity: 1;
    }
}

@keyframes blink {
    from {
        opacity: .5;
    }
    to {
        opacity: 1;
    }
}



.wrapper-1 {
    position: fixed;
    bottom: 0px;
    right: 0px;
    transform: translate(-30%, -20%);
    display: none;
    height: 50px;
    z-index: 2;
   }  
   
   .pulse {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    background: #0ABAFF;
    border-radius: 50%;
    transition: .5s;
    cursor:pointer;
   } 
   
   .phone-w {
    position: absolute;
    font-size: 33px;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 40px;
    opacity: 1;
    animation: phone 3.9s ease-in-out  infinite;
   } 
   .phone-w img{
    width: 100%;
   } 
   
   .phone-w i {
    transition: .5s ease-in-out;
   } 
   
   .pulse:hover i{
    transition: .5s ease-in-out;
    transform: scale(0);
    opacity: 0;
   }  
   
   .pulse:hover {
    background: #0E683E;
   }  
   
   .text-1 {
    position: absolute;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-weight: 700;
    top: 23px;
    font-size: 1.1rem;
    transform: scaleX(-1);
    transition: .5s ease-in-out;
    opacity: 0;
   } 
   
   .pulse:hover .text-1 {
     transform: scaleX(1);
     transition: .5s ease-in-out;
     opacity: 1;
   }
   
   .pulse:before,
   .pulse:after {
    content: '';
    position: absolute;
    border: 1px solid #0E683E;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: pulse 3.8s linear infinite;
   } 
   
   .pulse:after {
    animation-delay: .5s;
   }    
   
   @keyframes pulse {
    0% {
     transform: scale(0.5);
     opacity: 0;
    }
    50% {
     opacity: 1;
    }
    100% {
     transform: scale(1.2);
     opacity: 0;
    }
   }   
   
   @keyframes phone {
    0%, 100% {
     transform: rotate(-20deg);
    }
    50% {
     transform: rotate(21deg);
    }
   }  
   
   
   @media all and (max-width: 767px) {
    .wrapper-1 {
        position: fixed;
        bottom: 0px;
        right: 0px;
        transform: translate(-30%, -20%);
        display: block;
        height: 50px;
     }  
  }


body.active{
    overflow: hidden;
}
.modal-div-form{
    position: fixed;
    transform: translate(100%, 0px);
    height: 100vh;
    z-index: 100;
		transition: all 0.3s linear;
    width: 100%;
}

.modal-div-form.active{
    transform: translate(450px, 0px);
}

.modal-back {
    width: 100%;
    height: 100%;
    background: url("../img/modal-krowl-bg.svg") center no-repeat;
    background-size: cover;
    position: absolute;
    transition: all 0.3s linear;
}

.modal-div-form.active .modal-back{

}

.close-modal-form{
    position: absolute;
    width: 25px;
    height: 25px;
    top: 130px;
left: 20%;
cursor: pointer;
    background: url("../img/icons/close.svg") center no-repeat;
    background-size: contain;
}

.modal-form {
    position: relative;
    width: 400px;
    height: 400px;
    top: calc(50% - 150px);
    left: 25%;
}


.modal-form input{
    width: 100%;
    background: transparent;
    border: none;
    border-bottom:  0.5px solid #FFFFFF;
    margin-top: 30px;
    color: #FFF;
}

.modal-form input::placeholder{
    font-family: Gotham Pro;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 105.7%;

opacity: 1;
color: #FFFFFF;
}

.modal-form button{
    border: none;
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 122.01%;
    background:
#FFBC6B;
box-sizing: border-box;
border-radius: 4px;
padding: 10px 40px;
cursor: pointer;
    /* identical to box height, or 22px */
    margin-top: 30px;
    color: #2C2C2C;
}

.modal-title{
    font-family: Bebas Neue;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 124.2%;

/* identical to box height, or 30px */
letter-spacing: 0.05em;
text-align: center;
color: #FFFFFF;
}

.img-div {
    width: 160px;
    margin: 0px auto 40px;
}

.img-div img{
    width: 100%;
}






/*      THANKS     */

#thank{
    min-height: 100vh;
    background: url("../img/thanks-krowl.svg") left no-repeat;
    background-size: cover;
}

.thank-div .title{
    font-family: Bebas Neue;
font-style: normal;
font-weight: bold;
font-size: 64px;
line-height: 100%;
letter-spacing: 0.05em;
color:#FFF;
text-align: center;
margin: 0px;
}


.thank-div a{
    background: rgba(75, 41, 39, 0.47);
border: 2px solid #4B2927;
box-sizing: border-box;
border-radius: 4px;
font-family: Gotham Pro;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 122.01%;

/* identical to box height, or 22px */

color: #FFFFFF;
outline: none !important;
padding: 6px 16px;
	display: block;
max-width: 250px;
margin: auto;
	text-align: center;

}


.thanks-page .navmenu{
    top: 34px;
}

.thank-div .text{
 color:#FFF;
	text-align:center
}

.thank-div {
    padding-top: 150px;
}








/*      MODAL     */
.modal-content .modal-title{
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 17px;
    color:
    #12151A;
    text-align: left;
}

.modal-content .modal-desc{
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 149.8%;
    color:
    #12151A;
    padding-top: 20px;
}

.modal-content .modal-body {
    padding: 50px;
}

.modal-content .parametres{
    width: 100%;
}


.modal-content .tilcor-slider img{
    width: 100% !important;
}

.modal-content .text{
    font-size: 13px;
    line-height: 18px;
}

.modal-content button{
    outline: none;
}

.modal-content .close {
    position: absolute;
    top: 5px;
    right: 10px;
}

.degree {
    margin-top: 20px;
}