body { 
	background: #fff;
	padding: 0;
	color: #000000;
	height: 100%;
	font-family: 'Roboto'!important;
	font-size: 16px!important;
	font-weight: normal;
	margin: 0 auto;
	line-height: 1.4em;
	min-width: 360px;
	
}
.container-small {
  max-width: 1150px !important;
  padding-left: 20px;
  padding-right: 20px;
	padding-bottom: 5px;
}
body div{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
body a{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
body ul, ol{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
body li, ol{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

/*-----------*/
header{background:#cccccc; background-image: url(fon-1.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.header-top{position:fixed; left:0; right:0; top:0; z-index:100;  transition: all 0.2s ease-out;}
.header-top .row{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: stretch; padding-top:28px; padding-bottom:28px;}
.header-top .logo{}
.header-top .logo img{display:block; max-width:100%; max-height:100%; width:auto; height:auto;}	
.header-top .logo-mob{display:none;}
.header-top .logo-scroll{display:none;}	
.header-top .logo-scroll img{display:block; max-width:100%; max-height:100%; width:auto; height:auto;}	
.header-top .logo-mob-scroll{display:none;}

.header-top .menu{}	
.header-top .menu ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: stretch; align-content: stretch;}	
.header-top .menu ul li{margin-left:30px;}	
.header-top .menu ul li a{color:#FFFFFF; font-size:15px; line-height:18px; cursor:pointer; text-transform:uppercase; display:block; font-family: 'Inter'; font-weight:normal; text-decoration: none;}	
.header-top .menu ul li a:hover{color:#fff;}	
.header-top.header_fixed{background-color: #fff; box-shadow: 0 2px 80px rgb(0 0 0 / .1);}
.header-top.header_fixed .menu ul li a{color: #39383E;}	
.header-top.header_fixed .logo{display: none;}	
.header-top.header_fixed .logo-mob{display: none;}	
.header-top.header_fixed .logo-scroll{display: block;}	
.header-top.header_fixed .logo-mob-scroll{display: none;}	


@media (max-width: 1050px){
	.header-top{margin-bottom: 50px;}
}
@media (max-width: 991px){
	.header-top .row{padding-top:15px; padding-bottom:15px;}
	.header-top .logo img{max-width:250px;}
	.header-top .menu ul li{margin-left:20px;}
	.header-top .menu ul li a{font-size:13px;}
}
@media (max-width: 768px){
	.header-top{margin-bottom: 30px;}
}
@media (max-width: 730px){
	.header-top .row{padding-top:10px; padding-bottom:10px;}
	.header-top .logo{display: none;}	
	.header-top .logo img{max-width:200px;}	
	.header-top .logo-mob{display:block; max-width:100px;}
	.header-top .menu ul li{margin-left:10px;}	
	.header-top .menu ul li a{font-size:11px;}	
	.header-top.header_fixed .logo-scroll{display: none;}	
	.header-top.header_fixed .logo-mob-scroll{display:block; max-width:100px;}	
}
.header-center{margin-bottom: 90px; padding: 170px 7%  0 7%; color: #fff;}
	.page-title{background:rgba(255,255,255,0.15); backdrop-filter: blur(8px); position: relative; z-index: 10; text-align: center; padding: 35px 60px 30px 60px;}
	.page-title:before{content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; z-index: 15; border: 23px solid #F48926; border-right: none; width: 55px;}
	.page-title:after{content: ''; display: block; position: absolute; right: 0; top: 0; bottom: 0; z-index: 15; border: 23px solid #005BAA; border-left: none; width: 55px;}
	.page-title .name{font-family: Roboto; font-size: 95px; font-weight: 600; line-height: 114px; color: #fff; letter-spacing: -0.01em;}
	.page-title .text{font-family: Roboto; font-size: 45px; font-weight: 400; line-height: 55px; color: #fff; margin-bottom: 25px; text-transform: uppercase;}
	.page-title .more{text-align: center;}
	.page-title .more a{display: inline-block; padding: 10px 20px 10px 20px; border-radius: 10px; background-color: #fff; margin: 0 auto; height: 50px; font-family: Roboto; font-size: 24px; font-weight: 400; line-height: 30px; color: #39383E; box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);}

@media (max-width: 1050px){
.header-center{margin-bottom: 70px; padding: 140px 3% 0 3%;}
	.page-title{padding: 25px 35px 25px 35px;}
	.page-title:before{border: 15px solid #F48926; border-right: none; width: 30px; }
	.page-title:after{border: 15px solid #005BAA; border-left: none; width: 30px;}
	.page-title .name{font-size: 50px; line-height: 60px;}
	.page-title .text{font-size: 24px; line-height: 40px;  margin-bottom:20px;}
}
@media (max-width: 991px){
	.header-center{margin-bottom: 70px; padding: 80px 3% 0 3%;}
}
@media (max-width: 768px){
.header-center{margin-bottom: 40px;}
	.page-title{padding: 20px 25px 20px 25px;}
	.page-title:before{border: 10px solid #F48926; border-right: none; width: 20px; }
	.page-title:after{border: 10px solid #005BAA; border-left: none; width: 20px;}
	.page-title .name{font-size: 28px; line-height: 34px; margin-bottom: 10px;}
	.page-title .text{font-size: 18px; line-height: 24px; margin-bottom: 15px;}
	.page-title .more a{padding: 9px 20px 9px 20px; height: 40px; font-size: 20px; line-height: 22px;}
}
@media (max-width: 410px){
.header-center{margin-bottom:25px; padding: 60px 10px 0 10px;}
	.page-title{padding: 20px 25px 20px 25px;}
	.page-title:before{border: 10px solid #F48926; border-right: none; width: 20px; }
	.page-title:after{border: 10px solid #005BAA; border-left: none; width: 20px;}
	.page-title .name{font-size: 22px; line-height: 24px; margin-bottom: 10px;}
	.page-title .text{font-size: 16px; line-height: 22px; margin-bottom: 15px;}
	.page-title .more a{padding: 9px 20px 9px 20px; height: 40px; font-size: 20px; line-height: 22px;}
}

.header-bottom{padding-bottom: 5px; padding: 0 7%;  color: #fff;}
.header-bottom .text{margin-bottom: 40px; font-family: Roboto; font-size: 24px; font-weight: 400; line-height: 28px; text-align: center;}
@media (max-width: 1050px){
.header-bottom{padding-bottom: 5px; padding: 0 7%;  color: #fff;}
.header-bottom .text{margin-bottom: 30px; font-size: 22px; line-height: 26px;}
}
@media (max-width: 768px){
.header-bottom{padding-bottom: 5px; padding: 0 3%;  color: #fff;}
.header-bottom .text{margin-bottom: 20px; font-size: 18px; line-height: 22px;}
}
@media (max-width: 410px){
.header-bottom{padding-bottom: 5px; padding: 0 10px;  color: #fff;}
.header-bottom .text{margin-bottom: 15px; font-size: 16px; line-height: 20px;}
}

/**/
.block2{background-image: url(fon-2.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.project{padding: 135px 0 80px 60%;}
.project .title{position: relative; padding-bottom: 26px; font-size: 36px; font-weight: 500; line-height: 42px; color: #39383E; margin-bottom: 20px;}
.project .title:before{content: ''; display: block; position: absolute; left: 0; bottom: 0; right: 0; background: linear-gradient(90deg, #F39200 0%, rgba(234, 192, 127, 0.435) 71.5%, rgba(227, 227, 224, 0) 100%); height: 8px;}
.project .text{font-size: 24px; font-weight: 400; line-height: 28px; color:#39383E;}
@media (max-width: 1000px){
.block2{padding: 60px 0 40px 35%;}
.project{padding: 20px 25px; background:rgba(255,255,255,0.15); backdrop-filter: blur(3px); border-radius: 10px;}
.project .title{font-size: 28px; line-height: 36px; }
.project .text{font-size: 20px; line-height: 24px;}
}
@media (max-width: 768px){
.block2{padding: 30px 0 30px 0;}
.project{padding: 20px 25px; background:rgba(255,255,255,0.25); backdrop-filter: blur(3px);}

}

/**/
.block3{background-image: url(fon-3.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.block3 .container-small{padding-bottom: 0;}
.etap{text-align: center; margin: 0 5%; background:rgba(255,255,255,0.55); padding: 50px 10px;}
.etap img{margin: 0 auto;}

/**/
.block4{}
.format{text-align: center; padding: 40px 0;}
.format .title{position: relative; padding-bottom: 20px; font-size: 40px; font-weight: 500; line-height: 48px; color: #39383E; margin-bottom: 50px; text-align: center; display: inline-block;}
.format .title:before{content: ''; display: block; position: absolute; left: 0; bottom: 0; right: 0; background: linear-gradient(90deg, #F39200 0%, rgba(234, 192, 127, 0.435) 71.5%, rgba(227, 227, 224, 0) 100%); height: 6px;}
.format ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch;}
.format ul li{width: 31%; text-align: center; }
.format ul li .image{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: stretch; margin-bottom: 50px;}
.format ul li .name{font-family: Roboto; font-size: 24px; font-weight: 700; line-height: 28px; text-align: center; color: #39383E; text-transform: uppercase; min-height:56px; margin-bottom: 20px;}
.format ul li .text{font-family: Roboto; font-size: 24px; font-weight: 400; line-height: 28px; text-align: center; color: #39383E;}

@media (max-width: 1100px){
.format .title{font-size: 28px; line-height: 36px;}
.format ul li .image{margin-bottom:30px;}
.format ul li .image img{display: block; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.format ul li .name{font-size: 18px; line-height: 22px; min-height:44px; margin-bottom: 15px;}
.format ul li .text{font-size: 18px; line-height: 22px;}
}
@media (max-width: 900px){
.format .title{font-size: 28px; line-height: 36px;}
.format ul li .image{margin-bottom:20px;}
.format ul li .image img{max-height: 90px;}
.format ul li .name{font-size: 16px; line-height: 20px; min-height:40px; margin-bottom: 15px;}
.format ul li .text{font-size: 16px; line-height: 20px;}
}
@media (max-width: 550px){
.format ul li{width: 100%;margin-bottom: 25px;}
.format ul li .image{}
.format ul li .image img{max-height: 300px;}
.format ul li .name{min-height:1px;}
}

/**/
.block5{background-image: url(fon-5.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.vozmoznosti{ padding: 110px 40% 80px 0;}
.vozmoznosti .title{position: relative; padding-bottom: 16px; font-size: 40px; font-weight: 500; line-height: 48px; color: #FFFFFF; margin-bottom:25px; text-transform: uppercase;}
.vozmoznosti .title:before{content: ''; display: block; position: absolute; left: 0; bottom: 0; right: 0; background: linear-gradient(90deg, #F3F2F2 0%, rgba(237, 236, 235, 0.62) 51%, rgba(227, 227, 224, 0) 100%);
 height: 6px;}
.vozmoznosti .more{}
.vozmoznosti .more a{display: inline-block; padding: 10px 20px 10px 20px; border-radius: 10px; background-color: #fff; margin: 0 auto; height: 50px; font-family: Roboto; font-size: 24px; font-weight: 400; line-height: 30px; color: #39383E; box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);}
.vozmoznosti ul{list-style: disc; color: #fff; margin-bottom: 35px;	margin-left: 20px; padding-right: 100px;}
.vozmoznosti ul li{font-family: Roboto; font-size: 24px; font-weight: 400; line-height: 28px; margin-bottom: 10px;}
@media (max-width: 1100px){
.vozmoznosti{ padding: 70px 30% 40px 0;}
.vozmoznosti .title{font-size: 32px; line-height: 38px;}
.vozmoznosti ul{margin-bottom:25px; padding-right: 0px;}
.vozmoznosti ul li{font-size: 20px; line-height: 24px;}
}

@media (max-width: 768px){
.vozmoznosti{ padding: 40px 15% 30px 0;}
.vozmoznosti .title{font-size: 28px; line-height: 34px;}
.vozmoznosti ul{margin-bottom:25px; padding-right: 0px;}
.vozmoznosti ul li{font-size: 18px; line-height: 22px;}
.vozmoznosti .more a{padding: 9px 20px 9px 20px; height: 40px; font-size: 20px; line-height: 22px;}
}

/**/
.block6{}
.trebovanie{text-align: center; padding: 40px 0;}
.trebovanie .title{position: relative; padding-bottom: 20px; font-size: 40px; font-weight: 500; line-height: 48px; color: #39383E; margin-bottom: 50px; text-align: center; display: inline-block;}
.trebovanie .title:before{content: ''; display: block; position: absolute; left: 0; bottom: 0; right: 0; background: linear-gradient(90deg, #F39200 0%, rgba(234, 192, 127, 0.435) 71.5%, rgba(227, 227, 224, 0) 100%); height: 6px;}
.trebovanie ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch;}
.trebovanie ul li{width: 23%; text-align: center; }
.trebovanie ul li .image{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: stretch; margin-bottom: 50px;}
.trebovanie ul li .name{font-family: Roboto; font-size: 24px; font-weight: 400; line-height: 28px; text-align: center; color: #39383E;}

@media (max-width: 1100px){
.trebovanie .title{font-size: 28px; line-height: 36px;}
.trebovanie ul li .image{margin-bottom:30px;}
.trebovanie ul li .image img{display: block; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.trebovanie ul li .name{font-size: 18px; line-height: 22px;}
}
@media (max-width: 900px){
.trebovanie .title{font-size: 28px; line-height: 36px;}
.trebovanie ul li .image{margin-bottom:20px;}
.trebovanie ul li .image img{max-height: 90px;}
.trebovanie ul li .name{font-size: 16px; line-height: 20px;}
}
@media (max-width: 768px){
.trebovanie ul li{width: 48%;margin-bottom: 25px;}
.trebovanie ul li .image{}
.trebovanie ul li .image img{max-height: 300px;}
}

/**/
.block7{background: linear-gradient(0deg, #262B3F, #262B3F), linear-gradient(38.63deg, rgba(0, 0, 0, 0) 49.76%, rgba(0, 0, 0, 0.3) 84.93%), linear-gradient(259.39deg, rgba(0, 0, 0, 0) 39.9%, rgba(0, 0, 0, 0.4) 86.95%);}
.expert{ padding: 60px 0 70px 0; text-align: center;}
.expert .title{position: relative; display: inline-block; padding-bottom: 16px; font-size: 40px; font-weight: 500; line-height: 48px; color: #FFFFFF; margin-bottom:50px; text-transform: uppercase;}
.expert .title:before{content: ''; display: block; position: absolute; left: 0; bottom: 0; right: 0; background: linear-gradient(90deg, #F3F2F2 0%, rgba(237, 236, 235, 0.62) 51%, rgba(227, 227, 224, 0) 100%);  height: 4px;}
.expert ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch;}
.expert ul li{width: 50%; background: linear-gradient(69.61deg, #6EAAFB 12.9%, #364AA7 53.98%, #363B60 76.66%, #69A3FB 98.48%); padding: 1px;}
.expert ul li .item-fon{ height: 100%; background: linear-gradient(45deg, rgba(0, 0, 0, 0.8), #3D4462 45%, #3D4462 55%, rgba(0, 0, 0, 0.9));}
.expert ul li .item{padding: 100px 43% 50px 40px; height: 100%; background-position: right bottom; background-repeat: no-repeat;}
.expert ul li:nth-child(odd) .item{padding: 100px 40px 50px 45%; background-position: left bottom;}
.expert ul li .name{text-align: left;}
.expert ul li .name{position: relative; padding-bottom: 12px; font-size: 26px; font-weight: 400; line-height: 30px; color: #FFFFFF; margin-bottom:17px; text-transform: uppercase;}
.expert ul li .name:before{content: ''; display: block; position: absolute; left: 0; bottom: 0; right: 0; background: linear-gradient(90deg, #005BAA 0%, rgba(109, 156, 196, 0.52) 66.79%, rgba(227, 227, 224, 0) 100%);  height: 4px;}
.expert ul li .text{font-family: Roboto; font-size: 16px; font-weight: 200; line-height: 18px; text-align: center; color: #FFFFFF;}
@media (max-width: 768px){
.expert{ padding: 30px 0 30px 0; text-align: center;}
.expert .title{font-size: 28px; line-height: 36px;}
.expert ul li{width: 100%;}
.expert ul li .item{padding: 110px 43% 70px 40px;}
.expert ul li:nth-child(odd) .item{padding: 110px 40px 70px 45%;}
.expert ul li .name{font-size: 18px; line-height:22px;}
}
@media (max-width: 450px){
.expert ul li .item{padding: 60px 43% 30px 20px; background-size: 200px auto;}
.expert ul li:nth-child(odd) .item{padding: 60px 20px 30px 45%;}
}
.block-news{ padding: 50px 30px 50px 30px; text-align:center;}
.block-news .title{position: relative; display: inline-block; padding-bottom: 16px; font-size: 40px; font-weight: 500; line-height: 48px; color: #FFFFFF; margin-bottom:50px; text-transform: uppercase;}
.block-news .title:before{content: ''; display: block; position: absolute; left: 0; bottom: 0; right: 0; background: linear-gradient(90deg, #F3F2F2 0%, rgba(237, 236, 235, 0.62) 51%, rgba(227, 227, 224, 0) 100%);  height: 4px;}
.block-news ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch;}
.block-news ul li{width: 50%; background: linear-gradient(69.61deg, #6EAAFB 12.9%, #364AA7 53.98%, #363B60 76.66%, #69A3FB 98.48%); padding: 1px;}
.block-news ul li a{display:block; height:100%; text-decoration:none;}
.block-news ul li .item-fon{ height: 100%; background: linear-gradient(45deg, rgba(0, 0, 0, 0.8), #3D4462 45%, #3D4462 55%, rgba(0, 0, 0, 0.9));}
.block-news ul li .item{padding: 30px 20px; height: 100%; text-align:left;}
.block-news ul li .name{text-align: left;}
.block-news ul li .name{position: relative; padding-bottom: 12px; font-size: 26px; font-weight: 400; line-height: 30px; color: #FFFFFF; margin-bottom:17px; text-transform: uppercase;}
.block-news ul li .name:before{content: ''; display: block; position: absolute; left: 0; bottom: 0; right: 0; background: linear-gradient(90deg, #005BAA 0%, rgba(109, 156, 196, 0.52) 66.79%, rgba(227, 227, 224, 0) 100%);  height: 4px;}
.block-news ul li .text{font-family: Roboto; font-size: 16px; font-weight: 200; line-height: 18px; color: #FFFFFF;}

@media (max-width: 768px){
.block-news{ padding: 30px 0 30px 0; text-align: center;}
.block-news .title{font-size: 28px; line-height: 36px;}
.block-news ul li{width: 100%;}
.block-news ul li .item{padding: 20px;}
.block-news ul li .name{font-size: 18px; line-height:22px;}
}
@media (max-width: 450px){
}

/**/
.block8{background-image: url(fon-8.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.oganization{background: rgba(20, 24, 36, 0.7); padding: 35px 60px; backdrop-filter: blur(3px);}
.oganization .title{position: relative; display: inline-block; padding-bottom: 16px; font-size: 40px; font-weight: 500; line-height: 48px; color: #FFFFFF; margin-bottom:50px; text-transform: uppercase;}
.oganization .title:before{content: ''; display: block; position: absolute; left: 0; bottom: 0; right: 0; background: linear-gradient(90deg, #F3F2F2 0%, rgba(237, 236, 235, 0.62) 51%, rgba(227, 227, 224, 0) 100%);  height: 4px;}
.oganization .text{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; margin-bottom: 50px;}
.oganization .text .left{width: 25%;}
.oganization .text .right{width: 70%;}
	.oganization .more{text-align: center;}
	.oganization .more a{display: inline-block; padding: 10px 20px 10px 20px; border-radius: 10px; background-color: #fff; margin: 0 auto; height: 50px; font-family: Roboto; font-size: 24px; font-weight: 400; line-height: 30px; color: #39383E; box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);}

@media (max-width: 768px){
.oganization{padding:25px 25px;}
.oganization .title{font-size: 28px; line-height: 36px;}
.oganization .more a{padding: 9px 20px 9px 20px; height: 40px; font-size: 20px; line-height: 22px;}
}
@media (max-width: 550px){
.oganization .text .left{width: 100%; margin-bottom: 25px; text-align: center}
.oganization .text .left img{margin: 0 auto;}
.oganization .text .right{width: 100%;}
}

/**/
.block123 .container-small{padding-bottom: 0;}
.project123{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch;}
.project123 li{width: 33.33%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.project123 li > div{background:linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 12.06%); height: 100%; transition: all 0.2s ease-out;}
.project123 li > div > div{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); height: 100%; transition: all 0.2s ease-out;}
.project123 li > div > div > div{background:linear-gradient(180deg, rgba(0, 0, 0, 0.4) 2%, rgba(0, 0, 0, 0) 42.71%); padding: 40px 0 85px 0; position: relative; height: 100%; transition: all 0.2s ease-out;}
.project123 .name{text-align: center; color: #fff; font-family: Roboto; font-size: 24px;font-weight: 500;line-height: 29px; min-height: 60px; margin-bottom: 30px;}
.project123 .image{margin-bottom: 30px;}
.project123 .text{color: #fff; font-family: Roboto; font-size: 16px; font-weight: 500; line-height: 19px; text-align: center; padding: 0 20%;}
.project123 .more{text-align: center; position: absolute; left: 0; right: 0; bottom: 25px;  padding: 0 20%;}
.project123 .more a{display: block; text-align: center; padding: 12px 5px 12px 5px; border-radius: 10px; background: rgba(255, 255, 255, 0.55); margin: 0 auto; height: 44px; font-family: Roboto; font-size: 16px; font-weight: 500; line-height: 20px; color: #39383E; }
.project123 li:hover{}
.project123 li:hover > div{background:linear-gradient(90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0) 12.06%);}
.project123 li:hover > div > div{background:linear-gradient(0deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0));}
.project123 li:hover > div > div > div{background:linear-gradient(180deg, rgba(0, 0, 0, 0.0) 2%, rgba(0, 0, 0, 0) 42.71%);}

@media (max-width: 1100px){
.project123 .text{padding: 0 10%;}
.project123 .more{padding: 0 10%;}
}
@media (max-width: 900px){
.project123 .text{padding: 0 15px;}
.project123 .more{padding: 0 15px;}
}
@media (max-width: 650px){
.project123 li{width: 100%;}
	.project123 .text{padding: 0 10%;}
.project123 .more{padding: 0 10%;}

}

/**/


.project123-detail{padding: 0 !important; width: 100%;}
.project123-detail .fon{background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.project123-detail .bl{margin: 0 40% 0 5%; padding: 70px 100px 60px 0; background: rgba(0, 0, 0, 0.4);  backdrop-filter: blur(8px); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch;}
.project123-detail .bl .left{width: 25%;}
.project123-detail .bl .right{width: 72%;}


.project123-detail .name{}
.project123-detail .name{position: relative; padding-bottom: 20px; font-size: 48px; font-weight: 500; line-height: 52px; color: #fff; margin-bottom: 25px; text-align: center; display: inline-block;}
.project123-detail .name:before{content: ''; display: block; position: absolute; left: 0; bottom: 0; right: 0; background: linear-gradient(90deg, #005BAA 0%, rgba(109, 156, 196, 0.52) 66.79%, rgba(227, 227, 224, 0) 100%);  height: 6px;}
.project123-detail .text ul{list-style: disc; color: #fff; margin-bottom: 35px;	margin-left: 20px;}
.project123-detail .text ul li{font-family: Roboto; font-size: 24px; font-weight: 400; line-height: 28px; margin-bottom: 10px;}
.project123-detail  .more{}
.project123-detail  .more a{display: inline-block; text-align: center; padding: 12px 50px 12px 50px; border-radius: 10px; background: rgba(255, 255, 255, 0.55); margin: 0 auto; height: 44px; font-family: Roboto; font-size: 16px; font-weight: 500; line-height: 20px; color: #39383E; }

@media (max-width: 1300px){
.project123-detail .bl{margin: 0 25% 0 5%;  padding: 70px 50px 60px 0;}
}
@media (max-width: 900px){
.project123-detail .name{font-size:28px; line-height:32px;}
.project123-detail .text ul li{font-size:18px; line-height:22px; margin-bottom: 10px;}
.project123-detail .bl{margin: 0 30px 0 30px;  padding: 30px 20px 30px 0;}
}


.b24-window-popup-wrapper { padding-top: 50px;}
.b24-window-close {   width: 16px;   height: 16px;   border: 0;   background-color: transparent;   background-image: url('/upload/landing_files/b2b/close.svg');   cursor: pointer;   position: absolute;   right: 32px;   top: 38px; opacity: 1.0;}

.b24-form-header-title { color: #195EA5;   margin-bottom: 30px; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 32px;}
.b24-form-header { padding: 0 2% 0 2%; border-bottom: none;  text-align: center; }

.b24-form-wrapper.b24-form-border-bottom { border-bottom: none;}


.b24-form-btn { background:  linear-gradient(135deg, #FF8400 0%, #D15815 100%); color: #fff;  font-family: 'Roboto'; font-style: normal;  font-size: 24px; font-weight: 300;  margin-bottom: 40px; }
	.b24-form-btn:hover { background: linear-gradient(135deg, #DD7200 0%, #A3430E 100%); color: #fff;  }
	
	
	.b24-form-state-container .b24-form-success { background-color: #fff;}



.modal-header {
  padding: 0;
  margin-bottom:20px;
}

.modal-header .close-button {
  width: 16px;
  height: 16px;
  border: 0;
  background-color: transparent;
  background-image: url('/upload/landing_files/b2b/close.svg');
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 15px;
}

.modal-header .landing-modal-form__title {
  width: 100%;
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 28px;
  color: #000;
}
.big-form {padding:40px 25px 25px 25px; color: #000;}
.big-form p{color: #000;}
.modal-header h3 {
  font-size: 30px;
  font-weight: 600;
  color: #005BAA;
  line-height: 1.2em;
  margin: 0;
  padding-bottom: 20px;
}
.modal-header:after {