*{margin: 0;padding: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;box-sizing: border-box;outline: none;}
html,body{width: 100%;min-height:100%;margin: 0;padding: 0;border: 0;font-size: 100%;overflow-x: hidden;}
body{font-family: 'Open Sans', sans-serif;-webkit-text-size-adjust: none;}

.loaderArea {
  background: linear-gradient(-60deg, #555 10%, #181818 90%);
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  right:0;
  bottom:0;
  z-index: 9999;
}
.loader{height:100%;width:100%}
.loader .l_main{position:absolute;top:50%;left:50%;width:172px;height:128px;margin:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
@media (max-width:550px){.loader{-webkit-transform:scale(0.75);transform:scale(0.75)}}
@media (max-width:440px){.loader{-webkit-transform:scale(0.5);transform:scale(0.5)}}
.l_square{position:relative}
.l_square:nth-child(1){margin-left:0px}
.l_square:nth-child(2){margin-left:44px}
.l_square:nth-child(3){margin-left:88px}
.l_square span{position:absolute;top:0px;left:20px;height:36px;width:36px;border-radius:2px;background-color:#FFFFFF}
.l_square span:nth-child(1){top:0px}
.l_square span:nth-child(2){top:44px}
.l_square span:nth-child(3){top:88px}
.l_square:nth-child(1) span{-webkit-animation:animsquare1 2s infinite ease-in;animation:animsquare1 2s infinite ease-in}
.l_square:nth-child(2) span{-webkit-animation:animsquare2 2s infinite ease-in;animation:animsquare2 2s infinite ease-in}
.l_square:nth-child(3) span{-webkit-animation:animsquare3 2s infinite ease-in;animation:animsquare3 2s infinite ease-in}
.l_square span:nth-child(1){-webkit-animation-delay:0.00s;animation-delay:0.00s}
.l_square span:nth-child(2){-webkit-animation-delay:0.15s;animation-delay:0.15s}
.l_square span:nth-child(3){-webkit-animation-delay:0.30s;animation-delay:0.30s}
@-webkit-keyframes animsquare1{0%,5%,95%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}30%,70%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@keyframes animsquare1{0%,5%,95%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}30%,70%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@-webkit-keyframes animsquare2{0%,10%,90%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}35%,65%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@keyframes animsquare2{0%,10%,90%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}35%,65%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@-webkit-keyframes animsquare3{0%,15%,85%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}40%,60%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}
@keyframes animsquare3{0%,15%,85%,100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}40%,60%{-webkit-transform:translate(-40px,0px) rotate(-90deg);transform:translate(-40px,0px) rotate(-90deg)}}

#wrapper{width: 1140px;margin: 0 auto;position: relative;left: 0;right: 0;letter-spacing: 0px;z-index: 2;}
.clearfix:after{content: "";display: table;clear: both;}
.hidden-xl{display: none;}
.hidden-xs{display: block;}

button{padding: 12px 12px;border:none;background: transparent;color: #fff;border:1px solid #fff;border-radius: 50px;font-size: 14px;text-transform: uppercase;letter-spacing: 2px;font-weight: 300;cursor: pointer;transition: .35s all;}
button:hover{background: #fff;color: #333;}

.title{color: #fff;font-size: 36px;text-transform: uppercase;text-align: center;display: block;font-weight: 400;letter-spacing: 1px;margin-top:-150px;}

/**************************************** END GENERAL SETTINGS ****************************************/

/********** START HEADER **********/
.header{position: fixed;width: 100%;height:50px;text-align: center;background: transparent;left: 0;right: 0;margin: 50px auto;}
.headerScroll{background: rgba(0,0,0,.75);margin:0px;}
.header .header-menu{position: absolute;left: 0;right: 0;top:0;}
.header .header-menu ul li{display: inline-block;list-style:none;padding: 15px 15px;}
.header .header-menu ul li a{color: #fff;text-decoration: none;text-transform: uppercase;font-weight: 600;font-size: 13px;letter-spacing: 1px;}
.header .header-menu ul li a:hover{border-bottom: 2px solid #fff;}
.header .header-menu ul li .active{border-bottom: 2px solid #fff;}
/******************** END HEADER ********************/

/********** START SECTION 1 **********/
.section-1{width: 100%;height: 100%;position: relative;}
.section-1 .bgoverflow{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;z-index: 2;top:0;}
.section-1 .logotype {position: absolute;left: 0;right: 0;margin:175px auto;width: 600px;height:92px;background:url('../images/logo.png')center center no-repeat;background-size: 400px;z-index: 3;}
.section-1 .logotype p{position: absolute;bottom: -40px;left: 0;right: 0;text-align: center;font-size: 24px;color: #fff;font-weight: 300;letter-spacing: 3px;}
.section-1 .offer{width: 1140px;text-align: left;position: absolute;z-index: 2;top:40%;left: 0;right: 0;margin: auto;}
.section-1 .offer .offer-text{font-size: 36px;color: #fff;text-transform: uppercase;letter-spacing: 2px;font-weight: 400;width: 60%;text-shadow: 0px 2px 2px rgba(0,0,0,.5);}
.section-1 .offer .offer-text-min{font-size: 18px;color: #eaeaea;letter-spacing: 1px;font-weight: 300;width:60%;line-height: 1.5;margin-top: 15px;text-shadow: 0px 3px 3px rgba(0,0,0,.5);}
.section-1 .offer button{margin-top:25px;}

.slider{width: 100%;height: 100vh;top:0;animation: sliderAnimation 36s linear infinite;}
.slide1{background: url('../images/section1/slide1.jpg') center center no-repeat;background-size:cover;}
.slide2{background: url('../images/section1/slide2.jpg') center center no-repeat;background-size:cover;}
.slide3{background: url('../images/section1/slide3.jpg') center center no-repeat;background-size:cover;}
.slide4{background: url('../images/section1/slide4.jpg') center center no-repeat;background-size:cover;}
.slide5{background: url('../images/section1/slide5.jpg') center center no-repeat;background-size:cover;}

.scrolldown{position: absolute;left: 0;right: 0;bottom: 100px;width: 40px;height: 40px;margin: auto;z-index: 3;cursor: pointer;}
.scrolldown svg{opacity: .75;transition: .35s opacity;}
.scrolldown:hover svg{opacity: 1;}
@keyframes scroll {0% {transform: translateY(0);}30% {transform: translateY(30px);}}
.scrolldown svg #wheel{animation: scroll ease 2s infinite;}


/******************** END SECTION 1 ********************/

/********** START SECTION 2 **********/
.section-2{width: 100%;height: 100%;position: relative;background:#181818;}
.section-2 .title{margin-top: 0px;padding-top: 125px;}
.section-2 .box{color: #fff;width: 850px;margin:0 auto;z-index: 1;margin-top:50px;}
.section-2 .box p{font-size: 16px;font-weight: 300;letter-spacing: 1px;line-height: 1.75;z-index: 1;text-align: left;}
.section-2 .box p:nth-child(2){text-align: center;margin-top:25px;}
.section-2 .box p:nth-child(3){text-align: center;margin-top:50px;}
.section-2 .garant{width: 850px;margin:0 auto;color: #fff;font-size: 28px;font-weight: 300;text-align: center;margin-top:25px;padding-top:50px;border-top:2px dashed #fff;}
.section-2 .box-inline{float:left;width:31%;height:100%;position: relative;margin: 13px;margin-top: 50px;margin-bottom: 50px;}
.section-2 .box-inline .circle{width: 75px;height: 75px;border-radius: 150px;background: #fff;float: left;margin-right: 10px;}
.section-2 .box-inline .shield{background:#fff url('../images/icons/shield.svg') center center no-repeat;background-size: 48px;}
.section-2 .box-inline .plan{background:#fff url('../images/icons/plan.svg') center center no-repeat;background-size: 42px;}
.section-2 .box-inline .connect{background:#fff url('../images/icons/connect.svg') center center no-repeat;background-size: 48px;}

.section-2 .box-inline p{color: #fff;font-size: 14px;font-weight: 300;text-align: left;margin-top: 18px;}
.section-2 a{text-decoration: none;}
.section-2 button{display: initial;}
.section-2 .bottom-side{width: 100%;height: 35%;position: absolute;background: #101010;bottom: 0;}
.section-2 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom:35%;left: 0;right: 0;z-index: 0;}
/******************** END SECTION 2 ********************/

/********** START SECTION 3 **********/
.section-3{width: 100%;height: 100%;position: relative;background:#101010;}
.section-3 .title{margin-top: 0px;padding-top: 125px;}

.section-3 .box{position: relative;width:100%;height: 610px;margin-top:50px;}
.section-3 .box .name {position: relative;top: -35px;left: 25px;color: #fff;text-align: left;font-size: 18px;letter-spacing: 1px;text-transform: uppercase;}
.section-3 .box .name sup{font-size: 14px;}
.section-3 .box .item{position: absolute;overflow: hidden;cursor: pointer;border-radius: 2px;}
.section-3 .box .item img{position: absolute;width: 100%;height: 100%;object-fit: cover;transition: 2s all;} 
.section-3 .box .item:hover img{transform: scale(1.1);}
.section-3 .box .item .view{position: absolute;left: 0;right: 0;top:0;bottom: 0;margin:auto;width: 100%;height: 100%;background:rgba(0,0,0,.5) url('../images/icons/zoom.svg') center center no-repeat;background-size: 72px;transition: .35s all;opacity: 0;}
.section-3 .box .item:hover .view{opacity: 1;}

.section-3 .left .left-side{width: 520px;height:610px;left: 0;top:0;}
.section-3 .left .top-right{width: 300px;height:300px;right: 0;top:0;}
.section-3 .left .top-left{width: 300px;height:300px;right: 310px;top:0;}
.section-3 .left .bottom-right{width: 300px;height:300px;right: 0;top:310px;}
.section-3 .left .bottom-left{width: 300px;height:300px;right: 310px;top:310px;}

.section-3 .right .left-side{width: 520px;height:610px;right: 0;top:0;}
.section-3 .right .top-right{width: 300px;height:300px;left: 0;top:0;}
.section-3 .right .top-left{width: 300px;height:300px;left: 310px;top:0;}
.section-3 .right .bottom-right{width: 300px;height:300px;left: 0;top:310px;}
.section-3 .right .bottom-left{width: 300px;height:300px;left: 310px;top:310px;}

.section-3 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
.section-3 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:45%;}
/******************** END SECTION 3 ********************/


/********** START SECTION 4 **********/
.section-4{width: 100%;height: 100%;position: relative;background:#181818;}
.section-4 .title{margin-top: 0px;padding-top: 125px;}

.section-4 .box{position: relative;width:100%;height: 610px;margin-top:50px;border-radius: 18px;overflow: hidden;text-align: center;}
.section-4 .box .boxdesc{width: 50%;position: absolute;left: 100px;top: 15%;z-index: 2;padding: 25px;border-radius: 18px;text-align: left;visibility:visible;opacity:1;transition: visibility .5s, opacity .5s linear;cursor: pointer;}
.section-4 .box .boxdesc .name{color: #fff;text-align: left;font-size: 32px;margin-bottom:25px;letter-spacing: 1px;text-transform: uppercase;}
.section-4 .box .boxdesc .desc{color: #fff;text-align: left;font-size: 16px;letter-spacing: 2px;}
.section-4 .box .boxdesc button{margin-top: 25px;}
.section-4 .box .boximage{float:left;width: 285px;height: 610px;overflow: hidden;position: relative;}
.section-4 .box .boximage a .boxshadow{width: 285px;height: 100%;background: rgba(0,0,0,.7);position: absolute;z-index: 1;transition: 1s all;top:0;}
.section-4 .box .boximage img{width: 100%;height: 100%;object-fit: cover;transition: 2s all;position: absolute;}
.section-4 .box .boximage a:hover img{transform: scale(1.1);}
.section-4 .box:hover .boxdesc{visibility: hidden;opacity: 0;}
.section-4 .box .boximage a:hover .boxshadow{background: rgba(0,0,0,0);}

.section-4 .bottom-side{width: 100%;height: 35%;position: absolute;background: #101010;bottom: 0;}
.section-4 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom: 35%;left: 0;right: 0;z-index: 0;}
/******************** END SECTION 4 ********************/



/********** START SECTION 5 **********/
.section-5{width: 100%;height: 100%;position: relative;background:#101010;padding-bottom: 15px;}
.section-5 .title{margin-top: 0px;padding-top: 125px;}
.section-5 .box{vertical-align:top;position: relative;display:inline-block;width:370px;margin-top:50px;border-radius: 18px;border:1px solid #fff;overflow: hidden;text-align: center;transition: .5s all;}
.section-5 .box:nth-child(3){margin-left: 10.5px;margin-right: 10.5px;}
.section-5 .box .name{margin-top:15px;position:relative;display:block;width:100%;height:65px;line-height:1;border-bottom:1px solid #fff;color: #fff;text-align: center;font-size: 24px;letter-spacing: 1px;text-transform: uppercase;transition: .5s all;}
.section-5 .box .name span{font-size: 12px;}
.section-5 .box ul{position:relative;display:block;margin: 10px 5px 0px 30px;}
.section-5 .box ul li{line-height:1.75;color:#fff;font-size: 14px;text-align: left;letter-spacing: 1px;font-weight: 600;margin-top:15px;}
.section-5 .box ul li ul{margin: 0 5px 0 30px;}
.section-5 .box ul li ul li{font-weight: 300;font-size: 13px;margin-top:0;}
.section-5 .box .price{margin-top: 25px;margin-bottom: 50px;position: relative;width: 100%;color:#fff;font-size: 32px;text-align: center;letter-spacing: 2px;font-weight: 300;transition: .5s all;}
.section-5 .box .price span{font-size: 18px;letter-spacing: 1px;display: block;}
.section-5 .box button{position: relative;bottom: 20px;width: 330px;left: 0;right: 0;margin:auto;border-radius:8px;transition: .5s all;}
.section-5 .box button:hover{background: #fff;color: #333!important;}
.section-5 .boxtext{margin-top: 50px;border:1px solid #fff;padding: 20px;border-radius: 16px;}
.section-5 .boxtext hr{border-style: solid;border-width: 1px;margin-bottom: 6px;color: #fff;}
.section-5 .boxtext p{font-size: 16px;color: #fff;margin-bottom: 10px;letter-spacing: 1px;line-height: 1.5;font-weight: 300;}
.section-5 .boxtext .pdiv{color:#fff;font-size: 24px;font-weight: 400;letter-spacing: 8px;display: block;text-align: center;margin-bottom:15px;}
.section-5 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
.section-5 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:45%;}
/******************** END SECTION 5 ********************/

/********** START SECTION 7 **********/
.section-7{width: 100%;height: 100%;position: relative;background:#181818;}
.section-7 .title{margin-top: 0px;padding-top: 125px;}
.section-7 .maxbox{height: 610px;margin-top: 50px;}
.main{display: block!important;margin: 0 auto;height: 175px!important;}
.section-7 .box{position: relative;width:100%;display: inline-block;width:33%;height: 250px;vertical-align:middle;text-align: center;}
.section-7 .box img{width: 225px;height: 225px;}

.section-7 .bottom-side{width: 100%;height: 35%;position: absolute;background: #101010;bottom: 0;}
.section-7 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom:35%;left: 0;right: 0;z-index: 0;}
/******************** END SECTION 7 ********************/




/********** START SECTION 6 **********/
.section-6{width: 100%;height: 100%;position: relative;background:#101010;padding-bottom: 25px;}
.section-6 .title{margin-top: 0px;padding-top: 125px;}

.section-6 .left-side{position:relative;width: 425px;height: 610px;float: left;margin-top: 50px;}
.section-6 .left-side .logo{margin:50px 0px;margin-bottom:60px;width: 300px;height:69px;background:url('../images/logo.png')center center no-repeat;background-size: 300px;}
.section-6 .left-side div{display: block;color: #fff;font-size: 18px;font-weight: 300;}
.section-6 .left-side .mode{margin-bottom: 20px;margin-top: 5px;}
.section-6 .left-side a{display: inline;color: #fff;text-decoration: none;font-size: 18px;font-weight: 300;}
.section-6 .left-side a:hover{border-bottom:2px solid #fff;}
.section-6 .left-side button{margin-top: 25px;}
.section-6 .left-side .copyright{position: absolute;color: #fff;font-size: 13px;bottom: 0px;}
.section-6 .right-side{position:relative;width:700px;height:610px;float: right;margin-top:50px;border-radius: 18px;overflow: hidden;}
.section-6 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
.section-6 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:45%;}

/******************** END SECTION 6 ********************/

.social{position: fixed;bottom: 100px;right: 18%;width:24px;height:134px;z-index: 5;}
.social a{position: absolute;display: block;right: 0px;width: 24px;height:24px;opacity: .75;transition: .35s opacity;}
.social a:hover{opacity: 1;}
.social a:nth-child(1){background: url('../images/icons/call.svg') center center no-repeat;background-size: 24px;}
.social a:nth-child(2){background: url('../images/icons/instagram.svg') center center no-repeat;background-size: 24px;margin-top: 38px;}
.social a:nth-child(3){background: url('../images/icons/vk.svg') center center no-repeat;background-size: 24px;margin-top: 74px;}
.social a:nth-child(4){background: url('../images/icons/facebook.svg') center center no-repeat;background-size: 24px;margin-top:110px;}


@keyframes sliderAnimation {
  0% {
    transform: scale(1.0);
  }
  10% {

    transform: scale(1.05);
  }
  25% {

    transform: scale(1.1);
  }
  50% {

    transform: scale(1.2);
  }
  75% {

    transform: scale(1.3);
  }
  100% {}
}



/********** START POPUP WINDOW **********/
.g-hidden {display: none;}
.box-modal-popup {position: relative;width: 350px;height:270px;border-radius:4px;padding: 20px;background: #fff;border-radius: 16px;}
.box-modal-popup_close{cursor:pointer;position: absolute;right: 5px;top: 5px;background: url('../images/icons/close.svg') center center no-repeat;background-size:14px; width: 24px;height:24px;opacity: .75;}
.box-modal-popup_close:hover{opacity: 1;}
.box-modal-popup .name{text-align: center;margin-top:15px;margin-bottom:30px;color: #555;font-size: 18px;text-transform: uppercase;letter-spacing: 2px;}
.box-modal-popup-content{width: 100%;text-align: center;}
.box-modal-popup-content input{margin-bottom:10px;width: 100%;height: 42px;padding: 4px 14px;border:none;border:1px solid #ccc;border-radius: 50px;color: #555;font-size: 14px;display: block;transition: .35s all;}
.box-modal-popup-content input:focus{border:1px solid #555;}
.box-modal-popup-content button{position: relative;width: 100%;border:1px solid #ccc;color: #555;transition: .35s all;}
.box-modal-popup-content button:hover{border: 1px solid #555;background: #555;color: #fff;}
#result{position:relative;text-align: center;margin-top: 50px;}
#result span{font-size:14px;color: #585254;background: none;padding-left: 0px;}
/********** END POPUP WINDOW **********/


@media (min-width: 1279px) and (max-width: 1280px) {
    .social{position: fixed;bottom: 50px;right: 20px;width:24px;height:134px;z-index: 5;}
    .social a{position: absolute;display: block;right: 0px;width: 24px;height:24px;opacity: .75;transition: .35s opacity;}
    .social a:hover{opacity: 1;}
    .social a:nth-child(1){background: url('../images/icons/call.svg') center center no-repeat;background-size: 24px;}
    .social a:nth-child(2){background: url('../images/icons/instagram.svg') center center no-repeat;background-size: 24px;margin-top: 38px;}
    .social a:nth-child(3){background: url('../images/icons/vk.svg') center center no-repeat;background-size: 24px;margin-top: 74px;}
    .social a:nth-child(4){background: url('../images/icons/facebook.svg') center center no-repeat;background-size: 24px;margin-top:110px;}
      
}

@media (min-width: 1359px) and (max-width: 1366px) {
    .social{position: fixed;bottom: 50px;right: 65px;width:24px;height:134px;z-index: 5;}
    .social a{position: absolute;display: block;right: 0px;width: 24px;height:24px;opacity: .75;transition: .35s opacity;}
    .social a:hover{opacity: 1;}
    .social a:nth-child(1){background: url('../images/icons/call.svg') center center no-repeat;background-size: 24px;}
    .social a:nth-child(2){background: url('../images/icons/instagram.svg') center center no-repeat;background-size: 24px;margin-top: 38px;}
    .social a:nth-child(3){background: url('../images/icons/vk.svg') center center no-repeat;background-size: 24px;margin-top: 74px;}
    .social a:nth-child(4){background: url('../images/icons/facebook.svg') center center no-repeat;background-size: 24px;margin-top:110px;}
      
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .social{position: fixed;bottom: 50px;right: 100px;width:24px;height:134px;z-index: 5;}
    .social a{position: absolute;display: block;right: 0px;width: 24px;height:24px;opacity: .75;transition: .35s opacity;}
    .social a:hover{opacity: 1;}
    .social a:nth-child(1){background: url('../images/icons/call.svg') center center no-repeat;background-size: 24px;}
    .social a:nth-child(2){background: url('../images/icons/instagram.svg') center center no-repeat;background-size: 24px;margin-top: 38px;}
    .social a:nth-child(3){background: url('../images/icons/vk.svg') center center no-repeat;background-size: 24px;margin-top: 74px;}
    .social a:nth-child(4){background: url('../images/icons/facebook.svg') center center no-repeat;background-size: 24px;margin-top:110px;}
      
}

@media (min-width: 1441px) and (max-width: 1768px) {
    .social{position: fixed;bottom: 50px;right: 180px;width:24px;height:134px;z-index: 5;}
    .social a{position: absolute;display: block;right: 0px;width: 24px;height:24px;opacity: .75;transition: .35s opacity;}
    .social a:hover{opacity: 1;}
    .social a:nth-child(1){background: url('../images/icons/call.svg') center center no-repeat;background-size: 24px;}
    .social a:nth-child(2){background: url('../images/icons/instagram.svg') center center no-repeat;background-size: 24px;margin-top: 38px;}
    .social a:nth-child(3){background: url('../images/icons/vk.svg') center center no-repeat;background-size: 24px;margin-top: 74px;}
    .social a:nth-child(4){background: url('../images/icons/facebook.svg') center center no-repeat;background-size: 24px;margin-top:110px;}
      
}


@media (min-width: 1280px) and (max-width: 1366px) {
    .title{color: #fff;font-size: 36px;text-transform: uppercase;text-align: center;display: block;font-weight: 400;letter-spacing: 1px;margin-top:-150px;}

    /**************************************** END GENERAL SETTINGS ****************************************/
    /********** START HEADER **********/
    .header{position: fixed;width: 100%;height:50px;text-align: center;background: transparent;left: 0;right: 0;margin: 50px auto;}
    .headerScroll{background: rgba(0,0,0,.75);margin:0px;}
    .header .header-menu{position: absolute;left: 0;right: 0;top:0;}
    .header .header-menu ul li{display: inline-block;list-style:none;padding: 15px 15px;}
    .header .header-menu ul li a{color: #fff;text-decoration: none;text-transform: uppercase;font-weight: 600;font-size: 13px;letter-spacing: 1px;}
    .header .header-menu ul li a:hover{border-bottom: 2px solid #fff;}
    .header .header-menu ul li .active{border-bottom: 2px solid #fff;}
    /******************** END HEADER ********************/

    /********** START SECTION 1 **********/
    .section-1{width: 100%;height: 100%;position: relative;}
    .section-1 .bgoverflow{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;z-index: 2;top:0;}
    .section-1 .logotype {position: absolute;left: 0;right: 0;margin:150px auto;width:600px;height:92px;background:url('../images/logo.png')center center no-repeat;background-size: 400px;z-index: 3;}
    .section-1 .logotype p{position: absolute;bottom: -40px;left: 0;right: 0;text-align: center;font-size: 24px;color: #fff;font-weight: 300;letter-spacing: 3px;}
    .section-1 .offer{width: 1140px;text-align: left;position: absolute;z-index: 2;top:50%;left: 0;right: 0;margin: auto;}
    .section-1 .offer .offer-text{font-size: 36px;color: #fff;text-transform: uppercase;letter-spacing: 2px;font-weight: 400;width: 60%;text-shadow: 0px 2px 2px rgba(0,0,0,.5);}
    .section-1 .offer .offer-text-min{font-size: 18px;color: #eaeaea;letter-spacing: 1px;font-weight: 300;width:60%;line-height: 1.5;margin-top: 15px;text-shadow: 0px 3px 3px rgba(0,0,0,.5);}
    .section-1 .offer button{margin-top:25px;}

    .slider{width: 100%;height: 100vh;top:0;animation: sliderAnimation 36s linear infinite;}
    .slide1{background: url('../images/section1/slide1.jpg') center center no-repeat;background-size:cover;}
    .slide2{background: url('../images/section1/slide2.jpg') center center no-repeat;background-size:cover;}
    .slide3{background: url('../images/section1/slide3.jpg') center center no-repeat;background-size:cover;}
    .slide4{background: url('../images/section1/slide4.jpg') center center no-repeat;background-size:cover;}
    .slide5{background: url('../images/section1/slide5.jpg') center center no-repeat;background-size:cover;}

    .scrolldown{position: absolute;left: 0;right: 0;bottom: 50px;width: 40px;height: 40px;margin: auto;z-index: 3;cursor: pointer;}
    .scrolldown svg{opacity: .75;transition: .35s opacity;}
    .scrolldown:hover svg{opacity: 1;}
    @keyframes scroll {0% {transform: translateY(0);}30% {transform: translateY(30px);}}
    .scrolldown svg #wheel{animation: scroll ease 2s infinite;}


    /******************** END SECTION 1 ********************/

    /********** START SECTION 2 **********/
    .section-2{width: 100%;height: 100%;position: relative;background:#181818;}
    .section-2 .title{margin-top: 0px;padding-top: 75px;}
    .section-2 .box{color: #fff;width: 850px;margin:0 auto;z-index: 1;margin-top:25px;}
    .section-2 .box p{font-size: 16px;font-weight: 300;letter-spacing: 1px;line-height: 1.75;z-index: 1;text-align: left;}
    .section-2 .box p:nth-child(2){text-align: center;margin-top:25px;}
    .section-2 .box p:nth-child(3){text-align: center;margin-top:25px;}
    .section-2 .garant{width: 850px;margin:0 auto;color: #fff;font-size: 28px;font-weight: 300;text-align: center;margin-top:25px;padding-top:25px;border-top:2px dashed #fff;}
    .section-2 .box-inline{float:left;width:31%;height:100%;position: relative;margin: 13px;margin-top: 25px;margin-bottom: 25px;}
    .section-2 .box-inline .circle{width: 75px;height: 75px;border-radius: 150px;background: #fff;float: left;margin-right: 10px;}
    .section-2 .box-inline .shield{background:#fff url('../images/icons/shield.svg') center center no-repeat;background-size: 48px;}
    .section-2 .box-inline .plan{background:#fff url('../images/icons/plan.svg') center center no-repeat;background-size: 42px;}
    .section-2 .box-inline .connect{background:#fff url('../images/icons/connect.svg') center center no-repeat;background-size: 48px;}

    .section-2 .box-inline p{color: #fff;font-size: 14px;font-weight: 300;text-align: left;margin-top: 18px;}
    .section-2 a{text-decoration: none;}
    .section-2 button{display: initial;}
    .section-2 .bottom-side{width: 100%;height: 35%;position: absolute;background: #101010;bottom: 0;}
    .section-2 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom:35%;left: 0;right: 0;z-index: 0;}
    /******************** END SECTION 2 ********************/

    /********** START SECTION 3 **********/
    .section-3{width: 100%;height: 100%;position: relative;background:#101010;}
    .section-3 .title{margin-top: 0px;padding-top: 75px;}

    .section-3 .box{position: relative;width:100%;height: 610px;margin-top:50px;}
    .section-3 .box .name {position: relative;top: -35px;left: 25px;color: #fff;text-align: left;font-size: 18px;letter-spacing: 1px;text-transform: uppercase;}
    .section-3 .box .name sup{font-size: 14px;}
    .section-3 .box .item{position: absolute;overflow: hidden;cursor: pointer;border-radius: 2px;}
    .section-3 .box .item img{position: absolute;width: 100%;height: 100%;object-fit: cover;transition: 2s all;} 
    .section-3 .box .item:hover img{transform: scale(1.1);}
    .section-3 .box .item .view{position: absolute;left: 0;right: 0;top:0;bottom: 0;margin:auto;width: 100%;height: 100%;background:rgba(0,0,0,.5) url('../images/icons/zoom.svg') center center no-repeat;background-size: 72px;transition: .35s all;opacity: 0;}
    .section-3 .box .item:hover .view{opacity: 1;}

    .section-3 .left .left-side{width: 520px;height:610px;left: 0;top:0;}
    .section-3 .left .top-right{width: 300px;height:300px;right: 0;top:0;}
    .section-3 .left .top-left{width: 300px;height:300px;right: 310px;top:0;}
    .section-3 .left .bottom-right{width: 300px;height:300px;right: 0;top:310px;}
    .section-3 .left .bottom-left{width: 300px;height:300px;right: 310px;top:310px;}

    .section-3 .right .left-side{width: 520px;height:610px;right: 0;top:0;}
    .section-3 .right .top-right{width: 300px;height:300px;left: 0;top:0;}
    .section-3 .right .top-left{width: 300px;height:300px;left: 310px;top:0;}
    .section-3 .right .bottom-right{width: 300px;height:300px;left: 0;top:310px;}
    .section-3 .right .bottom-left{width: 300px;height:300px;left: 310px;top:310px;}

    .section-3 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
    .section-3 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:45%;}
    /******************** END SECTION 3 ********************/


    /********** START SECTION 4 **********/
    .section-4{width: 100%;height: 100%;position: relative;background:#181818;}
    .section-4 .title{margin-top: 0px;padding-top: 75px;}

    .section-4 .box{position: relative;width:100%;height: 500px;margin-top:25px;border-radius: 18px;overflow: hidden;text-align: center;}
    .section-4 .box .boxdesc{width: 50%;position: absolute;left: 100px;top: 15%;z-index: 2;padding: 25px;border-radius: 18px;text-align: left;visibility:visible;opacity:1;transition: visibility .5s, opacity .5s linear;cursor: pointer;}
    .section-4 .box .boxdesc .name{color: #fff;text-align: left;font-size: 32px;margin-bottom:25px;letter-spacing: 1px;text-transform: uppercase;}
    .section-4 .box .boxdesc .desc{color: #fff;text-align: left;font-size: 16px;letter-spacing: 2px;}
    .section-4 .box .boxdesc button{margin-top: 25px;}
    .section-4 .box .boximage{float:left;width: 285px;height: 500px;overflow: hidden;position: relative;}
    .section-4 .box .boximage a .boxshadow{width: 285px;height: 100%;background: rgba(0,0,0,.7);position: absolute;z-index: 1;transition: 1s all;top:0;}
    .section-4 .box .boximage img{width: 100%;height: 100%;object-fit: cover;transition: 2s all;position: absolute;}
    .section-4 .box .boximage a:hover img{transform: scale(1.1);}
    .section-4 .box:hover .boxdesc{visibility: hidden;opacity: 0;}
    .section-4 .box .boximage a:hover .boxshadow{background: rgba(0,0,0,0);}

    .section-4 .bottom-side{width: 100%;height: 35%;position: absolute;background: #101010;bottom: 0;}
    .section-4 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom: 35%;left: 0;right: 0;z-index: 0;}
    /******************** END SECTION 4 ********************/



    /********** START SECTION 5 **********/
    .section-5{width: 100%;height: 100%;position: relative;background:#101010;padding-bottom: 15px;}
    .section-5 .title{margin-top: 0px;padding-top: 75px;}
    .section-5 .box{vertical-align:top;position: relative;display:inline-block;width:370px;margin-top:50px;border-radius: 18px;border:1px solid #fff;overflow: hidden;text-align: center;transition: .5s all;}
    .section-5 .box:nth-child(3){margin-left: 10.5px;margin-right: 10.5px;}
    .section-5 .box .name{margin-top:15px;position:relative;display:block;width:100%;height:65px;line-height:1;border-bottom:1px solid #fff;color: #fff;text-align: center;font-size: 24px;letter-spacing: 1px;text-transform: uppercase;transition: .5s all;}
    .section-5 .box .name span{font-size: 12px;}
    .section-5 .box ul{position:relative;display:block;margin: 10px 5px 0px 30px;}
    .section-5 .box ul li{line-height:1.75;color:#fff;font-size: 14px;text-align: left;letter-spacing: 1px;font-weight: 600;margin-top:15px;}
    .section-5 .box ul li ul{margin: 0 5px 0 30px;}
    .section-5 .box ul li ul li{font-weight: 300;font-size: 13px;margin-top:0;}
    .section-5 .box .price{margin-top: 25px;margin-bottom: 50px;position: relative;width: 100%;color:#fff;font-size: 32px;text-align: center;letter-spacing: 2px;font-weight: 300;transition: .5s all;}
    .section-5 .box .price span{font-size: 18px;letter-spacing: 1px;display: block;}
    .section-5 .box button{position: relative;bottom: 20px;width: 330px;left: 0;right: 0;margin:auto;border-radius:8px;transition: .5s all;}
    .section-5 .box button:hover{background: #fff;color: #333!important;}
    .section-5 .boxtext{margin-top: 50px;border:1px solid #fff;padding: 20px;border-radius: 16px;}
    .section-5 .boxtext hr{border-style: solid;border-width: 1px;margin-bottom: 6px;color: #fff;}
    .section-5 .boxtext p{font-size: 14px;color: #fff;margin-bottom: 10px;letter-spacing: 1px;line-height: 1.5;font-weight: 300;}
    .section-5 .boxtext .pdiv{color:#fff;font-size: 20px;font-weight: 400;letter-spacing: 8px;display: block;text-align: center;margin-bottom:15px;}
    .section-5 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
    .section-5 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:45%;}
    /******************** END SECTION 5 ********************/

    /********** START SECTION 7 **********/
    .section-7{width: 100%;height: 90%;position: relative;background:#181818;}
    .section-7 .title{margin-top: 0px;padding-top: 75px;}
    .section-7 .maxbox{height: 540px;margin-top: 25px;}
    .main{display: block!important;margin: 0 auto;height: 125px!important;}
    .section-7 .box{position: relative;width:100%;display: inline-block;width:33%;height: 150px;vertical-align:middle;text-align: center;}
    .section-7 .box img{width: 225px;height: 225px;}

    .section-7 .bottom-side{width: 100%;height: 35%;position: absolute;background: #101010;bottom: 0;}
    .section-7 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom:35%;left: 0;right: 0;z-index: 0;}
    /******************** END SECTION 7 ********************/


    /********** START SECTION 6 **********/
    .section-6{width: 100%;height: 100%;position: relative;background:#101010;padding-bottom: 15px;}
    .section-6 .title{margin-top: 0px;padding-top:75px;}

    .section-6 .left-side{position:relative;width: 425px;height: 460px;float: left;margin-top: 25px;}
    .section-6 .left-side .logo{margin:50px 0px;margin-bottom:35px;width: 400px;height:92px;background:url('../images/logo.png')center center no-repeat;background-size: 400px;}
    .section-6 .left-side div{display: block;color: #fff;font-size: 18px;font-weight: 300;}
    .section-6 .left-side .mode{margin-bottom: 20px;}
    .section-6 .left-side a{display: inline;color: #fff;text-decoration: none;font-size: 18px;font-weight: 300;}
    .section-6 .left-side a:hover{border-bottom:2px solid #fff;}
    .section-6 .left-side button{margin-top: 25px;}
    .section-6 .left-side .copyright{position: absolute;color: #fff;font-size: 13px;bottom: 0px;}
    .section-6 .right-side{position:relative;width:700px;height:430px;float: right;margin-top:50px;border-radius: 18px;overflow: hidden;}
    .section-6 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
    .section-6 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:30%;}
    
    /******************** END SECTION 6 ********************/
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .title{color: #fff;font-size: 36px;text-transform: uppercase;text-align: center;display: block;font-weight: 400;letter-spacing: 1px;margin-top:-150px;}

    /**************************************** END GENERAL SETTINGS ****************************************/
    /********** START HEADER **********/
    .header{position: fixed;width: 100%;height:50px;text-align: center;background: transparent;left: 0;right: 0;margin: 50px auto;}
    .headerScroll{background: rgba(0,0,0,.75);margin:0px;}
    .header .header-menu{position: absolute;left: 0;right: 0;top:0;}
    .header .header-menu ul li{display: inline-block;list-style:none;padding: 15px 15px;}
    .header .header-menu ul li a{color: #fff;text-decoration: none;text-transform: uppercase;font-weight: 600;font-size: 13px;letter-spacing: 1px;}
    .header .header-menu ul li a:hover{border-bottom: 2px solid #fff;}
    .header .header-menu ul li .active{border-bottom: 2px solid #fff;}
    /******************** END HEADER ********************/

    /********** START SECTION 1 **********/
    .section-1{width: 100%;height: 100%;position: relative;}
    .section-1 .bgoverflow{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;z-index: 2;top:0;}
    .section-1 .logotype {position: absolute;left: 0;right: 0;margin:200px auto;width: 600px;height:92px;background:url('../images/logo.png')center center no-repeat;background-size: 400px;z-index: 3;}
    .section-1 .logotype p{position: absolute;bottom: -40px;left: 0;right: 0;text-align: center;font-size: 24px;color: #fff;font-weight: 300;letter-spacing: 3px;}
    .section-1 .offer{width: 1140px;text-align: left;position: absolute;z-index: 2;top:50%;left: 0;right: 0;margin: auto;}
    .section-1 .offer .offer-text{font-size: 36px;color: #fff;text-transform: uppercase;letter-spacing: 2px;font-weight: 400;width: 60%;text-shadow: 0px 2px 2px rgba(0,0,0,.5);}
    .section-1 .offer .offer-text-min{font-size: 18px;color: #eaeaea;letter-spacing: 1px;font-weight: 300;width:60%;line-height: 1.5;margin-top: 15px;text-shadow: 0px 3px 3px rgba(0,0,0,.5);}
    .section-1 .offer button{margin-top:25px;}

    .slider{width: 100%;height: 100vh;top:0;animation: sliderAnimation 36s linear infinite;}
    .slide1{background: url('../images/section1/slide1.jpg') center center no-repeat;background-size:cover;}
    .slide2{background: url('../images/section1/slide2.jpg') center center no-repeat;background-size:cover;}
    .slide3{background: url('../images/section1/slide3.jpg') center center no-repeat;background-size:cover;}
    .slide4{background: url('../images/section1/slide4.jpg') center center no-repeat;background-size:cover;}
    .slide5{background: url('../images/section1/slide5.jpg') center center no-repeat;background-size:cover;}

    .scrolldown{position: absolute;left: 0;right: 0;bottom: 50px;width: 40px;height: 40px;margin: auto;z-index: 3;cursor: pointer;}
    .scrolldown svg{opacity: .75;transition: .35s opacity;}
    .scrolldown:hover svg{opacity: 1;}
    @keyframes scroll {0% {transform: translateY(0);}30% {transform: translateY(30px);}}
    .scrolldown svg #wheel{animation: scroll ease 2s infinite;}


    /******************** END SECTION 1 ********************/

    /********** START SECTION 2 **********/
    .section-2{width: 100%;height: 100%;position: relative;background:#181818;}
    .section-2 .title{margin-top: 0px;padding-top: 75px;}
    .section-2 .box{color: #fff;width: 850px;margin:0 auto;z-index: 1;margin-top:25px;}
    .section-2 .box p{font-size: 16px;font-weight: 300;letter-spacing: 1px;line-height: 1.75;z-index: 1;text-align: left;}
    .section-2 .box p:nth-child(2){text-align: center;margin-top:25px;}
    .section-2 .box p:nth-child(3){text-align: center;margin-top:25px;}
    .section-2 .garant{width: 850px;margin:0 auto;color: #fff;font-size: 28px;font-weight: 300;text-align: center;margin-top:25px;padding-top:25px;border-top:2px dashed #fff;}
    .section-2 .box-inline{float:left;width:31%;height:100%;position: relative;margin: 13px;margin-top: 25px;margin-bottom: 50px;}
    .section-2 .box-inline .circle{width: 75px;height: 75px;border-radius: 150px;background: #fff;float: left;margin-right: 10px;}
    .section-2 .box-inline .shield{background:#fff url('../images/icons/shield.svg') center center no-repeat;background-size: 48px;}
    .section-2 .box-inline .plan{background:#fff url('../images/icons/plan.svg') center center no-repeat;background-size: 42px;}
    .section-2 .box-inline .connect{background:#fff url('../images/icons/connect.svg') center center no-repeat;background-size: 48px;}

    .section-2 .box-inline p{color: #fff;font-size: 14px;font-weight: 300;text-align: left;margin-top: 18px;}
    .section-2 a{text-decoration: none;}
    .section-2 button{display: initial;}
    .section-2 .bottom-side{width: 100%;height: 35%;position: absolute;background: #101010;bottom: 0;}
    .section-2 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom:35%;left: 0;right: 0;z-index: 0;}
    /******************** END SECTION 2 ********************/

    /********** START SECTION 3 **********/
    .section-3{width: 100%;height: 100%;position: relative;background:#101010;}
    .section-3 .title{margin-top: 0px;padding-top: 75px;}

    .section-3 .box{position: relative;width:100%;height: 610px;margin-top:50px;}
    .section-3 .box .name {position: relative;top: -35px;left: 25px;color: #fff;text-align: left;font-size: 18px;letter-spacing: 1px;text-transform: uppercase;}
    .section-3 .box .name sup{font-size: 14px;}
    .section-3 .box .item{position: absolute;overflow: hidden;cursor: pointer;border-radius: 2px;}
    .section-3 .box .item img{position: absolute;width: 100%;height: 100%;object-fit: cover;transition: 2s all;} 
    .section-3 .box .item:hover img{transform: scale(1.1);}
    .section-3 .box .item .view{position: absolute;left: 0;right: 0;top:0;bottom: 0;margin:auto;width: 100%;height: 100%;background:rgba(0,0,0,.5) url('../images/icons/zoom.svg') center center no-repeat;background-size: 72px;transition: .35s all;opacity: 0;}
    .section-3 .box .item:hover .view{opacity: 1;}

    .section-3 .left .left-side{width: 520px;height:610px;left: 0;top:0;}
    .section-3 .left .top-right{width: 300px;height:300px;right: 0;top:0;}
    .section-3 .left .top-left{width: 300px;height:300px;right: 310px;top:0;}
    .section-3 .left .bottom-right{width: 300px;height:300px;right: 0;top:310px;}
    .section-3 .left .bottom-left{width: 300px;height:300px;right: 310px;top:310px;}

    .section-3 .right .left-side{width: 520px;height:610px;right: 0;top:0;}
    .section-3 .right .top-right{width: 300px;height:300px;left: 0;top:0;}
    .section-3 .right .top-left{width: 300px;height:300px;left: 310px;top:0;}
    .section-3 .right .bottom-right{width: 300px;height:300px;left: 0;top:310px;}
    .section-3 .right .bottom-left{width: 300px;height:300px;left: 310px;top:310px;}

    .section-3 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
    .section-3 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:45%;}
    /******************** END SECTION 3 ********************/


    /********** START SECTION 4 **********/
    .section-4{width: 100%;height: 100%;position: relative;background:#181818;}
    .section-4 .title{margin-top: 0px;padding-top: 75px;}

    .section-4 .box{position: relative;width:100%;height: 580px;margin-top:25px;border-radius: 18px;overflow: hidden;text-align: center;}
    .section-4 .box .boxdesc{width: 50%;position: absolute;left: 100px;top: 15%;z-index: 2;padding: 25px;border-radius: 18px;text-align: left;visibility:visible;opacity:1;transition: visibility .5s, opacity .5s linear;cursor: pointer;}
    .section-4 .box .boxdesc .name{color: #fff;text-align: left;font-size: 32px;margin-bottom:25px;letter-spacing: 1px;text-transform: uppercase;}
    .section-4 .box .boxdesc .desc{color: #fff;text-align: left;font-size: 16px;letter-spacing: 2px;}
    .section-4 .box .boxdesc button{margin-top: 25px;}
    .section-4 .box .boximage{float:left;width: 285px;height: 580px;overflow: hidden;position: relative;}
    .section-4 .box .boximage a .boxshadow{width: 285px;height: 100%;background: rgba(0,0,0,.7);position: absolute;z-index: 1;transition: 1s all;top:0;}
    .section-4 .box .boximage img{width: 100%;height: 100%;object-fit: cover;transition: 2s all;position: absolute;}
    .section-4 .box .boximage a:hover img{transform: scale(1.1);}
    .section-4 .box:hover .boxdesc{visibility: hidden;opacity: 0;}
    .section-4 .box .boximage a:hover .boxshadow{background: rgba(0,0,0,0);}

    .section-4 .bottom-side{width: 100%;height: 35%;position: absolute;background: #101010;bottom: 0;}
    .section-4 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom: 35%;left: 0;right: 0;z-index: 0;}
    /******************** END SECTION 4 ********************/



    /********** START SECTION 5 **********/
    .section-5{width: 100%;height: 100%;position: relative;background:#101010;padding-bottom: 15px;}
    .section-5 .title{margin-top: 0px;padding-top: 75px;}
    .section-5 .box{vertical-align:top;position: relative;display:inline-block;width:370px;margin-top:50px;border-radius: 18px;border:1px solid #fff;overflow: hidden;text-align: center;transition: .5s all;}
    .section-5 .box:nth-child(3){margin-left: 10.5px;margin-right: 10.5px;}
    .section-5 .box .name{margin-top:15px;position:relative;display:block;width:100%;height:65px;line-height:1;border-bottom:1px solid #fff;color: #fff;text-align: center;font-size: 24px;letter-spacing: 1px;text-transform: uppercase;transition: .5s all;}
    .section-5 .box .name span{font-size: 12px;}
    .section-5 .box ul{position:relative;display:block;margin: 10px 5px 0px 30px;}
    .section-5 .box ul li{line-height:1.75;color:#fff;font-size: 14px;text-align: left;letter-spacing: 1px;font-weight: 600;margin-top:15px;}
    .section-5 .box ul li ul{margin: 0 5px 0 30px;}
    .section-5 .box ul li ul li{font-weight: 300;font-size: 13px;margin-top:0;}
    .section-5 .box .price{margin-top: 25px;margin-bottom: 50px;position: relative;width: 100%;color:#fff;font-size: 32px;text-align: center;letter-spacing: 2px;font-weight: 300;transition: .5s all;}
    .section-5 .box .price span{font-size: 18px;letter-spacing: 1px;display: block;}
    .section-5 .box button{position: relative;bottom: 20px;width: 330px;left: 0;right: 0;margin:auto;border-radius:8px;transition: .5s all;}
    .section-5 .box button:hover{background: #fff;color: #333!important;}
    .section-5 .boxtext{margin-top: 50px;border:1px solid #fff;padding: 20px;border-radius: 16px;}
    .section-5 .boxtext hr{border-style: solid;border-width: 1px;margin-bottom: 6px;color: #fff;}
    .section-5 .boxtext p{font-size: 14px;color: #fff;margin-bottom: 10px;letter-spacing: 1px;line-height: 1.5;font-weight: 300;}
    .section-5 .boxtext .pdiv{color:#fff;font-size: 20px;font-weight: 400;letter-spacing: 8px;display: block;text-align: center;margin-bottom:15px;}
    .section-5 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
    .section-5 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:45%;}
    /******************** END SECTION 5 ********************/

    /********** START SECTION 7 **********/
    .section-7{width: 100%;height: 90%;position: relative;background:#181818;}
    .section-7 .title{margin-top: 0px;padding-top: 75px;}
    .section-7 .maxbox{height: 540px;margin-top: 25px;}
    .main{display: block!important;margin: 0 auto;height: 175px!important;}
    .section-7 .box{position: relative;width:100%;display: inline-block;width:33%;height: 200px;vertical-align:middle;text-align: center;}
    .section-7 .box img{width: 225px;height: 225px;}

    .section-7 .bottom-side{width: 100%;height: 40%;position: absolute;background: #101010;bottom: 0;}
    .section-7 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom:35%;left: 0;right: 0;z-index: 0;}
    /******************** END SECTION 7 ********************/


    /********** START SECTION 6 **********/
    .section-6{width: 100%;height: 100%;position: relative;background:#101010;padding-bottom: 15px;}
    .section-6 .title{margin-top: 0px;padding-top:150px;}

    .section-6 .left-side{position:relative;width: 425px;height: 460px;float: left;margin-top: 25px;}
    .section-6 .left-side .logo{margin:50px 0px;margin-bottom:35px;width: 400px;height:92px;background:url('../images/logo.png')center center no-repeat;background-size: 400px;}
    .section-6 .left-side div{display: block;color: #fff;font-size: 18px;font-weight: 300;}
    .section-6 .left-side .mode{margin-bottom: 20px;}
    .section-6 .left-side a{display: inline;color: #fff;text-decoration: none;font-size: 18px;font-weight: 300;}
    .section-6 .left-side a:hover{border-bottom:2px solid #fff;}
    .section-6 .left-side button{margin-top: 25px;}
    .section-6 .left-side .copyright{position: absolute;color: #fff;font-size: 13px;bottom: 0px;}
    .section-6 .right-side{position:relative;width:700px;height:430px;float: right;margin-top:50px;border-radius: 18px;overflow: hidden;}
    .section-6 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
    .section-6 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:30%;}
    
    /******************** END SECTION 6 ********************/   
}

@media (min-width: 1441px) and (max-width: 1768px) {
    .title{color: #fff;font-size: 36px;text-transform: uppercase;text-align: center;display: block;font-weight: 400;letter-spacing: 1px;margin-top:-150px;}

    /**************************************** END GENERAL SETTINGS ****************************************/
    /********** START HEADER **********/
    .header{position: fixed;width: 100%;height:50px;text-align: center;background: transparent;left: 0;right: 0;margin: 50px auto;}
    .headerScroll{background: rgba(0,0,0,.75);margin:0px;}
    .header .header-menu{position: absolute;left: 0;right: 0;top:0;}
    .header .header-menu ul li{display: inline-block;list-style:none;padding: 15px 15px;}
    .header .header-menu ul li a{color: #fff;text-decoration: none;text-transform: uppercase;font-weight: 600;font-size: 13px;letter-spacing: 1px;}
    .header .header-menu ul li a:hover{border-bottom: 2px solid #fff;}
    .header .header-menu ul li .active{border-bottom: 2px solid #fff;}
    /******************** END HEADER ********************/

    /********** START SECTION 1 **********/
    .section-1{width: 100%;height: 100%;position: relative;}
    .section-1 .bgoverflow{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;z-index: 2;top:0;}
    .section-1 .logotype {position: absolute;left: 0;right: 0;margin:200px auto;width: 600px;height:92px;background:url('../images/logo.png')center center no-repeat;background-size: 400px;z-index: 3;}
    .section-1 .logotype p{position: absolute;bottom: -40px;left: 0;right: 0;text-align: center;font-size: 24px;color: #fff;font-weight: 300;letter-spacing: 3px;}
    .section-1 .offer{width: 1140px;text-align: left;position: absolute;z-index: 2;top:50%;left: 0;right: 0;margin: auto;}
    .section-1 .offer .offer-text{font-size: 36px;color: #fff;text-transform: uppercase;letter-spacing: 2px;font-weight: 400;width: 60%;text-shadow: 0px 2px 2px rgba(0,0,0,.5);}
    .section-1 .offer .offer-text-min{font-size: 18px;color: #eaeaea;letter-spacing: 1px;font-weight: 300;width:60%;line-height: 1.5;margin-top: 15px;text-shadow: 0px 3px 3px rgba(0,0,0,.5);}
    .section-1 .offer button{margin-top:25px;}

    .slider{width: 100%;height: 100vh;top:0;animation: sliderAnimation 36s linear infinite;}
    .slide1{background: url('../images/section1/slide1.jpg') center center no-repeat;background-size:cover;}
    .slide2{background: url('../images/section1/slide2.jpg') center center no-repeat;background-size:cover;}
    .slide3{background: url('../images/section1/slide3.jpg') center center no-repeat;background-size:cover;}
    .slide4{background: url('../images/section1/slide4.jpg') center center no-repeat;background-size:cover;}
    .slide5{background: url('../images/section1/slide5.jpg') center center no-repeat;background-size:cover;}

    .scrolldown{position: absolute;left: 0;right: 0;bottom: 50px;width: 40px;height: 40px;margin: auto;z-index: 3;cursor: pointer;}
    .scrolldown svg{opacity: .75;transition: .35s opacity;}
    .scrolldown:hover svg{opacity: 1;}
    @keyframes scroll {0% {transform: translateY(0);}30% {transform: translateY(30px);}}
    .scrolldown svg #wheel{animation: scroll ease 2s infinite;}


    /******************** END SECTION 1 ********************/

    /********** START SECTION 2 **********/
    .section-2{width: 100%;height: 100%;position: relative;background:#181818;}
    .section-2 .title{margin-top: 0px;padding-top: 75px;}
    .section-2 .box{color: #fff;width: 850px;margin:0 auto;z-index: 1;margin-top:25px;}
    .section-2 .box p{font-size: 16px;font-weight: 300;letter-spacing: 1px;line-height: 1.75;z-index: 1;text-align: left;}
    .section-2 .box p:nth-child(2){text-align: center;margin-top:25px;}
    .section-2 .box p:nth-child(3){text-align: center;margin-top:25px;}
    .section-2 .garant{width: 850px;margin:0 auto;color: #fff;font-size: 28px;font-weight: 300;text-align: center;margin-top:25px;padding-top:25px;border-top:2px dashed #fff;}
    .section-2 .box-inline{float:left;width:31%;height:100%;position: relative;margin: 13px;margin-top: 25px;margin-bottom: 50px;}
    .section-2 .box-inline .circle{width: 75px;height: 75px;border-radius: 150px;background: #fff;float: left;margin-right: 10px;}
    .section-2 .box-inline .shield{background:#fff url('../images/icons/shield.svg') center center no-repeat;background-size: 48px;}
    .section-2 .box-inline .plan{background:#fff url('../images/icons/plan.svg') center center no-repeat;background-size: 42px;}
    .section-2 .box-inline .connect{background:#fff url('../images/icons/connect.svg') center center no-repeat;background-size: 48px;}

    .section-2 .box-inline p{color: #fff;font-size: 14px;font-weight: 300;text-align: left;margin-top: 18px;}
    .section-2 a{text-decoration: none;}
    .section-2 button{display: initial;}
    .section-2 .bottom-side{width: 100%;height: 35%;position: absolute;background: #101010;bottom: 0;}
    .section-2 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom:35%;left: 0;right: 0;z-index: 0;}
    /******************** END SECTION 2 ********************/

    /********** START SECTION 3 **********/
    .section-3{width: 100%;height: 100%;position: relative;background:#101010;}
    .section-3 .title{margin-top: 0px;padding-top: 75px;}

    .section-3 .box{position: relative;width:100%;height: 610px;margin-top:50px;}
    .section-3 .box .name {position: relative;top: -35px;left: 25px;color: #fff;text-align: left;font-size: 18px;letter-spacing: 1px;text-transform: uppercase;}
    .section-3 .box .name sup{font-size: 14px;}
    .section-3 .box .item{position: absolute;overflow: hidden;cursor: pointer;border-radius: 2px;}
    .section-3 .box .item img{position: absolute;width: 100%;height: 100%;object-fit: cover;transition: 2s all;} 
    .section-3 .box .item:hover img{transform: scale(1.1);}
    .section-3 .box .item .view{position: absolute;left: 0;right: 0;top:0;bottom: 0;margin:auto;width: 100%;height: 100%;background:rgba(0,0,0,.5) url('../images/icons/zoom.svg') center center no-repeat;background-size: 72px;transition: .35s all;opacity: 0;}
    .section-3 .box .item:hover .view{opacity: 1;}

    .section-3 .left .left-side{width: 520px;height:610px;left: 0;top:0;}
    .section-3 .left .top-right{width: 300px;height:300px;right: 0;top:0;}
    .section-3 .left .top-left{width: 300px;height:300px;right: 310px;top:0;}
    .section-3 .left .bottom-right{width: 300px;height:300px;right: 0;top:310px;}
    .section-3 .left .bottom-left{width: 300px;height:300px;right: 310px;top:310px;}

    .section-3 .right .left-side{width: 520px;height:610px;right: 0;top:0;}
    .section-3 .right .top-right{width: 300px;height:300px;left: 0;top:0;}
    .section-3 .right .top-left{width: 300px;height:300px;left: 310px;top:0;}
    .section-3 .right .bottom-right{width: 300px;height:300px;left: 0;top:310px;}
    .section-3 .right .bottom-left{width: 300px;height:300px;left: 310px;top:310px;}

    .section-3 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
    .section-3 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:45%;}
    /******************** END SECTION 3 ********************/


    /********** START SECTION 4 **********/
    .section-4{width: 100%;height: 100%;position: relative;background:#181818;}
    .section-4 .title{margin-top: 0px;padding-top: 75px;}

    .section-4 .box{position: relative;width:100%;height: 580px;margin-top:25px;border-radius: 18px;overflow: hidden;text-align: center;}
    .section-4 .box .boxdesc{width: 50%;position: absolute;left: 100px;top: 15%;z-index: 2;padding: 25px;border-radius: 18px;text-align: left;visibility:visible;opacity:1;transition: visibility .5s, opacity .5s linear;cursor: pointer;}
    .section-4 .box .boxdesc .name{color: #fff;text-align: left;font-size: 32px;margin-bottom:25px;letter-spacing: 1px;text-transform: uppercase;}
    .section-4 .box .boxdesc .desc{color: #fff;text-align: left;font-size: 16px;letter-spacing: 2px;}
    .section-4 .box .boxdesc button{margin-top: 25px;}
    .section-4 .box .boximage{float:left;width: 285px;height: 580px;overflow: hidden;position: relative;}
    .section-4 .box .boximage a .boxshadow{width: 285px;height: 100%;background: rgba(0,0,0,.7);position: absolute;z-index: 1;transition: 1s all;top:0;}
    .section-4 .box .boximage img{width: 100%;height: 100%;object-fit: cover;transition: 2s all;position: absolute;}
    .section-4 .box .boximage a:hover img{transform: scale(1.1);}
    .section-4 .box:hover .boxdesc{visibility: hidden;opacity: 0;}
    .section-4 .box .boximage a:hover .boxshadow{background: rgba(0,0,0,0);}

    .section-4 .bottom-side{width: 100%;height: 35%;position: absolute;background: #101010;bottom: 0;}
    .section-4 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom: 35%;left: 0;right: 0;z-index: 0;}
    /******************** END SECTION 4 ********************/



    /********** START SECTION 5 **********/
    .section-5{width: 100%;height: 100%;position: relative;background:#101010;padding-bottom: 15px;}
    .section-5 .title{margin-top: 0px;padding-top: 75px;}
    .section-5 .box{vertical-align:top;position: relative;display:inline-block;width:370px;margin-top:50px;border-radius: 18px;border:1px solid #fff;overflow: hidden;text-align: center;transition: .5s all;}
    .section-5 .box:nth-child(3){margin-left: 10.5px;margin-right: 10.5px;}
    .section-5 .box .name{margin-top:15px;position:relative;display:block;width:100%;height:65px;line-height:1;border-bottom:1px solid #fff;color: #fff;text-align: center;font-size: 24px;letter-spacing: 1px;text-transform: uppercase;transition: .5s all;}
    .section-5 .box .name span{font-size: 12px;}
    .section-5 .box ul{position:relative;display:block;margin: 10px 5px 0px 30px;}
    .section-5 .box ul li{line-height:1.75;color:#fff;font-size: 14px;text-align: left;letter-spacing: 1px;font-weight: 600;margin-top:15px;}
    .section-5 .box ul li ul{margin: 0 5px 0 30px;}
    .section-5 .box ul li ul li{font-weight: 300;font-size: 13px;margin-top:0;}
    .section-5 .box .price{margin-top: 25px;margin-bottom: 50px;position: relative;width: 100%;color:#fff;font-size: 32px;text-align: center;letter-spacing: 2px;font-weight: 300;transition: .5s all;}
    .section-5 .box .price span{font-size: 18px;letter-spacing: 1px;display: block;}
    .section-5 .box button{position: relative;bottom: 20px;width: 330px;left: 0;right: 0;margin:auto;border-radius:8px;transition: .5s all;}
    .section-5 .box button:hover{background: #fff;color: #333!important;}
    .section-5 .boxtext{margin-top: 50px;border:1px solid #fff;padding: 20px;border-radius: 16px;}
    .section-5 .boxtext hr{border-style: solid;border-width: 1px;margin-bottom: 6px;color: #fff;}
    .section-5 .boxtext p{font-size: 14px;color: #fff;margin-bottom: 10px;letter-spacing: 1px;line-height: 1.5;font-weight: 300;}
    .section-5 .boxtext .pdiv{color:#fff;font-size: 20px;font-weight: 400;letter-spacing: 8px;display: block;text-align: center;margin-bottom:15px;}
    .section-5 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
    .section-5 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:45%;}
    /******************** END SECTION 5 ********************/

    /********** START SECTION 7 **********/
    .section-7{width: 100%;height: 90%;position: relative;background:#181818;}
    .section-7 .title{margin-top: 0px;padding-top: 75px;}
    .section-7 .maxbox{height: 540px;margin-top: 25px;}
    .main{display: block!important;margin: 0 auto;height: 175px!important;}
    .section-7 .box{position: relative;width:100%;display: inline-block;width:33%;height: 200px;vertical-align:middle;text-align: center;}
    .section-7 .box img{width: 225px;height: 225px;}

    .section-7 .bottom-side{width: 100%;height: 40%;position: absolute;background: #101010;bottom: 0;}
    .section-7 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom:35%;left: 0;right: 0;z-index: 0;}
    /******************** END SECTION 7 ********************/


    /********** START SECTION 6 **********/
    .section-6{width: 100%;height: 100%;position: relative;background:#101010;padding-bottom: 15px;}
    .section-6 .title{margin-top: 0px;padding-top:150px;}

    .section-6 .left-side{position:relative;width: 425px;height: 460px;float: left;margin-top: 25px;}
    .section-6 .left-side .logo{margin:50px 0px;margin-bottom:35px;width: 400px;height:92px;background:url('../images/logo.png')center center no-repeat;background-size: 400px;}
    .section-6 .left-side div{display: block;color: #fff;font-size: 18px;font-weight: 300;}
    .section-6 .left-side .mode{margin-bottom: 20px;}
    .section-6 .left-side a{display: inline;color: #fff;text-decoration: none;font-size: 18px;font-weight: 300;}
    .section-6 .left-side a:hover{border-bottom:2px solid #fff;}
    .section-6 .left-side button{margin-top: 25px;}
    .section-6 .left-side .copyright{position: absolute;color: #fff;font-size: 13px;bottom: 0px;}
    .section-6 .right-side{position:relative;width:700px;height:430px;float: right;margin-top:50px;border-radius: 18px;overflow: hidden;}
    .section-6 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
    .section-6 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:30%;}
    
    /******************** END SECTION 6 ********************/ 
}

@media (min-width: 300px) and (max-width: 320px) {
    .box-modal-popup {position: relative;width: 300px;height:270px;border-radius:4px;padding: 20px;background: #fff;border-radius: 16px;}
    .box-modal-popup .name{font-size: 16px;}
    .owl-carousel .owl-dots{left:0!important;right:0;text-align: center;}
    .owl-carousel .owl-dots .owl-dot{display: inline-block!important;}
    .hidden-xl{display: block;}
    .hidden-xs{display:none!important;}
    #wrapper{width: 100%;}
    .title{color: #fff;font-size: 24px;text-transform: uppercase;text-align: center;display: block;font-weight: 400;letter-spacing: 1px;margin-top:-150px;}
    /**************************************** END GENERAL SETTINGS ****************************************/
    
    .header-mobile{border-radius:0px 0px 0px 0px;padding-top:8px;padding-bottom:8px;position: fixed;width:100%;height: 40px;background: rgba(0,0,0,.85);text-align: center;z-index: 5;bottom: 0px;}
    .header-mobile a{text-decoration: none;display: inline-block;}
    .header-mobile a img{width: 24px;height: 24px;position: relative;margin-left:8px;margin-right: 8px;}

    /********** START SECTION 1 **********/
    .section-1{width: 100%;height: 100%;position: relative;}
    .section-1 .bgoverflow{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;z-index: 2;top:0;}
    .section-1 .logotype {position: absolute;left: 0;right: 0;margin:25px auto;width: 90%;background:url('../images/logo.png')center center no-repeat;background-size: 90%;z-index: 3;}
    .section-1 .logotype p{position: absolute;bottom: -10px;left: 0;right: 0;text-align: center;font-size: 16px;color: #fff;font-weight: 300;letter-spacing: 1px;}
    .section-1 .offer{width: 100%;text-align: center;position: absolute;z-index: 2;top:25%;left: 0;right: 0;margin: auto;}
    .section-1 .offer .offer-text{padding:4px;font-size: 22px;color: #fff;text-transform: uppercase;letter-spacing: 2px;font-weight: 400;width: 100%;text-shadow: 0px 2px 2px rgba(0,0,0,.5);}
    .section-1 .offer .offer-text-min{padding:4px;font-size: 18px;color: #eaeaea;letter-spacing: 1px;font-weight: 300;width:100%;line-height: 1.5;margin-top: 25px;text-shadow: 0px 3px 3px rgba(0,0,0,.5);}
    .section-1 .offer button{margin-top:25px;}

    .slider{width: 100%;height: 100vh;top:0;animation: sliderAnimation 36s linear infinite;}
    .slide1{background: url('../images/section1/slide1.jpg') center center no-repeat;background-size:cover;}
    .slide2{background: url('../images/section1/slide2.jpg') center center no-repeat;background-size:cover;}
    .slide3{background: url('../images/section1/slide3.jpg') center center no-repeat;background-size:cover;}
    .slide4{background: url('../images/section1/slide4.jpg') center center no-repeat;background-size:cover;}
    .slide5{background: url('../images/section1/slide5.jpg') center center no-repeat;background-size:cover;}
    /******************** END SECTION 1 ********************/

    /********** START SECTION 2 **********/
    .section-2{width: 100%;height: 100%;position: relative;background:#181818;text-align: center;}
    .section-2 .title{margin-top: 0px;padding-top: 25px;}
    .section-2 .box{color: #fff;width: 95%;margin:0 auto;z-index: 1;margin-top:25px;}
    .section-2 .box p{font-size: 13px;font-weight: 300;letter-spacing: 1px;line-height: 1.5;z-index: 1;text-align: left;}
    .section-2 .box p:nth-child(2){text-align: center;margin-top:25px;}
    .section-2 .box p:nth-child(3){text-align: center;margin-top:25px;}
    .section-2 .garant{width: 100%;margin:0 auto;color: #fff;font-size: 28px;font-weight: 300;text-align: center;margin-top:25px;padding-top:25px;border-top:2px dashed #fff;}
    .section-2 .box-inline{float:none;display:inline-block;width:48%;height:100%;position: relative;margin: 0;vertical-align: top;margin-top: 25px;margin-bottom: 0px;text-align: center;}
    .section-2 .box-inline .circle{width: 75px;height: 75px;border-radius: 150px;background: #fff;float: none;margin: 0 auto;}
    .section-2 .box-inline .shield{background:#fff url('../images/icons/shield.svg') center center no-repeat;background-size: 48px;}
    .section-2 .box-inline .plan{background:#fff url('../images/icons/plan.svg') center center no-repeat;background-size: 42px;}
    .section-2 .box-inline .connect{background:#fff url('../images/icons/connect.svg') center center no-repeat;background-size: 48px;}
    .section-2 .box-inline p{color: #fff;font-size: 12px;font-weight: 300;text-align: center;margin-top: 10px;}
    .section-2 a{text-decoration: none;}
    .section-2 button{display: initial;margin-top: 25px;}
    .section-2 .bottom-side{width: 100%;height: 45%;position: absolute;background: #101010;bottom: 0;}
    .section-2 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom:45%;left: 0;right: 0;z-index: 0;}
    /******************** END SECTION 2 ********************/

    /********** START SECTION 3 **********/
    .section-3{width: 100%;height: 100%;position: relative;background:#101010;}
    .section-3 .title{margin-top: 0px;padding-top: 50px;margin-bottom: 25px;}

    .section-3 .box{position: relative;width:95%;height: 450px;margin-top:75px;margin:0 auto;}
    .section-3 .box .name {position: relative;top: 0px;left: 25px;color: #fff;text-align: left;font-size: 18px;letter-spacing: 1px;text-transform: uppercase;}
    .section-3 .box .name sup{font-size: 14px;}
    .section-3 .box .item{position: absolute;overflow: hidden;cursor: pointer;border-radius: 2px;}
    .section-3 .box .item img{position: absolute;width: 100%;height: 100%;object-fit: cover;transition: 2s all;} 
    .section-3 .box .item:hover img{transform: scale(1.1);}
    .section-3 .box .item .view{position: absolute;left: 0;right: 0;top:0;bottom: 0;margin:auto;width: 100%;height: 100%;background:rgba(0,0,0,.5) url('../images/icons/zoom.svg') center center no-repeat;background-size: 72px;transition: .35s all;opacity: .3;}
    .section-3 .box .item:hover .view{opacity: 1;}

    .section-3 .left .left-side{width: 100%;height:450px;left: 0;top:35px;}
    .section-3 .left .top-right{width: 300px;height:300px;right: 0;top:0;display: none;}
    .section-3 .left .top-left{width: 300px;height:300px;right: 310px;top:0;display: none;}
    .section-3 .left .bottom-right{width: 300px;height:300px;right: 0;top:310px;display: none;}
    .section-3 .left .bottom-left{width: 300px;height:300px;right: 310px;top:310px;display: none;}

    .section-3 .right .left-side{width: 100%;height:450px;right: 0;top:35px;}
    .section-3 .right .top-right{width: 300px;height:300px;left: 0;top:0;display: none;}
    .section-3 .right .top-left{width: 300px;height:300px;left: 310px;top:0;display: none;}
    .section-3 .right .bottom-right{width: 300px;height:300px;left: 0;top:310px;display: none;}
    .section-3 .right .bottom-left{width: 300px;height:300px;left: 310px;top:310px;display: none;}

    .section-3 .bottom-side{width: 100%;height: 45%;position: absolute;background: #181818;bottom: 0;}
    .section-3 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:35%;}
    /******************** END SECTION 3 ********************/


    /********** START SECTION 4 **********/
    .section-4{width: 100%;height: 100%;position: relative;background:#181818;}
    .section-4 .title{margin-top: 0px;padding-top: 50px;}

    .section-4 .box{position: relative;width:95%;height: 500px;margin:0 auto;margin-top:25px;border-radius: 18px;overflow: hidden;text-align: center;}
    .section-4 .box .boxdesc{width: 100%;position: absolute;left: 5px;top: 12%;z-index: 2;padding: 25px;border-radius: 18px;text-align: left;visibility:visible;opacity:1;transition: visibility .5s, opacity .5s linear;cursor: pointer;}
    .section-4 .box .boxdesc .name{color: #fff;text-align: left;font-size: 24px;margin-bottom:25px;letter-spacing: 1px;text-transform: uppercase;}
    .section-4 .box .boxdesc .desc{color: #fff;text-align: left;font-size: 14px;letter-spacing: 2px;}
    .section-4 .box .boxdesc button{margin-top: 25px;}
    .section-4 .box .boximage{float:none;width: 100%;height: 500px;overflow: hidden;position: absolute;}
    .section-4 .box .boximage a .boxshadow{width: 100%;height: 100%;background: rgba(0,0,0,.7);position: absolute;z-index: 1;transition: 1s all;top:0;}
    .section-4 .box .boximage img{width: 100%;height: 100%;object-fit: cover;transition: 2s all;position: absolute;}
    .section-4 .box .boximage a:hover img{transform: scale(1.1);}
    .section-4 .box:hover .boxdesc{visibility: hidden;opacity: 0;}
    .section-4 .box .boximage a:hover .boxshadow{background: rgba(0,0,0,0);}

    .section-4 .bottom-side{width: 100%;height: 35%;position: absolute;background: #101010;bottom: 0;}
    .section-4 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom: 35%;left: 0;right: 0;z-index: 0;}
    /******************** END SECTION 4 ********************/

    /********** START SECTION 5 **********/
    .section-5{width: 100%;height: 100%;position: relative;background:#101010;text-align: center;padding-bottom: 15px;}
    .section-5 .title{margin-top: 0px;padding-top: 50px;}
    .section-5 .box{vertical-align:top;position: relative;display:inline-block;width:95%;margin:0 auto;margin-top:25px;border-radius: 18px;border:1px solid #fff;overflow: hidden;text-align: center;transition: .5s all;}
    .section-5 .box:nth-child(3){margin-left: 0px;margin-right:0px;}
    .section-5 .box .name{margin-top:15px;position:relative;display:block;width:100%;height:65px;line-height:1;border-bottom:1px solid #fff;color: #fff;text-align: center;font-size: 24px;letter-spacing: 1px;text-transform: uppercase;transition: .5s all;}
    .section-5 .box .name span{font-size: 11px;}
    .section-5 .box ul{position:relative;display:block;margin: 10px 5px 0px 30px;}
    .section-5 .box ul li{line-height:1.75;color:#fff;font-size: 14px;text-align: left;letter-spacing: 1px;font-weight: 600;margin-top:15px;}
    .section-5 .box ul li ul{margin: 0 5px 0 30px;}
    .section-5 .box ul li ul li{font-weight: 300;font-size: 13px;margin-top:0;}
    .section-5 .box .price{margin-top: 25px;margin-bottom: 50px;position: relative;width: 100%;color:#fff;font-size: 32px;text-align: center;letter-spacing: 2px;font-weight: 300;transition: .5s all;}
    .section-5 .box .price a{margin-top: 25px;margin-bottom: 50px;position: relative;width: 100%;color:#fff;font-size: 32px;text-align: center;letter-spacing: 2px;font-weight: 300;transition: .5s all;text-decoration: none;}
    
    .section-5 .box .price span{font-size: 18px;letter-spacing: 1px;display: block;}
    .section-5 .box button{position: relative;bottom: 20px;width: 95%;left: 0;right: 0;margin:auto;border-radius:8px;transition: .5s all;}
    .section-5 .box button:hover{background: #fff;color: #333!important;}
    .section-5 .boxtext{width:95%;margin:0 auto;margin-top: 25px;border:1px solid #fff;padding: 20px;border-radius: 16px;}
    .section-5 .boxtext hr{border-style: solid;border-width: 1px;margin-bottom: 6px;color: #fff;}
    .section-5 .boxtext p{font-size: 13px;color: #fff;margin-bottom: 10px;letter-spacing: 1px;line-height: 1.5;font-weight: 300;}
    .section-5 .boxtext .pdiv{color:#fff;font-size: 16px;font-weight: 400;letter-spacing: 8px;display: block;text-align: center;margin-bottom:15px;}
    .section-5 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
    .section-5 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:45%;}
    /******************** END SECTION 5 ********************/

    /********** START SECTION 7 **********/
    .section-7{width: 100%;height: 90%;position: relative;background:#181818;}
    .section-7 .title{margin-top: 0px;padding-top: 50px;}
    .section-7 .maxbox{height: 100%;margin-top: 0px;}
    .main{display: block!important;margin: 0 auto;height: 100px!important;}
    .section-7 .box{position: relative;width:100%;display: inline-block;width:49%;height: 125px;vertical-align:middle;text-align: center;}
    .section-7 .box img{width: 150px;height: 150px;}

    .section-7 .bottom-side{width: 100%;height: 35%;position: absolute;background: #101010;bottom: 0;}
    .section-7 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom:35%;left: 0;right: 0;z-index: 0;}
    /******************** END SECTION 7 ********************/

    /********** START SECTION 6 **********/
    .section-6{width: 100%;height: 100%;position: relative;background:#101010;padding-bottom: 50px;}
    .section-6 .title{margin-top: 0px;padding-top:50px;}

    .section-6 .left-side{position:relative;width: 95%;height: 100%;float: none;margin:0 auto;margin-top: 25px;display: block;}
    .section-6 .left-side .logo{margin:25px 0px;margin-bottom:5px;width: 100%;height:92px;background:url('../images/logo.png')center center no-repeat;background-size: 95%;}
    .section-6 .left-side div{display: block;color: #fff;font-size: 14px;font-weight: 300;}
    .section-6 .left-side .mode{margin-bottom: 10px;}
    .section-6 .left-side a{display: inline;color: #fff;text-decoration: none;font-size: 14px;font-weight: 300;}
    .section-6 .left-side a:hover{border-bottom:2px solid #fff;}
    .section-6 .left-side button{margin-top: 25px;}
    .section-6 .left-side .copyright{position: absolute;color: #fff;font-size: 13px;bottom: 0px;}
    .section-6 .right-side{position:relative;width:95%;height:300px;float: none;margin:0 auto;margin-top:25px;border-radius: 18px;overflow: hidden;}
    .section-6 .copyright{position: relative;color: #fff;font-size: 13px;bottom: 0px;text-align: center;margin-top: 13px;}
    .section-6 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
    .section-6 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:30%;}
    /******************** END SECTION 6 ********************/
}


@media (min-width: 321px) and (max-width: 425px) {
    .owl-carousel .owl-dots{left:0!important;right:0;text-align: center;}
    .owl-carousel .owl-dots .owl-dot{display: inline-block!important;}
    .hidden-xl{display: block;}
    .hidden-xs{display:none!important;}
    #wrapper{width: 100%;}
    .title{color: #fff;font-size: 32px;text-transform: uppercase;text-align: center;display: block;font-weight: 400;letter-spacing: 1px;margin-top:-150px;}
    /**************************************** END GENERAL SETTINGS ****************************************/
    
    .header-mobile{border-radius:18px 0px 0px 0px;padding-top:8px;padding-bottom:8px;position: fixed;width:40px;height: 195px;background: rgba(0,0,0,.85);text-align: right;z-index: 5;right: 0;bottom: 0px;}
    .header-mobile a{text-decoration: none;display: block;}
    .header-mobile a img{width: 24px;height: 24px;position: relative;right: 8px;margin-top:4px;margin-bottom: 4px;}

    /********** START SECTION 1 **********/
    .section-1{width: 100%;height: 100%;position: relative;}
    .section-1 .bgoverflow{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;z-index: 2;top:0;}
    .section-1 .logotype {position: absolute;left: 0;right: 0;margin:50px auto;width: 90%;background:url('../images/logo.png')center center no-repeat;background-size: 90%;z-index: 3;}
    .section-1 .logotype p{position: absolute;bottom: -25px;left: 0;right: 0;text-align: center;font-size: 18px;color: #fff;font-weight: 300;letter-spacing: 2px;}
    .section-1 .offer{width: 100%;text-align: center;position: absolute;z-index: 2;top:30%;left: 0;right: 0;margin: auto;}
    .section-1 .offer .offer-text{padding:4px;font-size: 24px;color: #fff;text-transform: uppercase;letter-spacing: 2px;font-weight: 400;width: 100%;text-shadow: 0px 2px 2px rgba(0,0,0,.5);}
    .section-1 .offer .offer-text-min{padding:4px;font-size: 18px;color: #eaeaea;letter-spacing: 1px;font-weight: 300;width:100%;line-height: 1.5;margin-top: 25px;text-shadow: 0px 3px 3px rgba(0,0,0,.5);}
    .section-1 .offer button{margin-top:50px;}

    .slider{width: 100%;height: 100vh;top:0;animation: sliderAnimation 36s linear infinite;}
    .slide1{background: url('../images/section1/slide1.jpg') center center no-repeat;background-size:cover;}
    .slide2{background: url('../images/section1/slide2.jpg') center center no-repeat;background-size:cover;}
    .slide3{background: url('../images/section1/slide3.jpg') center center no-repeat;background-size:cover;}
    .slide4{background: url('../images/section1/slide4.jpg') center center no-repeat;background-size:cover;}
    .slide5{background: url('../images/section1/slide5.jpg') center center no-repeat;background-size:cover;}
    /******************** END SECTION 1 ********************/

    /********** START SECTION 2 **********/
    .section-2{width: 100%;height: 100%;position: relative;background:#181818;text-align: center;}
    .section-2 .title{margin-top: 0px;padding-top: 25px;}
    .section-2 .box{color: #fff;width: 95%;margin:0 auto;z-index: 1;margin-top:25px;}
    .section-2 .box p{font-size: 13px;font-weight: 300;letter-spacing: 1px;line-height: 1.5;z-index: 1;text-align: left;}
    .section-2 .box p:nth-child(2){text-align: center;margin-top:25px;}
    .section-2 .box p:nth-child(3){text-align: center;margin-top:25px;}
    .section-2 .garant{width: 100%;margin:0 auto;color: #fff;font-size: 28px;font-weight: 300;text-align: center;margin-top:25px;padding-top:25px;border-top:2px dashed #fff;}
    .section-2 .box-inline{float:none;display:inline-block;width:48%;height:100%;position: relative;margin: 0;vertical-align: top;margin-top: 25px;margin-bottom: 0px;text-align: center;}
    .section-2 .box-inline .circle{width: 75px;height: 75px;border-radius: 150px;background: #fff;float: none;margin: 0 auto;}
    .section-2 .box-inline .shield{background:#fff url('../images/icons/shield.svg') center center no-repeat;background-size: 48px;}
    .section-2 .box-inline .plan{background:#fff url('../images/icons/plan.svg') center center no-repeat;background-size: 42px;}
    .section-2 .box-inline .connect{background:#fff url('../images/icons/connect.svg') center center no-repeat;background-size: 48px;}
    .section-2 .box-inline p{color: #fff;font-size: 12px;font-weight: 300;text-align: center;margin-top: 10px;}
    .section-2 a{text-decoration: none;}
    .section-2 button{display: initial;margin-top: 25px;}
    .section-2 .bottom-side{width: 100%;height: 45%;position: absolute;background: #101010;bottom: 0;}
    .section-2 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom:45%;left: 0;right: 0;z-index: 0;}
    /******************** END SECTION 2 ********************/

    /********** START SECTION 3 **********/
    .section-3{width: 100%;height: 100%;position: relative;background:#101010;}
    .section-3 .title{margin-top: 0px;padding-top: 50px;margin-bottom: 25px;}

    .section-3 .box{position: relative;width:95%;height: 540px;margin-top:75px;margin:0 auto;}
    .section-3 .box .name {position: relative;top: 0px;left: 25px;color: #fff;text-align: left;font-size: 18px;letter-spacing: 1px;text-transform: uppercase;}
    .section-3 .box .name sup{font-size: 14px;}
    .section-3 .box .item{position: absolute;overflow: hidden;cursor: pointer;border-radius: 2px;}
    .section-3 .box .item img{position: absolute;width: 100%;height: 100%;object-fit: cover;transition: 2s all;} 
    .section-3 .box .item:hover img{transform: scale(1.1);}
    .section-3 .box .item .view{position: absolute;left: 0;right: 0;top:0;bottom: 0;margin:auto;width: 100%;height: 100%;background:rgba(0,0,0,.5) url('../images/icons/zoom.svg') center center no-repeat;background-size: 72px;transition: .35s all;opacity: .3;}
    .section-3 .box .item:hover .view{opacity: 1;}

    .section-3 .left .left-side{width: 100%;height:540px;left: 0;top:35px;}
    .section-3 .left .top-right{width: 300px;height:300px;right: 0;top:0;display: none;}
    .section-3 .left .top-left{width: 300px;height:300px;right: 310px;top:0;display: none;}
    .section-3 .left .bottom-right{width: 300px;height:300px;right: 0;top:310px;display: none;}
    .section-3 .left .bottom-left{width: 300px;height:300px;right: 310px;top:310px;display: none;}

    .section-3 .right .left-side{width: 100%;height:540px;right: 0;top:35px;}
    .section-3 .right .top-right{width: 300px;height:300px;left: 0;top:0;display: none;}
    .section-3 .right .top-left{width: 300px;height:300px;left: 310px;top:0;display: none;}
    .section-3 .right .bottom-right{width: 300px;height:300px;left: 0;top:310px;display: none;}
    .section-3 .right .bottom-left{width: 300px;height:300px;left: 310px;top:310px;display: none;}

    .section-3 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
    .section-3 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:45%;}
    /******************** END SECTION 3 ********************/


    /********** START SECTION 4 **********/
    .section-4{width: 100%;height: 100%;position: relative;background:#181818;}
    .section-4 .title{margin-top: 0px;padding-top: 50px;}

    .section-4 .box{position: relative;width:95%;height: 500px;margin:0 auto;margin-top:25px;border-radius: 18px;overflow: hidden;text-align: center;}
    .section-4 .box .boxdesc{width: 100%;position: absolute;left: 5px;top: 12%;z-index: 2;padding: 25px;border-radius: 18px;text-align: left;visibility:visible;opacity:1;transition: visibility .5s, opacity .5s linear;cursor: pointer;}
    .section-4 .box .boxdesc .name{color: #fff;text-align: left;font-size: 24px;margin-bottom:25px;letter-spacing: 1px;text-transform: uppercase;}
    .section-4 .box .boxdesc .desc{color: #fff;text-align: left;font-size: 14px;letter-spacing: 2px;}
    .section-4 .box .boxdesc button{margin-top: 25px;}
    .section-4 .box .boximage{float:none;width: 100%;height: 500px;overflow: hidden;position: absolute;}
    .section-4 .box .boximage a .boxshadow{width: 100%;height: 100%;background: rgba(0,0,0,.7);position: absolute;z-index: 1;transition: 1s all;top:0;}
    .section-4 .box .boximage img{width: 100%;height: 100%;object-fit: cover;transition: 2s all;position: absolute;}
    .section-4 .box .boximage a:hover img{transform: scale(1.1);}
    .section-4 .box:hover .boxdesc{visibility: hidden;opacity: 0;}
    .section-4 .box .boximage a:hover .boxshadow{background: rgba(0,0,0,0);}

    .section-4 .bottom-side{width: 100%;height: 35%;position: absolute;background: #101010;bottom: 0;}
    .section-4 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom: 35%;left: 0;right: 0;z-index: 0;}
    /******************** END SECTION 4 ********************/

    /********** START SECTION 5 **********/
    .section-5{width: 100%;height: 100%;position: relative;background:#101010;text-align: center;padding-bottom: 15px;}
    .section-5 .title{margin-top: 0px;padding-top: 50px;}
    .section-5 .box{vertical-align:top;position: relative;display:inline-block;width:95%;margin:0 auto;margin-top:25px;border-radius: 18px;border:1px solid #fff;overflow: hidden;text-align: center;transition: .5s all;}
    .section-5 .box:nth-child(3){margin-left: 0px;margin-right:0px;}
    .section-5 .box .name{margin-top:15px;position:relative;display:block;width:100%;height:65px;line-height:1;border-bottom:1px solid #fff;color: #fff;text-align: center;font-size: 24px;letter-spacing: 1px;text-transform: uppercase;transition: .5s all;}
    .section-5 .box .name span{font-size: 12px;}
    .section-5 .box ul{position:relative;display:block;margin: 10px 5px 0px 30px;}
    .section-5 .box ul li{line-height:1.75;color:#fff;font-size: 14px;text-align: left;letter-spacing: 1px;font-weight: 600;margin-top:15px;}
    .section-5 .box ul li ul{margin: 0 5px 0 30px;}
    .section-5 .box ul li ul li{font-weight: 300;font-size: 13px;margin-top:0;}
    .section-5 .box .price{margin-top: 25px;margin-bottom: 50px;position: relative;width: 100%;color:#fff;font-size: 32px;text-align: center;letter-spacing: 2px;font-weight: 300;transition: .5s all;}
    .section-5 .box .price a{margin-top: 25px;margin-bottom: 50px;position: relative;width: 100%;color:#fff;font-size: 32px;text-align: center;letter-spacing: 2px;font-weight: 300;transition: .5s all;text-decoration: none;}
    
    .section-5 .box .price span{font-size: 18px;letter-spacing: 1px;display: block;}
    .section-5 .box button{position: relative;bottom: 20px;width: 95%;left: 0;right: 0;margin:auto;border-radius:8px;transition: .5s all;}
    .section-5 .box button:hover{background: #fff;color: #333!important;}
    .section-5 .boxtext{width:95%;margin:0 auto;margin-top: 25px;border:1px solid #fff;padding: 20px;border-radius: 16px;}
    .section-5 .boxtext hr{border-style: solid;border-width: 1px;margin-bottom: 6px;color: #fff;}
    .section-5 .boxtext p{font-size: 13px;color: #fff;margin-bottom: 10px;letter-spacing: 1px;line-height: 1.5;font-weight: 300;}
    .section-5 .boxtext .pdiv{color:#fff;font-size: 18px;font-weight: 400;letter-spacing: 8px;display: block;text-align: center;margin-bottom:15px;}
    .section-5 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
    .section-5 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:45%;}
    /******************** END SECTION 5 ********************/

    /********** START SECTION 7 **********/
    .section-7{width: 100%;height: 90%;position: relative;background:#181818;}
    .section-7 .title{margin-top: 0px;padding-top: 50px;}
    .section-7 .maxbox{height: 100%;margin-top: 0px;}
    .main{display: block!important;margin: 0 auto;height: 100px!important;}
    .section-7 .box{position: relative;width:100%;display: inline-block;width:49%;height: 150px;vertical-align:middle;text-align: center;}
    .section-7 .box img{width: 150px;height: 150px;}

    .section-7 .bottom-side{width: 100%;height: 35%;position: absolute;background: #101010;bottom: 0;}
    .section-7 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom:35%;left: 0;right: 0;z-index: 0;}
    /******************** END SECTION 7 ********************/

    /********** START SECTION 6 **********/
    .section-6{width: 100%;height: 100%;position: relative;background:#101010;padding-bottom: 15px;}
    .section-6 .title{margin-top: 0px;padding-top:50px;}

    .section-6 .left-side{position:relative;width: 95%;height: 100%;float: none;margin:0 auto;margin-top: 25px;display: block;}
    .section-6 .left-side .logo{margin:25px 0px;margin-bottom:5px;width: 100%;height:92px;background:url('../images/logo.png')center center no-repeat;background-size: 95%;}
    .section-6 .left-side div{display: block;color: #fff;font-size: 16px;font-weight: 300;}
    .section-6 .left-side .mode{margin-bottom: 10px;}
    .section-6 .left-side a{display: inline;color: #fff;text-decoration: none;font-size: 16px;font-weight: 300;}
    .section-6 .left-side a:hover{border-bottom:2px solid #fff;}
    .section-6 .left-side button{margin-top: 25px;}
    .section-6 .left-side .copyright{position: absolute;color: #fff;font-size: 13px;bottom: 0px;}
    .section-6 .right-side{position:relative;width:95%;height:300px;float: none;margin:0 auto;margin-top:25px;border-radius: 18px;overflow: hidden;}
    .section-6 .copyright{position: relative;color: #fff;font-size: 13px;bottom: 0px;text-align: center;margin-top: 13px;}
    .section-6 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
    .section-6 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:30%;}
    /******************** END SECTION 6 ********************/
}

@media (min-width: 768px) and (max-width: 1024px) {
    .owl-carousel .owl-dots{left:0!important;right:0;text-align: center;top:75px!important;}
    .owl-carousel .owl-dots .owl-dot{display: inline-block!important;}
#wrapper{width: 100%;margin: 0 auto;position: relative;left: 0;right: 0;letter-spacing: 0px;z-index: 2;}
.clearfix:after{content: "";display: table;clear: both;}
.hidden-xl{display: none;}
.hidden-xs{display: block;}

button{padding: 12px 12px;border:none;background: transparent;color: #fff;border:1px solid #fff;border-radius: 50px;font-size: 14px;text-transform: uppercase;letter-spacing: 2px;font-weight: 300;cursor: pointer;transition: .35s all;}
button:hover{background: #fff;color: #333;}

.title{color: #fff;font-size: 36px;text-transform: uppercase;text-align: center;display: block;font-weight: 400;letter-spacing: 1px;margin-top:-150px;}

/**************************************** END GENERAL SETTINGS ****************************************/

/********** START HEADER **********/
.header{position: fixed;width: 100%;height:50px;text-align: center;background: transparent;left: 0;right: 0;margin: 50px auto;}
.headerScroll{background: rgba(0,0,0,.75);margin:0px;}
.header .header-menu{position: absolute;left: 0;right: 0;top:0;}
.header .header-menu ul li{display: inline-block;list-style:none;padding: 15px 8px;}
.header .header-menu ul li a{color: #fff;text-decoration: none;text-transform: uppercase;font-weight: 600;font-size: 13px;letter-spacing: 1px;}
.header .header-menu ul li a:hover{border-bottom: 2px solid #fff;}
.header .header-menu ul li .active{border-bottom: 2px solid #fff;}
/******************** END HEADER ********************/

/********** START SECTION 1 **********/
.section-1{width: 100%;height: 100%;position: relative;}
.section-1 .bgoverflow{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;z-index: 2;top:0;}
.section-1 .logotype {position: absolute;left: 0;right: 0;margin:140px auto;width: 600px;height:92px;background:url('../images/logo.png')center center no-repeat;background-size: 400px;z-index: 3;}
.section-1 .logotype p{position: absolute;bottom: -40px;left: 0;right: 0;text-align: center;font-size: 24px;color: #fff;font-weight: 300;letter-spacing: 3px;}   
.section-1 .offer{width: 100%;text-align: left;position: absolute;z-index: 2;top:40%;left: 25px;right: 0;margin: auto;}
.section-1 .offer .offer-text{font-size: 36px;color: #fff;text-transform: uppercase;letter-spacing: 2px;font-weight: 400;width: 80%;text-shadow: 0px 2px 2px rgba(0,0,0,.5);}
.section-1 .offer .offer-text-min{font-size: 18px;color: #eaeaea;letter-spacing: 1px;font-weight: 300;width:80%;line-height: 1.5;margin-top: 15px;text-shadow: 0px 3px 3px rgba(0,0,0,.5);}
.section-1 .offer button{margin-top:25px;}

.slider{width: 100%;height: 100vh;top:0;animation: sliderAnimation 36s linear infinite;}
.slide1{background: url('../images/section1/slide1.jpg') center center no-repeat;background-size:cover;}
.slide2{background: url('../images/section1/slide2.jpg') center center no-repeat;background-size:cover;}
.slide3{background: url('../images/section1/slide3.jpg') center center no-repeat;background-size:cover;}
.slide4{background: url('../images/section1/slide4.jpg') center center no-repeat;background-size:cover;}
.slide5{background: url('../images/section1/slide5.jpg') center center no-repeat;background-size:cover;}

.scrolldown{display:none;position: absolute;left: 0;right: 0;bottom: 100px;width: 40px;height: 40px;margin: auto;z-index: 3;cursor: pointer;}
.scrolldown svg{opacity: .75;transition: .35s opacity;}
.scrolldown:hover svg{opacity: 1;}
@keyframes scroll {0% {transform: translateY(0);}30% {transform: translateY(30px);}}
.scrolldown svg #wheel{animation: scroll ease 2s infinite;}


/******************** END SECTION 1 ********************/

/********** START SECTION 2 **********/
.section-2{width: 100%;height: 100%;position: relative;background:#181818;}
.section-2 .title{margin-top: 0px;padding-top: 50px;}
.section-2 .box{color: #fff;width: 95%;margin:0 auto;z-index: 1;margin-top:25px;}
.section-2 .box p{font-size: 16px;font-weight: 300;letter-spacing: 1px;line-height: 1.75;z-index: 1;text-align: left;}
.section-2 .box p:nth-child(2){text-align: center;margin-top:25px;}
.section-2 .box p:nth-child(3){text-align: center;margin-top:50px;}
.section-2 .garant{width: 95%;margin:0 auto;color: #fff;font-size: 24px;font-weight: 300;text-align: center;margin-top:25px;padding-top:50px;border-top:2px dashed #fff;}
.section-2 .box-inline{vertical-align:top;float:none;display:inline-block;width:29%;height:100%;position: relative;margin: 13px;margin-top: 50px;margin-bottom: 50px;text-align: center;}
.section-2 .box-inline .circle{width: 75px;height: 75px;border-radius: 150px;background: #fff;float: none;display:block;margin-right: 0px;margin:0 auto;}
.section-2 .box-inline .shield{background:#fff url('../images/icons/shield.svg') center center no-repeat;background-size: 48px;}
.section-2 .box-inline .plan{background:#fff url('../images/icons/plan.svg') center center no-repeat;background-size: 42px;}
.section-2 .box-inline .connect{background:#fff url('../images/icons/connect.svg') center center no-repeat;background-size: 48px;}

.section-2 .box-inline p{color: #fff;font-size: 14px;font-weight: 300;text-align: center;margin-top: 18px;}
.section-2 a{text-decoration: none;}
.section-2 button{display: initial;}
.section-2 .bottom-side{width: 100%;height: 35%;position: absolute;background: #101010;bottom: 0;}
.section-2 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom:35%;left: 0;right: 0;z-index: 0;}
/******************** END SECTION 2 ********************/

/********** START SECTION 3 **********/
.section-3{width: 100%;height: 100%;position: relative;background:#101010;}
.section-3 .title{margin-top: 0px;padding-top: 50px;}

.section-3 .box{position: relative;width:98%;height: 400px;margin:0 auto;margin-top:75px;}
.section-3 .box .name {position: relative;top: -35px;left: 25px;color: #fff;text-align: left;font-size: 18px;letter-spacing: 1px;text-transform: uppercase;}
.section-3 .box .name sup{font-size: 14px;}
.section-3 .box .item{position: absolute;overflow: hidden;cursor: pointer;border-radius: 2px;}
.section-3 .box .item img{position: absolute;width: 100%;height: 100%;object-fit: cover;transition: 2s all;} 
.section-3 .box .item:hover img{transform: scale(1.1);}
.section-3 .box .item .view{position: absolute;left: 0;right: 0;top:0;bottom: 0;margin:auto;width: 100%;height: 100%;background:rgba(0,0,0,.5) url('../images/icons/zoom.svg') center center no-repeat;background-size: 72px;transition: .35s all;opacity: 0;}
.section-3 .box .item:hover .view{opacity: 1;}

.section-3 .left .left-side{width: 432px;height:310px;left: 0;top:0;}
.section-3 .left .top-right{width: 150px;height:150px;right: 0;top:0;}
.section-3 .left .top-left{width: 150px;height:150px;right: 160px;top:0;}
.section-3 .left .bottom-right{width: 150px;height:150px;right: 0;top:160px;}
.section-3 .left .bottom-left{width: 150px;height:150px;right: 160px;top:160px;}

.section-3 .right .left-side{width: 432px;height:310px;right: 0;top:0;}
.section-3 .right .top-right{width: 150px;height:150px;left: 0;top:0;}
.section-3 .right .top-left{width: 150px;height:150px;left: 160px;top:0;}
.section-3 .right .bottom-right{width: 150px;height:150px;left: 0;top:160px;}
.section-3 .right .bottom-left{width: 150px;height:150px;left: 160px;top:160px;}

.section-3 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
.section-3 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:45%;}
/******************** END SECTION 3 ********************/


/********** START SECTION 4 **********/
.section-4{width: 100%;height: 100%;position: relative;background:#181818;}
.section-4 .title{margin-top: 0px;padding-top: 50px;}

.section-4 .box{position: relative;width:98%;height: 610px;margin:0 auto;margin-top:50px;border-radius: 18px;overflow: hidden;text-align: center;}
.section-4 .box .boxdesc{width: 50%;position: absolute;left: 100px;top: 15%;z-index: 2;padding: 25px;border-radius: 18px;text-align: left;visibility:visible;opacity:1;transition: visibility .5s, opacity .5s linear;cursor: pointer;}
.section-4 .box .boxdesc .name{color: #fff;text-align: left;font-size: 32px;margin-bottom:25px;letter-spacing: 1px;text-transform: uppercase;}
.section-4 .box .boxdesc .desc{color: #fff;text-align: left;font-size: 16px;letter-spacing: 2px;}
.section-4 .box .boxdesc button{margin-top: 25px;}
.section-4 .box .boximage{float:left;width: 25%;height: 610px;overflow: hidden;position: relative;}
.section-4 .box .boximage a .boxshadow{width: 100%;height: 100%;background: rgba(0,0,0,.7);position: absolute;z-index: 1;transition: 1s all;top:0;}
.section-4 .box .boximage img{width: 100%;height: 100%;object-fit: cover;transition: 2s all;position: absolute;}
.section-4 .box .boximage a:hover img{transform: scale(1.1);}
.section-4 .box:hover .boxdesc{visibility: hidden;opacity: 0;}
.section-4 .box .boximage a:hover .boxshadow{background: rgba(0,0,0,0);}

.section-4 .bottom-side{width: 100%;height: 35%;position: absolute;background: #101010;bottom: 0;}
.section-4 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom: 35%;left: 0;right: 0;z-index: 0;}
/******************** END SECTION 4 ********************/



/********** START SECTION 5 **********/
.section-5{width: 100%;height: 100%;position: relative;background:#101010;padding-bottom: 15px;}
.section-5 .title{margin-top: 0px;padding-top: 50px;}
.section-5 .box{vertical-align:top;position: relative;display:block;width:98%;margin:0 auto;margin-top:50px;border-radius: 18px;border:1px solid #fff;overflow: hidden;text-align: center;transition: .5s all;}
.section-5 .box:nth-child(3){margin-left: 0px;margin-right:0px;}
.section-5 .box .name{margin-top:15px;position:relative;display:block;width:100%;height:65px;line-height:1;border-bottom:1px solid #fff;color: #fff;text-align: center;font-size: 24px;letter-spacing: 1px;text-transform: uppercase;transition: .5s all;}
.section-5 .box .name span{font-size: 12px;}
.section-5 .box ul{position:relative;display:block;margin: 10px 5px 0px 30px;}
.section-5 .box ul li{line-height:1.75;color:#fff;font-size: 14px;text-align: left;letter-spacing: 1px;font-weight: 600;margin-top:15px;}
.section-5 .box ul li ul{margin: 0 5px 0 30px;}
.section-5 .box ul li ul li{font-weight: 300;font-size: 13px;margin-top:0;}
.section-5 .box .price{margin-top: 25px;margin-bottom: 50px;position: relative;width: 100%;color:#fff;font-size: 32px;text-align: center;letter-spacing: 2px;font-weight: 300;transition: .5s all;}
.section-5 .box .price a{margin-top: 25px;margin-bottom: 50px;position: relative;width: 100%;color:#fff;font-size: 32px;text-align: center;letter-spacing: 2px;font-weight: 300;transition: .5s all;text-decoration: none;}
.section-5 .box .price span{font-size: 18px;letter-spacing: 1px;display: block;}
.section-5 .box button{position: relative;bottom: 20px;width: 330px;left: 0;right: 0;margin:auto;border-radius:8px;transition: .5s all;}
.section-5 .box button:hover{background: #fff;color: #333!important;}
.section-5 .boxtext{width:98%;margin:0 auto;margin-top: 50px;border:1px solid #fff;padding: 20px;border-radius: 16px;}
.section-5 .boxtext hr{border-style: solid;border-width: 1px;margin-bottom: 6px;color: #fff;}
.section-5 .boxtext p{font-size: 13px;color: #fff;margin-bottom: 10px;letter-spacing: 1px;line-height: 1.5;font-weight: 300;}
.section-5 .boxtext .pdiv{color:#fff;font-size: 18px;font-weight: 400;letter-spacing: 8px;display: block;text-align: center;margin-bottom:15px;}
.section-5 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
.section-5 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:45%;}
/******************** END SECTION 5 ********************/

/********** START SECTION 7 **********/
.section-7{width: 100%;height: 100%;position: relative;background:#181818;}
.section-7 .title{margin-top: 0px;padding-top: 50px;}
.section-7 .maxbox{height: 610px;margin-top: 0px;}
.main{display: block!important;margin: 0 auto;height: 150px!important;}
.section-7 .box{position: relative;width:100%;display: inline-block;width:32%;height: 175px;vertical-align:middle;text-align: center;}
.section-7 .box img{width: 225px;height: 225px;}

.section-7 .bottom-side{width: 100%;height: 35%;position: absolute;background: #101010;bottom: 0;}
.section-7 .bottom-side-top{background: url('../images/section2/bg_top.png')center center no-repeat;background-size: cover;height: 200px;position: absolute;bottom:35%;left: 0;right: 0;z-index: 0;}
/******************** END SECTION 7 ********************/




/********** START SECTION 6 **********/
.section-6{width: 100%;height: 100%;position: relative;background:#101010;padding-bottom: 25px;}
.section-6 .title{margin-top: 0px;padding-top:50px;}

.section-6 .left-side{position:relative;width: 40%;height: 500px;float: left;margin-top: 50px;padding-left: 8px;}
.section-6 .left-side .logo{margin:50px 0px;margin-bottom:20px;width: 250px;background:url('../images/logo.png')center center no-repeat;background-size: 250px;}
.section-6 .left-side div{display: block;color: #fff;font-size: 16px;font-weight: 300;}
.section-6 .left-side .mode{margin-bottom: 20px;margin-top: 5px;}
.section-6 .left-side a{display: inline;color: #fff;text-decoration: none;font-size: 16px;font-weight: 300;}
.section-6 .left-side a:hover{border-bottom:2px solid #fff;}
.section-6 .left-side button{margin-top: 25px;}
.section-6 .left-side .copyright{position: absolute;color: #fff;font-size: 13px;bottom: 0px;}
.section-6 .right-side{position:relative;width:58%;height:500px;float: right;margin-top:50px;border-radius: 18px;overflow: hidden;margin-right: 8px;}
.section-6 .bottom-side{width: 100%;height: 55%;position: absolute;background: #181818;bottom: 0;}
.section-6 .bottom-side-top{background: url('../images/section3/bg_top.png')center center no-repeat;background-size: cover;height: 353px;position: absolute;left: 0;right: 0;z-index: 1;top:45%;}

/******************** END SECTION 6 ********************/

.social{position: fixed;bottom: 50px;right: 25px;width:24px;height:134px;z-index: 5;}
.social a{position: absolute;display: block;right: 0px;width: 24px;height:24px;opacity: .75;transition: .35s opacity;}
.social a:hover{opacity: 1;}
.social a:nth-child(1){background: url('../images/icons/call.svg') center center no-repeat;background-size: 24px;}
.social a:nth-child(2){background: url('../images/icons/instagram.svg') center center no-repeat;background-size: 24px;margin-top: 38px;}
.social a:nth-child(3){background: url('../images/icons/vk.svg') center center no-repeat;background-size: 24px;margin-top: 74px;}
.social a:nth-child(4){background: url('../images/icons/facebook.svg') center center no-repeat;background-size: 24px;margin-top:110px;}



}