/* Start Reset */
* {margin: 0;padding: 0;box-sizing: border-box;}
html{height: 100%;}
button{border:0px;cursor:pointer;outline: none;}
img{display:block;max-width:100%;border:0px;}
li{list-style-position: inside;}
table{border-collapse: collapse;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
b, strong{font-family: "Montserrat-Bold";}
iframe{border:0px;}
a{color:#fff;text-decoration: none;}
a:hover{text-decoration: none;}
textarea{resize: none;}
input, textarea{max-width:100%;}
ul, ol{list-style: none;}
button{cursor: pointer;}
address{font-style: normal;}
h1, h2, h3, h4, h5, h6{font-family: "Montserrat-Bold";}
/* End Reset */

/* Start Default */
.btn{font-family: "Montserrat-Bold";color:#fff;font-size: 30px;line-height: 100%;text-transform: uppercase;padding: 17px 85px 17px 20px;position: relative;z-index: 1;min-height:64px;display: inline-block;}
.btn:before{content:'';display: block;width: 64px;height: 64px;background-color: #3276ce;background-image: linear-gradient(-40deg, rgba(19, 12, 183, 0.49) 0%, rgba(82, 229, 231, 0.49) 100%);position: absolute;left:0;top:50%;transform: translate(0, -50%);border-radius: 32px;z-index: -1;transition: all .3s ease-in-out;}
.btn:after{content:'';display: block;width:67px;height:20px;background: url(img/icons/arrow-icon.png) center no-repeat;position: absolute;right:0;top:50%;transform: translate(0, -50%);}
.btn:hover{text-decoration: none;}
.btn:hover:before{width:calc(100% + 20px);}
.wrap{padding:70px 0;position: relative;}
.content{width: 100%;max-width: 1142px;margin: 0 auto;position: relative;z-index: 1;}
.title{margin-bottom: 50px;}
h1{font-family: "Montserrat-Medium";font-size: 30px;}
h2{font-size: 60px;line-height: 120%;}
/* End Default */

/* Start Подключение шрифтов */
/* font-family: 'Montserrat-Medium'; */
@font-face {
    font-family: "Montserrat-Medium";
    src: local('Montserrat Medium'),
	local('Montserrat-Medium'),
	url('fonts/Montserrat-Medium/Montserrat-Medium.woff2') format('woff2'),
	url('fonts/Montserrat-Medium/Montserrat-Medium.woff') format('woff'),
	url('fonts/Montserrat-Medium/Montserrat-Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
/* font-family: "Montserrat-Bold"; */
@font-face {
    font-family: "Montserrat-Bold";
    src: local('Montserrat Bold'),
	local('Montserrat-Bold'),
	url('fonts/Montserrat-Bold/Montserrat-Bold.woff2') format('woff2'),
	url('fonts/Montserrat-Bold/Montserrat-Bold.woff') format('woff'),
	url('fonts/Montserrat-Bold/Montserrat-Bold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
/* font-family: "RobotoBold"; */
@font-face {
    font-family: "RobotoBold";
    src: local('Roboto Bold'),
	local('Roboto-Bold'),
	url('fonts/RobotoBold/RobotoBold.woff2') format('woff2'),
	url('fonts/RobotoBold/RobotoBold.woff') format('woff'),
	url('fonts/RobotoBold/RobotoBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
/* font-family: "KozGoProMedium"; */
@font-face {
    font-family: "KozGoProMedium";
    src: local('KozGoPro Medium'),
	local('KozGoPro-Medium'),
    url('fonts/KozGoProMedium/KozGoProMedium.otf') format('opentype'),
	url('fonts/KozGoProMedium/KozGoProMedium.woff2') format('woff2'),
	url('fonts/KozGoProMedium/KozGoProMedium.woff') format('woff'),
	url('fonts/KozGoProMedium/KozGoProMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
/* End Подключение шрифтов */

/* Start Body */
body{font-family: "Montserrat-Medium";font-size:18px;color:#fff;background-color: #050133;}
.wrap-main{background: url(img/bgs/main-bg.png) 92% 100% no-repeat, linear-gradient(-40deg, #040124 0%, #09046e 100%);padding-bottom: 50px;}
.header{width: 100%;max-width: 1142px;margin: 0 auto;padding: 30px 0;display: flex;align-items: flex-start;justify-content: space-between;}
.logo{max-width: 227px;text-align: center;}
.logo__name{font-family: "KozGoProMedium";font-size: 13px;text-transform: uppercase;letter-spacing: 4px;}
.now{margin-right: 73px;}
.now b{font-family: "Montserrat-Bold";font-size: 30px;}
.main{width: 100%;max-width: 1142px;margin: 35px auto 0;}
.main__title{background: -webkit-linear-gradient(-80deg, #52e5e7 0%, #130cb7 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color:#fff;margin-bottom: 35px;}
.main__sub-title{margin-bottom: 40px;}
.main__txt{max-width: 475px;margin-bottom: 50px;}
.main-items{width: 100%;max-width: 1142px;margin: 100px auto 0;display: flex;align-items: stretch;justify-content: space-between;position: relative;z-index: 1;}
.main-items__item{width:33%;max-width: 315px;background-color: #2d2d2d;background-image: linear-gradient(-40deg, #2d2d2d 0%, #383838 100%);border-radius: 20px;padding: 20px 20px 30px;position: relative;}
.main-items__item:before{content:'';display: block;width: 5px;height: 88px;background-color: #3276ce;border-radius: 3px;box-shadow: 0 0 9px 1px rgba(50, 118, 206, 0.5);position: absolute;left:0;top:25px;transform: translate(-50%, 0);}
.main-items__item:first-child{background-color: #130cb7;background-image: linear-gradient(-40deg, #130cb7 0%, #52e5e7 100%);}
.main-items__item:first-child::before{display: none;}
.main-items__item:last-child:after{content:'';display: block;width:100%;height:100%;background-color: #130cb7;background-image: linear-gradient(-40deg, #130cb7 0%, #52e5e7 100%);position: absolute;right:-20px;bottom:-15px;z-index: -1;border-radius: 20px;}
.main-items__item:last-child{margin-right: 60px;}
.main-items__img{margin-bottom: 5px;}
.main-items__img img{float: right;margin-right: 25px;}
.main-items__img:after{content:'';display: block;clear: both;}
.main-items__title{font-family: "Montserrat-Bold";font-size: 30px;line-height: 120%;margin-bottom: 20px;}
.wrap--second{background: url(img/bgs/second-bg.jpg) center no-repeat;background-size: cover;}
.wrap--opacity:before{content: '';display: block;width:100%;height:100%;opacity: 0.9;background-image: linear-gradient(to top, #010534 0%, #24074c 100%);position: absolute;top:0;left:0;}
.wrap--opacity:after{content: '';display: block;width: 762px;height: 10px;background-image: linear-gradient(267deg, #6717cd 0%, #2871fa 100%);border-radius: 0px 5px 5px 0px;box-shadow: 0 0 9px 1px rgba(50, 118, 206, 0.5);position: absolute;bottom:-5px;left:0;}
.col-2{display: flex;align-items: center;justify-content: space-between;}
.col{max-width: 45%;}
.col__title{font-family: "Montserrat-Bold";font-size: 30px;}
.col-list{margin-top: 43px;}
.col-list__item{margin-bottom: 20px;}
.col-list__item:last-child{margin-bottom: 0;}
.col-list__title{font-family: "Montserrat-Bold";font-size: 30px;}
.wrap--third{overflow: hidden;}
.whom{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;}
.whom__item{min-width:445px;max-width: 45%;margin-bottom: 30px;}
.whom__title{display: flex;align-items: center;justify-content: flex-start;}
.whom__title h3{font-size: 30px;}
.whom__img{display: flex;align-items: center;justify-content: center;width: 105px;min-width:105px;height: 105px;border: 5px solid #3276ce;background: url(img/bgs/icon-bg.png) center no-repeat;box-shadow: 0 0 10px rgba(255, 255, 255, 0.25);margin-right: 50px;margin-bottom: 20px;border-radius: 50%;}
.wrap--fourth{background: url(img/bgs/fourth-bg.jpg) center no-repeat;background-size: cover;overflow: hidden;}
.wrap--fourth .col-2{align-items: flex-start;}
.wrap--fourth .col:last-child{max-width: 445px;}
.wrap--fourth .btn{white-space: nowrap;margin-top: 25px;left:-100px;}
.wrap--fifth .col-2{align-items: stretch;}
.col__img{position: relative;}
.wrap--fifth .col__img:before{content:'';display: block;width: 1095px;height: 1187px;background: url(img/bgs/light-bg.png) center no-repeat;position: absolute;top:-400px;left:50%;transform: translateX(calc(-50% - 120px));z-index: -1;}
.wrap--fifth .col__img img{max-width: none;position: relative;left:-70px;bottom:0;}
.list--count{counter-reset: numbs;margin-top: 20px;}
.list__item{position: relative;margin-bottom: 50px;}
.list__item:last-child{margin-bottom: 0;}
.list__title:before{content:'';display: block;width: 133px;height: 132px;background: url(img/bgs/light-bg.png) center no-repeat;background-size: contain;position: absolute;top:50%;left:0;transform: translate(-42%, -50%);z-index: -1;opacity: 0.6;}
.list__item:after{content: counter(numbs);display: block;counter-increment: numbs;position: absolute;top:0;left:-50px;font-family: "RobotoBold";color: rgb(124 123 123 / 50%);font-size: 150px;line-height: 100%;width:75px;text-align: center;z-index: -1;}
.list__title{font-size: 30px;margin-bottom: 30px;position: relative;}
.wrap--fifth{padding-bottom: 0;overflow: hidden;}
.wrap--fifth .title{margin-bottom: 120px;}
.wrap--sixth{background: url(img/bgs/sixth-bg.jpg) center no-repeat;background-size: cover;}
.wrap--sixth .col:last-child{margin-right: 170px;}
.col__data{text-align: center;margin-top: 5px;}
.col__name{font-family: "Montserrat-Bold";font-size: 30px;margin-bottom: 2px;}
.wrap--seventh{padding-bottom: 200px;}
.wrap--seventh:after{content:'';display: block;width: 540px;height: 289px;background-image: linear-gradient(to top, #6717cd 0%, #2871fa 100%);border-radius: 200px 0px 0px;position: absolute;bottom:0;right:0;}
.title__h2{font-size: 30px;background: -webkit-linear-gradient(-80deg, #52e5e7 0%, #130cb7 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #fff;margin-bottom: 50px;}
.content__txt{max-width: 645px;position: relative;}
.wrap--seventh .btn{position: absolute;top:-15px;right:-400px;}
.wrap--seventh .btn:before{top:28%;}
.wrap--seventh .btn:hover:before{top: 50%;height: 100%;}
.wrap--seventh .btn:after{top:35%;}
/* End Body */

/* Start Responsive */
@media only screen and (max-width : 1800px) {
    .wrap-main{background-position: 120% 100%;}
}
@media only screen and (max-width : 1650px) {
    .wrap-main{background-position: 150% 100%;}
}
@media only screen and (max-width : 1410px) {
    .wrap-main{background-position: 180% 100%;}
}
@media only screen and (max-width : 1330px) {
    .wrap-main{background-position: 220% 100%;}
}
@media only screen and (max-width : 1250px) {
    .wrap-main{background-position: 400% 100%;}
    .header{padding:20px 15px;}
    .now{margin-right: 0;}
    .main, .main-items, .content{padding:0 15px;}
    .main-items__item:last-child{margin-right: 20px;}
    .col{max-width: 48%;}
    .wrap--opacity:after{max-width: 45%;}
    .wrap--fourth .btn{left:-125px;}
    .wrap--seventh:after{width: 440px;height: 189px;}
}
@media only screen and (max-width : 1130px) {
    body{font-size: 14px;}
    .now b{font-size: 25px;}
    .wrap-main{background: url(../../img/bgs/main-bg.png) 350% 70px no-repeat, linear-gradient(-40deg, #040124 0%, #09046e 100%);background-size: contain;}
    .main{margin:0 auto;}
    h1{font-size: 24px;}
    h2{font-size: 42px;}
    .btn{font-size: 24px;padding: 14px 85px 14px 20px;min-height: 52px;}
    .main__title, .main__sub-title{margin-bottom: 15px;}
    .main__txt{margin-bottom: 30px;}
    .main-items{margin: 50px auto 0;}
    .main-items__item{max-width: 30%;}
    .main-items__title{font-size: 24px;}
    .col__title, .col-list__title, .whom__title h3, .col__name{font-size: 24px;}
    .col-list{margin-top: 30px;}
    .col-list__item{margin-bottom: 15px;}
    .wrap{padding:30px 0;}
    .title{margin-bottom: 30px;}
    .whom__item{max-width: 48%;margin-bottom: 20px;}
    .whom__img{margin-bottom: 15px;margin-right: 30px;}
    .list__item{margin-bottom: 30px;}
    .list__title{font-size: 24px;margin-bottom: 15px;}
    .list__item:after{font-size: 118px;top:-10px;}
    .wrap--fifth .title{margin-bottom: 50px;}
    .wrap--fifth .col__img img{bottom:-30px;}
    .wrap--sixth .col:last-child{margin-right: 0;}
    .title__h2{font-size: 24px;margin-bottom: 30px;}
    .wrap--seventh:after{width: 340px;height: 89px;}
    .wrap--seventh .btn{right:-300px;}
}
@media only screen and (max-width : 1000px) {
    .wrap-main{background: url(../../img/bgs/main-bg.png) 550% 70px no-repeat, linear-gradient(-40deg, #040124 0%, #09046e 100%);background-size: contain;}
    .wrap--fourth .btn{left:-50px;}
    .wrap--fifth .col__img img{max-width: 100%;left:0;bottom:-80px;}
}
@media only screen and (max-width : 959px) {
    .content br{display: none;}
    .wrap-main{background: url(../../img/bgs/main-bg.png) 450px 70px no-repeat, linear-gradient(-40deg, #040124 0%, #09046e 100%);background-size: contain;}
    .main-items__title, .col__title, .col-list__title, .whom__title h3, .col__name{font-size: 21px;}
    .whom__item{min-width:48%;}
    .wrap--fourth .col:last-child, .list--count{max-width: 48%;}
    .btn{font-size: 18px;min-height: 46px;}
    .wrap--fifth .title{margin-bottom: 100px;}
    .wrap--seventh:after{display: none;}
    .content__txt{max-width: 100%;}
    .wrap--seventh .btn{position: relative;right:0;top:0;margin-top: 30px;}
    .wrap--seventh .btn br{display: block;}
}
@media only screen and (max-width : 811px) {
    .main-items__title{font-size: 18px;margin-bottom: 15px;}
}
@media only screen and (orientation: landscape) and  (max-width: 812px), only screen and (max-width : 767px) {
    .wrap-main{background: linear-gradient(-40deg, #040124 0%, #09046e 100%);}
    h1{font-size: 18px;}
    h2{font-size: 28px;}
    .main-items{display: block;}
    .main-items__item{width:100%;max-width:100%;margin-bottom: 15px;}
    .main-items__item:last-child{margin-bottom: 0;}
    .main-items__item:last-child:after{right:-10px;}
    .main-items__title, .col__title, .col-list__title, .whom__title h3, .col__name{font-size: 18px;}
    .main-items__img img{margin-right: 0;}
    .col-2{display: block;text-align: center;}
    .col{max-width: 100%;margin-bottom: 30px;}
    .col:last-child{margin-bottom: 0;}
    .col-list{margin-top: 15px;}
    .whom{display: block;}
    .whom__item, .wrap--fourth .col:last-child, .list--count{max-width: 100%;}
    .wrap--fourth .btn{left:0;}
    .wrap--fifth .title{margin-bottom: 30px;}
    .wrap--fifth .col__img{display: none;}
    .list--count{text-align: left;padding-left: 50px;}
    .wrap--sixth .col__img{max-width:263px;margin:0 auto;}
}
@media only screen and (max-width : 479px) {
    .logo{max-width: 165px;}
    .logo__name{font-size: 12px;letter-spacing: 1px;}
    .now{font-size: 12px;}
    .now b{font-size: 21px;}
    .btn{font-size: 14px;min-height: 42px;padding: 14px 65px 14px 20px;}
    .btn:after{max-width: 50px;background-size: contain;}
    .list__title{font-size: 18px;}
}
/* End Responsive */