ShowHead();?>
<?$APPLICATION->ShowTitle()?>
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap');
@font-face {
font-family: "RobotoLight";
font-weight: normal;
font-style: normal;
src: url("../fonts/RobotoLight/RobotoLight.eot");
src: url("../fonts/RobotoLight/RobotoLight.eot?#iefix")
format("embedded-opentype"),
url("../fonts/RobotoLight/RobotoLight.woff") format("woff"),
url("../fonts/RobotoLight/RobotoLight.ttf") format("truetype");
}
@font-face {
font-family: "RobotoMedium";
font-weight: normal;
font-style: normal;
src: url("../fonts/RobotoMedium/RobotoMedium.eot");
src: url("../fonts/RobotoMedium/RobotoMedium.eot?#iefix")
format("embedded-opentype"),
url("../fonts/RobotoMedium/RobotoMedium.woff") format("woff"),
url("../fonts/RobotoMedium/RobotoMedium.ttf") format("truetype");
}
@font-face {
font-family: "RobotoRegular";
font-weight: normal;
font-style: normal;
src: url("../fonts/RobotoRegular/RobotoRegular.eot");
src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix")
format("embedded-opentype"),
url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"),
url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
}
@font-face {
font-family: "CirceBold";
font-weight: normal;
font-style: normal;
src: url("../fonts/CirceBold/CirceBold.eot");
src: url("../fonts/CirceBold/CirceBold.eot?#iefix")
format("embedded-opentype"),
url("../fonts/CirceBold/CirceBold.woff") format("woff"),
url("../fonts/CirceBold/CirceBold.ttf") format("truetype");
}
@font-face {
font-family: "CirceExtraBold";
font-weight: normal;
font-style: normal;
src: url("../fonts/CirceExtraBold/CirceExtraBold.eot");
src: url("../fonts/CirceExtraBold/CirceExtraBold.eot?#iefix")
format("embedded-opentype"),
url("../fonts/CirceExtraBold/CirceExtraBold.woff") format("woff"),
url("../fonts/CirceExtraBold/CirceExtraBold.ttf") format("truetype");
}
@font-face {
font-family: "CirceLight";
font-weight: normal;
font-style: normal;
src: url("../fonts/CirceLight/CirceLight.eot");
src: url("../fonts/CirceLight/CirceLight.eot?#iefix")
format("embedded-opentype"),
url("../fonts/CirceLight/CirceLight.woff") format("woff"),
url("../fonts/CirceLight/CirceLight.ttf") format("truetype");
}
@font-face {
font-family: "CirceRegular";
font-weight: normal;
font-style: normal;
src: url("../fonts/CirceRegular/CirceRegular.eot");
src: url("../fonts/CirceRegular/CirceRegular.eot?#iefix")
format("embedded-opentype"),
url("../fonts/CirceRegular/CirceRegular.woff") format("woff"),
url("../fonts/CirceRegular/CirceRegular.ttf") format("truetype");
}
@font-face {
font-family: "OpenSansLight";
font-weight: normal;
font-style: normal;
src: url("../fonts/OpenSansLight/OpenSansLight.eot");
src: url("../fonts/OpenSansLight/OpenSansLight.eot?#iefix")
format("embedded-opentype"),
url("../fonts/OpenSansLight/OpenSansLight.woff") format("woff"),
url("../fonts/OpenSansLight/OpenSansLight.ttf") format("truetype");
}
*::-webkit-input-placeholder {
color: #666;
opacity: 1;
}
*:-moz-placeholder {
color: #666;
opacity: 1;
}
*::-moz-placeholder {
color: #666;
opacity: 1;
}
*:-ms-input-placeholder {
color: #666;
opacity: 1;
}
body input:focus:required:invalid,
body textarea:focus:required:invalid {
color: #666;
}
body input:required:valid,
body textarea:required:valid {
color: #666;
}
html,
body {
height: 100%;
}
body {
font-size: 16px;
min-width: 320px;
position: relative;
line-height: 1.75;
font-family: "RobotoLight", sans-serif;
overflow-x: hidden;
opacity: 1;
margin: 0;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
a {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
text-decoration: none;
}
.main-wrapper {
position: relative;
-webkit-transition: -webkit-filter 0.7s ease-in-out;
transition: -webkit-filter 0.7s ease-in-out;
-o-transition: filter 0.7s ease-in-out;
transition: filter 0.7s ease-in-out;
transition: filter 0.7s ease-in-out, -webkit-filter 0.7s ease-in-out;
overflow: hidden;
}
.main-wrapper.open-form {
-webkit-filter: blur(3px);
filter: blur(3px);
left: -3px;
}
.my-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 0 15px;
max-width: 100%;
}
.my-container.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
}
header {
position: relative;
z-index: 2;
}
header.with-border {
border-bottom: 1px solid #ebebeb;
}
header.with-border .top-line {
padding-top: 40px;
padding-bottom: 40px;
}
header.not-absolute .top-line {
position: relative;
}
header .top-line {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top: 45px;
padding-bottom: 45px;
padding-right: 35px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 7.4%;
}
header .top-line .tl-logo img {
display: block;
max-width: 100%;
margin: 0 auto;
}
header .top-line .tl-center ul {
display: flex;
flex-wrap: wrap;
}
header .top-line .tl-center ul li {
position: relative;
margin-right: 55px;
}
header .top-line .tl-center ul li:last-child {
margin-right: 0;
}
header .top-line .tl-center ul li a {
font-size: 16px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
color: rgb(26, 42, 67);
line-height: 1;
transition: all 0.3s ease-in-out;
}
header .top-line .tl-center ul li a:hover {
color: #f83854;
}
header .top-line .tl-center ul li .hm{
overflow: hidden;
z-index: 10;
padding: 40px 120px 40px 120px;
position: absolute;
display: none;
flex-direction: column;
width: max-content;
left: 0;
top: 100%;
background: rgba(25, 42, 67, 1);
}
header .top-line .tl-center ul li .hm::after{
content:'';
position: absolute;
top: 0;
left: 60px;
width: 1px;
height: 100%;
background: #304056;
}
header .top-line .tl-center ul li .hm::before{
content:'';
position: absolute;
top: 80px;
left: 0;
width: 100%;
height: 1px;
background: #304056;
}
header .top-line .tl-center ul li:hover .hm{
display: flex;
}
header .top-line .tl-center ul li .hm .circle{
display: block;
position: absolute;
top: 80px;
left: 60px;
width: 12px;
transform: translate(-50%,-50%);
height: 12px;
background: #f83854;
border-radius: 100%;
z-index: 1;
}
header .top-line .tl-center ul li .hm .circle::before{
content:'';
position: absolute;
transform: translate(-50%,-50%);
width: 80px;
height: 80px;
top: 50%;
left: 50%;
border-radius: 100%;
border:1px solid #304056;
}
header .top-line .tl-center ul li .hm li{
line-height: 2;
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
header .top-line .tl-center ul li .hm li a{
width: 100%;
color:#fff;
transition: all 0.3s ease-in-out;
}
header .top-line .tl-center ul li .hm li a:hover{
color: #f83854;
}
header .top-line .tl-center ul li .hm li ul{
display: flex;
flex-direction: column;
margin-top: 0px;
}
header .top-line .tl-center ul li .hm li ul li{
margin-right: 0;
margin-bottom: 0px;
}
header .top-line .tl-center ul li .hm li ul li a{
color: #b8c1cb
}
header .top-line .tl-center ul li .hm li:last-child{
margin-bottom: 0;
}
header .top-line .tl-center ul li .hm p{
line-height: 2;
font-size: 16px;
font-family: "Open Sans", sans-serif;
margin: 0;
color:#fff
}
header .top-line .tl-center ul li .hm p a{
display: inline;
color: #b8c1cb;
transition: all 0.3s ease-in-out;
}
header .top-line .tl-center ul li .hm p a:hover{
color: #f83854
}
header .top-line .tl-center ul li .hm .cb-form-open{
color: #f83854
}
header .top-line .tl-center ul li .hm p span{display: inline;
color: #b8c1cb
}
header .top-line .tl-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
header .top-line .tl-right .tlr-prj {
color: #aaafbb;
font-size: 14px;
line-height: 18px;
top: 1px;
position: relative;
padding-right: 31px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
header .top-line .tl-right .tlr-prj::before,
header .top-line .tl-right .tlr-prj::after {
top: 0;
content: "";
position: absolute;
right: 0;
width: 17px;
height: 17px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
header .top-line .tl-right .tlr-prj::before {
background: url(../img/i1.png);
}
header .top-line .tl-right .tlr-prj::after {
background: url(../img/i1_h.png);
opacity: 0;
}
header .top-line .tl-right .tlr-prj:hover {
color: #f83854;
}
header .top-line .tl-right .tlr-prj:hover::before {
opacity: 0;
}
header .top-line .tl-right .tlr-prj:hover::after {
opacity: 1;
}
header .top-line .tl-right .tlr-search {
position: relative;
width: 17px;
height: 17px;
margin-left: 85px;
overflow: hidden;
}
header .top-line .tl-right .tlr-search::before,
header .top-line .tl-right .tlr-search::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 17px;
height: 17px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
header .top-line .tl-right .tlr-search::before {
background: url(../img/i2.png);
}
header .top-line .tl-right .tlr-search::after {
background: url(../img/i2_h.png);
opacity: 0;
}
header .top-line .tl-right .tlr-search:hover::before {
opacity: 0;
}
header .top-line .tl-right .tlr-search:hover::after {
opacity: 1;
}
header .top-line .tl-right .tlr-search.active {
overflow: visible;
}
header .top-line .tl-right .tlr-search.active:hover::before {
opacity: 0;
}
header .top-line .tl-right .tlr-search.active:hover::after {
opacity: 0;
}
header .top-line .tl-right .tlr-search.active .tlr-s-hidden {
right: 212px;
opacity: 1;
}
header .top-line .tl-right .tlr-search .tlr-s-hidden {
position: absolute;
right: -18px;
top: -6px;
position: relative;
width: 230px;
height: 29px;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: right 0.7s ease-in-out, opacity 0.7s ease-in-out 0.3s;
-o-transition: right 0.7s ease-in-out, opacity 0.7s ease-in-out 0.3s;
transition: right 0.7s ease-in-out, opacity 0.7s ease-in-out 0.3s;
opacity: 0;
}
header .top-line .tl-right .tlr-search .tlr-s-hidden button {
position: absolute;
right: 0px;
top: 3px;
width: 20px;
height: 20px;
border: none;
background: no-repeat url(../img/i2.png) 50%;
}
header .top-line .tl-right .tlr-search .tlr-s-hidden input {
position: absolute;
right: 0;
top: 0;
border: none;
border-bottom: 1px solid #aaafbb;
outline: none;
font-size: 16px;
line-height: 16px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
}
header .top-line .tl-right .tlr-pa {
position: relative;
width: 17px;
height: 17px;
margin-left: 37px;
display: none;
}
header .top-line .tl-right .tlr-pa::before,
header .top-line .tl-right .tlr-pa::after {
content: "";
position: absolute;
right: 0;
width: 17px;
height: 17px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
header .top-line .tl-right .tlr-pa::before {
background: url(../img/i3.png);
}
header .top-line .tl-right .tlr-pa::after {
background: url(../img/i3_h.png);
opacity: 0;
}
header .top-line .tl-right .tlr-pa:hover::before {
opacity: 0;
}
header .top-line .tl-right .tlr-pa:hover::after {
opacity: 1;
}
header .top-line .tl-right .hamburger {
display: none;
height: 18px;
margin-left: 65px;
-webkit-transition: opacity 0.1s ease;
-o-transition: opacity 0.1s ease;
transition: opacity 0.1s ease;
}
header .top-line .tl-right .hamburger.hamburger--slider .hamburger-inner:after {
top: auto;
}
header .top-line .tl-right .hamburger.hamburger--slider.is-active {
opacity: 0;
}
header
.top-line
.tl-right
.hamburger.hamburger--slider.is-active
.hamburger-inner:after {
top: 20px;
}
header .top-line .tl-right .hamburger:hover {
opacity: 1;
}
header .top-line .tl-right .hamburger .hamburger-inner,
header .top-line .tl-right .hamburger .hamburger-inner:after,
header .top-line .tl-right .hamburger .hamburger-inner:before {
width: 34px;
border-radius: 0px;
background-color: #4c4c4c;
height: 2px;
}
header .top-line .tl-right .hamburger .hamburger-inner:before {
top: -8px;
}
header .top-line .tl-right .hamburger .hamburger-inner:after {
bottom: -8px;
}
header .top-line .tl-right .hamburger .hamburger-box {
width: 34px;
height: 18px;
}
header
.top-line
.tl-right
.hamburger.hamburger--arrowalt.is-active
.hamburger-inner:before {
top: 1px;
}
header
.top-line
.tl-right
.hamburger.hamburger--arrowalt.is-active
.hamburger-inner:after {
bottom: 1px;
}
.s-header-slider .shs-wrap {
height: 714px;
overflow: hidden;
position: relative;
}
.s-header-slider .shs-wrap .swiper-pagination-bullets {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 50%;
right: 34px;
margin-top: -48px;
}
.s-header-slider .shs-wrap .swiper-pagination-bullets::before {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: rgba(172, 172, 172, 0.2);
top: 8px;
width: 1px;
height: -webkit-calc(100% - 14px);
height: calc(100% - 14px);
}
.s-header-slider
.shs-wrap
.swiper-pagination-bullets
.swiper-pagination-bullet {
display: block;
width: 11px;
height: 11px;
position: relative;
background: transparent;
outline: none;
margin-bottom: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1;
}
.s-header-slider
.shs-wrap
.swiper-pagination-bullets
.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
background: #ff3a3a;
width: 100%;
height: 100%;
}
.s-header-slider
.shs-wrap
.swiper-pagination-bullets
.swiper-pagination-bullet.swiper-pagination-bullet-active::after {
width: 23px;
height: 23px;
border-radius: 50%;
border: 1px solid #b7b7b7;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 50%;
top: 50%;
margin-left: -11.5px;
margin-top: -11.5px;
background: transparent;
content: "";
position: absolute;
}
.s-header-slider
.shs-wrap
.swiper-pagination-bullets
.swiper-pagination-bullet:last-child {
margin-bottom: 0px;
}
.s-header-slider
.shs-wrap
.swiper-pagination-bullets
.swiper-pagination-bullet::before {
width: 3px;
height: 3px;
background: #000;
border-radius: 50%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "";
position: absolute;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.s-header-slider .swiper-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 0px;
position: relative;
height: 714px;
}
.s-header-slider
.swiper-container
.swiper-slide-active
.shs-itm
.shs-text::before {
opacity: 1;
}
.s-header-slider
.swiper-container
.swiper-slide-active
.shs-itm
.shs-text
.main-anim {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.s-header-slider .swiper-container .ss-first-slide .shs-itm .shs-text::before {
opacity: 0;
}
.s-header-slider
.swiper-container
.ss-first-slide
.shs-itm
.shs-text
.main-anim {
-webkit-transform: translateY(105%);
-ms-transform: translateY(105%);
transform: translateY(105%);
}
.s-header-slider .swiper-container .shs-itm {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 714px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 108px;
overflow: hidden;
}
.s-header-slider .swiper-container .shs-itm::after {
content: "";
position: absolute;
width: 1250px;
height: 100%;
background: url(../img/grid.png);
right: 122px;
top: 0;
}
.s-header-slider .swiper-container .shs-itm .shs-text {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
margin-bottom: 108px;
padding-left: 7.7%;
padding-bottom: 70px;
padding-right: 15px;
position: relative;
z-index: 1;
max-width: 408px;
display: block;
}
.s-header-slider .swiper-container .shs-itm .shs-text:hover::before {
width: 50px;
height: 50px;
}
.s-header-slider .swiper-container .shs-itm .shs-text::before {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
background: #f83854;
bottom: 0px;
opacity: 0;
-webkit-transition: opacity 0.5s ease-in-out 1.5s, width 0.5s ease,
height 0.5s ease;
-o-transition: opacity 0.5s ease-in-out 1.5s, width 0.5s ease,
height 0.5s ease;
transition: opacity 0.5s ease-in-out 1.5s, width 0.5s ease, height 0.5s ease;
}
.s-header-slider .swiper-container .shs-itm .shs-text .main-anim {
-webkit-transform: translateY(105%);
-ms-transform: translateY(105%);
transform: translateY(105%);
display: block;
-webkit-transition: -webkit-transform 0.7s ease-in-out;
transition: -webkit-transform 0.7s ease-in-out;
-o-transition: transform 0.7s ease-in-out;
transition: transform 0.7s ease-in-out;
transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-1 {
display: block;
color: #aaafbb;
font-size: 13px;
line-height: 22px;
font-family: "OpenSansLight", sans-serif;
margin-bottom: 39px;
position: relative;
left: 2px;
overflow: hidden;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-1 .main-anim {
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-1 .red {
font-family: "CirceLight", sans-serif;
color: #f83854;
font-size: 19.91px;
line-height: 22px;
position: relative;
top: 2px;
margin-right: 17px;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-2 {
display: block;
color: #1a2a43;
position: relative;
left: -2px;
font-size: 57px;
line-height: 70px;
font-family: "CirceExtraBold", sans-serif;
text-transform: uppercase;
margin-bottom: 13px;
letter-spacing: -5px;
overflow: hidden;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-2 .main-anim {
-webkit-transition-delay: 0.7s;
-o-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-3 {
color: #4b515b;
font-size: 21px;
line-height: 32px;
font-family: "RobotoLight", sans-serif;
max-width: 263px;
display: block;
position: relative;
overflow: hidden;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-3 .main-anim {
-webkit-transition-delay: 1.3s;
-o-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.s-header-slider .swiper-container .shs-itm .shs-bg {
width: 100%;
background-size: cover;
height: 714px;
position: absolute;
right: 0;
top: 0;
background-position: 100% 50%;
}
.s-header-slider
.swiper-container
.shs-itm
.shs-bg.active
.shs-square-wrap
.shs-square::after {
width: 700px;
height: 700px;
left: auto;
top: auto;
bottom: -200px;
right: -200px;
opacity: 1;
-webkit-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.s-header-slider
.swiper-container
.shs-itm
.shs-bg.active
.shs-square-wrap
.shs-sq-bg {
opacity: 1;
}
.s-header-slider
.swiper-container
.shs-itm
.shs-bg.active
.shs-square-wrap
.shs-sq-arrow {
color: #fff;
}
.s-header-slider
.swiper-container
.shs-itm
.shs-bg.active
.shs-square-wrap
.shs-sq-arrow::before {
opacity: 0;
}
.s-header-slider
.swiper-container
.shs-itm
.shs-bg.active
.shs-square-wrap
.shs-sq-arrow::after {
opacity: 1;
}
.s-header-slider .swiper-container .shs-itm .shs-bg.active .shs-next-slide-bg {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.s-header-slider .swiper-container .shs-itm .shs-bg .shs-next-slide-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
opacity: 0;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.s-header-slider .swiper-container .shs-itm .shs-bg .shs-square-wrap {
width: 416px;
height: 357px;
position: absolute;
right: 122px;
bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1;
}
.s-header-slider .swiper-container .shs-itm .shs-bg .shs-square {
position: absolute;
width: 100%;
height: 100%;
border-radius: 0px 0px 0px 0px;
bottom: 0;
right: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
opacity: 1;
background-size: cover;
background-position: 50% 50%;
overflow: hidden;
}
.s-header-slider .swiper-container .shs-itm .shs-bg .shs-square::after {
content: "";
position: absolute;
width: 250px;
height: 250px;
background: #f93855;
border-radius: 50%;
left: auto;
top: auto;
right: -125px;
bottom: -125px;
-webkit-transition: all 0.7s ease-in-out 0.5s;
-o-transition: all 0.7s ease-in-out 0.5s;
transition: all 0.7s ease-in-out 0.5s;
opacity: 0;
}
.s-header-slider .swiper-container .shs-itm .shs-bg .shs-square .shs-sq-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
-webkit-transition: all 0.5s ease 0.6s;
-o-transition: all 0.5s ease 0.6s;
transition: all 0.5s ease 0.6s;
z-index: 1;
opacity: 0;
}
.s-header-slider .swiper-container .shs-itm .shs-bg .shs-square .shs-sq-arrow {
position: absolute;
z-index: 1;
bottom: 39px;
right: 25px;
color: #aaafbb;
font-size: 14px;
line-height: 14px;
font-family: "RobotoLight", sans-serif;
text-transform: uppercase;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 32px;
}
.s-header-slider
.swiper-container
.shs-itm
.shs-bg
.shs-square
.shs-sq-arrow::before,
.s-header-slider
.swiper-container
.shs-itm
.shs-bg
.shs-square
.shs-sq-arrow::after {
width: 17px;
height: 17px;
content: "";
background: url(../img/i44.png);
position: absolute;
right: 0;
top: -3px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-header-slider
.swiper-container
.shs-itm
.shs-bg
.shs-square
.shs-sq-arrow::after {
opacity: 0;
background: url(../img/i45.png);
}
.s-header-slider .swiper-container .shs-itm .shs-bg .shs-square .shs-sq-text {
max-width: 260px;
text-align: right;
position: absolute;
bottom: 39px;
right: 39px;
}
.s-header-slider
.swiper-container
.shs-itm
.shs-bg
.shs-square
.shs-sq-text
.sqt-descr-1 {
display: block;
color: #ffffff;
font-size: 22px;
line-height: 26px;
font-family: "CirceBold", sans-serif;
}
.s-header-slider
.swiper-container
.shs-itm
.shs-bg
.shs-square
.shs-sq-text
.sqt-descr-2 {
color: #ffffff;
font-size: 15px;
line-height: 22px;
font-family: "RobotoLight", sans-serif;
display: block;
position: relative;
padding-bottom: 17px;
}
.s-header-slider
.swiper-container
.shs-itm
.shs-bg
.shs-square
.shs-sq-text
.sqt-descr-2:before {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 73px;
height: 9px;
background: url(../img/i43.png);
}
.s-fond {
text-align: center;
position: relative;
padding-top: 124px;
padding-bottom: 113px;
}
.s-fond .sf-a {
position: absolute;
width: 74px;
height: 74px;
bottom: -37px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #fff;
border-radius: 50%;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.s-fond .sf-a:hover {
background: #f83854;
}
.s-fond .sf-a:hover::before,
.s-fond .sf-a:hover::after {
background: #fff;
}
.s-fond .sf-a::before,
.s-fond .sf-a::after {
width: 31px;
height: 1px;
background: #f83854;
position: absolute;
content: "";
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-fond .sf-a::after {
height: 31px;
width: 1px;
}
.s-fond .sf-wrap-bg {
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.s-fond .sf-wrap-bg .sf-bg {
position: absolute;
left: 50%;
top: 50%;
width: -webkit-calc(100% + 200px);
width: calc(100% + 200px);
height: -webkit-calc(100% + 200px);
height: calc(100% + 200px);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-size: cover;
background-position: 50% 50%;
}
.s-fond .my-container {
position: relative;
z-index: 2;
}
.s-fond .sf-hdr {
display: block;
color: #ffffff;
font-size: 40px;
line-height: 50px;
font-family: "CirceRegular", sans-serif;
margin-bottom: 22px;
}
.s-fond .sf-descr {
display: block;
color: #b3c3d1;
font-size: 21px;
line-height: 24px;
font-family: "CirceLight", sans-serif;
margin-bottom: 121px;
}
.s-fond .sf-middle {
display: inline-block;
margin: 0 auto;
position: relative;
width: 800px;
height: 200px;
}
.s-fond .sf-middle .sfm-lines {
position: absolute;
width: 301px;
height: 290px;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.s-fond .sf-middle .sfm-lines .sfm-line {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.s-fond .sf-middle .sfm-lines .sfm-line.gray {
background: rgba(255, 255, 255, 0.2);
height: 1px;
width: 200px;
}
.s-fond .sf-middle .sfm-lines .sfm-line.blue {
width: 98px;
height: 3px;
background: #00c5c5;
}
.s-fond .sf-middle .sfm-lines .sfm-line.red {
background: #ff3a3a;
height: 3px;
}
.s-fond .sf-middle .sfm-lines .sfm-line.sfm-line-2 {
top: 9%;
}
.s-fond .sf-middle .sfm-lines .sfm-line.sfm-line-3 {
top: 20%;
}
.s-fond .sf-middle .sfm-lines .sfm-line.sfm-line-4 {
top: 29%;
width: 224px;
}
.s-fond .sf-middle .sfm-lines .sfm-line.sfm-line-5 {
top: 40%;
}
.s-fond .sf-middle .sfm-lines .sfm-line.sfm-line-6 {
top: 49%;
width: 140px;
}
.s-fond .sf-middle .sfm-lines .sfm-line.sfm-line-7 {
top: 60%;
}
.s-fond .sf-middle .sfm-lines .sfm-line.sfm-line-8 {
top: 68%;
width: 300px;
}
.s-fond .sf-middle .sfm-lines .sfm-line.sfm-line-9 {
top: 80%;
}
.s-fond .sf-middle .sfm-lines .sfm-line.sfm-line-10 {
top: 89%;
width: 268px;
}
.s-fond .sf-middle .sfm-lines .sfm-line.sfm-line-11 {
top: 100%;
}
.s-fond .sf-middle .sfm-descr {
position: absolute;
color: #ffffff;
font-size: 20px;
line-height: 20px;
font-family: "CirceLight", sans-serif;
}
.s-fond .sf-middle .sfm-descr span {
font-family: "CirceRegular", sans-serif;
}
.s-fond .sf-middle .sfm-descr.sfm-descr-1 {
left: -17px;
top: 50px;
}
.s-fond .sf-middle .sfm-descr.sfm-descr-3 {
right: 45px;
top: 50px;
}
.s-fond .sf-middle .sfm-descr.sfm-descr-2 {
top: 124px;
left: -117px;
}
.s-fond .sf-middle .sfm-descr.sfm-descr-4 {
top: 124px;
right: -55px;
}
.btn-burger {
font-family: "RobotoLight", sans-serif;
font-size: 15px;
line-height: 21px;
position: relative;
padding-right: 44px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #f83854;
display: inline-block;
}
.btn-burger.white .bur {
width: 13px;
height: 13px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.btn-burger.white .bur::before {
content: "";
position: absolute;
width: 13px;
height: 13px;
background: url(../img/bur2.png);
left: 0;
top: 0;
}
.btn-burger .bur {
width: 23px;
height: 11px;
position: absolute;
right: 0;
top: 5px;
}
.btn-burger .bur::before {
content: "";
position: absolute;
width: 13px;
height: 13px;
background: url(../img/bur.png);
left: 0;
top: 0;
}
.fg-top-line {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 1672px;
padding-top: 25px;
padding-bottom: 25px;
}
.fg-top-line .sg-left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.fg-top-line .sg-left .sgl-hdr {
color: #1a2a43;
font-family: "CirceRegular", sans-serif;
font-size: 44px;
line-height: 44px;
}
.fg-top-line .sg-left .sgl-p {
margin: 0;
color: rgba(75, 81, 91, 0.7);
font-size: 15px;
font-family: "RobotoLight", sans-serif;
line-height: 22px;
position: relative;
padding-left: 59px;
margin-left: 59px;
}
.fg-top-line .sg-left .sgl-p::before {
content: "";
position: absolute;
left: 0;
height: 68px;
background: #f83854;
width: 1px;
top: 50%;
margin-top: -34px;
}
.con-item {
padding-left: 334px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
}
.con-item.con-right {
padding-left: 0px;
padding-right: 334px;
}
.con-item.con-right .con-lvl {
left: auto;
right: -222px;
text-align: right;
}
.con-item.con-right .con-bg .con-text {
right: -221px;
left: auto;
text-align: right;
}
.con-item.con-right .con-bg .con-text .ct-p::before {
left: auto;
right: 0;
}
.con-item .con-lvl {
color: #4b515b;
font-size: 18px;
line-height: 24px;
font-family: "RobotoMedium", sans-serif;
position: absolute;
left: -222px;
top: 93px;
}
.con-item .con-lvl span {
font-family: "RobotoLight", sans-serif;
color: rgba(75, 81, 91, 0.5);
}
.con-item .con-bg {
width: 880px;
height: 445px;
position: relative;
}
.con-item .con-bg .con-img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: 50% 50%;
background-size: cover;
}
.con-item .con-bg .con-text {
position: absolute;
z-index: 1;
max-width: 430px;
bottom: 0;
margin-bottom: 49px;
left: -221px;
}
.con-item .con-bg .con-text .ct-hdr {
color: #1a2a43;
font-size: 35.78px;
line-height: 42px;
font-family: "CirceExtraBold", sans-serif;
display: block;
margin-bottom: 14px;
letter-spacing: -0.9px;
}
.con-item .con-bg .con-text .ct-p {
color: #4b515b;
font-size: 18px;
line-height: 29px;
font-family: "RobotoLight", sans-serif;
margin: 0;
position: relative;
padding-bottom: 58px;
}
.con-item .con-bg .con-text .ct-p::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 10px;
background: #f83854;
border-radius: 50%;
-webkit-transition: width 0.5s ease, height 0.5s ease;
-o-transition: width 0.5s ease, height 0.5s ease;
transition: width 0.5s ease, height 0.5s ease;
}
.s-contests {
padding-top: 59px;
padding-bottom: 45px;
}
.s-contests .swiper-wrapper {
-webkit-transition: -webkit-transform 0.5s ease-in-out;
transition: -webkit-transform 0.5s ease-in-out;
-o-transition: transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
-webkit-transform: translate3d(151px, 0px, 0px);
transform: translate3d(151px, 0px, 0px);
}
.s-contests .contests-slider {
margin-top: 50px;
}
.s-contests .contests-slider .swiper-slide {
width: 1334px;
}
.s-contests .contests-slider .con-item .con-bg {
width: 1000px;
height: 520px;
}
.s-red-slider {
padding-top: 29px;
}
.s-red-slider.srs-about .swiper-button-next {
right: -webkit-calc(50% - -14px);
right: calc(50% - -14px);
}
.s-red-slider.srs-about .swiper-button-prev {
left: -webkit-calc(50% - 178px);
left: calc(50% - 178px);
}
.s-red-slider.no-padding {
padding-top: 0px;
}
.s-red-slider .swiper-button-next,
.s-red-slider .swiper-button-prev {
height: 79px;
width: 82px;
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #f83854;
position: absolute;
bottom: 0;
top: auto;
outline: none;
}
.s-red-slider .swiper-button-next::before,
.s-red-slider .swiper-button-prev::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-image: url(../img/i6.png);
background-position: 50% 50%;
}
.s-red-slider .swiper-button-next.swiper-button-disabled,
.s-red-slider .swiper-button-prev.swiper-button-disabled {
opacity: 1;
}
.s-red-slider .swiper-button-next.swiper-button-disabled::before,
.s-red-slider .swiper-button-prev.swiper-button-disabled::before {
opacity: 0.3;
}
.s-red-slider .swiper-button-next.one-item,
.s-red-slider .swiper-button-prev.one-item {
opacity: 0;
}
.s-red-slider .swiper-button-prev::after,
.s-red-slider .swiper-button-next::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: -o-radial-gradient(
center,
ellipse,
rgba(255, 255, 255, 0.3) 50%,
rgba(255, 255, 255, 0) 50%
)
no-repeat 50%;
background: radial-gradient(
ellipse at center,
rgba(255, 255, 255, 0.3) 50%,
rgba(255, 255, 255, 0) 50%
)
no-repeat 50%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-size: 0px 0px;
}
.s-red-slider .swiper-button-prev:hover::after,
.s-red-slider .swiper-button-next:hover::after {
background-size: 200px 200px;
}
.s-red-slider .swiper-button-prev {
left: -webkit-calc(50% - 82px);
left: calc(50% - 82px);
}
.s-red-slider .swiper-button-prev::before {
background-image: url(../img/i7.png);
}
.s-red-slider .swiper-button-next {
right: -webkit-calc(50% - 82px);
right: calc(50% - 82px);
}
.s-red-slider .swiper-slide .spj-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.s-red-slider .swiper-slide .spj-item.spj-about-item .spf-image {
-webkit-flex-basis: 45%;
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
}
.s-red-slider .swiper-slide .spj-item.spj-about-item .spf-content {
background: #f83854;
-webkit-flex-basis: 55%;
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
padding-top: 185px;
padding-left: 102px;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-bottom: 104px;
}
.s-red-slider .swiper-slide .spj-item.spj-about-item .spf-content .spf-text {
max-width: 780px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-hdr {
display: inline-block;
color: #ffffff;
font-size: 30px;
line-height: 42px;
font-family: "CirceExtraBold", sans-serif;
position: relative;
padding-left: 80px;
margin-bottom: 15px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-hdr::before {
content: "";
position: absolute;
width: 57px;
height: 1px;
background: #fff;
left: 0;
top: 18px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-status {
display: block;
color: #ffffff;
font-size: 20px;
line-height: 30px;
font-family: "CirceRegular", sans-serif;
position: relative;
padding-left: 185px;
padding-bottom: 14px;
margin-bottom: 9px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-status::before {
width: 67px;
height: 1px;
background: rgba(255, 255, 255, 0.4);
position: absolute;
bottom: 0;
left: 185px;
content: "";
}
.s-red-slider .swiper-slide .spj-item.spj-about-item .spf-content .spf-text p {
margin: 0;
color: rgba(255, 255, 255, 0.7);
font-size: 16px;
line-height: 35px;
font-family: "RobotoLight", sans-serif;
padding-left: 185px;
}
.s-red-slider .swiper-slide .spj-item .spf-image {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
position: relative;
}
.s-red-slider .swiper-slide .spj-item .spf-image span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
}
.s-red-slider .swiper-slide .spj-item .spf-content {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
background: #f2f2f2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 177px;
padding-bottom: 232px;
padding-left: 15px;
padding-right: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-red-slider .swiper-slide .spj-item .spf-content .spf-text {
max-width: 600px;
}
.s-red-slider .swiper-slide .spj-item .spf-content .spf-text .spf-hdr {
display: block;
color: #000000;
font-size: 25px;
line-height: 25px;
font-family: "CirceBold", sans-serif;
margin-bottom: 32px;
}
.s-red-slider .swiper-slide .spj-item .spf-content .spf-text p {
margin: 0;
color: #000000;
font-size: 16px;
line-height: 30px;
font-family: "RobotoLight", sans-serif;
}
.s-red-slider .swiper-slide .spf-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.s-red-slider .swiper-slide .spf-item .spf-content {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
position: relative;
background: #f83854;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 193px;
padding-right: 15px;
padding-top: 146px;
padding-bottom: 105px;
min-height: 564px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-line {
width: 95px;
height: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
.s-red-slider
.swiper-slide
.spf-item
.spf-content
.spf-line:hover
.btn-burger
.bur
.line::before {
top: -5px;
-webkit-transform: translate3d(7px, 0, 0px) rotate(45deg) scaleX(0.7);
transform: translate3d(7px, 0, 0px) rotate(45deg) scaleX(0.7);
}
.s-red-slider
.swiper-slide
.spf-item
.spf-content
.spf-line:hover
.btn-burger
.bur
.line::after {
bottom: -5px;
-webkit-transform: translate3d(7px, 0, 0px) rotate(-45deg) scaleX(0.7);
transform: translate3d(7px, 0, 0px) rotate(-45deg) scaleX(0.7);
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-line::after {
content: "";
position: absolute;
right: 0;
top: 45px;
height: -webkit-calc(100% - 90px);
height: calc(100% - 90px);
background: rgba(255, 255, 255, 0.18);
width: 1px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-line .btn-burger {
position: absolute;
left: 50%;
top: 46px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 23px;
height: 11px;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 0px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-line .btn-burger .bur {
top: 0px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-line .spf-line-descr {
font-family: "CirceRegular", sans-serif;
font-size: 19.64px;
line-height: 22.1px;
display: inline-block;
position: absolute;
color: #fff;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
left: -11px;
top: 50%;
margin-top: -6px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-numbers {
font-size: 24px;
line-height: 24px;
font-family: "CirceLight", sans-serif;
display: block;
margin-bottom: 46px;
color: #fff;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-numbers span {
margin-left: 16px;
opacity: 0.4;
position: relative;
padding-left: 124px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-numbers span::before {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
width: 99px;
height: 1px;
background: -webkit-gradient(
linear,
left top,
right top,
from(rgba(255, 255, 255, 0.8)),
to(#f84b65)
);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0.8), #f84b65);
background: linear-gradient(to right, rgba(255, 255, 255, 0.8), #f84b65);
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-hdr {
display: block;
font-size: 30px;
line-height: 39px;
font-family: "CirceExtraBold", sans-serif;
max-width: 430px;
margin-bottom: 55px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-hdr a {
color: #fff;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-hdr span {
font-family: "CirceLight", sans-serif;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-city {
position: relative;
display: block;
color: #ffffff;
font-size: 15px;
line-height: 17px;
font-family: "RobotoLight", sans-serif;
padding-left: 41px;
margin-bottom: 15px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-city::before {
content: "";
position: absolute;
left: 0;
width: 25px;
height: 24px;
background: url(../img/i5.png);
top: 50%;
margin-top: -12px;
}
.s-red-slider .swiper-slide .spf-item .spf-image {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
position: relative;
}
.s-red-slider .swiper-slide .spf-item .spf-image span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: 50% 50%;
background-size: cover;
}
.news-item {
position: relative;
color: #fff;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 367px;
min-height: 367px;
width: 100%;
padding-left: 37px;
padding-top: 48px;
padding-right: 15px;
padding-bottom: 44px;
overflow: hidden;
}
.news-item:hover .news-i-bg {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.news-item:hover .news-i-bg::before {
background-size: 100%;
width: 1100px;
height: 1100px;
}
.news-item.big {
min-width: 660px;
}
.news-item.big .ni-text .ni-descr {
position: relative;
}
.news-item .news-i-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.news-item .news-i-bg::before {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 300px;
height: 300px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: -o-radial-gradient(
center,
ellipse,
rgba(248, 56, 84, 0.5) 50%,
rgba(248, 56, 84, 0) 50%
)
no-repeat 50%;
background: radial-gradient(
ellipse at center,
rgba(248, 56, 84, 0.5) 50%,
rgba(248, 56, 84, 0) 50%
)
no-repeat 50%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-size: 0px 0px;
}
.news-item .news-i-bg::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
}
.news-item .ni-text {
position: relative;
max-width: 300px;
}
.news-item .ni-text .ni-hdr {
display: block;
font-size: 19.64px;
line-height: 22.1px;
font-family: "CirceRegular", sans-serif;
margin-bottom: 140px;
}
.news-item .ni-text .ni-date {
font-size: 18px;
line-height: 25px;
font-family: "CirceRegular", sans-serif;
display: block;
margin-bottom: 16px;
}
.news-item .ni-text .ni-date span {
font-family: "RobotoLight", sans-serif;
margin-left: 5px;
}
.news-item .ni-text .ni-descr {
display: block;
font-size: 16px;
line-height: 19px;
font-family: "CirceRegular", sans-serif;
position: relative;
}
.news-item .ni-text .ni-descr::before {
content: "";
position: absolute;
bottom: -25px;
left: 0;
width: 5px;
height: 5px;
background: #ff3a3a;
border-radius: 50%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.news-item:hover .ni-descr::before {
width: 8px;
height: 8px;
}
.s-news {
padding-top: 58px;
padding-bottom: 45px;
}
.s-news .fg-top-line {
margin-bottom: 31px;
}
.s-news .news-slider {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-news .news-slider .news-item .news-i-bg::before {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 300px;
height: 300px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: -o-radial-gradient(
center,
ellipse,
rgba(248, 56, 84, 0.5) 50%,
rgba(248, 56, 84, 0) 50%
)
no-repeat 50%;
background: radial-gradient(
ellipse at center,
rgba(248, 56, 84, 0.5) 50%,
rgba(248, 56, 84, 0) 50%
)
no-repeat 50%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-size: 0px 0px;
}
.s-news .news-slider .news-item:hover .news-i-bg::before {
background-size: 100%;
width: 1000px;
height: 1000px;
}
.s-news .news-slider .swiper-slide:nth-child(1) .news-item {
margin-left: 15px;
width: -webkit-calc(100% - 15px);
width: calc(100% - 15px);
}
.s-news .news-slider .swiper-wrapper {
-webkit-transform: translate3d(136px, 0px, 0px);
transform: translate3d(136px, 0px, 0px);
}
.s-news .news-slider .swiper-slide {
width: auto;
}
footer {
padding-top: 45px;
}
footer.with-border {
border-top: 1px solid #f2f2f2;
}
footer .my-container {
position: relative;
max-width: 1550px;
}
footer .ft-top-line {
text-align: center;
padding-top: 44px;
padding-bottom: 44px;
}
footer .ft-top-line .ft-tl-logo {
position: absolute;
left: 42px;
top: -13px;
}
footer .ft-top-line .ft-tl-mnu {
display: inline-block;
margin-left: auto;
margin-right: auto;
}
footer .ft-top-line .ft-tl-mnu ul li {
display: inline-block;
margin-left: 30px;
margin-right: 30px;
}
footer .ft-top-line .ft-tl-mnu ul li a {
display: inline-block;
color: #1a2a43;
font-size: 20px;
line-height: 20px;
font-family: "CirceRegular", sans-serif;
}
footer .ft-top-line .ft-tl-mnu ul li a:hover {
color: #f83854;
}
footer .ft-top-line .ft-tl-right {
position: absolute;
right: 15px;
text-align: right;
top: -2px;
}
footer .ft-top-line .ft-tl-right .ft-tl-r-con {
display: block;
color: rgba(26, 42, 67, 0.5);
font-size: 13px;
line-height: 30px;
font-family: "RobotoLight", sans-serif;
vertical-align: middle;
margin-bottom: 5px;
}
footer .ft-top-line .ft-tl-right .ft-tl-r-con span {
margin-left: 9px;
color: #1a2a43;
font-size: 18px;
line-height: 30px;
font-family: "CirceBold", sans-serif;
display: inline-block;
vertical-align: middle;
}
footer .ft-middle-line {
min-height: 70px;
text-align: center;
padding-top: 10px;
padding-bottom: 35px;
}
footer .ft-middle-line .ft-ml-middle {
position: relative;
top: 28px;
}
footer .ft-middle-line .ft-ml-middle .soc-icon {
width: 22px;
height: 22px;
display: inline-block;
position: relative;
margin-left: 20px;
margin-right: 20px;
}
footer .ft-middle-line .ft-ml-middle .soc-icon::before,
footer .ft-middle-line .ft-ml-middle .soc-icon::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
footer .ft-middle-line .ft-ml-middle .soc-icon::after {
opacity: 0;
}
footer .ft-middle-line .ft-ml-middle .soc-icon:hover::before {
opacity: 0;
}
footer .ft-middle-line .ft-ml-middle .soc-icon:hover::after {
opacity: 1;
}
footer .ft-middle-line .ft-ml-middle .soc-icon.tw::before {
background-image: url(../img/i8.png);
}
footer .ft-middle-line .ft-ml-middle .soc-icon.tw::after {
background-image: url(../img/i8_h.png);
}
footer .ft-middle-line .ft-ml-middle .soc-icon.vk::before {
background-image: url(../img/i9.png);
}
footer .ft-middle-line .ft-ml-middle .soc-icon.vk::after {
background-image: url(../img/i9_h.png);
}
footer .ft-middle-line .ft-ml-middle .soc-icon.fb::before {
background-image: url(../img/i10.png);
}
footer .ft-middle-line .ft-ml-middle .soc-icon.fb::after {
background-image: url(../img/i10_h.png);
}
footer .ft-middle-line .ft-ml-middle .soc-icon.yt::before {
background-image: url(../img/i11.png);
}
footer .ft-middle-line .ft-ml-middle .soc-icon.yt::after {
background-image: url(../img/i11_h.png);
}
footer .ft-middle-line .ft-ml-right {
position: absolute;
right: 15px;
}
footer .ft-middle-line .ft-ml-right a {
font-size: 15px;
line-height: 17px;
font-family: "RobotoLight", sans-serif;
color: #f83854;
position: relative;
top: -4px;
}
footer .ft-middle-line .ft-ml-right a:hover {
color: #1a2a43;
}
footer .ft-middle-line .ft-ml-left {
position: absolute;
left: 59px;
top: 0;
text-align: left;
}
footer .ft-middle-line .ft-ml-left .ft-ml-address {
display: block;
color: #9a9a9a;
font-size: 15px;
line-height: 28px;
font-family: "RobotoLight", sans-serif;
letter-spacing: 0.2px;
}
footer .ft-middle-line .ft-ml-left .ft-ml-address span {
display: block;
color: #000000;
font-family: "RobotoLight", sans-serif;
}
footer .ft-bottom-line {
border-top: 1px solid #f5f5f5;
text-align: center;
padding-top: 21px;
padding-bottom: 21px;
}
footer .ft-bottom-line .ft-bl-left {
position: absolute;
left: 43px;
text-align: left;
color: #acacac;
font-size: 13px;
line-height: 15px;
font-family: "RobotoLight", sans-serif;
}
footer .ft-bottom-line .ft-bl-left a {
color: #f83854;
}
footer .ft-bottom-line .ft-bl-left a:hover {
color: #1a2a43;
}
footer .ft-bottom-line .ft-bl-middle {
color: #4b515b;
font-size: 13px;
line-height: 15px;
}
footer .ft-bottom-line .ft-bl-middle a {
font-family: "RobotoMedium", sans-serif;
color: #f83854;
}
footer .ft-bottom-line .ft-bl-middle a:hover {
color: #1a2a43;
}
footer .ft-bottom-line .ft-bl-right {
position: absolute;
right: 15px;
top: -8px;
}
footer .ft-bottom-line .ft-bl-right a {
font-size: 13px;
line-height: 15px;
font-family: "RobotoLight", sans-serif;
color: #f83854;
}
footer .ft-bottom-line .ft-bl-right a:hover {
color: #1a2a43;
}
.s-header-line {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #ebebeb;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 40px;
padding-left: 19px;
max-width: 1668px;
margin-left: auto;
margin-right: auto;
position: relative;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-header-line .shl-list {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.s-header-line .shl-arr {
position: absolute;
right: 15px;
bottom: 19px;
color: #000000;
font-size: 18px;
line-height: 22.1px;
font-family: "RobotoMedium", sans-serif;
padding-right: 28px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
cursor: pointer;
}
.s-header-line .shl-arr.active {
color: #f83854;
}
.s-header-line .shl-arr.active::before {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.s-header-line .shl-arr:hover {
color: #f83854;
}
.s-header-line .shl-arr::before {
content: "";
position: absolute;
right: 0;
top: 50%;
margin-top: -3.5px;
width: 5px;
height: 7px;
background: url(../img/i12.png);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.s-header-line .shl-hdr {
color: #1a2a43;
font-size: 44px;
line-height: 44px;
font-family: "CirceRegular", sans-serif;
margin-right: 6.1%;
margin-bottom: 15px;
}
.s-header-line .shl-list ul {
text-align: center;
}
.s-header-line .shl-list ul li {
display: inline-block;
margin-left: 14px;
margin-right: 14px;
}
.s-header-line .shl-list ul li.active a::before {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 1px;
background: #f83854;
}
.s-header-line .shl-list ul li a {
display: inline-block;
color: #4b515b;
font-size: 17px;
line-height: 22px;
font-family: "RobotoLight", sans-serif;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 21px;
position: relative;
}
.s-header-line .shl-list ul li a:hover {
color: #f83854;
}
.back {
display: inline-block;
position: absolute;
color: rgba(0, 0, 0, 0.5);
font-size: 14px;
line-height: 15px;
padding-left: 28px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.back:hover {
color: #f83854;
}
.back::before {
content: "";
position: absolute;
left: 0;
top: 50%;
margin-top: -3.5px;
width: 5px;
height: 7px;
background: url(../img/i12.png);
}
.btn-with-circle {
color: #010101;
font-size: 15px;
line-height: 22.1px;
font-family: "RobotoLight", sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 70px;
position: relative;
}
.btn-with-circle.red .circle {
background: #f83854;
border-color: #f83854;
}
.btn-with-circle.red .circle::before,
.btn-with-circle.red .circle::after {
background: #fff;
}
.btn-with-circle.red:hover .circle {
background: #fff;
border-color: #e4e6e9;
}
.btn-with-circle.red:hover .circle::before,
.btn-with-circle.red:hover .circle::after {
background: #f83854;
}
.btn-with-circle .circle {
width: 50px;
height: 50px;
position: absolute;
left: 0;
top: 50%;
margin-top: -25px;
border: 1px solid #e4e6e9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 50%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.btn-with-circle .circle::before,
.btn-with-circle .circle::after {
width: 22px;
height: 1px;
background: #f83854;
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.btn-with-circle .circle::before {
height: 22px;
width: 1px;
}
.spd-preview {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 17px;
}
.spd-preview.spd-competition .pre-img {
min-height: 511px;
}
.spd-preview.spd-competition .pre-content {
padding-top: 106px;
}
.spd-preview.spd-competition .pre-content .pre-theme {
margin-bottom: 15px;
}
.spd-preview.spd-competition .pre-content .pre-name {
color: #1a2a43;
font-size: 38.57px;
line-height: 46.28px;
font-family: "CirceExtraBold", sans-serif;
text-transform: none;
letter-spacing: -1.5px;
}
.spd-preview.spd-competition .pre-content .pre-short-descr {
color: rgba(1, 3, 9, 0.9);
font-size: 18px;
line-height: 32px;
font-family: "RobotoLight", sans-serif;
max-width: 100%;
}
.spd-preview .pre-content {
width: 50%;
position: relative;
padding-top: 156px;
padding-right: 175px;
padding-left: 7.5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 77px;
border-bottom: 1px solid #e5e5e5;
}
.spd-preview .pre-content .back {
top: 4px;
}
.spd-preview .pre-content .pre-theme {
display: block;
font-family: "RobotoLight", sans-serif;
color: rgba(75, 81, 91, 0.5);
font-size: 13px;
line-height: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-bottom: 27px;
}
.spd-preview .pre-content .pre-theme span {
font-family: "CirceLight", sans-serif;
font-size: 19.91px;
line-height: 22px;
position: relative;
top: 2px;
margin-right: 17px;
color: #f83854;
}
.spd-preview .pre-content .pre-name {
display: block;
color: #1a2a43;
position: relative;
left: -4px;
font-size: 57px;
line-height: 57px;
font-family: "CirceExtraBold", sans-serif;
text-transform: uppercase;
margin-bottom: 16px;
letter-spacing: -5px;
}
.spd-preview .pre-content .pre-short-descr {
color: #4b515b;
font-size: 21px;
line-height: 32px;
font-family: "RobotoLight", sans-serif;
max-width: 263px;
display: block;
position: relative;
letter-spacing: 1px;
margin-bottom: 58px;
}
.spd-preview .pre-content .pre-leader {
color: #4b515b;
font-size: 18px;
line-height: 28px;
font-family: "RobotoMedium", sans-serif;
display: block;
}
.spd-preview .pre-content .pre-p {
margin: 0;
color: rgba(43, 43, 43, 0.5);
font-size: 13px;
line-height: 20px;
font-family: "OpenSansLight", sans-serif;
max-width: 472px;
}
.spd-preview .pre-content .pre-watch {
position: absolute;
right: 63px;
bottom: 80px;
color: rgba(0, 0, 0, 0.5);
font-size: 14px;
line-height: 17px;
font-family: "RobotoLight", sans-serif;
padding-bottom: 75px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.spd-preview .pre-content .pre-watch .watch-icon {
width: 58px;
height: 58px;
bottom: 0;
left: 50%;
margin-left: -29px;
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #f83854;
border-radius: 50%;
background: transparent;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.spd-preview .pre-content .pre-watch .watch-icon::before,
.spd-preview .pre-content .pre-watch .watch-icon::after {
width: 19px;
height: 21px;
position: absolute;
content: "";
left: 50%;
margin-left: -7.5px;
margin-top: -10.5px;
top: 50%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.spd-preview .pre-content .pre-watch .watch-icon::before {
background: url(../img/i13.png);
}
.spd-preview .pre-content .pre-watch .watch-icon::after {
background: url(../img/i13_h.png);
opacity: 0;
}
.spd-preview .pre-content .pre-watch:hover {
color: #f83854;
}
.spd-preview .pre-content .pre-watch:hover .watch-icon {
background: #f83854;
}
.spd-preview .pre-content .pre-watch:hover .watch-icon::before {
opacity: 0;
}
.spd-preview .pre-content .pre-watch:hover .watch-icon::after {
opacity: 1;
}
.spd-preview .pre-img {
width: 50%;
position: relative;
min-height: 511px;
}
.spd-preview .pre-img span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: 50% 50%;
background-size: cover;
}
.s-project-detail .spd-task-sol {
padding-bottom: 70px;
}
.s-project-detail .spd-task-sol .my-container {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
padding-top: 350px;
max-width: 1572px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-project-detail .spd-task-sol .my-container .ts-number {
color: #1a2a43;
font-size: 45.59px;
line-height: 43px;
font-family: "CirceExtraBold", sans-serif;
display: inline-block;
position: absolute;
left: 47px;
top: 132px;
text-align: left;
}
.s-project-detail .spd-task-sol .my-container .ts-number span {
position: relative;
}
.s-project-detail .spd-task-sol .my-container .ts-number::before {
content: "";
position: absolute;
left: -104px;
top: -77px;
width: 225px;
height: 159px;
background: url(../img/num01.png);
}
.s-project-detail .spd-task-sol .my-container .ts-left {
width: 420px;
}
.s-project-detail .spd-task-sol .my-container .ts-right {
width: 420px;
}
.s-project-detail .spd-task-sol .my-container .ts-dw-prj-wrap {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.s-project-detail .spd-task-sol .my-container .ts-img {
min-width: 528px;
margin: 0 auto;
max-width: 528px;
}
.s-project-detail .spd-task-sol .my-container .ts-img img {
display: block;
max-width: 100%;
height: auto;
}
.s-project-detail .spd-task-sol .my-container .ts-text {
text-align: left;
max-width: 440px;
}
.s-project-detail .spd-task-sol .my-container .ts-text .tst-hdr {
display: block;
color: #1a2a43;
font-size: 25px;
line-height: 25px;
font-family: "CirceExtraBold", sans-serif;
position: relative;
margin-bottom: 40px;
}
.s-project-detail .spd-task-sol .my-container .ts-text .tst-hdr::before {
content: "";
position: absolute;
width: 300px;
height: 1px;
background: #d9d9d9;
top: 50%;
right: 0;
margin-top: -0.5px;
}
.s-project-detail .spd-task-sol .my-container .ts-text .tst-p {
margin: 0;
color: #1a2a43;
font-size: 18px;
line-height: 30px;
font-family: "CirceRegular", sans-serif;
margin-bottom: 70px;
min-height: 180px;
}
.s-project-detail .spd-task-sol .my-container .ts-text .tst-nav {
margin-bottom: 18px;
}
.s-project-detail .spd-task-sol .my-container .ts-text .tst-nav .tst-nav-i {
color: #c4c4c4;
font-size: 14px;
line-height: 14px;
font-family: "RobotoLight", sans-serif;
cursor: pointer;
position: relative;
margin-right: 34px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-project-detail
.spd-task-sol
.my-container
.ts-text
.tst-nav
.tst-nav-i:hover {
color: #f83854;
}
.s-project-detail
.spd-task-sol
.my-container
.ts-text
.tst-nav
.tst-nav-i:last-child {
margin-right: 0px;
}
.s-project-detail
.spd-task-sol
.my-container
.ts-text
.tst-nav
.tst-nav-i
span {
position: relative;
}
.s-project-detail
.spd-task-sol
.my-container
.ts-text
.tst-nav
.tst-nav-i.active {
color: #1a2a43;
}
.s-project-detail
.spd-task-sol
.my-container
.ts-text
.tst-nav
.tst-nav-i.active::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
background: #f5f5f5;
width: 68px;
height: 68px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
}
.s-project-detail
.spd-task-sol
.my-container
.ts-text
.tst-nav
.tst-nav-i.active
span::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #1a2a43;
bottom: -7px;
left: 0;
}
.s-project-detail .spd-task-sol .my-container .ts-text .tst-wrap .tst-content {
display: none;
}
.s-project-detail
.spd-task-sol
.my-container
.ts-text
.tst-wrap
.tst-content
p {
color: #656871;
font-size: 16px;
line-height: 30px;
font-family: "RobotoLight", sans-serif;
margin: 0;
}
.s-project-detail
.spd-task-sol
.my-container
.ts-text
.tst-wrap
.tst-content:first-child {
display: block;
}
.s-project-detail .spd-task-sol .my-container .ts-dw-prj-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 567px;
margin: 0 auto;
margin-top: 83px;
}
.s-project-detail .spd-task-sol .my-container .ts-dw-prj-wrap .ts-dw {
color: rgba(0, 0, 0, 0.5);
font-size: 14px;
line-height: 22.1px;
position: relative;
padding-right: 77px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 17px;
}
.s-project-detail .spd-task-sol .my-container .ts-dw-prj-wrap .ts-dw::before,
.s-project-detail .spd-task-sol .my-container .ts-dw-prj-wrap .ts-dw::after {
border: 1px solid #fcd7d5;
border-radius: 50%;
width: 43px;
height: 43px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
content: "";
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.s-project-detail .spd-task-sol .my-container .ts-dw-prj-wrap .ts-dw::before {
background: #f83854 no-repeat url(../img/i14.png) 50%;
}
.s-project-detail .spd-task-sol .my-container .ts-dw-prj-wrap .ts-dw::after {
background: #fff no-repeat url(../img/i14_h.png) 50%;
opacity: 0;
}
.s-project-detail .spd-task-sol .my-container .ts-dw-prj-wrap .ts-dw:hover {
color: #f83854;
}
.s-project-detail
.spd-task-sol
.my-container
.ts-dw-prj-wrap
.ts-dw:hover::before {
opacity: 0;
}
.s-project-detail
.spd-task-sol
.my-container
.ts-dw-prj-wrap
.ts-dw:hover::after {
opacity: 1;
}
.s-project-detail .spd-task-sol .my-container .ts-dw-prj-wrap .ts-same-prj {
position: relative;
color: rgba(0, 0, 0, 0.5);
font-size: 14px;
line-height: 22.1px;
padding-left: 78px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-project-detail
.spd-task-sol
.my-container
.ts-dw-prj-wrap
.ts-same-prj::before,
.s-project-detail
.spd-task-sol
.my-container
.ts-dw-prj-wrap
.ts-same-prj::after {
border: 1px solid #fcd7d5;
border-radius: 50%;
width: 43px;
height: 43px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.s-project-detail
.spd-task-sol
.my-container
.ts-dw-prj-wrap
.ts-same-prj::before {
background: #fff no-repeat url(../img/i15.png) 50%;
}
.s-project-detail
.spd-task-sol
.my-container
.ts-dw-prj-wrap
.ts-same-prj::after {
background: #f83854 no-repeat url(../img/i15_h.png) 50%;
opacity: 0;
}
.s-project-detail
.spd-task-sol
.my-container
.ts-dw-prj-wrap
.ts-same-prj:hover {
color: #f83854;
}
.s-project-detail
.spd-task-sol
.my-container
.ts-dw-prj-wrap
.ts-same-prj:hover::before {
opacity: 0;
}
.s-project-detail
.spd-task-sol
.my-container
.ts-dw-prj-wrap
.ts-same-prj:hover::after {
opacity: 1;
}
.s-project-detail .spd-text-container {
background: #f6f6f6;
position: relative;
padding-top: 57px;
padding-bottom: 85px;
}
.s-project-detail .spd-text-container .tc-dw-wrap {
text-align: center;
width: 100%;
padding-top: 25px;
}
.s-project-detail .spd-text-container .tc-dw-wrap .tc-dw {
color: rgba(0, 0, 0, 0.5);
font-size: 14px;
line-height: 22.1px;
position: relative;
padding-right: 77px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 17px;
}
.s-project-detail .spd-text-container .tc-dw-wrap .tc-dw::before,
.s-project-detail .spd-text-container .tc-dw-wrap .tc-dw::after {
border: 1px solid #fcd7d5;
border-radius: 50%;
width: 43px;
height: 43px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
content: "";
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.s-project-detail .spd-text-container .tc-dw-wrap .tc-dw::before {
background: #f83854 no-repeat url(../img/i14.png) 50%;
}
.s-project-detail .spd-text-container .tc-dw-wrap .tc-dw::after {
background: transparent no-repeat url(../img/i14_h.png) 50%;
opacity: 0;
}
.s-project-detail .spd-text-container .tc-dw-wrap .tc-dw:hover {
color: #f83854;
}
.s-project-detail .spd-text-container .tc-dw-wrap .tc-dw:hover::before {
opacity: 0;
}
.s-project-detail .spd-text-container .tc-dw-wrap .tc-dw:hover::after {
opacity: 1;
}
.s-project-detail .spd-text-container.spd-low p {
max-width: 100%;
width: 100%;
}
.s-project-detail .spd-text-container.spd-low p:nth-child(3) {
padding-left: 0px;
}
.s-project-detail .spd-text-container .my-container.flex {
max-width: 1466px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-project-detail .spd-text-container .tc-more {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 82px;
font-family: "RobotoLight", sans-serif;
color: rgba(248, 56, 84, 0.5);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
bottom: -33px;
}
.s-project-detail .spd-text-container .tc-more:hover {
color: #f83854;
}
.s-project-detail .spd-text-container .tc-more:hover .circle {
background: #f83854;
}
.s-project-detail .spd-text-container .tc-more:hover .circle::before,
.s-project-detail .spd-text-container .tc-more:hover .circle::after {
background: #fff;
}
.s-project-detail .spd-text-container .tc-more .circle {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -33px;
width: 66px;
height: 66px;
background: #fff;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-radius: 50%;
}
.s-project-detail .spd-text-container .tc-more .circle::before,
.s-project-detail .spd-text-container .tc-more .circle::after {
width: 31px;
height: 1px;
background: #f83854;
position: absolute;
content: "";
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-project-detail .spd-text-container .tc-more .circle::after {
height: 31px;
width: 1px;
}
.s-project-detail .spd-text-container .tc-hdr {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
color: #010309;
font-size: 25px;
line-height: 25px;
font-family: "CirceBold", sans-serif;
text-align: center;
margin-bottom: 35px;
display: block;
}
.s-project-detail .spd-text-container p {
color: #656871;
font-size: 16px;
line-height: 30px;
font-family: "RobotoLight", sans-serif;
margin: 0;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 700px;
margin-bottom: 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-project-detail .spd-text-container p:nth-child(3) {
padding-left: 92px;
}
.s-project-detail .spd-spheres {
background: #f83854;
padding-top: 88px;
padding-bottom: 88px;
}
.s-project-detail .spd-spheres .my-container {
max-width: 1600px;
text-align: center;
}
.s-project-detail .spd-spheres .sp-middle {
width: 588px;
display: inline-block;
margin: 0 auto;
text-align: center;
position: relative;
}
.s-project-detail .spd-spheres .sp-middle::before {
content: "";
position: absolute;
left: 0;
top: 0;
background: url(../img/circle.png);
width: 588px;
height: 588px;
}
.s-project-detail .spd-spheres .sp-middle .spm-text {
padding-top: 206px;
max-width: 340px;
min-height: 588px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
}
.s-project-detail .spd-spheres .sp-middle .spm-text .spb-t-1 {
display: block;
color: #ffffff;
font-size: 45.59px;
line-height: 48px;
position: relative;
font-family: "CirceExtraBold", sans-serif;
padding-bottom: 28px;
margin-bottom: 24px;
}
.s-project-detail .spd-spheres .sp-middle .spm-text .spb-t-1::before {
content: "";
position: absolute;
width: 258px;
height: 159px;
background: url(../img/num02.png);
left: 50%;
margin-left: -151px;
top: -35px;
}
.s-project-detail .spd-spheres .sp-middle .spm-text .spb-t-1::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 64px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 1px;
background: rgba(255, 255, 255, 0.7);
}
.s-project-detail .spd-spheres .sp-middle .spm-text .spb-t-2 {
display: block;
color: #ffffff;
font-size: 16px;
line-height: 30px;
font-family: "RobotoLight", sans-serif;
position: relative;
padding-bottom: 86px;
}
.s-project-detail .spd-spheres .sp-middle .spm-text .spb-t-2::before {
content: "";
position: absolute;
width: 40px;
height: 38px;
background: url(../img/i16.png);
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.s-project-detail .spd-spheres .sp-middle .spm-descr {
font-size: 16px;
line-height: 25px;
font-family: "RobotoLight", sans-serif;
color: rgba(255, 255, 255, 0.7);
text-align: left;
display: block;
position: absolute;
width: 271px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr::before {
content: "";
position: absolute;
width: 64px;
height: 1px;
background: #fff;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr span {
display: block;
color: #ffffff;
font-size: 26.84px;
line-height: 32.2px;
font-family: "CirceRegular", sans-serif;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-1 {
left: -385px;
top: 110px;
text-align: right;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-1::before {
top: 12px;
right: -119px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-2 {
top: 110px;
right: -385px;
text-align: left;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-2::before {
top: 12px;
left: -119px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-3 {
left: -400px;
top: 277px;
text-align: right;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-3::before {
top: 17px;
right: -108px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-4 {
right: -400px;
top: 277px;
text-align: left;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-4::before {
top: 15px;
left: -108px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-5 {
left: -385px;
top: 453px;
text-align: right;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-5::before {
top: 15px;
right: -130px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-6 {
right: -385px;
top: 453px;
text-align: left;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-6::before {
top: 15px;
left: -130px;
}
.s-project-detail .spd-skills-rewards .sr-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
}
.s-project-detail .spd-skills-rewards .sr-row.sr-reward .sr-block {
background: #f83854;
padding-top: 221px;
padding-bottom: 175px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-project-detail .spd-skills-rewards .sr-row.sr-reward .sr-block .srb-hdr {
color: #fff;
}
.s-project-detail
.spd-skills-rewards
.sr-row.sr-reward
.sr-block
.srb-hdr::before {
background: url(../img/num04.png);
}
.s-project-detail .spd-skills-rewards .sr-row.sr-reward .sr-block p {
color: #fff;
}
.s-project-detail
.spd-skills-rewards
.sr-row.sr-reward
.srb-arrows
.swiper-button-next,
.s-project-detail
.spd-skills-rewards
.sr-row.sr-reward
.srb-arrows
.swiper-button-prev {
background: no-repeat url(../img/i18.png) 50%;
}
.s-project-detail .spd-skills-rewards .sr-row .srb-arrows {
position: absolute;
bottom: 72px;
left: 99px;
width: 98px;
height: 45px;
}
.s-project-detail .spd-skills-rewards .sr-row .srb-arrows .swiper-button-next,
.s-project-detail .spd-skills-rewards .sr-row .srb-arrows .swiper-button-prev {
padding: 0;
margin: 0;
top: 0;
width: 45px;
height: 45px;
background: no-repeat url(../img/i17.png) 50%;
outline: none;
}
.s-project-detail .spd-skills-rewards .sr-row .srb-arrows .swiper-button-next {
right: 0;
}
.s-project-detail .spd-skills-rewards .sr-row .srb-arrows .swiper-button-prev {
left: 0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block {
-webkit-flex-basis: 540px;
-ms-flex-preferred-size: 540px;
flex-basis: 540px;
min-width: 540px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 252px;
padding-right: 15px;
padding-left: 115px;
padding-bottom: 189px;
position: relative;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block .srb-hdr {
display: block;
color: #1a2a43;
font-size: 45.59px;
line-height: 42px;
font-family: "CirceExtraBold", sans-serif;
position: relative;
left: 92px;
margin-bottom: 100px;
max-width: 280px;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block .srb-hdr span {
position: relative;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block .srb-hdr::before {
content: "";
position: absolute;
width: 276px;
height: 159px;
background: url(../img/num03.png);
top: -121px;
left: -100px;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block p {
margin: 0;
color: #656871;
font-size: 16px;
line-height: 30px;
font-family: "RobotoLight", sans-serif;
max-width: 275px;
}
.s-project-detail .spd-skills-rewards .sr-row .skill-slider {
-webkit-box-flex: -webkit-calc(100% - 540px);
-webkit-flex: -webkit-calc(100% - 540px);
-ms-flex: calc(100% - 540px);
flex: calc(100% - 540px);
max-width: -webkit-calc(100% - 540px);
max-width: calc(100% - 540px);
}
.s-project-detail .spd-skills-rewards .sr-row .skill-slider .swiper-container {
height: 100%;
}
.s-project-detail .spd-skills-rewards .sr-row .skill-slider .ss-item {
position: relative;
height: 100%;
overflow: hidden;
width: 100%;
}
.s-project-detail
.spd-skills-rewards
.sr-row
.skill-slider
.ss-item:hover
.ss-bg {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.s-project-detail .spd-skills-rewards .sr-row .skill-slider .ss-item .ss-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-project-detail
.spd-skills-rewards
.sr-row
.skill-slider
.ss-item
.ss-bg::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
}
.s-project-detail .spd-skills-rewards .sr-row .skill-slider .ss-item .ss-hdr {
display: block;
position: absolute;
color: #ffffff;
font-size: 24.82px;
line-height: 29.79px;
font-family: "CirceExtraBold", sans-serif;
max-width: 240px;
z-index: 1;
bottom: 67px;
left: 64px;
}
.s-project-detail .spd-skills-rewards .sr-row .reward-slider {
-webkit-box-flex: -webkit-calc(100% - 540px);
-webkit-flex: -webkit-calc(100% - 540px);
-ms-flex: calc(100% - 540px);
flex: calc(100% - 540px);
max-width: -webkit-calc(100% - 540px);
max-width: calc(100% - 540px);
}
.s-project-detail .spd-skills-rewards .sr-row .reward-slider .swiper-container {
height: 100%;
}
.s-project-detail .spd-skills-rewards .sr-row .reward-slider .sr-item {
position: relative;
height: 100%;
text-align: center;
padding-top: 203px;
}
.s-project-detail .spd-skills-rewards .sr-row .reward-slider .sr-item::after {
content: "";
position: absolute;
right: -1px;
top: 0;
width: 1px;
height: 100%;
background: #eeeeee;
}
.s-project-detail .spd-skills-rewards .sr-row .reward-slider .sr-item .sr-img {
display: inline-block;
margin-bottom: 125px;
}
.s-project-detail
.spd-skills-rewards
.sr-row
.reward-slider
.sr-item
.sr-img
img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.s-project-detail .spd-skills-rewards .sr-row .reward-slider .sr-item .sr-hdr {
color: #1a2a43;
font-size: 18.99px;
line-height: 23.29px;
font-family: "CirceBold", sans-serif;
display: block;
}
.s-project-detail .spd-about-project {
padding-top: 117px;
padding-bottom: 48px;
}
.s-project-detail .spd-about-project .ab-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.s-project-detail .spd-about-project .ab-flex .ap-block {
-webkit-flex-basis: 653px;
-ms-flex-preferred-size: 653px;
flex-basis: 653px;
min-width: 653px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 8px;
text-align: center;
}
.s-project-detail .spd-about-project .ab-flex .ap-block .ap-hdr {
color: #1a2a43;
font-size: 45.59px;
line-height: 42px;
text-align: left;
font-family: "CirceExtraBold", sans-serif;
display: inline-block;
position: relative;
padding-top: 130px;
padding-left: 15px;
padding-right: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-project-detail .spd-about-project .ab-flex .ap-block .ap-hdr span {
position: relative;
}
.s-project-detail .spd-about-project .ab-flex .ap-block .ap-hdr::before {
content: "";
position: absolute;
width: 280px;
height: 159px;
background: url(../img/num05.png);
left: -79px;
top: 5px;
}
.s-project-detail .spd-about-project .about-project-slider {
-webkit-box-flex: -webkit-calc(100% - 653px);
-webkit-flex: -webkit-calc(100% - 653px);
-ms-flex: calc(100% - 653px);
flex: calc(100% - 653px);
max-width: -webkit-calc(100% - 653px);
max-width: calc(100% - 653px);
}
.s-project-detail .spd-about-project .about-project-slider .swiper-slide {
width: auto;
}
.s-project-detail
.spd-about-project
.about-project-slider
.swiper-slide
.news-item {
min-height: 261px;
padding-left: 26px;
padding-right: 15px;
padding-top: 155px;
padding-bottom: 15px;
}
.s-project-detail
.spd-about-project
.about-project-slider
.swiper-slide
.news-item
.ni-text
.ni-date {
font-family: "CirceBold", sans-serif;
margin-right: 0px;
margin-bottom: 7px;
}
.s-project-detail
.spd-about-project
.about-project-slider
.swiper-slide
.news-item
.ni-text
.ni-date
span {
font-family: "RobotoLight", sans-serif;
text-transform: uppercase;
margin-left: 0px;
}
.s-project-detail
.spd-about-project
.about-project-slider
.swiper-slide
.news-item
.ni-text
.ni-descr {
font-family: "CirceRegular", sans-serif;
}
.s-social {
text-align: center;
border-top: 1px solid #f5f5f5;
padding-top: 27px;
padding-bottom: 31px;
}
.s-social .ss-share {
display: block;
color: #000000;
font-size: 16px;
line-height: 19px;
font-family: "CirceLight", sans-serif;
margin-bottom: 35px;
}
.s-social .ss-icons {
font-size: 0px;
}
.s-social .ss-icons .ss-icn {
width: 76px;
height: 76px;
margin-bottom: 15px;
border-radius: 5px;
border: 1px solid #d1dae1;
position: relative;
display: inline-block;
overflow: hidden;
margin-left: 16px;
margin-right: 16px;
}
.s-social .ss-icons .ss-icn:hover {
border-color: #f83854;
}
.s-social .ss-icons .ss-icn::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.s-social .ss-icons .ss-icn.ok::before {
background: no-repeat url(../img/i19.png) 50%;
}
.s-social .ss-icons .ss-icn.tw::before {
background: no-repeat url(../img/i20.png) 50%;
}
.s-social .ss-icons .ss-icn.vk::before {
background: no-repeat url(../img/i21.png) 50%;
}
.s-social .ss-icons .ss-icn.fb::before {
background: no-repeat url(../img/i22.png) 50%;
}
.s-innovations {
position: relative;
height: 560px;
overflow: hidden;
text-align: center;
background: no-repeat url(../img/threebg.jpg) 50%;
background-size: auto;
}
.s-innovations .si-a {
width: 48px;
height: 48px;
background: #ed2d49;
display: inline-block;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-radius: 50%;
position: absolute;
z-index: 1;
bottom: 97px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 50%;
margin-left: -24px;
border: 1px solid transparent;
}
.s-innovations .si-a::before,
.s-innovations .si-a::after {
width: 22px;
height: 1px;
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-innovations .si-a::after {
height: 22px;
width: 1px;
}
.s-innovations .si-text {
display: block;
padding-top: 163px;
}
.s-innovations .si-text .sit-hdr {
display: block;
color: #1a2a43;
font-size: 57.31px;
line-height: 57px;
font-family: "CirceBold", sans-serif;
text-transform: uppercase;
letter-spacing: 33px;
margin-bottom: 13px;
}
.s-innovations .si-text .sit-descr-1 {
display: block;
color: #4b515b;
font-size: 21.47px;
line-height: 28px;
font-family: "CirceLight", sans-serif;
text-transform: uppercase;
letter-spacing: 8px;
margin-bottom: 11px;
}
.s-innovations .si-text .sit-descr-2 {
display: block;
color: #aaafbb;
font-size: 17px;
line-height: 22.1px;
font-family: "RobotoLight", sans-serif;
}
.s-innovations.white {
text-align: center;
background: no-repeat url(../img/threebg.jpg) 50%;
background-size: auto;
}
.s-innovations canvas {
height: 718px !important;
}
.s-project-page {
padding-top: 17px;
padding-bottom: 22px;
}
.s-project-page.spp-compit .con-item.con-right .con-lvl {
right: -278px;
}
.s-project-page.spp-compit .con-item .con-lvl {
left: -278px;
}
.s-project-page.spp-compit .con-item .con-bg .con-text .ct-hdr {
color: #1a2a43;
font-size: 35.78px;
line-height: 42px;
font-family: "CirceExtraBold", sans-serif;
text-transform: none;
}
.s-project-page.spp-compit .con-item .con-bg .con-text .ct-p {
color: #4b515b;
font-size: 18px;
line-height: 29px;
font-family: "RobotoLight", sans-serif;
}
.s-project-page .my-container {
max-width: 1244px;
text-align: center;
}
.s-project-page .snp-wrap-btn a {
color: #000;
display: block;
}
.s-project-page .con-item {
margin-bottom: 28px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.s-project-page .con-item:hover .con-bg .con-img::before {
width: 1500px;
height: 1500px;
background-size: 100%;
}
.s-project-page .con-item:hover .con-bg .con-text .ct-p::before {
bottom: -25px;
width: 50px;
height: 50px;
}
.s-project-page .con-item.con-right .con-theme {
left: auto;
right: -274px;
text-align: right;
}
.s-project-page .con-item.con-right .con-bg .con-text {
right: -278px;
left: auto;
}
.s-project-page .con-item .con-bg .con-img {
overflow: hidden;
}
.s-project-page .con-item .con-bg .con-img::before {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 300px;
height: 300px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: -o-radial-gradient(
center,
ellipse,
rgba(248, 56, 84, 0.5) 50%,
rgba(248, 56, 84, 0) 50%
)
no-repeat 50%;
background: radial-gradient(
ellipse at center,
rgba(248, 56, 84, 0.5) 50%,
rgba(248, 56, 84, 0) 50%
)
no-repeat 50%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-size: 0px 0px;
}
.s-project-page .con-item .con-bg .con-text {
left: -278px;
margin-bottom: 0px;
max-width: 278px;
}
.s-project-page .con-item .con-bg .ct-hdr {
display: block;
color: #1a2a43;
position: relative;
left: -4px;
font-size: 43px;
line-height: 43px;
font-family: "CirceExtraBold", sans-serif;
text-transform: uppercase;
margin-bottom: 2px;
letter-spacing: -2px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-project-page .con-item .con-bg .ct-p {
color: #4b515b;
font-size: 24px;
line-height: 32px;
font-family: "RobotoLight", sans-serif;
max-width: 100%;
display: block;
position: relative;
letter-spacing: 1px;
margin-bottom: 58px;
padding-bottom: 41px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-project-page .con-item .con-bg .ct-p::before {
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.s-project-page .con-item .con-theme {
position: absolute;
display: block;
color: rgba(43, 43, 43, 0.5);
font-size: 13px;
line-height: 15px;
left: -274px;
top: 14px;
font-family: "OpenSansLight", sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-project-page .con-item .con-theme span {
font-family: "CirceLight", sans-serif;
font-size: 19.91px;
line-height: 22px;
position: relative;
top: 2px;
margin-right: 10px;
color: #f83854;
}
.s-comp-goal {
background: #f8f8f8;
}
.s-comp-goal .my-container.flex {
max-width: 1660px;
padding-top: 33px;
padding-bottom: 39px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.s-comp-goal .my-container.flex .scg-hdr {
color: #1a2a43;
font-size: 35.78px;
line-height: 42px;
font-family: "CirceExtraBold", sans-serif;
margin-right: 15px;
}
.s-comp-goal .my-container.flex p {
margin: 0;
color: rgba(1, 3, 9, 0.9);
font-size: 18px;
line-height: 32px;
font-family: "RobotoLight", sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 184px;
max-width: 1326px;
}
.s-for-comp .my-container.flex {
max-width: 1660px;
padding-top: 46px;
padding-bottom: 39px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-for-comp .sfc-hdr {
display: block;
color: #1a2a43;
font-size: 35.78px;
line-height: 42px;
font-family: "CirceExtraBold", sans-serif;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 42px;
}
.s-for-comp .sfc-block {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 108px;
max-width: 672px;
}
.s-for-comp .sfc-block:nth-child(3) {
padding-left: 250px;
max-width: 100%;
}
.s-for-comp .sfc-block .sfc-b-hdr {
color: #010309;
font-size: 25px;
line-height: 30px;
font-family: "CirceBold", sans-serif;
display: block;
position: relative;
margin-bottom: 14px;
}
.s-for-comp .sfc-block .sfc-b-hdr::before {
content: "";
position: absolute;
left: -104px;
top: 13px;
width: 67px;
height: 1px;
background: #f83854;
}
.s-for-comp .sfc-block p {
color: #656871;
font-size: 16px;
line-height: 30px;
font-family: "RobotoLight", sans-serif;
margin: 0;
}
.s-stage-comp {
background: #f8f8f8;
}
.s-stage-comp.ssc-white {
background: #fff;
}
.s-stage-comp .my-container {
max-width: 1660px;
padding-top: 43px;
padding-bottom: 50px;
}
.s-stage-comp .ssc-hdr {
display: block;
color: #1a2a43;
font-size: 35.78px;
line-height: 42px;
font-family: "CirceBold", sans-serif;
margin-bottom: 16px;
}
.s-stage-comp .ssc-p {
margin: 0;
color: rgba(1, 3, 9, 0.9);
font-size: 18px;
line-height: 32px;
font-family: "RobotoLight", sans-serif;
margin-bottom: 5px;
}
.s-stage-comp .ssc-p a {
color: #f83854;
}
.s-stage-comp .ssc-p .bold {
font-family: "RobotoMedium", sans-serif;
}
.s-stage-comp .ssc-block {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 66px;
}
.s-stage-comp .ssc-block .ssc-itm:last-child .ssc-top {
border-color: transparent;
}
.s-stage-comp .ssc-block .ssc-itm.active .ssc-top {
font-family: "CirceBold", sans-serif;
border-color: transparent;
}
.s-stage-comp .ssc-block .ssc-itm.active .ssc-top .circle {
background: #f83854;
border-color: #f83854;
}
.s-stage-comp .ssc-block .ssc-itm.active .ssc-top .circle::before {
background: #fff;
}
.s-stage-comp .ssc-block .ssc-itm.active .ssc-top .circle::after {
display: none;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-top {
color: #1a2a43;
font-size: 25px;
line-height: 25px;
font-family: "CirceLight", sans-serif;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 51px;
padding-top: 51px;
padding-left: 98px;
padding-right: 75px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
cursor: pointer;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-top .circle {
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid #dfe0e4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
right: 0;
top: 41px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-top .circle::before,
.s-stage-comp .ssc-block .ssc-itm .ssc-top .circle::after {
width: 22px;
height: 1px;
background: #f83854;
position: absolute;
left: 50%;
top: 50%;
content: "";
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-top .circle::after {
height: 22px;
width: 1px;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-content {
border: 1px solid #c3c3c3;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 99px;
margin-top: 19px;
padding-left: 82px;
padding-top: 37px;
padding-right: 15px;
padding-bottom: 13px;
display: none;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-content p {
margin: 0;
font-size: 17px;
line-height: 30px;
color: #4b515b;
margin-bottom: 29px;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-content p .red {
color: #f83854;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-content p a {
color: #f83854;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-content .ssc-ul-hdr {
display: block;
color: #4b515b;
font-size: 17px;
line-height: 17px;
font-family: "RobotoMedium", sans-serif;
margin-bottom: 22px;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-content .btn-with-circle {
margin-bottom: 25px;
display: inline-block;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-content ul {
padding-bottom: 31px;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-content ul li {
color: #4b515b;
font-size: 17px;
line-height: 30px;
font-family: "RobotoLight", sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 39px;
position: relative;
margin-bottom: 0px;
max-width: 1250px;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-content ul li::before {
content: "";
position: absolute;
left: 0;
top: 17px;
width: 16px;
height: 1px;
background: #f83854;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-content .ssc-p-1 {
font-family: "RobotoMedium", sans-serif;
color: #4b515b;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-content .ssc-p-1.red {
font-family: "RobotoMedium", sans-serif;
color: #f83854;
text-decoration: underline;
display: block;
margin-bottom: 20px;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-content .ssc-p-2 {
color: #4b515b;
font-family: "RobotoLight", sans-serif;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-content .ssc-p-3 {
color: #9ea4ae;
font-family: "RobotoLight", sans-serif;
}
.s-documents {
border-bottom: 1px solid #f2f2f2;
text-align: center;
}
.s-documents.sd-page .sd-items {
text-align: center;
padding-bottom: 0px;
}
.s-documents .my-container {
max-width: 1660px;
padding-top: 43px;
padding-bottom: 50px;
}
.s-documents .sd-hdr {
display: block;
color: #1a2a43;
font-size: 35.78px;
line-height: 42px;
font-family: "CirceBold", sans-serif;
margin-bottom: 46px;
text-align: left;
}
.s-documents .sd-items {
max-width: 1260px;
margin: 0 auto;
text-align: center;
padding-bottom: 38px;
}
.s-documents .sd-items .sd-itm {
max-width: 227px;
min-width: 227px;
vertical-align: top;
display: inline-block;
margin-left: 30px;
margin-right: 30px;
padding-top: 41px;
padding-left: 25px;
padding-right: 15px;
margin-bottom: 30px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 317px;
overflow: hidden;
text-align: left;
}
.s-documents .sd-items .sd-itm::before {
width: 227px;
height: 317px;
content: "";
position: absolute;
left: 0;
top: 0;
background: url(../img/comp-bg.jpg);
}
.s-documents .sd-items .sd-itm .sd-descr-1 {
display: block;
position: relative;
color: #1a2a43;
font-size: 17px;
line-height: 28px;
font-family: "CirceBold", sans-serif;
margin-bottom: 12px;
}
.s-documents .sd-items .sd-itm .sd-descr-2 {
display: block;
position: relative;
color: rgba(0, 0, 0, 0.55);
font-size: 15px;
line-height: 22.1px;
font-family: "RobotoRegular", sans-serif;
margin-bottom: 25px;
}
.s-documents .sd-items .sd-itm .sd-descr-3 {
display: block;
position: relative;
color: #1a2a43;
font-size: 15px;
line-height: 28px;
font-family: "RobotoLight", sans-serif;
}
.s-documents .sd-a {
display: block;
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #e0e0e0;
text-align: center;
position: relative;
width: 100%;
max-width: 1100px;
color: rgba(0, 0, 0, 0.9);
font-family: "RobotoRegular", sans-serif;
font-size: 16px;
line-height: 16px;
padding-top: 14px;
padding-bottom: 14px;
}
.s-documents .sd-a::before {
content: "";
position: absolute;
width: 5px;
height: 7px;
background: url(../img/i12.png);
left: 50%;
margin-left: 69px;
top: 19px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.s-documents .sd-a:hover {
border-color: #f83854;
color: #f83854;
}
.s-documents .btn-with-circle {
margin-bottom: 66px;
display: inline-block;
}
.s-documents .sd-text {
max-width: 1200px;
margin: 0 auto;
}
.s-documents .sd-text p {
margin: 0;
color: #aaafbb;
font-size: 16px;
line-height: 30px;
font-family: "RobotoLight", sans-serif;
margin-bottom: 30px;
}
.s-documents .sd-text p .red {
color: #f83854;
}
.s-nd-preview.ndp-lab .ndp-flex .ndp-text {
padding-top: 136px;
padding-bottom: 60px;
}
.s-nd-preview.ndp-lab .ndp-flex .ndp-text .ndp-hdr {
color: #1a2a43;
font-size: 35.78px;
line-height: 42px;
font-family: "CirceExtraBold", sans-serif;
}
.s-nd-preview.ndp-lab .ndp-flex .ndp-text .ndp-p {
margin: 0;
color: #4b515b;
font-size: 18px;
line-height: 29px;
font-family: "RobotoLight", sans-serif;
}
.s-nd-preview .ndp-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-nd-preview .ndp-flex .ndp-text {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
position: relative;
padding-left: 167px;
padding-top: 96px;
padding-right: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 46px;
}
.s-nd-preview .ndp-flex .ndp-text .back {
left: 140px;
top: 21px;
}
.s-nd-preview .ndp-flex .ndp-text .ndp-date {
display: block;
color: #bdbdbd;
font-size: 20.5px;
line-height: 28px;
font-family: "RobotoRegular", sans-serif;
text-transform: uppercase;
margin-bottom: 50px;
}
.s-nd-preview .ndp-flex .ndp-text .ndp-date span {
margin-right: 5px;
color: #f83854;
font-family: "RobotoMedium", sans-serif;
}
.s-nd-preview .ndp-flex .ndp-text .pre-watch {
position: absolute;
right: 63px;
bottom: 80px;
color: rgba(0, 0, 0, 0.5);
font-size: 14px;
line-height: 17px;
font-family: "RobotoLight", sans-serif;
padding-bottom: 75px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-nd-preview .ndp-flex .ndp-text .pre-watch .watch-icon {
width: 58px;
height: 58px;
bottom: 0;
left: 50%;
margin-left: -29px;
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #f83854;
border-radius: 50%;
background: transparent;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-nd-preview .ndp-flex .ndp-text .pre-watch .watch-icon::before,
.s-nd-preview .ndp-flex .ndp-text .pre-watch .watch-icon::after {
width: 19px;
height: 21px;
position: absolute;
content: "";
left: 50%;
margin-left: -7.5px;
margin-top: -10.5px;
top: 50%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-nd-preview .ndp-flex .ndp-text .pre-watch .watch-icon::before {
background: url(../img/i13.png);
}
.s-nd-preview .ndp-flex .ndp-text .pre-watch .watch-icon::after {
background: url(../img/i13_h.png);
opacity: 0;
}
.s-nd-preview .ndp-flex .ndp-text .pre-watch:hover {
color: #f83854;
}
.s-nd-preview .ndp-flex .ndp-text .pre-watch:hover .watch-icon {
background: #f83854;
}
.s-nd-preview .ndp-flex .ndp-text .pre-watch:hover .watch-icon::before {
opacity: 0;
}
.s-nd-preview .ndp-flex .ndp-text .pre-watch:hover .watch-icon::after {
opacity: 1;
}
.s-nd-preview .ndp-flex .ndp-text .ndp-hdr {
display: block;
color: #000000;
font-size: 27px;
line-height: 39px;
font-family: "CirceRegular", sans-serif;
max-width: 700px;
letter-spacing: 0.7px;
margin-bottom: 12px;
}
.s-nd-preview .ndp-flex .ndp-text .ndp-theme {
display: block;
color: rgba(0, 0, 0, 0.6);
font-size: 14px;
line-height: 22.1px;
font-family: "RobotoLight", sans-serif;
}
.s-nd-preview .ndp-flex .ndp-text .ndp-theme span {
font-size: 19.64px;
line-height: 22.1px;
font-family: "CirceLight", sans-serif;
color: #f83854;
position: relative;
top: 2px;
margin-right: 5px;
}
.s-nd-preview .ndp-flex .ndp-img {
position: relative;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
min-height: 511px;
}
.s-nd-preview .ndp-flex .ndp-img span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: 50% 50%;
background-size: cover;
}
.s-nd-text {
position: relative;
}
.s-nd-text.ndt-lab .nd-gray-wrap {
padding-top: 47px;
padding-bottom: 47px;
}
.s-nd-text.ndt-lab .nd-gray-wrap .my-container p:nth-child(1) {
font-family: "RobotoLight", sans-serif;
color: #38393a;
}
.s-nd-text.ndt-lab .nd-gray-wrap .my-container p:last-child {
margin-bottom: 0px;
}
.s-nd-text.ndt-lab .nd-gray-wrap .my-container .ndt-block {
background: #fff;
max-width: 675px;
width: 100%;
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 37px;
padding-right: 20px;
position: relative;
padding-top: 52px;
padding-bottom: 40px;
margin-bottom: 42px;
}
.s-nd-text.ndt-lab .nd-gray-wrap .my-container .ndt-block::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 4px;
height: 100%;
background: #f83854;
}
.s-nd-text.ndt-lab .nd-gray-wrap .my-container .ndt-block::after {
content: "";
position: absolute;
height: 86px;
width: 86px;
border-radius: 50%;
right: -11px;
top: -9px;
background: #f7f7f7 no-repeat url(../img/i29.png) 50%;
}
.s-nd-text.ndt-lab .nd-gray-wrap .my-container .ndt-block .ndt-b-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 21px;
}
.s-nd-text.ndt-lab
.nd-gray-wrap
.my-container
.ndt-block
.ndt-b-flex
.ndt-b-img {
position: relative;
min-width: 160px;
height: 160px;
margin-left: 30px;
}
.s-nd-text.ndt-lab
.nd-gray-wrap
.my-container
.ndt-block
.ndt-b-flex
.ndt-b-img
span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
}
.s-nd-text.ndt-lab
.nd-gray-wrap
.my-container
.ndt-block
.ndt-b-flex
.ndt-b-text {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 54px;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.s-nd-text.ndt-lab
.nd-gray-wrap
.my-container
.ndt-block
.ndt-b-flex
.ndt-b-text
.ndt-bt-name {
display: block;
color: #1a2a43;
font-size: 20px;
line-height: 25px;
font-family: "CirceExtraBold", sans-serif;
margin-bottom: 10px;
}
.s-nd-text.ndt-lab
.nd-gray-wrap
.my-container
.ndt-block
.ndt-b-flex
.ndt-b-text
.ndt-bt-descr {
color: rgba(75, 81, 91, 0.5);
font-size: 15px;
line-height: 22px;
font-family: "RobotoLight", sans-serif;
display: block;
}
.s-nd-text.ndt-lab .nd-gray-wrap .my-container .ndt-block p {
margin: 0;
color: #000000;
font-size: 16px;
line-height: 28px;
font-family: "RobotoLight", sans-serif;
}
.s-nd-text .nd-socials {
position: absolute;
right: 116px;
top: 115px;
text-align: center;
}
.s-nd-text .nd-socials .nds-descr {
display: block;
position: relative;
padding-top: 49px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #000000;
font-size: 16px;
line-height: 16px;
font-family: "CirceLight", sans-serif;
}
.s-nd-text .nd-socials .nds-descr::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 1px;
height: 34px;
background: #cccccc;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.s-nd-text .nd-socials .ndc-icon {
width: 44px;
height: 44px;
border: 1px solid #dbdcde;
position: relative;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
margin-bottom: 14px;
margin-left: auto;
margin-right: auto;
}
.s-nd-text .nd-socials .ndc-icon:hover {
border-color: #f83854;
}
.s-nd-text .nd-socials .ndc-icon::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.s-nd-text .nd-socials .ndc-icon.fb::before {
background: no-repeat url(../img/i23.png) 50%;
}
.s-nd-text .nd-socials .ndc-icon.ok::before {
background: no-repeat url(../img/i24.png) 50%;
}
.s-nd-text .nd-socials .ndc-icon.tw::before {
background: no-repeat url(../img/i25.png) 50%;
}
.s-nd-text .nd-socials .ndc-icon.vk::before {
background: no-repeat url(../img/i26.png) 50%;
}
.s-nd-text .nd-gray-wrap {
background: #f7f7f7;
max-width: -webkit-calc(100% - 320px);
max-width: calc(100% - 320px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 67px;
padding-bottom: 36px;
}
.s-nd-text .nd-gray-wrap .my-container {
max-width: 1150px;
margin-left: auto;
margin-right: 85px;
}
.s-nd-text .nd-gray-wrap .my-container p {
margin: 0;
font-size: 22px;
line-height: 36px;
margin-bottom: 37px;
color: #38393a;
font-family: "RobotoLight", sans-serif;
letter-spacing: 0.7px;
}
.s-nd-text .nd-gray-wrap .my-container p:nth-child(1) {
color: #414141;
font-family: "RobotoMedium", sans-serif;
}
.s-nd-text .nd-gray-wrap .my-container .ndt-img {
display: block;
margin-bottom: 34px;
}
.s-nd-text .nd-gray-wrap .my-container .ndt-img img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.s-nd-text .nd-gray-wrap .my-container .ndt-img-descr {
display: block;
color: #38393a;
font-size: 22px;
line-height: 28px;
font-family: "RobotoLight", sans-serif;
margin-left: 9px;
}
.s-nd-text .nd-gray-wrap .my-container .ndt-img-descr span {
color: #a19595;
}
.s-see-more {
text-align: center;
padding-top: 49px;
padding-bottom: 46.5px;
}
.s-see-more.ssm-with-top {
padding-top: 35px;
}
.s-see-more.ssm-with-top .my-container {
position: relative;
}
.s-see-more.ssm-with-top .my-container .ssm-top-line {
margin-bottom: 39px;
}
.s-see-more.ssm-with-top .my-container .ssm-top-line .ssm-tl-hdr {
display: block;
color: #000000;
font-size: 44px;
line-height: 53px;
font-family: "CirceRegular", sans-serif;
}
.s-see-more.ssm-with-top .my-container .ssm-top-line .btn-burger {
position: absolute;
right: 40px;
top: 22px;
}
.s-see-more .my-container {
max-width: 1576px;
padding-left: 0px;
padding-right: 0px;
}
.s-see-more .ssm-hdr {
display: block;
color: #000000;
font-size: 22px;
line-height: 22px;
font-family: "CirceRegular", sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
letter-spacing: 0.5px;
margin-bottom: 31px;
}
.s-see-more .ssm-items {
max-width: 1576px;
padding-left: 11.5px;
padding-right: 11.5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.s-see-more .ssm-items .news-item {
display: inline-block;
text-align: left;
width: -webkit-calc(24.6% - 7px);
width: calc(24.6% - 7px);
margin-left: 3.5px;
min-width: auto;
margin-right: 3.5px;
margin-bottom: 3.5px;
min-height: 261px;
position: relative;
padding: 0;
}
.s-see-more .ssm-items .news-item .ni-theme {
display: inline-block;
color: rgba(255, 255, 255, 0.5);
font-size: 14px;
line-height: 22.1px;
font-family: "RobotoLight", sans-serif;
position: absolute;
right: 31px;
top: 15px;
letter-spacing: 0.3px;
}
.s-see-more .ssm-items .news-item .ni-theme span {
color: rgba(248, 56, 84, 0.5);
font-size: 19.64px;
line-height: 22.1px;
font-family: "CirceRegular", sans-serif;
position: relative;
top: 2px;
}
.s-see-more .ssm-items .news-item .ni-text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding-left: 28px;
padding-bottom: 25px;
padding-right: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-see-more .ssm-items .news-item .ni-text .ni-date {
color: #ffffff;
font-size: 18px;
line-height: 25.58px;
font-family: "RobotoMedium", sans-serif;
margin-bottom: 10px;
}
.s-see-more .ssm-items .news-item .ni-text .ni-date span {
color: #bdbdbd;
font-size: 18px;
line-height: 24.58px;
font-family: "RobotoRegular", sans-serif;
text-transform: uppercase;
margin-left: 3px;
}
.s-see-more .ssm-items .news-item .ni-text .ni-descr {
color: #ffffff;
font-size: 18px;
line-height: 24px;
font-family: "CirceRegular", sans-serif;
}
.s-heading {
padding-top: 11px;
padding-bottom: 13px;
background: #f7f7f7;
border-bottom: 1px solid #ebebeb;
display: none;
}
.s-heading .sh-items {
font-size: 0px;
text-align: right;
max-width: 1800px;
}
.s-heading .sh-items .sh-itm {
color: rgba(0, 0, 0, 0.9);
font-family: "RobotoRegular", sans-serif;
font-size: 16px;
line-height: 16px;
padding-left: 21px;
padding-right: 21px;
margin-left: 3px;
margin-right: 3px;
padding-top: 13px;
padding-bottom: 13px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
border: 1px solid transparent;
}
.s-heading .sh-items .sh-itm.active {
border: 1px solid #f83854;
border-radius: 5px;
}
.s-heading .sh-items .sh-itm:hover {
color: #f83854;
}
.s-news-page {
padding-top: 17px;
padding-bottom: 52px;
}
.s-news-page .snp-wrap-btn {
max-width: 1527px;
margin: 0 auto;
margin-top: 16px;
}
.s-news-page .snp-wrap-btn .snp-btn {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #e0e0e0;
text-align: center;
position: relative;
width: -webkit-calc(100% - 20px);
width: calc(100% - 20px);
left: 4px;
color: rgba(0, 0, 0, 0.9);
font-family: "RobotoRegular", sans-serif;
font-size: 16px;
line-height: 16px;
padding-top: 14px;
padding-bottom: 14px;
}
.s-news-page .snp-wrap-btn .snp-btn::before {
content: "";
position: absolute;
width: 5px;
height: 7px;
background: url(../img/i12.png);
left: 50%;
margin-left: 69px;
top: 19px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.s-news-page .snp-wrap-btn .snp-btn:hover {
border-color: #f83854;
color: #f83854;
}
.s-news-page .snp-row {
max-width: 1527px;
margin: 0 auto;
}
.s-news-page .snp-row .news-item {
display: inline-block;
text-align: left;
width: -webkit-calc(24.6% - 8px);
width: calc(24.6% - 8px);
margin-left: 4px;
min-width: auto;
margin-right: 4px;
margin-bottom: 7px;
min-height: 261px;
position: relative;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-news-page .snp-row .news-item .news-i-bg::before {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 300px;
height: 300px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: -o-radial-gradient(
center,
ellipse,
rgba(248, 56, 84, 0.5) 50%,
rgba(248, 56, 84, 0) 50%
)
no-repeat 50%;
background: radial-gradient(
ellipse at center,
rgba(248, 56, 84, 0.5) 50%,
rgba(248, 56, 84, 0) 50%
)
no-repeat 50%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-size: 0px 0px;
}
.s-news-page .snp-row .news-item .news-i-bg:hover::before {
background-size: 100%;
width: 1100px;
height: 1100px;
}
.s-news-page .snp-row .news-item.ni-big {
width: -webkit-calc(49.5% - 8px);
width: calc(49.5% - 8px);
}
.s-news-page .snp-row .news-item .ni-theme {
display: inline-block;
color: rgba(255, 255, 255, 0.5);
font-size: 14px;
line-height: 22.1px;
font-family: "RobotoLight", sans-serif;
position: absolute;
right: 31px;
top: 15px;
letter-spacing: 0.3px;
}
.s-news-page .snp-row .news-item .ni-theme span {
color: rgba(248, 56, 84, 0.5);
font-size: 19.64px;
line-height: 22.1px;
font-family: "CirceRegular", sans-serif;
position: relative;
top: 2px;
}
.s-news-page .snp-row .news-item .ni-text {
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
padding-left: 28px;
padding-bottom: 25px;
padding-right: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-news-page .snp-row .news-item .ni-text .ni-date {
color: #ffffff;
font-size: 18px;
line-height: 25.58px;
font-family: "RobotoMedium", sans-serif;
margin-bottom: 10px;
}
.s-news-page .snp-row .news-item .ni-text .ni-date span {
color: #bdbdbd;
font-size: 18px;
line-height: 24.58px;
font-family: "RobotoRegular", sans-serif;
text-transform: uppercase;
margin-left: 3px;
}
.s-news-page .snp-row .news-item .ni-text .ni-descr {
color: #ffffff;
font-size: 18px;
line-height: 24px;
font-family: "CirceRegular", sans-serif;
}
.s-about-preview {
padding-top: 15px;
padding-bottom: 61px;
}
.s-about-preview .my-container {
max-width: 1416px;
}
.s-about-preview .sap-hdr {
color: #f83854;
font-size: 35px;
line-height: 40px;
font-family: "CirceExtraBold", sans-serif;
max-width: 750px;
display: block;
}
.s-about-preview .sap-two {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top: 20px;
}
.s-about-preview .sap-two .btn-with-circle {
-webkit-flex-basis: 200px;
-ms-flex-preferred-size: 200px;
flex-basis: 200px;
min-width: 200px;
margin-right: 181px;
}
.s-about-preview .sap-two p {
margin: 0;
color: #4b515b;
font-size: 18px;
line-height: 31px;
font-family: "RobotoLight", sans-serif;
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
}
.s-about-description {
padding-top: 83px;
padding-bottom: 20px;
}
.s-about-description.sad-lab {
padding-bottom: 50px;
}
.s-about-description.sad-lab .sad-itm {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-about-description.sad-lab .sad-itm:nth-child(2) {
padding-top: 219px;
position: relative;
}
.s-about-description.sad-lab .sad-itm:nth-child(2) .sad-text .sadt-img {
left: auto;
right: 11px;
}
.s-about-description.sad-lab .sad-itm:nth-child(2) .sad-text .sadt-hdr::before {
display: none;
}
.s-about-description.sad-lab .sad-itm .sad-text {
position: relative;
}
.s-about-description.sad-lab .sad-itm .sad-text::before {
content: "";
position: absolute;
left: 100px;
bottom: 0;
width: 100%;
height: 1px;
background: #cccdce;
max-width: 530px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-about-description.sad-lab .sad-itm .sad-text::after {
content: "";
position: absolute;
right: 64px;
bottom: 0px;
width: 67px;
height: 1px;
background: #f83854;
max-width: 530px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-about-description.sad-lab .sad-itm .sad-text .sadt-hdr {
color: #1a2a43;
}
.s-about-description.sad-lab .sad-itm .sad-text .sadt-p {
padding-bottom: 24px;
}
.s-about-description.sad-lab .sad-itm .sad-text .sadt-p::before,
.s-about-description.sad-lab .sad-itm .sad-text .sadt-p::after {
display: none;
}
.s-about-description.sad-lab .sad-itm .sad-text .sadt-city {
position: relative;
color: #919191;
font-size: 16px;
line-height: 16px;
padding-left: 143px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 21px;
display: inline-block;
}
.s-about-description.sad-lab .sad-itm .sad-text .sadt-city::before {
left: 100px;
top: -5px;
width: 25px;
height: 24px;
background: url(../img/i28.png);
position: absolute;
content: "";
}
.s-about-description .my-container {
max-width: 1416px;
}
.s-about-description .sad-hdr {
display: block;
color: #f83854;
font-size: 35px;
line-height: 40px;
font-family: "CirceExtraBold", sans-serif;
max-width: 840px;
margin-bottom: 52px;
position: relative;
z-index: 1;
}
.s-about-description .sad-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.s-about-description .sad-row .sad-text {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-about-description .sad-row .sad-text:hover .sadt-img {
opacity: 1;
}
.s-about-description .sad-row .sad-text:nth-child(1) {
position: relative;
}
.s-about-description .sad-row .sad-text:nth-child(1) .sadt-img {
left: auto;
right: 11px;
top: -192px;
}
.s-about-description .sad-row .sad-text:nth-child(2) {
padding-top: 191px;
position: relative;
}
.s-about-description .sad-row .sad-text:nth-child(2) .sadt-hdr::before {
display: none;
}
.s-about-description .sad-row .sad-text:nth-child(2) .sadt-p::after {
display: none;
}
.s-about-description .sad-row .sad-text .sadt-img {
position: absolute;
top: 0;
right: 11px;
width: 306px;
height: 328px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
}
.s-about-description .sad-row .sad-text .sadt-img::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
}
.s-about-description .sad-row .sad-text .sadt-img span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
}
.s-about-description .sad-row .sad-text .sadt-hdr {
display: block;
color: #010309;
font-size: 25px;
line-height: 30px;
font-family: "CirceBold", sans-serif;
padding-left: 104px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.s-about-description .sad-row .sad-text .sadt-hdr::before {
content: "";
position: absolute;
left: 0;
top: 13px;
width: 67px;
height: 1px;
background: #f83854;
}
.s-about-description .sad-row .sad-text .sadt-hdr-2 {
font-family: "CirceRegular", sans-serif;
display: block;
font-size: 19px;
line-height: 30px;
color: #010309;
padding-left: 104px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 15px;
position: relative;
}
.s-about-description .sad-row .sad-text .sadt-p {
margin: 0;
font-size: 16px;
line-height: 30px;
font-family: "RobotoLight", sans-serif;
color: #656871;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 143px;
max-width: 530px;
position: relative;
padding-bottom: 42px;
}
.s-about-description .sad-row .sad-text .sadt-p::before {
content: "";
position: absolute;
left: 100px;
bottom: 0;
width: 100%;
height: 1px;
background: #cccdce;
}
.s-about-description .sad-row .sad-text .sadt-p::after {
content: "";
position: absolute;
right: -100px;
bottom: 0;
width: 67px;
height: 1px;
background: #f83854;
}
.s-labs {
background: #f83854;
margin-top: 16px;
position: relative;
z-index: 1;
}
.s-labs .my-container {
max-width: 1254px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 82px;
padding-bottom: 46px;
}
.s-labs .btn-with-circle {
color: #fff;
position: absolute;
left: 15px;
bottom: 91px;
}
.s-labs .btn-with-circle .circle {
background: #fff;
}
.s-labs .btn-with-circle .circle::before,
.s-labs .btn-with-circle .circle::after {
background: #f83854;
}
.s-labs .sl-text {
position: absolute;
left: 15px;
top: 52px;
}
.s-labs .sl-text .slt-hdr {
display: block;
color: #fff;
font-family: "CirceExtraBold", sans-serif;
font-size: 35.78px;
line-height: 42px;
letter-spacing: -0.8px;
margin-bottom: 24px;
}
.s-labs .sl-text .slt-descr {
display: block;
color: #ffffff;
font-size: 13.62px;
line-height: 17.11px;
font-family: "RobotoLight", sans-serif;
max-width: 200px;
}
.s-labs .sl-map {
width: 1128px;
height: 609px;
position: relative;
margin-left: auto;
margin-right: auto;
}
.s-labs .sl-map::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../img/map.png);
background-size: cover;
}
.s-labs .sl-map .slm-point {
position: absolute;
width: 10px;
height: 10px;
display: inline-block;
}
.s-labs .sl-map .slm-point.active .slm-hidden {
pointer-events: all;
opacity: 1;
left: 50%;
-webkit-transition: left 0s ease, opacity 0.5s ease;
-o-transition: left 0s ease, opacity 0.5s ease;
transition: left 0s ease, opacity 0.5s ease;
}
.s-labs .sl-map .slm-point::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background: #fff;
border-radius: 50%;
cursor: pointer;
}
.s-labs .sl-map .slm-point::after{
content: "";
position: absolute;
width: 200%;
height: 200%;
z-index: 1;
background: transparent;
border-radius: 50%;
cursor: pointer;
}
.s-labs .sl-map .slm-point.slm-with-descr .slm-pw-descr {
cursor: pointer;
font-size: 18px;
z-index: 1;
position: relative;
line-height: 18px;
font-family: "CirceBold", sans-serif;
color: #fff;
position: absolute;
left: 50%;
bottom: -26px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: inline-block;
min-width: max-content;
text-align: center;
}
.s-labs .sl-map .slm-point.slm-with-descr.slm-descr-top .slm-pw-descr {
bottom: auto;
top: -25px;
}
.s-labs .sl-map .slm-point.slm-big {
width: 24px;
height: 24px;
}
.s-labs .sl-map .slm-point.slm-big::before {
width: 100%;
height: 100%;
}
.s-labs .sl-map .slm-point.slm-big .slm-hidden::after {
width: 24px;
height: 24px;
margin-left: -12px;
}
.s-labs .sl-map .slm-point.slm-p-1 {
left: 13.5%;
top: 38.2%;
}
.s-labs .sl-map .slm-point.slm-p-2 {
left: 14.9%;
top: 37.5%;
}
.s-labs .sl-map .slm-point.slm-p-3 {
left: 14.2%;
top: 35.7%;
}
.s-labs .sl-map .slm-point.slm-p-4 {
left: 17.5%;
top: 40.5%;
}
.s-labs .sl-map .slm-point.slm-p-5 {
left: 18.8%;
top: 24.9%;
}
.s-labs .sl-map .slm-point.slm-p-6 {
left: 20.9%;
top: 57.2%;
}
.s-labs .sl-map .slm-point.slm-p-7 {
left: 39.3%;
top: 49%;
}
.s-labs .sl-map .slm-point.slm-p-8 {
left: 44.2%;
top: 71.7%;
}
.s-labs .sl-map .slm-point.slm-p-9 {
left: 43.2%;
top: 73.4%;
}
.s-labs .sl-map .slm-point .slm-hidden {
-webkit-transition: left 0s ease 0.7s, opacity 0.5s ease;
-o-transition: left 0s ease 0.7s, opacity 0.5s ease;
transition: left 0s ease 0.7s, opacity 0.5s ease;
position: absolute;
width: 494px;
height: 494px;
border-radius: 50%;
background: #fff;
bottom: -74px;
left: -1000px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
overflow: hidden;
padding-top: 90px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 50px;
z-index: 3;
opacity: 0;
pointer-events: none;
}
.s-labs .sl-map .slm-point .slm-hidden .swiper-container {
height: 100%;
}
.s-labs .sl-map .slm-point .slm-hidden::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
background: #f83854;
border-radius: 50%;
bottom: 74px;
left: 50%;
margin-left: -5px;
opacity: 0;
}
.s-labs .sl-map .slm-point .slm-hidden .swiper-button-next,
.s-labs .sl-map .slm-point .slm-hidden .swiper-button-prev {
top: 25px;
left: auto;
right: auto;
width: 48px;
height: 48px;
border-radius: 50%;
border: 1px solid rgba(248, 56, 84, 0.2);
background: #fff no-repeat url(../img/i47.png) 50%;
z-index: 1;
outline: none;
}
.s-labs
.sl-map
.slm-point
.slm-hidden
.swiper-button-next.swiper-button-disabled,
.s-labs
.sl-map
.slm-point
.slm-hidden
.swiper-button-prev.swiper-button-disabled {
opacity: 0;
}
.s-labs .sl-map .slm-point .slm-hidden .swiper-button-next {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
background: no-repeat url(../img/i47.png) 45% 50%;
right: 55px;
}
.s-labs .sl-map .slm-point .slm-hidden .swiper-button-prev {
left: 55px;
}
.s-labs .sl-map .slm-point .slm-hidden .slm-h-city {
display: inline-block;
position: relative;
font-size: 15px;
line-height: 22.1px;
font-family: "RobotoLight", sans-serif;
color: #f83854;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 29px;
padding-bottom: 12px;
margin-bottom: 33px;
}
.s-labs .sl-map .slm-point .slm-hidden .slm-h-city::before {
content: "";
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 25px;
height: 24px;
background: url(../img/i28.png);
}
.s-labs .sl-map .slm-point .slm-hidden .slm-h-city::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 500px;
height: 1px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: rgba(248, 56, 84, 0.22);
}
.s-labs .sl-map .slm-point .slm-hidden .slm-h-hdr {
display: block;
color: #1a2a43;
font-size: 22px;
line-height: 28px;
font-family: "CirceBold", sans-serif;
margin-bottom: 6px;
}
.s-labs .sl-map .slm-point .slm-hidden .slm-h-number {
display: block;
color: #f73854;
font-size: 15px;
line-height: 17px;
margin-bottom: 10px;
}
.s-labs .sl-map .slm-point .slm-hidden .slm-h-number span {
color: #b5b5b5;
}
.s-labs .sl-map .slm-point .slm-hidden .slm-h-descr {
display: block;
color: #656871;
font-size: 15px;
line-height: 24px;
font-family: "RobotoLight", sans-serif;
}
.s-labs .sl-map .slm-point .slm-hidden .slm-arrow {
width: 48px;
height: 48px;
border-radius: 50%;
background: #f83854;
position: absolute;
bottom: 50px;
top: auto;
left: 50%;
transform: translateX(-50%) scale(1.5);
border: 1px solid #f83854;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-labs .sl-map .slm-point .slm-hidden .swiper-container .slm-arrow{
bottom: 30px;
}
.s-labs .sl-map .slm-point .slm-hidden .slm-arrow::before,
.s-labs .sl-map .slm-point .slm-hidden .slm-arrow::after {
content: "";
position: absolute;
width: 12px;
height: 9px;
left: 50%;
margin-left: -6px;
top: 50%;
margin-top: -4.5px;
}
.s-labs .sl-map .slm-point .slm-hidden .slm-arrow::before {
background: url(../img/i27.png);
}
.s-labs .sl-map .slm-point .slm-hidden .slm-arrow::after {
background: url(../img/i27_h.png);
opacity: 0;
}
.s-labs .sl-map .slm-point .slm-hidden .slm-arrow:hover {
background: #fff;
border-color: #f83854;
}
.s-labs .sl-map .slm-point .slm-hidden .slm-arrow:hover::before {
opacity: 0;
}
.s-labs .sl-map .slm-point .slm-hidden .slm-arrow:hover::after {
opacity: 1;
}
.s-nd-gallery {
background: #f7f7f7;
}
.s-nd-gallery .snd-g-wrap .swiper-wrapper {
-webkit-transform: translate3d(-293px, 0px, 0px);
transform: translate3d(-293px, 0px, 0px);
}
.s-nd-gallery .snd-g-wrap .swiper-slide {
height: 512px;
width: 771px;
border-radius: 5px;
overflow: hidden;
}
.s-nd-gallery .snd-g-wrap .swiper-slide .snd-a {
width: 100%;
height: 100%;
position: relative;
display: inline-block;
}
.s-nd-gallery .snd-g-wrap .swiper-slide .snd-a span {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
position: absolute;
}
.rb-wrap {
/* Hide the browser's default radio button */
/* Create a custom radio button */
/* Show the indicator (dot/circle) when checked */
/* Style the indicator (dot/circle) */
}
.rb-wrap .container {
display: block;
position: relative;
padding-left: 40px;
margin-bottom: 0px;
cursor: pointer;
font-size: 16px;
line-height: 16px;
font-family: "RobotoLight", sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #585858;
}
.rb-wrap .container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.rb-wrap .checkmark {
position: absolute;
top: -2px;
left: 0;
height: 18px;
width: 18px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
border: 2px solid #dedede;
border-radius: 50%;
}
.rb-wrap .container input:checked ~ .checkmark:after {
display: block;
}
.rb-wrap .container .checkmark:after {
top: 4px;
left: 4px;
width: 6px;
height: 6px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 50%;
background: #000;
position: absolute;
content: "";
display: none;
}
.form-project {
background: #464f62;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 65px;
padding-right: 65px;
max-width: 653px;
position: fixed;
right: -100%;
top: 0;
height: 100%;
z-index: 20;
-webkit-transition: right 0.7s ease-in-out;
-o-transition: right 0.7s ease-in-out;
transition: right 0.7s ease-in-out;
}
.form-project.fp-other .fp-flex .fp-text {
width: 520px;
}
.form-project.fp-callback .fp-flex .fp-text .fp-btn {
bottom: 30px;
right: 0px;
left: auto;
}
.form-project.fp-callback .fp-flex .fp-text .fp-answers {
right: auto;
left: 0;
bottom: 0;
}
.form-project.fp-callback .fp-flex .fp-text .fp-answers.scroll-to-faq {
bottom: 25px;
}
.form-project.fp-callback .fp-flex .fp-text .fp-hdr {
margin-bottom: 10px;
}
.form-project.fp-callback .fp-flex .fp-text .fp-hdr-descr {
color: rgba(255, 255, 255, 0.5);
font-size: 14.76px;
line-height: 15px;
font-family: "RobotoLight", sans-serif;
display: block;
margin-left: 0px;
margin-bottom: 60px;
}
.form-project.active {
right: 0;
}
.form-project::after {
content: "";
position: absolute;
width: 211px;
background: no-repeat url(../img/border-form.png) 50% 50%;
background-size: cover;
left: -210px;
top: 0;
height: 100%;
}
.form-project .fp-close {
width: 58px;
height: 58px;
left: -196px;
top: 140px;
position: absolute;
border-radius: 50%;
z-index: 1;
background: #464f62 no-repeat url(../img/i31.png) 50%;
cursor: pointer;
}
.form-project .fp-flex {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
position: relative;
}
.form-project .fp-flex .fp-text {
position: relative;
padding-bottom: 98px;
}
.form-project .fp-flex .fp-text .fp-thx-descr {
color: rgba(255, 255, 255, 0.5);
font-size: 15px;
line-height: 20px;
font-family: "RobotoLight", sans-serif;
display: block;
margin-bottom: 30px;
}
.form-project .fp-flex .fp-text .fp-back-site {
color: rgba(255, 255, 255, 0.5);
font-size: 11.65px;
line-height: 11.65px;
display: block;
font-family: "RobotoLight", sans-serif;
display: inline-block;
right: 0;
position: absolute;
bottom: 23.5px;
}
.form-project .fp-flex .fp-text .fp-hdr {
display: block;
color: #ffffff;
font-size: 39px;
line-height: 46px;
font-family: "CirceLight", sans-serif;
margin-bottom: 35px;
}
.form-project .fp-flex .fp-text .fp-co-hdr {
display: block;
color: #fff;
font-size: 24px;
line-height: 32px;
}
.form-project .fp-flex .fp-text .fp-docs {
color: #f5f5f5;
font-size: 11.65px;
line-height: 11.65px;
border: 1px solid #5c6475;
border-radius: 7px;
padding-right: 37px;
padding-left: 48px;
padding-top: 12px;
padding-bottom: 12px;
position: relative;
margin-bottom: 12px;
display: inline-block;
}
.form-project .fp-flex .fp-text .fp-docs::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: -o-radial-gradient(
center,
ellipse,
rgba(248, 56, 84, 0.3) 50%,
rgba(255, 255, 255, 0) 50%
)
no-repeat 50%;
background: radial-gradient(
ellipse at center,
rgba(248, 56, 84, 0.3) 50%,
rgba(255, 255, 255, 0) 50%
)
no-repeat 50%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-size: 0px 0px;
}
.form-project .fp-flex .fp-text .fp-docs span {
position: relative;
display: block;
}
.form-project .fp-flex .fp-text .fp-docs span::before {
content: "";
position: absolute;
left: -21px;
top: 50%;
margin-top: -9px;
width: 10px;
height: 14px;
background: url(../img/i30.png);
}
.form-project .fp-flex .fp-text .fp-docs span::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #6f7583;
left: 0px;
bottom: 0px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.form-project .fp-flex .fp-text .fp-docs:hover {
border-color: #f83854;
color: #fff;
}
.form-project .fp-flex .fp-text .fp-docs:hover::before {
background-size: 500px 500px;
}
.form-project .fp-flex .fp-text .fp-docs:hover span::after {
opacity: 0;
}
.form-project .fp-flex .fp-text .fp-row {
margin-bottom: 8px;
position: relative;
}
.form-project .fp-flex .fp-text .fp-row.fpr-with-file {
padding-bottom: 24px;
}
.form-project .fp-flex .fp-text .fp-row .rb-wrap,
.form-project .fp-flex .fp-text .fp-row .cb-wrap {
display: inline-block;
position: relative;
margin-right: 32px;
}
.form-project .fp-flex .fp-text .fp-row .rb-wrap .container,
.form-project .fp-flex .fp-text .fp-row .cb-wrap .container {
color: #f5f5f5;
font-size: 11.65px;
line-height: 12px;
font-family: "RobotoLight", sans-serif;
padding-left: 26px;
}
.form-project .fp-flex .fp-text .fp-row .rb-wrap .container .checkmark,
.form-project .fp-flex .fp-text .fp-row .cb-wrap .container .checkmark {
width: 14px;
height: 14px;
border-radius: 3px;
border: 1px solid #c03c55;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #5e475a;
}
.form-project .fp-flex .fp-text .fp-row .rb-wrap .container .checkmark::after,
.form-project .fp-flex .fp-text .fp-row .cb-wrap .container .checkmark::after {
border: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
background: #f83854;
left: 2px;
top: 2px;
width: 8px;
height: 8px;
border-radius: 1px;
}
.form-project .fp-flex .fp-text .fp-row .cb-wrap {
padding-top: 20px;
}
.form-project .fp-flex .fp-text .fp-row .cb-wrap .container {
color: rgba(245, 245, 245, 0.5);
}
.form-project .fp-flex .fp-text .fp-row .cb-wrap .container a {
color: rgba(245, 245, 245, 0.5);
position: relative;
}
.form-project .fp-flex .fp-text .fp-row .cb-wrap .container a::before {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 1px;
background: #7e8490;
bottom: 0;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.form-project .fp-flex .fp-text .fp-row .cb-wrap .container a:hover::before {
opacity: 0;
}
.form-project .fp-flex .fp-text .fp-row .fp-descr {
display: block;
color: rgba(255, 255, 255, 0.5);
font-size: 15px;
line-height: 17px;
font-family: "RobotoLight", sans-serif;
padding-top: 10px;
margin-bottom: 3px;
}
.form-project .fp-flex .fp-text .fp-row .fp-inp {
padding-top: 9px;
padding-bottom: 9px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: transparent;
border: none;
border-bottom: 1px solid #8d465c;
font-size: 15px;
line-height: 15px;
outline: none;
color: #fff;
display: block;
width: 100%;
-webkit-transition: height 0.5s ease;
-o-transition: height 0.5s ease;
transition: height 0.5s ease;
height: auto;
}
.form-project .fp-flex .fp-text .fp-row .fp-inp::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.form-project .fp-flex .fp-text .fp-row .fp-inp:-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.form-project .fp-flex .fp-text .fp-row .fp-inp::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.form-project .fp-flex .fp-text .fp-row .fp-inp:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.form-project .fp-flex .fp-text textarea {
height: 130px;
border: 1px solid #586073;
border-radius: 7px;
padding-top: 9px;
padding-bottom: 9px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: transparent;
font-size: 15px;
line-height: 15px;
outline: none;
color: #fff;
display: block;
width: 100%;
resize: none;
}
.form-project .fp-flex .fp-text textarea.fp-height {
height: 36px;
border: none;
border-bottom: 1px solid #8d465c;
font-family: "RobotoLight", sans-serif;
border-radius: 0px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.form-project .fp-flex .fp-text textarea.fp-height.active {
height: 72px;
}
.form-project .fp-flex .fp-text textarea::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6);
font-family: "RobotoLight", sans-serif;
}
.form-project .fp-flex .fp-text textarea:-moz-placeholder {
color: rgba(255, 255, 255, 0.6);
font-family: "RobotoLight", sans-serif;
}
.form-project .fp-flex .fp-text textarea::-moz-placeholder {
color: rgba(255, 255, 255, 0.6);
font-family: "RobotoLight", sans-serif;
}
.form-project .fp-flex .fp-text textarea:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.6);
font-family: "RobotoLight", sans-serif;
}
.form-project .fp-flex .fp-text .sp-ta-descr {
color: rgba(255, 255, 255, 0.5);
font-size: 15px;
line-height: 15px;
display: block;
font-family: "RobotoLight", sans-serif;
margin-bottom: 20px;
padding-top: 10px;
}
.form-project .fp-flex .fp-text .sp-add-file {
font-size: 13px;
line-height: 13px;
display: inline-block;
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
color: rgba(255, 255, 255, 0.5);
padding-left: 18px;
}
.form-project .fp-flex .fp-text .sp-add-file::before {
width: 10px;
height: 14px;
background: url(../img/i30.png);
left: 0;
position: absolute;
top: 0;
content: "";
}
.form-project .fp-flex .fp-text .sp-add-file:hover {
color: #f83854;
}
.form-project .fp-flex .fp-text .fp-btn {
cursor: pointer;
width: 58px;
height: 58px;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #f83854;
background: #f83854;
display: inline-block;
position: absolute;
bottom: 0;
}
.form-project .fp-flex .fp-text .fp-btn::before {
content: "";
position: absolute;
background: url(../img/i15_h.png);
width: 15px;
height: 9px;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.form-project .fp-flex .fp-text .fp-answers {
color: rgba(255, 255, 255, 0.3);
font-size: 11.65px;
line-height: 11.65px;
font-family: "RobotoLight", sans-serif;
padding-left: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: 21px;
right: 0;
}
.form-project .fp-flex .fp-text .fp-answers.fpa-second {
bottom: 39px;
}
.form-project .fp-flex .fp-text .fp-answers.fpa-first {
bottom: 6px;
}
.form-project .fp-flex .fp-text .fp-answers span {
color: rgba(245, 245, 245, 0.4);
font-size: 9px;
line-height: 14px;
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px solid #697180;
background: #565e70;
display: inline-block;
position: absolute;
left: 0;
top: -4px;
text-align: center;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.form-project .fp-flex .fp-text .fp-answers:hover {
color: #f83854;
}
.form-project .fp-flex .fp-text .fp-answers:hover span {
border-color: #f83854;
color: #f83854;
background: #5e475a;
}
.s-header-co-line {
background: #fafafa;
}
.s-header-co-line.shc-center .my-container {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.s-header-co-line .my-container {
max-width: 1700px;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.s-header-co-line .sh-cl-itm {
color: #4b515b;
font-size: 16px;
line-height: 22.1px;
font-family: "RobotoLight", sans-serif;
padding-left: 42px;
padding-right: 42px;
position: relative;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 22px;
padding-top: 17px;
}
.s-header-co-line .sh-cl-itm:hover {
color: #f83854;
}
.s-header-co-line .sh-cl-itm.active::before {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 1px;
bottom: 0;
background: #f83854;
}
.sr-for-headers {
position: relative;
padding-top: 92px;
padding-bottom: 41px;
}
.sr-for-headers .my-container {
max-width: 1452px;
}
.sr-for-headers .sf-fh-hdr {
display: block;
color: #1a2a43;
font-size: 35.78px;
line-height: 42px;
font-family: "CirceExtraBold", sans-serif;
max-width: 540px;
letter-spacing: -0.8px;
position: relative;
z-index: 1;
}
.sr-for-headers .sf-fh-hdr .btn-with-circle {
display: inline-block;
position: absolute;
left: 0;
bottom: -46px;
}
.sr-for-headers .sf-fh-bg {
position: absolute;
right: 0;
top: 14px;
height: 204px;
width: 73.2%;
background-color: #f83854;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.sr-for-headers .sf-fh-bg::before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 1385px;
height: 100%;
background: url(../img/bg24.jpg);
background-size: cover;
background-position: 50% 50%;
}
.s-center {
padding-top: 38px;
padding-bottom: 36px;
border-bottom: 1px solid #ebebeb;
}
.s-center .sc-items {
max-width: 1415px;
padding-left: 15px;
padding-right: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
.s-center .sc-items .sc-itm.sc-img-right {
text-align: right;
margin-left: auto;
margin-right: 0px;
}
.s-center .sc-items .sc-itm.sc-img-right .sc-img .sc-im-descr {
left: 37px;
right: auto;
}
.s-center .sc-items .sc-itm.sc-img-right .sc-img .sc-im-descr::before {
right: auto;
left: 0;
}
.s-center .sc-items .sc-itm.sc-img-right .sc-text {
padding-left: 0px;
padding-right: 80px;
}
.s-center .sc-items .sc-itm.sc-img-right .sc-text .sct-co-hdr::after {
right: auto;
left: -67px;
}
.s-center .sc-items .sc-itm.sc-img-right .sc-text .sct-co-hdr::before {
left: auto;
right: 0;
}
.s-center .sc-items .sc-itm.sc-img-right .sc-text .sct-btm-line {
padding-left: 0px;
padding-right: 82px;
}
.s-center
.sc-items
.sc-itm.sc-img-right
.sc-text
.sct-btm-line:hover
span::before {
left: auto;
right: 5px;
}
.s-center .sc-items .sc-itm.sc-img-right .sc-text .sct-btm-line span {
padding-left: 0px;
padding-right: 40px;
}
.s-center .sc-items .sc-itm.sc-img-right .sc-text .sct-btm-line span::before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
left: auto;
right: 0;
}
.s-center .sc-items .sc-itm {
max-width: 1040px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.s-center .sc-items .sc-itm .sc-img {
position: relative;
height: 512px;
min-width: 339px;
-webkit-flex-basis: 339px;
-ms-flex-preferred-size: 339px;
flex-basis: 339px;
overflow: hidden;
}
.s-center .sc-items .sc-itm .sc-img:hover .sc-bg {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.s-center .sc-items .sc-itm .sc-img:hover .sc-im-descr::before {
width: 50px;
height: 50px;
bottom: -30px;
}
.s-center .sc-items .sc-itm .sc-img .sc-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: 50% 50%;
background-size: cover;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-center .sc-items .sc-itm .sc-img .sc-bg::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.s-center .sc-items .sc-itm .sc-img .sc-im-descr {
display: inline-block;
color: #ffffff;
font-size: 25.22px;
line-height: 25.22px;
font-family: "CirceBold", sans-serif;
position: absolute;
right: 37px;
bottom: 37px;
z-index: 1;
padding-bottom: 20px;
}
.s-center .sc-items .sc-itm .sc-img .sc-im-descr::before {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 11px;
height: 11px;
background: #f83854;
border-radius: 50%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-center .sc-items .sc-itm .sc-text {
padding-left: 80px;
padding-top: 68px;
position: relative;
padding-bottom: 100px;
}
.s-center .sc-items .sc-itm .sc-text .sct-hdr {
display: block;
color: #f83854;
font-size: 47px;
line-height: 47px;
font-family: "CirceBold", sans-serif;
letter-spacing: 1.5px;
}
.s-center .sc-items .sc-itm .sc-text .sct-co-hdr {
display: block;
color: #aaafbb;
font-size: 18px;
line-height: 30px;
font-family: "RobotoLight", sans-serif;
position: relative;
padding-bottom: 15px;
margin-bottom: 15px;
}
.s-center .sc-items .sc-itm .sc-text .sct-co-hdr::before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #cccdce;
left: 0;
bottom: 0;
}
.s-center .sc-items .sc-itm .sc-text .sct-co-hdr::after {
content: "";
width: 67px;
height: 1px;
position: absolute;
background: #f83854;
right: -67px;
bottom: 0;
}
.s-center .sc-items .sc-itm .sc-text p {
margin: 0;
color: #4b515b;
font-size: 17px;
line-height: 30px;
font-family: "RobotoLight", sans-serif;
margin-left: 43px;
letter-spacing: 0.1px;
}
.s-center .sc-items .sc-itm .sc-text .sct-btm-line {
left: 0;
bottom: 35px;
position: absolute;
background: #f7f8f9;
padding-bottom: 9px;
padding-top: 9px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 82px;
width: 100%;
}
.s-center .sc-items .sc-itm .sc-text .sct-btm-line:hover span {
color: #f83854;
}
.s-center .sc-items .sc-itm .sc-text .sct-btm-line:hover span::before {
left: 5px;
}
.s-center .sc-items .sc-itm .sc-text .sct-btm-line span {
color: #aeaeae;
font-size: 18px;
line-height: 18px;
font-family: "RobotoLight", sans-serif;
position: relative;
padding-left: 40px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-center .sc-items .sc-itm .sc-text .sct-btm-line span::before {
content: "";
position: absolute;
left: 0;
top: 50%;
margin-top: -3.5px;
width: 9px;
height: 7px;
background: url(../img/i32.png);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.s-center-btm {
padding-top: 37px;
}
.s-center-btm .my-container {
max-width: 1400px;
}
.s-center-btm .scm-itm {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 121px;
overflow: hidden;
padding-bottom: 25px;
}
.s-center-btm .scm-itm::before {
content: "";
position: absolute;
left: 143px;
top: 101px;
background: #ebebeb;
width: 100%;
height: 1px;
}
.s-center-btm .scm-itm::after {
width: 67px;
content: "";
position: absolute;
top: 101px;
background: #f83854;
height: 1px;
left: 50%;
margin-left: 87px;
}
.s-center-btm .scm-itm .scm-docs {
position: absolute;
max-width: 350px;
right: 77px;
top: 40px;
}
.s-center-btm .scm-itm .scm-docs .scm-d-itm {
position: relative;
display: block;
color: #4b515b;
font-size: 16px;
line-height: 22px;
font-family: "RobotoRegular", sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 84px;
margin-bottom: 32px;
max-width: 280px;
min-height: 44px;
}
.s-center-btm .scm-itm .scm-docs .scm-d-itm::before {
content: "";
position: absolute;
width: 28px;
height: 38px;
background: url(../img/i33.png);
top: 3px;
left: 0;
}
.s-center-btm .scm-itm .scm-docs .scm-d-itm:hover {
color: #f83854;
}
.s-center-btm .scm-itm .scm-photo {
width: 225px;
height: 225px;
position: relative;
border-radius: 50%;
overflow: hidden;
}
.s-center-btm .scm-itm .scm-photo span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
}
.s-center-btm .scm-itm .scm-text {
padding-left: 67px;
}
.s-center-btm .scm-itm .scm-text .scm-t-hdr {
display: block;
color: #1a2a43;
font-size: 25px;
line-height: 25px;
font-family: "CirceBold", sans-serif;
margin-bottom: 32px;
}
.s-center-btm .scm-itm .scm-text .scm-t-descr {
color: #aaafbb;
font-size: 15px;
line-height: 25px;
font-family: "RobotoLight", sans-serif;
display: block;
max-width: 260px;
}
.s-center-btm .scb-contacts {
border-top: 1px solid #ebebeb;
padding-top: 31px;
padding-bottom: 24px;
}
.s-center-btm .scb-contacts .my-container.flex {
max-width: 1400px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.s-center-btm .scb-contacts .scb-con-itm {
color: #4b515b;
font-size: 16px;
line-height: 17px;
font-family: "RobotoLight", sans-serif;
padding-left: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-bottom: 10px;
}
.s-center-btm .scb-contacts .scb-con-itm::before {
content: "";
position: absolute;
left: 0;
top: 50%;
}
.s-center-btm .scb-contacts .scb-con-itm.marker::before {
width: 15px;
height: 22px;
margin-top: -11px;
background: url(../img/i34.png);
}
.s-center-btm .scb-contacts .scb-con-itm.phone::before {
width: 21px;
height: 21px;
margin-top: -10.5px;
background: url(../img/i35.png);
}
.s-center-btm .scb-contacts .scb-con-itm.fax::before {
width: 25px;
height: 21px;
margin-top: -10.5px;
background: url(../img/i36.png);
}
.s-center-btm .scb-contacts .scb-con-itm.mail::before {
width: 19px;
height: 15px;
margin-top: -7.5px;
background: url(../img/i37.png);
}
.s-map {
padding-bottom: 97px;
position: relative;
}
.s-map .sm-map-wrap {
height: 213px;
width: 100%;
-webkit-transition: height 0.7s ease-in-out;
-o-transition: height 0.7s ease-in-out;
transition: height 0.7s ease-in-out;
}
.s-map .sm-map-wrap.active {
height: 400px;
}
.s-map .sm-open-map {
padding-top: 91px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
display: inline-block;
color: #aaafbb;
font-size: 16px;
line-height: 17px;
position: absolute;
left: 50%;
bottom: 26px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: 1;
}
.s-map .sm-open-map.active .circle {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-box-shadow: 1px -5px 9px 0 rgba(0, 0, 0, 0.15);
box-shadow: 1px -5px 9px 0 rgba(0, 0, 0, 0.15);
}
.s-map .sm-open-map:hover {
color: #f83854;
}
.s-map .sm-open-map .circle {
width: 71px;
height: 71px;
position: absolute;
left: 50%;
top: 0;
margin-left: -35.5px;
border-radius: 50%;
display: inline-block;
-webkit-box-shadow: 1px 5px 9px 0 rgba(0, 0, 0, 0.15);
box-shadow: 1px 5px 9px 0 rgba(0, 0, 0, 0.15);
background: #fff;
}
.s-map .sm-open-map .circle::before {
content: "";
position: absolute;
width: 61px;
height: 61px;
border: 1px solid #fee2e6;
left: 5px;
top: 5px;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-map .sm-open-map .circle::after {
content: "";
position: absolute;
width: 15px;
height: 9px;
background: url(../img/i38.png);
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -36%);
-ms-transform: translate(-50%, -36%);
transform: translate(-50%, -36%);
}
.s-contacts-page {
padding-top: 25px;
}
.s-contacts-page .scp-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.s-contacts-page .scp-flex .scp-map {
min-height: 536px;
-webkit-flex-basis: 53.5%;
-ms-flex-preferred-size: 53.5%;
flex-basis: 53.5%;
}
.s-contacts-page .scp-flex .scp-content {
-webkit-flex-basis: 46.5%;
-ms-flex-preferred-size: 46.5%;
flex-basis: 46.5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 132px;
padding-top: 46px;
padding-right: 15px;
padding-bottom: 46px;
}
.s-contacts-page .scp-flex .scp-content .scp-hdr {
display: block;
color: #1a2a43;
font-size: 25px;
line-height: 25px;
font-family: "CirceExtraBold", sans-serif;
margin-bottom: 30px;
}
.s-contacts-page .scp-flex .scp-content .scp-descr {
color: #353535;
font-size: 17.55px;
line-height: 26.33px;
font-family: "RobotoMedium", sans-serif;
display: block;
letter-spacing: 0.2px;
margin-bottom: 25px;
}
.s-contacts-page .scp-flex .scp-content .scp-ul {
padding-bottom: 8px;
}
.s-contacts-page .scp-flex .scp-content .scp-ul li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px;
}
.s-contacts-page .scp-flex .scp-content .scp-ul li .scp-ul-gray {
color: rgba(54, 54, 54, 0.35);
font-size: 15px;
line-height: 25px;
font-family: "RobotoLight", sans-serif;
max-width: 130px;
min-width: 130px;
-webkit-flex-basis: 130px;
-ms-flex-preferred-size: 130px;
flex-basis: 130px;
margin-right: 27px;
}
.s-contacts-page .scp-flex .scp-content .scp-ul li .scp-ul-black {
color: #000000;
font-size: 15px;
line-height: 25px;
font-family: "RobotoRegular", sans-serif;
max-width: 310px;
}
.s-contacts-page .scp-flex .scp-content .scp-ul li .scp-ul-black a{
color:#f83854
}
.s-contacts-page .scp-flex .scp-content .btn-with-circle {
color: #f83854;
}
.s-gray-slider {
padding-bottom: 28px;
padding-top: 25px;
}
.s-gray-slider.sgs-for-personal .sgs-wrap .sgs-gray {
height: auto;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 75px;
}
.s-gray-slider.sgs-for-partners .sgs-wrap .sgs-gray {
height: 479px;
}
.s-gray-slider.sgs-for-partners .sgs-wrap .sgs-content-wrap {
padding-left: 0px;
}
.s-gray-slider .sgs-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
}
.s-gray-slider .sgs-wrap .sgs-content-wrap {
width: 55%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 102px;
}
.s-gray-slider .sgs-wrap .sgs-content-wrap .sgs-items-prav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.s-gray-slider .sgs-wrap .sgs-content-wrap .sgs-items-prav .sgs-itm {
width: 33.3%;
}
.s-gray-slider .sgs-wrap .sgs-content-wrap .sgs-con-slider {
display: block;
}
.s-gray-slider .sgs-wrap .sgs-content-wrap .sgs-logos-wrap {
display: block;
}
.s-gray-slider .sgs-wrap .sgs-gray {
background: #f4f4f4;
width: 45%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 528px;
}
.s-gray-slider .sgs-wrap .sgs-gray .sgs-g-text {
max-width: 390px;
padding-top: 25px;
padding-bottom: 25px;
}
.s-gray-slider .sgs-wrap .sgs-gray .sgs-g-text ul li {
cursor: pointer;
color: #4b515b;
font-size: 17px;
line-height: 22.1px;
display: block;
padding-left: 34px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-bottom: 30px;
}
.s-gray-slider .sgs-wrap .sgs-gray .sgs-g-text ul li::before {
content: "";
position: absolute;
left: 0;
width: 9px;
height: 7px;
background: url(../img/i32.png);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
top: 8px;
}
.s-gray-slider .sgs-wrap .sgs-gray .sgs-g-text ul li.active {
color: #f83854;
font-size: 35.78px;
line-height: 42px;
font-family: "CirceExtraBold", sans-serif;
padding-left: 0px;
letter-spacing: -0.9px;
margin-bottom: 25px;
}
.s-gray-slider .sgs-wrap .sgs-gray .sgs-g-text ul li.active::before {
width: 10px;
height: 10px;
border-radius: 50%;
background: #adadad;
left: -48px;
top: 50%;
margin-top: -5px;
}
.s-gray-slider .sgs-wrap .swiper-button-next,
.s-gray-slider .sgs-wrap .swiper-button-prev {
height: 79px;
width: 82px;
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #f83854;
position: absolute;
bottom: 0;
top: auto;
outline: none;
}
.s-gray-slider .sgs-wrap .swiper-button-next::before,
.s-gray-slider .sgs-wrap .swiper-button-prev::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-image: url(../img/i6.png);
background-position: 50% 50%;
}
.s-gray-slider .sgs-wrap .swiper-button-next.swiper-button-disabled,
.s-gray-slider .sgs-wrap .swiper-button-prev.swiper-button-disabled {
opacity: 1;
pointer-events: auto;
}
.s-gray-slider .sgs-wrap .swiper-button-next.swiper-button-disabled::before,
.s-gray-slider .sgs-wrap .swiper-button-prev.swiper-button-disabled::before {
opacity: 0.3;
}
.s-gray-slider
.sgs-wrap
.swiper-button-next.swiper-button-disabled:hover::after,
.s-gray-slider
.sgs-wrap
.swiper-button-prev.swiper-button-disabled:hover::after {
background-size: 0 0;
}
.s-gray-slider .sgs-wrap .swiper-button-next::after,
.s-gray-slider .sgs-wrap .swiper-button-prev::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: -o-radial-gradient(
center,
ellipse,
rgba(255, 255, 255, 0.3) 50%,
rgba(255, 255, 255, 0) 50%
)
no-repeat 50%;
background: radial-gradient(
ellipse at center,
rgba(255, 255, 255, 0.3) 50%,
rgba(255, 255, 255, 0) 50%
)
no-repeat 50%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-size: 0px 0px;
}
.s-gray-slider .sgs-wrap .swiper-button-next:hover::after,
.s-gray-slider .sgs-wrap .swiper-button-prev:hover::after {
background-size: 200px 200px;
}
.s-gray-slider .sgs-wrap .swiper-button-prev {
left: -webkit-calc(45% - 82px);
left: calc(45% - 82px);
}
.s-gray-slider .sgs-wrap .swiper-button-prev::before {
background-image: url(../img/i7.png);
}
.s-gray-slider .sgs-wrap .swiper-button-next {
right: -webkit-calc(55% - 82px);
right: calc(55% - 82px);
}
.s-gray-slider .sgs-wrap .sgs-logos {
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.s-gray-slider .sgs-wrap .sgs-logos::before,
.s-gray-slider .sgs-wrap .sgs-logos::after {
content: "";
position: absolute;
left: 0;
top: 0;
background: #ebebeb;
width: 100%;
height: 100%;
}
.s-gray-slider .sgs-wrap .sgs-logos::before {
top: 50%;
height: 1px;
margin-top: -0.5px;
}
.s-gray-slider .sgs-wrap .sgs-logos::after {
left: 50%;
width: 1px;
margin-left: -0.5px;
}
.s-gray-slider .sgs-wrap .sgs-logos .sgs-lg {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 234px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px;
}
.s-gray-slider .sgs-wrap .sgs-logos .sgs-lg img {
display: block;
max-width: 163px;
width: auto;
margin: 0 auto;
}
.s-gray-slider .sgs-wrap .sgs-itm .sgs-content .sgs-people {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 55px;
padding-bottom: 37px;
display: inline-block;
}
.s-gray-slider .sgs-wrap .sgs-itm .sgs-content .sgs-people .sgs-ppl {
margin-bottom: 30px;
margin-right: 5px;
}
.s-gray-slider
.sgs-wrap
.sgs-itm
.sgs-content
.sgs-people
.sgs-ppl:hover
.ppl-img
span::before {
width: 500px;
height: 500px;
background-size: 100%;
}
.s-gray-slider .sgs-wrap .sgs-itm .sgs-content .sgs-people .sgs-ppl .ppl-img {
position: relative;
width: 216px;
height: 237px;
margin-bottom: 18px;
}
.s-gray-slider
.sgs-wrap
.sgs-itm
.sgs-content
.sgs-people
.sgs-ppl
.ppl-img
span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
overflow: hidden;
}
.s-gray-slider
.sgs-wrap
.sgs-itm
.sgs-content
.sgs-people
.sgs-ppl
.ppl-img
span::before {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 100px;
height: 100px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: -o-radial-gradient(
center,
ellipse,
rgba(248, 56, 84, 0.5) 50%,
rgba(248, 56, 84, 0) 50%
)
no-repeat 50%;
background: radial-gradient(
ellipse at center,
rgba(248, 56, 84, 0.5) 50%,
rgba(248, 56, 84, 0) 50%
)
no-repeat 50%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-size: 0px 0px;
}
.s-gray-slider .sgs-wrap .sgs-itm .sgs-content .sgs-people .sgs-ppl .ppl-name {
max-width: 230px;
display: block;
color: #1a2a43;
font-size: 20px;
line-height: 25px;
font-family: "CirceBold", sans-serif;
margin-bottom: 13px;
}
.s-gray-slider
.sgs-wrap
.sgs-itm
.sgs-content
.sgs-people
.sgs-ppl
.ppl-status {
display: block;
color: #aaafbb;
font-size: 16px;
line-height: 22px;
font-family: "RobotoLight", sans-serif;
max-width: 260px;
}
.ya-share2__container_size_m .ya-share2__item {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
.ya-share2 {
display: inline-block;
}
.ya-share2__item:hover {
opacity: 1;
}
.ya-share2__container_size_m .ya-share2__icon {
width: 44px;
display: block;
height: 44px;
border: 1px solid #dbdcde;
border-radius: 3px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.ya-share2__container_size_m .ya-share2__icon:hover {
border-color: #f83854;
}
.ya-share2__item_service_vkontakte .ya-share2__badge,
.ya-share2__item_service_facebook .ya-share2__badge,
.ya-share2__item_service_twitter .ya-share2__badge,
.ya-share2__item_service_odnoklassniki .ya-share2__badge {
background: transparent;
}
.ya-share2__item_service_vkontakte .ya-share2__icon {
background: no-repeat url(../img/i26.png) 50% 50%;
}
.ya-share2__item_service_odnoklassniki .ya-share2__icon {
background: no-repeat url(../img/i24.png) 50% 50%;
}
.ya-share2__item_service_facebook .ya-share2__icon {
background: no-repeat url(../img/i23.png) 50% 50%;
}
.ya-share2__item_service_twitter .ya-share2__icon {
background: no-repeat url(../img/i25.png) 50% 50%;
}
.s-social .ya-share2__container_size_m .ya-share2__icon {
width: 76px;
height: 76px;
}
.s-social .ya-share2__container_size_m .ya-share2__item {
display: inline-block;
margin-left: 32px;
margin-right: 32px;
}
.s-social .ya-share2__item_service_vkontakte .ya-share2__icon {
background: no-repeat url(../img/i22.png) 50% 50%;
}
.s-social .ya-share2__item_service_odnoklassniki .ya-share2__icon {
background: no-repeat url(../img/i19.png) 50% 50%;
}
.s-social .ya-share2__item_service_facebook .ya-share2__icon {
background: no-repeat url(../img/i21.png) 50% 50%;
}
.s-social .ya-share2__item_service_twitter .ya-share2__icon {
background: no-repeat url(../img/i20.png) 50% 50%;
}
/* Изменение курсора */
/** {
cursor: url(../img/cursor.png) 3 3, auto !important;
}*/
.cursor-circle {
width: 50px;
height: 50px;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
-webkit-transition: left 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
top 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99), opacity 0.5s ease-out 0.5s,
width 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
height 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
background 0.5s ease-in-out,
-webkit-transform 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99);
transition: left 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
top 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99), opacity 0.5s ease-out 0.5s,
width 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
height 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
background 0.5s ease-in-out,
-webkit-transform 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99);
-o-transition: left 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
top 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99), opacity 0.5s ease-out 0.5s,
width 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
height 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
transform 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
background 0.5s ease-in-out;
transition: left 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
top 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99), opacity 0.5s ease-out 0.5s,
width 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
height 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
transform 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
background 0.5s ease-in-out;
transition: left 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
top 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99), opacity 0.5s ease-out 0.5s,
width 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
height 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
transform 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
background 0.5s ease-in-out,
-webkit-transform 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99);
background: rgba(248, 56, 84, 0.5);
z-index: 100;
-webkit-transform: translate(-25px, -25px);
-ms-transform: translate(-25px, -25px);
transform: translate(-25px, -25px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
pointer-events: none;
}
.cursor-circle.big {
background: rgba(248, 56, 84, 0.3);
width: 130px;
height: 130px;
-webkit-transform: translate(-65px, -65px);
-ms-transform: translate(-65px, -65px);
transform: translate(-65px, -65px);
-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}
.cursor-circle.big.very-big {
width: 200px;
height: 200px;
-webkit-transform: translate(-100px, -100px);
-ms-transform: translate(-100px, -100px);
transform: translate(-100px, -100px);
-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}
.cursor-circle.white {
background: rgba(255, 255, 255, 0.3);
}
.cursor-circle.hidden {
opacity: 0;
}
.cursor-circle.fast-opacity {
-webkit-transition: left 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
top 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99), opacity 0.1s ease-out,
width 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
height 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
background 0.5s ease-in-out,
-webkit-transform 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99);
transition: left 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
top 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99), opacity 0.1s ease-out,
width 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
height 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
background 0.5s ease-in-out,
-webkit-transform 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99);
-o-transition: left 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
top 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99), opacity 0.1s ease-out,
width 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
height 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
transform 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
background 0.5s ease-in-out;
transition: left 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
top 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99), opacity 0.1s ease-out,
width 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
height 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
transform 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
background 0.5s ease-in-out;
transition: left 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
top 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99), opacity 0.1s ease-out,
width 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
height 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
transform 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99),
background 0.5s ease-in-out,
-webkit-transform 0.5s cubic-bezier(0.07, 0.08, 0.16, 0.99);
}
.text-container {
padding-top: 35px;
padding-bottom: 35px;
}
.text-container .my-container {
max-width: 1200px;
}
.text-container span {
font-weight: bold;
display: block;
margin-bottom: 15px;
}
.text-container p {
margin: 0;
margin-bottom: 15px;
}
.main-mnu {
position: absolute;
left: 0;
top: -100%;
width: 100%;
background: #464f62;
z-index: 11;
opacity: 0;
height: 100vh;
-webkit-transition: top 0s ease 0.7s, opacity 0.5s ease;
-o-transition: top 0s ease 0.7s, opacity 0.5s ease;
transition: top 0s ease 0.7s, opacity 0.5s ease;
}
.main-mnu.active {
top: 0;
opacity: 1;
-webkit-transition: top 0s ease, opacity 0.5s ease;
-o-transition: top 0s ease, opacity 0.5s ease;
transition: top 0s ease, opacity 0.5s ease;
}
.main-mnu .my-container.flex {
padding-left: 0px;
padding-right: 0px;
height: 100vh;
}
.main-mnu .my-container.flex .mm-left {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
padding-left: 7.6%;
padding-right: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: space-between;
-webkit-align-items: space-between;
-ms-flex-align: space-between;
align-items: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: 100%;
padding-top: 47px;
padding-bottom: 47px;
}
.main-mnu .my-container.flex .mm-left .mml-top {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
height: 80%;
}
.main-mnu .my-container.flex .mm-left .mml-top .mml-logo {
margin-bottom: 50px;
}
.main-mnu .my-container.flex .mm-left .mml-top .mml-num {
display: block;
color: #fefeff;
font-size: 18px;
line-height: 35px;
font-family: "CirceBold", sans-serif;
}
.main-mnu .my-container.flex .mm-left .mml-top .mml-num span {
color: rgba(255, 255, 255, 0.5);
font-size: 13px;
line-height: 35px;
font-family: "RobotoLight", sans-serif;
width: 81px;
display: inline-block;
}
.main-mnu .my-container.flex .mm-left .mml-top .mml-giv-prj {
display: block;
padding-left: 54px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
color: #aaafbb;
font-size: 14px;
line-height: 17px;
margin-top: 40px;
}
.main-mnu .my-container.flex .mm-left .mml-top .mml-giv-prj:hover {
color: #fff;
}
.main-mnu .my-container.flex .mm-left .mml-top .mml-giv-prj::before {
content: "";
position: absolute;
left: 0;
top: 50%;
margin-top: -18px;
width: 35px;
height: 36px;
background: url(../img/i48.png);
}
.main-mnu .my-container.flex .mm-left .mml-top .mml-mail {
display: inline-block;
color: #f83854;
font-size: 15px;
line-height: 17px;
font-family: "RobotoLight", sans-serif;
position: relative;
margin-top: 10px;
}
.main-mnu .my-container.flex .mm-left .mml-top .mml-mail::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #f83854;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.main-mnu .my-container.flex .mm-left .mml-top .mml-mail:hover::before {
opacity: 0;
}
.main-mnu .my-container.flex .mm-left .mml-btm {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.main-mnu .my-container.flex .mm-left .mml-btm .mml-soc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 28px;
}
.main-mnu .my-container.flex .mm-left .mml-btm .mml-soc .mml-si {
width: 22px;
height: 22px;
position: relative;
margin-right: 18px;
}
.main-mnu .my-container.flex .mm-left .mml-btm .mml-soc .mml-si::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.main-mnu .my-container.flex .mm-left .mml-btm .mml-soc .mml-si.fb::before {
background-image: url(../img/i10.png);
}
.main-mnu .my-container.flex .mm-left .mml-btm .mml-soc .mml-si.yt::before {
background-image: url(../img/i11.png);
}
.main-mnu .my-container.flex .mm-left .mml-btm .mml-soc .mml-si.tw::before {
background-image: url(../img/i8.png);
}
.main-mnu .my-container.flex .mm-left .mml-btm .mml-soc .mml-si.vk::before {
background-image: url(../img/i9.png);
}
.main-mnu .my-container.flex .mm-left .mml-btm .mml-prav {
display: block;
color: #acacac;
font-size: 13px;
line-height: 30px;
font-family: "RobotoLight", sans-serif;
}
.main-mnu .my-container.flex .mm-left .mml-btm .mml-prav a {
color: #f83854;
}
.main-mnu .my-container.flex .mm-left .mml-btm .mml-cop {
color: #9a9a9a;
font-size: 13px;
line-height: 30px;
font-family: "RobotoLight", sans-serif;
}
.main-mnu .my-container.flex .mm-left .mml-btm .mml-cop a {
font-family: "RobotoMedium", sans-serif;
color: #f83854;
}
.main-mnu .my-container.flex .mm-solo-block {
min-width: 416px;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm {
width: 100%;
min-height: 290px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
border: 1px solid #90949d;
border-top: none;
border-bottom: none;
height: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm:nth-child(1) {
border-bottom: 1px solid #90949d;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm:hover .mmm-descr {
opacity: 0;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm:hover .mmm-i-content {
opacity: 1;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm:hover .mmm-prj-descr {
color: #fff;
}
.main-mnu
.my-container.flex
.mm-solo-block
.mmm-itm:hover
.mmm-prj-descr::before {
opacity: 0;
}
.main-mnu
.my-container.flex
.mm-solo-block
.mmm-itm:hover
.mmm-prj-descr::after {
opacity: 1;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-descr {
color: #ffffff;
font-size: 30px;
line-height: 30px;
font-family: "CirceExtraBold", sans-serif;
position: absolute;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-prj-descr {
color: #aaafbb;
font-size: 14px;
line-height: 14px;
font-family: "RobotoLight", sans-serif;
padding-top: 87px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
cursor: pointer;
z-index: 1;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-prj-descr::before,
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-prj-descr::after {
content: "";
position: absolute;
width: 55px;
height: 56px;
background: url(../img/i39.png);
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-prj-descr::after {
background: url(../img/i46.png);
opacity: 0;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-i-content {
width: 100%;
height: 100%;
position: relative;
background-size: cover;
background-position: 50% 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-i-content ul {
position: relative;
z-index: 1;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-i-content ul.big li {
opacity: 0.3;
}
.main-mnu
.my-container.flex
.mm-solo-block
.mmm-itm
.mmm-i-content
ul.big
li:hover {
opacity: 1;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-i-content ul li {
display: block;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
margin-bottom: 13px;
}
.main-mnu
.my-container.flex
.mm-solo-block
.mmm-itm
.mmm-i-content
ul
li.li-hover {
opacity: 1;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-i-content ul li a,
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-i-content ul li span {
color: #ffffff;
font-size: 17px;
line-height: 28px;
font-family: "CirceBold", sans-serif;
}
.main-mnu
.my-container.flex
.mm-solo-block
.mmm-itm
.mmm-i-content
ul
li
.mmm-sub-mnu {
text-align: center;
}
.main-mnu
.my-container.flex
.mm-solo-block
.mmm-itm
.mmm-i-content
ul
li
.mmm-sub-mnu
li {
margin-bottom: 0px;
}
.main-mnu
.my-container.flex
.mm-solo-block
.mmm-itm
.mmm-i-content
ul
li
.mmm-sub-mnu
li
a
span {
color: #ffffff;
font-size: 12px;
line-height: 15px;
font-family: "CirceRegular", sans-serif;
display: inline-block;
position: relative;
padding-left: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.main-mnu
.my-container.flex
.mm-solo-block
.mmm-itm
.mmm-i-content
ul
li
.mmm-sub-mnu
li
a
span::before {
content: "";
position: absolute;
left: 0;
top: 7px;
width: 12px;
height: 1px;
background: #ffffff;
}
.main-mnu .my-container.flex .mm-middle {
min-width: 834px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.main-mnu .my-container.flex .mm-middle .mmm-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 100vh;
}
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm {
width: 50%;
min-height: 357px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
border: 1px solid #90949d;
border-top: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border-left: none;
}
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm:nth-child(1),
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm:nth-child(3) {
border-left: none;
}
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm:nth-child(3),
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm:nth-child(4) {
border-bottom: none;
}
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm:hover .mmm-descr {
opacity: 0;
}
.main-mnu
.my-container.flex
.mm-middle
.mmm-items
.mmm-itm:hover
.mmm-i-content {
opacity: 1;
}
.main-mnu
.my-container.flex
.mm-middle
.mmm-items
.mmm-itm:hover
.mmm-prj-descr {
color: #fff;
}
.main-mnu
.my-container.flex
.mm-middle
.mmm-items
.mmm-itm:hover
.mmm-prj-descr::before {
opacity: 0;
}
.main-mnu
.my-container.flex
.mm-middle
.mmm-items
.mmm-itm:hover
.mmm-prj-descr::after {
opacity: 1;
}
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm .mmm-descr {
color: #ffffff;
font-size: 30px;
line-height: 30px;
font-family: "CirceExtraBold", sans-serif;
position: absolute;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm .mmm-prj-descr {
color: #aaafbb;
font-size: 14px;
line-height: 14px;
font-family: "RobotoLight", sans-serif;
padding-top: 87px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
cursor: pointer;
z-index: 1;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.main-mnu
.my-container.flex
.mm-middle
.mmm-items
.mmm-itm
.mmm-prj-descr::before,
.main-mnu
.my-container.flex
.mm-middle
.mmm-items
.mmm-itm
.mmm-prj-descr::after {
content: "";
position: absolute;
width: 55px;
height: 56px;
background: url(../img/i39.png);
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.main-mnu
.my-container.flex
.mm-middle
.mmm-items
.mmm-itm
.mmm-prj-descr::after {
background: url(../img/i46.png);
opacity: 0;
}
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm .mmm-i-content {
width: 100%;
height: 100%;
position: relative;
background-size: cover;
background-position: 50% 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
position: relative;
z-index: 1;
}
.main-mnu
.my-container.flex
.mm-middle
.mmm-items
.mmm-itm
.mmm-i-content.big
li {
opacity: 0.3;
}
.main-mnu
.my-container.flex
.mm-middle
.mmm-items
.mmm-itm
.mmm-i-content.big
li:hover {
opacity: 1;
}
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm .mmm-i-content li {
display: block;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
margin-bottom: 5px;
}
.main-mnu
.my-container.flex
.mm-middle
.mmm-items
.mmm-itm
.mmm-i-content
li.li-hover {
opacity: 1;
}
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm .mmm-i-content li a,
.main-mnu
.my-container.flex
.mm-middle
.mmm-items
.mmm-itm
.mmm-i-content
li
span {
color: #ffffff;
font-size: 17px;
line-height: 28px;
font-family: "CirceBold", sans-serif;
}
.main-mnu
.my-container.flex
.mm-middle
.mmm-items
.mmm-itm
.mmm-i-content
li
.mmm-sub-mnu {
text-align: center;
}
.main-mnu
.my-container.flex
.mm-middle
.mmm-items
.mmm-itm
.mmm-i-content
li
.mmm-sub-mnu
li {
margin-bottom: 0px;
}
.main-mnu
.my-container.flex
.mm-middle
.mmm-items
.mmm-itm
.mmm-i-content
li
.mmm-sub-mnu
li
a
span {
color: #ffffff;
font-size: 12px;
line-height: 15px;
font-family: "CirceRegular", sans-serif;
display: inline-block;
position: relative;
padding-left: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.main-mnu
.my-container.flex
.mm-middle
.mmm-items
.mmm-itm
.mmm-i-content
li
.mmm-sub-mnu
li
a
span::before {
content: "";
position: absolute;
left: 0;
top: 7px;
width: 12px;
height: 1px;
background: #ffffff;
}
.main-mnu .my-container.flex .mm-right {
min-width: 107px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.main-mnu .my-container.flex .mm-right .mmr-close {
cursor: pointer;
width: 30px;
height: 30px;
background: no-repeat url(../img/i40.png) 50%;
position: absolute;
left: 50%;
top: 53px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.main-mnu .my-container.flex .mm-right .mmr-close::before,
.main-mnu .my-container.flex .mm-right .mmr-close::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 27px;
height: 24px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.main-mnu .my-container.flex .mm-right .mmr-close::before {
background: no-repeat url(../img/i40.png) 50%;
}
.main-mnu .my-container.flex .mm-right .mmr-close::after {
background: no-repeat url(../img/i40_h.png) 50%;
opacity: 0;
}
.main-mnu .my-container.flex .mm-right .mmr-close:hover::before {
opacity: 0;
}
.main-mnu .my-container.flex .mm-right .mmr-close:hover::after {
opacity: 1;
}
.main-mnu .my-container.flex .mm-right .mmr-search {
width: 25px;
height: 25px;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 135px;
}
.main-mnu .my-container.flex .mm-right .mmr-search::before,
.main-mnu .my-container.flex .mm-right .mmr-search::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 17px;
height: 17px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.main-mnu .my-container.flex .mm-right .mmr-search::before {
background: no-repeat url(../img/i41.png) 50%;
}
.main-mnu .my-container.flex .mm-right .mmr-search::after {
background: no-repeat url(../img/i2_h.png) 50%;
opacity: 0;
}
.main-mnu .my-container.flex .mm-right .mmr-search:hover::before {
opacity: 0;
}
.main-mnu .my-container.flex .mm-right .mmr-search:hover::after {
opacity: 1;
}
.main-mnu .my-container.flex .mm-right .mmr-people {
width: 25px;
height: 25px;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 206px;
}
.main-mnu .my-container.flex .mm-right .mmr-people::before,
.main-mnu .my-container.flex .mm-right .mmr-people::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 17px;
height: 17px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.main-mnu .my-container.flex .mm-right .mmr-people::before {
background: no-repeat url(../img/i42.png) 50%;
}
.main-mnu .my-container.flex .mm-right .mmr-people::after {
background: no-repeat url(../img/i3_h.png) 50%;
opacity: 0;
}
.main-mnu .my-container.flex .mm-right .mmr-people:hover::before {
opacity: 0;
}
.main-mnu .my-container.flex .mm-right .mmr-people:hover::after {
opacity: 1;
}
.cb-wrap {
/* Create a custom checkbox */
}
.cb-wrap .container {
display: block;
position: relative;
padding-left: 20px;
cursor: pointer;
font-size: 22px;
color: rgba(0, 0, 0, 0.8);
font-size: 12.88px;
line-height: 13px;
font-family: "RobotoLight", sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cb-wrap .container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.cb-wrap .checkmark {
position: absolute;
top: 0;
left: 0;
height: 12px;
width: 12px;
border: 1px solid #e3e3e3;
background-color: transparent;
}
.cb-wrap .checkmark:after {
content: "";
position: absolute;
display: none;
}
.cb-wrap .container input:checked ~ .checkmark:after {
display: block;
}
.cb-wrap .container .checkmark:after {
left: 4px;
top: 1px;
width: 2.5px;
height: 5px;
border: solid #000;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.search-page {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 0 15px;
}
.form-data {
max-width: 1000px;
width: 100%;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding-left: 72px;
padding-right: 45px;
padding-top: 45px;
padding-bottom: 45px;
}
.form-data .fd-hdr {
color: #1a2a43;
font-size: 45.6px;
line-height: 45.6px;
font-family: "CirceExtraBold", sans-serif;
display: block;
}
.form-data .fd-scroll {
height: 400px;
overflow-y: auto;
}
.form-data .fd-container p {
margin: 0;
color: #656871;
font-size: 16px;
line-height: 30px;
font-family: "RobotoLight", sans-serif;
margin-bottom: 20px;
}
.form-data .fd-container span {
display: block;
color: #656871;
font-size: 16px;
line-height: 22px;
font-family: "RobotoLight", sans-serif;
}
.form-data .fd-container ul li {
display: block;
color: #656871;
font-size: 16px;
line-height: 22px;
font-family: "RobotoLight", sans-serif;
margin-bottom: 10px;
}
.nicescroll-rails {
z-index: 99995 !important;
}
.s-con-winner {
background: #f83854;
padding-top: 97px;
padding-bottom: 97px;
color: #fff;
}
.s-con-winner .my-container {
max-width: 1660px;
}
.s-con-winner .scw-hdr {
display: block;
color: #fff;
font-size: 35.78px;
line-height: 42px;
font-family: "CirceExtraBold", sans-serif;
letter-spacing: -0.7px;
margin-bottom: 41px;
}
.s-con-winner .scw-descr {
display: block;
font-family: "RobotoLight", sans-serif;
color: rgba(255, 255, 255, 0.9);
font-size: 18px;
line-height: 32px;
margin-bottom: 89px;
}
.s-con-winner .scw-itm {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 70px;
}
.s-con-winner .scw-itm .scw-i-hdr {
position: relative;
font-family: "RobotoMedium", sans-serif;
text-transform: uppercase;
font-size: 18px;
line-height: 32px;
color: rgba(255, 255, 255, 0.9);
min-width: 274px;
max-width: 274px;
margin-right: 25px;
padding-right: 30px;
}
.s-con-winner .scw-itm .scw-i-hdr::before {
content: "";
position: absolute;
right: -10px;
top: 17px;
width: 15px;
height: 1px;
background: rgba(255, 255, 255, 0.35);
}
.s-con-winner .scw-itm .scw-content {
max-width: 1000px;
}
.s-con-winner .scw-itm .scw-content p {
margin: 0;
margin-bottom: 20px;
color: #ffffff;
font-size: 36px;
line-height: 43.2px;
font-family: "CirceBold", sans-serif;
}
.s-con-winner .scw-p {
margin: 0;
color: #fefefe;
font-size: 18px;
line-height: 32px;
font-family: "RobotoLight", sans-serif;
max-width: 1100px;
margin-top: 83px;
}
.switch-btn {
width: 60px;
position: absolute;
height: 25px;
top: 21px;
z-index: -1;
left: 321px;
border-radius: 16px;
background: #f3f3f3;
border: 1px solid #f3f3f3;
}
.switch-btn::after {
content: "";
position: absolute;
display: block;
left: 3px;
top: 2px;
width: 19px;
height: 19px;
border-radius: 16px;
background: red;
border: 1px solid #e12044;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
/*========== Desktop First ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1750px) {
.main-mnu .my-container.flex .mm-left {
padding-left: 15px;
}
.s-nd-preview .ndp-flex .ndp-text {
padding-left: 15px;
}
.s-nd-preview .ndp-flex .ndp-text .back {
left: 15px;
}
.s-header-slider .swiper-container .shs-itm .shs-text {
padding-left: 35px;
}
header .top-line {
padding-left: 15px;
}
}
@media only screen and (max-width: 1650px) {
.s-header-slider .swiper-container .shs-itm::after {
right: 104px;
background-size: contain;
background-repeat: no-repeat;
background-position: 100% 50%;
}
.main-mnu
.my-container.flex
.mm-middle
.mmm-items
.mmm-itm
.mmm-i-content
ul
li
a {
font-size: 15px;
line-height: 21px;
}
.main-mnu .my-container.flex .mm-middle {
min-width: 600px;
}
.main-mnu .my-container.flex .mm-solo-block {
min-width: 400px;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-i-content ul li a,
.main-mnu
.my-container.flex
.mm-solo-block
.mmm-itm
.mmm-i-content
ul
li
span {
font-size: 15px;
line-height: 21px;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-i-content ul li {
margin-bottom: 11px;
}
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm {
min-height: 290px;
}
.main-mnu .my-container.flex .mm-left .mml-top {
height: auto;
margin-bottom: 140px;
}
.main-mnu .my-container.flex .mm-left .mml-btm {
display: block;
}
.s-project-detail .spd-spheres .sp-middle::before {
background-size: contain;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 450px;
height: 450px;
}
.s-project-detail .spd-spheres .sp-middle .spm-text {
padding-top: 174px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-1 {
left: -300px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-4 {
right: -330px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-2 {
right: -300px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-5 {
left: -300px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-3 {
left: -330px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-6 {
right: -300px;
}
.s-project-detail .spd-task-sol .my-container .ts-number::before {
left: 0;
}
.spd-preview .pre-content {
padding-left: 15px;
padding-right: 135px;
}
.spd-preview .pre-content .pre-watch {
right: 15px;
}
.s-header-line {
padding-left: 15px;
}
.s-header-line .shl-hdr {
margin-right: 20px;
}
.s-header-line .shl-list ul li {
margin-left: 0px;
margin-right: 0px;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-2 {
font-size: 36px;
line-height: 42px;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-3 {
font-size: 16px;
line-height: 24px;
}
.s-header-slider .swiper-container .shs-itm .shs-bg {
-webkit-flex-basis: 850px;
-ms-flex-preferred-size: 850px;
flex-basis: 850px;
min-width: 850px;
height: 530px;
}
.s-header-slider .swiper-container .shs-itm {
height: 530px;
}
.s-header-slider .swiper-container {
height: 566px;
}
.s-header-slider .shs-wrap {
height: 530px;
}
.s-header-slider .shs-wrap .swiper-pagination-bullets {
margin-top: -108px;
}
.s-header-slider .swiper-container .shs-itm .shs-bg .shs-square-wrap {
width: 290px;
height: 282px;
right: 105px;
}
}
@media only screen and (max-width: 1500px) {
.s-red-slider .swiper-slide .spj-item.spj-about-item .spf-content {
padding-left: 15px;
}
.s-red-slider .swiper-slide .spj-item.spj-about-item .spf-content {
padding-top: 100px;
padding-bottom: 120px;
}
.s-project-detail .spd-task-sol .my-container .ts-img {
display: inline-block;
margin: 0 auto;
min-width: 360px;
max-width: 360px;
}
.s-project-detail .spd-task-sol .my-container .ts-img img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.s-project-detail .spd-task-sol .my-container {
padding-top: 300px;
}
}
@media only screen and (max-width: 1400px) {
.sr-for-headers .sf-fh-bg::before {
width: 900px;
}
.s-about-description .sad-row .sad-text .sadt-img {
bottom: 0;
top: auto;
}
.s-about-description .sad-row .sad-text:nth-child(1) .sadt-img {
top: auto;
bottom: 192px;
}
.main-mnu .my-container.flex .mm-middle {
min-width: 520px;
}
.main-mnu .my-container.flex .mm-solo-block {
min-width: 290px;
}
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm {
min-height: 227px;
}
.main-mnu .my-container.flex .mm-left .mml-top {
margin-bottom: 45px;
}
.main-mnu
.my-container.flex
.mm-middle
.mmm-items
.mmm-itm
.mmm-i-content
ul
li
a {
font-size: 13px;
line-height: 22px;
display: block;
}
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm .mmm-descr,
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-descr {
font-size: 21px;
line-height: 21px;
}
.s-gray-slider .sgs-wrap .sgs-content-wrap {
padding-left: 15px;
}
.s-gray-slider .sgs-wrap .sgs-itm .sgs-content .sgs-people {
padding-left: 15px;
padding-bottom: 84px;
}
.s-gray-slider .sgs-wrap .sgs-itm .sgs-content .sgs-people .sgs-ppl .ppl-img {
max-width: 135px;
width: 100%;
height: 150px;
margin-bottom: 10px;
}
.s-gray-slider
.sgs-wrap
.sgs-itm
.sgs-content
.sgs-people
.sgs-ppl
.ppl-name {
font-size: 15px;
line-height: 19px;
margin-bottom: 10px;
}
.s-gray-slider
.sgs-wrap
.sgs-itm
.sgs-content
.sgs-people
.sgs-ppl
.ppl-status {
font-size: 12px;
line-height: 17px;
}
.s-gray-slider .sgs-wrap .sgs-gray {
width: 50%;
}
.s-gray-slider .sgs-wrap .sgs-content-wrap {
width: 50%;
}
.s-gray-slider .sgs-wrap .swiper-button-next {
right: -webkit-calc(50% - 82px);
right: calc(50% - 82px);
}
.s-gray-slider .sgs-wrap .swiper-button-prev {
left: -webkit-calc(50% - 82px);
left: calc(50% - 82px);
}
.s-contacts-page .scp-flex .scp-content {
padding-left: 45px;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.s-contacts-page .scp-flex .scp-map {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.s-header-co-line .sh-cl-itm {
padding-left: 15px;
padding-right: 15px;
font-size: 15px;
line-height: 19px;
}
.s-see-more.ssm-with-top .my-container .ssm-top-line .ssm-tl-hdr {
font-size: 32px;
line-height: 32px;
}
.s-see-more.ssm-with-top .my-container .ssm-top-line .btn-burger {
top: 5px;
}
.s-see-more.ssm-with-top .my-container .ssm-top-line {
margin-bottom: 25px;
}
.s-nd-gallery .snd-g-wrap .swiper-slide {
height: 370px;
width: 530px;
}
.s-nd-gallery .snd-g-wrap .swiper-wrapper {
-webkit-transform: translate3d(-200px, 0px, 0px);
transform: translate3d(-200px, 0px, 0px);
}
.s-about-preview .sap-hdr {
font-size: 28px;
line-height: 36px;
}
.s-about-description .sad-hdr {
font-size: 28px;
line-height: 36px;
margin-bottom: 35px;
}
.s-about-description {
padding-top: 45px;
}
.s-heading .sh-items {
text-align: center;
}
.s-header-line .shl-arr {
top: 57px;
}
.s-project-detail .spd-about-project .ab-flex .ap-block {
-webkit-flex-basis: 480px;
-ms-flex-preferred-size: 480px;
flex-basis: 480px;
min-width: 480px;
}
.s-project-detail .spd-about-project .about-project-slider {
-webkit-box-flex: -webkit-calc(100% - 480px);
-webkit-flex: -webkit-calc(100% - 480px);
-ms-flex: calc(100% - 480px);
flex: calc(100% - 480px);
max-width: -webkit-calc(100% - 480px);
max-width: calc(100% - 480px);
}
.s-red-slider .swiper-slide .spj-item .spf-content {
padding-top: 95px;
padding-bottom: 145px;
}
.s-project-detail .spd-skills-rewards .sr-row .skill-slider .ss-item .ss-hdr {
left: 15px;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block {
padding-left: 15px;
padding-top: 180px;
padding-bottom: 140px;
}
.s-project-detail .spd-skills-rewards .sr-row .srb-arrows {
left: 5px;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block {
-webkit-flex-basis: 360px;
-ms-flex-preferred-size: 360px;
flex-basis: 360px;
min-width: 360px;
}
.s-project-detail .spd-skills-rewards .sr-row .skill-slider,
.s-project-detail .spd-skills-rewards .sr-row .reward-slider {
-webkit-box-flex: -webkit-calc(100% - 360px);
-webkit-flex: -webkit-calc(100% - 360px);
-ms-flex: calc(100% - 360px);
flex: calc(100% - 360px);
max-width: -webkit-calc(100% - 360px);
max-width: calc(100% - 360px);
}
.s-project-detail .spd-spheres {
padding-top: 50px;
padding-bottom: 50px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr span {
font-size: 19px;
line-height: 22px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr {
font-size: 15px;
line-height: 21px;
}
.s-header-line .shl-hdr {
display: block;
margin-right: 0px;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.s-header-line {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-header-line .shl-list {
display: inline-block;
margin: 0 auto;
}
.s-header-line .shl-list ul li {
margin-left: 0px;
}
footer .ft-top-line .ft-tl-mnu ul li {
margin-left: 20px;
margin-right: 20px;
}
.s-red-slider .swiper-slide .spf-item .spf-content {
padding-left: 130px;
}
.news-slider {
padding-left: 15px;
padding-right: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-news {
padding-top: 0px;
padding-bottom: 25px;
}
.s-news .fg-top-line {
margin-bottom: 0px;
}
.s-contests .swiper-wrapper,
.s-news .news-slider .swiper-wrapper {
-webkit-transform: translate3d(0, 0px, 0px);
transform: translate3d(0, 0px, 0px);
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-2 {
font-size: 30px;
line-height: 40px;
letter-spacing: 0px;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-3 {
font-size: 15px;
line-height: 22px;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-1 {
margin-bottom: 20px;
}
}
.s-project-detail .spd-skills-rewards .sr-row {
margin-top: 200px;
}
.skill-slider {
margin-right: 30px;
height: 457px;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block {
-webkit-flex-basis: calc(40% - 30px);
-ms-flex-preferred-size: calc(40% - 30px);
flex-basis: calc(40% - 30px);
min-width: calc(40% - 30px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 0;
padding-right: 0;
padding-left: 100px;
padding-bottom: 0;
margin-right: 30px;
background: #f9f9f9;
}
.s-project-detail .spd-skills-rewards .sr-row .skill-slider {
-webkit-box-flex: 60%;
-webkit-flex: 60%;
-ms-flex: 60%;
flex: 60%;
max-width: 60%;
max-width: 60%;
}
.s-project-detail .spd-skills-rewards .sr-row .skill-slider .ss-item .ss-hdr {
bottom: 40px;
left: 40px;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block .srb-hdr::before {
top: -125px;
left: -105px;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block .srb-hdr {
left: 100px;
margin-top: 70px;
margin-bottom: 50px;
max-width: 320px;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block p {
max-width: 340px;
}
.s-project-detail .spd-skills-rewards .sr-row .srb-arrows {
bottom: 100px;
left: 90px;
}
.s-project-detail .spd-skills-rewards .sr-row.sr-reward .sr-block {
background: transparent;
padding-top: 0;
padding-bottom: 0;
}
.s-project-detail .spd-skills-rewards .sr-row.sr-reward .sr-block .srb-hdr {
margin-bottom: 70px;
color: #f83854;
}
.s-project-detail .spd-skills-rewards .sr-row.sr-reward .sr-block p {
max-width: 595px;
color: #000;
}
.s-project-detail .spd-skills-rewards .sr-row .reward-slider .sr-item {
padding-top: 0;
}
.s-project-detail .spd-skills-rewards .sr-row .reward-slider .sr-item .sr-img {
height: 350px;
margin-bottom: 40px;
}
.s-project-detail
.spd-skills-rewards
.sr-row
.reward-slider
.sr-item
.sr-img
img {
width: 100%;
height: 100%;
object-fit: cover;
}
.s-project-detail .spd-skills-rewards .sr-row .reward-slider .sr-item .sr-hdr {
font-size: 18px;
line-height: 29.79px;
font-family: "Circe", sans-serif;
}
.s-project-detail .spd-skills-rewards .sr-row .reward-slider .sr-item::after {
display: none;
}
.s-project-detail .spd-skills-rewards .sr-row.sr-reward .srb-arrows {
bottom: 0;
}
.s-project-detail .spd-skills-rewards .sr-row .reward-slider {
height: 520px;
}
.s-project-detail
.spd-skills-rewards
.sr-row.sr-reward
.srb-arrows
.swiper-button-next,
.s-project-detail
.spd-skills-rewards
.sr-row.sr-reward
.srb-arrows
.swiper-button-prev {
background: no-repeat url(../img/i17.png) 50%;
}
.s-project-detail .spd-skills-rewards .sr-row .srb-arrows .swiper-button-next,
.s-project-detail .spd-skills-rewards .sr-row .srb-arrows .swiper-button-prev {
background: no-repeat url(../img/i17.png) 50%;
}
.s-red-slider.no-padding {
margin-top: 130px;
}
.s-red-slider .swiper-slide .spj-item .spf-image {
-webkit-flex-basis: calc(40% - 30px);
-ms-flex-preferred-size: calc(40% - 30px);
flex-basis: calc(40% - 30px);
}
.s-red-slider .swiper-slide .spj-item .spf-content {
margin-left: 30px;
-webkit-flex-basis: 60%;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
padding-top: 110px;
padding-bottom: 150px;
padding-left: 0;
padding-right: 0;
}
.s-red-slider .swiper-slide .spj-item .spf-content .spf-text {
max-width: 70%;
margin-left: 164px;
}
.s-red-slider .swiper-button-prev {
left: 40%;
}
.s-red-slider .swiper-button-next {
left: calc(40% + 82px);
}
.s-red-slider .swiper-slide {
opacity: 0 !important;
}
.s-red-slider .swiper-slide-active {
opacity: 1 !important;
}
.s-red-slider .swiper-slide .spj-item .spf-content {
justify-content: left;
}
.s-project-detail .spd-about-project .ab-flex .ap-block {
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
min-width: 40%;
padding-right: 0;
}
.s-project-detail .spd-about-project .about-project-slider {
-webkit-box-flex: 60%;
-webkit-flex: 60%;
-ms-flex: 60%;
flex: 60%;
max-width: 60%;
max-width: 60%;
}
.s-project-detail .spd-about-project .ab-flex .ap-block {
text-align: left;
}
.s-project-detail .spd-about-project .ab-flex .ap-block .ap-hdr {
padding-left: 200px;
}
.s-project-detail .spd-about-project .ab-flex .ap-block .ap-hdr::before {
left: 100px;
top: 5px;
}
@media only screen and (max-width: 1400px) {
header .top-line .tl-center ul li {
margin-right: 30px;
}
header .top-line .tl-right .tlr-search {
margin-left: 30px;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block {
padding-left: 15px;
}
.s-project-detail .spd-skills-rewards .sr-row .srb-arrows {
left: 15px;
}
.s-project-detail .spd-about-project .ab-flex .ap-block .ap-hdr::before {
left: 15px;
}
}
@media only screen and (max-width: 1350px) {
.s-header-slider .swiper-container .shs-itm::after {
right: 90px;
}
.s-header-slider .swiper-container .shs-itm {
padding-right: 90px;
}
.s-header-slider .swiper-container .shs-itm .shs-bg {
background-position: 65px 50%;
}
.s-header-slider .swiper-container .shs-itm .shs-bg .shs-next-slide-bg {
background-position: 65px 50%;
}
.s-header-slider .swiper-container .shs-itm .shs-text::before {
bottom: 25px;
}
.s-project-page .con-item .con-bg .con-text {
max-width: 210px;
}
.s-header-slider .swiper-container .shs-itm .shs-bg .shs-square .shs-sq-text {
bottom: 15px;
right: 15px;
}
.s-project-page.spp-compit .con-item .con-bg .con-text .ct-hdr {
font-size: 28px;
line-height: 28px;
margin-bottom: 20px;
}
.s-project-page.spp-compit .con-item .con-bg .con-text .ct-p {
font-size: 16px;
line-height: 26px;
}
.s-project-page.spp-compit .con-item .con-bg .con-text .ct-p br {
display: none;
}
.s-project-page.spp-compit .con-item .con-lvl {
left: -210px;
}
.s-project-page.spp-compit .con-item.con-right .con-lvl {
right: -210px;
}
.con-item .con-lvl {
font-size: 16px;
line-height: 24px;
left: -152px;
top: 14px;
}
.con-item.con-right .con-lvl {
right: -152px;
}
.s-project-page .con-item .con-bg .con-text {
left: -210px;
}
.s-project-page .con-item .con-theme {
left: -210px;
}
.s-project-page .con-item.con-right .con-bg .con-text {
right: -210px;
}
.s-project-page .con-item.con-right .con-theme {
right: -210px;
}
.s-contests .contests-slider .con-item .con-bg {
height: 350px;
width: 600px;
}
.con-item .con-bg .con-text .ct-hdr {
font-size: 26px;
line-height: 32px;
}
.con-item .con-bg .con-text .ct-p {
font-size: 16px;
line-height: 26px;
padding-bottom: 35px;
}
.con-item .con-bg .con-text {
left: -152px;
}
.con-item.con-right .con-bg .con-text {
right: -152px;
}
.con-item {
padding-left: 240px;
}
.con-item.con-right {
padding-right: 240px;
}
.s-contests .contests-slider .swiper-slide {
width: 840px;
}
.con-item .con-bg .con-text {
max-width: 320px;
}
.s-header-slider .swiper-container .shs-itm .shs-bg {
-webkit-flex-basis: 760px;
-ms-flex-preferred-size: 760px;
flex-basis: 760px;
min-width: 760px;
height: 434px;
}
.s-header-slider .swiper-container .shs-itm {
height: 434px;
}
.s-header-slider .swiper-container {
height: 434px;
}
.s-header-slider .shs-wrap {
height: 434px;
}
.s-header-slider .swiper-container .shs-itm .shs-bg .shs-square-wrap {
width: 238px;
height: 229px;
right: 90px;
}
.s-header-slider .swiper-container .shs-itm .shs-text {
margin-bottom: 35px;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-3::before {
bottom: -35px;
}
header .top-line {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (max-width: 1300px) {
.s-documents .sd-a {
max-width: 980px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-status {
padding-left: 125px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-status::before {
left: 125px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
p {
padding-left: 125px;
}
.s-news-page .snp-row .news-item .ni-text {
padding-left: 15px;
}
.s-see-more .ssm-items .news-item .ni-text {
padding-left: 15px;
}
.s-nd-text .nd-gray-wrap .my-container p {
font-size: 17px;
line-height: 28px;
margin-bottom: 20px;
}
.s-nd-text .nd-gray-wrap .my-container .ndt-img-descr {
font-size: 17px;
line-height: 26px;
}
.s-nd-text .nd-gray-wrap .my-container .ndt-img {
margin-bottom: 20px;
}
.s-nd-text .nd-gray-wrap {
padding-top: 45px;
max-width: -webkit-calc(100% - 200px);
max-width: calc(100% - 200px);
}
.s-nd-text .nd-socials {
right: 58px;
}
.s-documents .sd-items .sd-itm {
margin-left: 10px;
margin-right: 10px;
}
.s-for-comp .sfc-block:nth-child(3) {
padding-left: 150px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr::before {
width: 46px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-1::before {
right: -80px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr {
width: 194px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-1 {
left: -150px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-2 {
right: -150px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-3 {
left: -210px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-4 {
right: -210px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-5 {
left: -150px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-6 {
right: -150px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-3::before {
right: -80px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-2::before {
left: -80px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-4::before {
left: -80px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-5::before {
right: -80px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-6::before {
left: -80px;
}
.s-project-detail .spd-spheres .sp-middle .spm-text .spb-t-1 {
font-size: 40px;
line-height: 40px;
}
.s-project-detail .spd-spheres .sp-middle .spm-text .spb-t-2 {
font-size: 15px;
line-height: 28px;
padding-bottom: 65px;
}
.s-project-detail .spd-spheres .sp-middle .spm-text {
padding-top: 189px;
}
.s-project-detail .spd-spheres .sp-middle::before {
width: 390px;
height: 390px;
}
.s-project-detail .spd-task-sol .my-container .ts-left {
left: 15px;
}
.s-project-detail .spd-task-sol .my-container .ts-text .tst-hdr {
font-size: 21px;
line-height: 21px;
margin-bottom: 20px;
}
.s-project-detail
.spd-task-sol
.my-container
.ts-text
.tst-wrap
.tst-content
p {
font-size: 14px;
line-height: 24px;
}
.s-project-detail .spd-task-sol .my-container .ts-text {
max-width: 320px;
}
.s-project-detail .spd-task-sol .my-container .ts-text .tst-hdr::before {
right: 27px;
width: 140px;
}
.s-project-detail .spd-task-sol .my-container .ts-text .tst-p {
font-size: 15px;
line-height: 24px;
}
}
@media only screen and (max-width: 1200px) {
.main-mnu .my-container.flex .mm-middle {
min-width: 400px;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-i-content ul li {
margin-bottom: 15px;
}
.main-mnu .my-container.flex .mm-solo-block {
min-width: 260px;
}
.s-con-winner .scw-itm .scw-content p {
font-size: 28px;
line-height: 36px;
}
.s-con-winner .scw-itm .scw-i-hdr {
margin-right: 35px;
}
.s-con-winner .scw-descr {
margin-bottom: 30px;
}
.s-con-winner .scw-itm {
margin-bottom: 30px;
}
.s-con-winner .scw-p {
margin-top: 30px;
}
.s-con-winner {
padding-top: 45px;
padding-bottom: 45px;
}
.s-project-page .con-item:hover .con-bg .con-text .ct-hdr,
.s-project-page .con-item:hover .con-bg .con-text .ct-p,
.s-project-page .con-item:hover .con-theme {
color: #fff;
}
.catalog-mnu ul li a.cml-li-header,
.catalog-mnu ul li span.cml-li-header {
font-size: 14px;
line-height: 21px;
}
.s-project-page .con-item .con-bg .con-text {
max-width: 320px;
}
.s-labs {
display: none;
}
.s-about-description .sad-row .sad-text .sadt-img {
display: none;
}
.s-fond.active .sf-middle .sfm-lines {
height: 152px;
}
.s-fond .sf-middle .sfm-lines .sfm-line.gray {
width: 130px;
}
.s-fond .sf-middle .sfm-lines .sfm-line.blue {
width: 70px;
}
.s-fond .sf-middle .sfm-lines .sfm-line.sfm-line-4 {
width: 180px;
}
.s-fond .sf-middle .sfm-lines .sfm-line.sfm-line-6 {
width: 110px;
}
.s-fond .sf-middle .sfm-lines .sfm-line.blue {
width: 170px;
}
.s-fond .sf-middle .sfm-lines .sfm-line.sfm-line-8 {
width: 205px;
}
.s-fond .sf-middle .sfm-lines {
height: 180px;
top: 58px;
}
.s-red-slider .swiper-slide .spf-item .spf-content {
min-height: 349px;
}
.s-gray-slider .sgs-wrap .sgs-gray .sgs-g-text ul li.active {
font-size: 28px;
line-height: 28px;
}
.s-gray-slider .sgs-wrap .sgs-gray .sgs-g-text ul li.active::before {
left: -25px;
}
.s-contacts-page .scp-flex .scp-content {
padding-left: 15px;
padding-top: 35px;
padding-bottom: 35px;
}
.s-center-btm .scm-itm {
padding-left: 0px;
}
.s-center-btm .scm-itm .scm-docs {
right: 15px;
}
.s-center-btm .scm-itm .scm-text {
padding-left: 25px;
}
.s-center-btm .scb-contacts .scb-con-itm {
font-size: 15px;
line-height: 16px;
padding-left: 35px;
}
.s-center .sc-items .sc-itm .sc-text .sct-co-hdr::after {
right: 0px;
}
.s-center .sc-items .sc-itm.sc-img-right .sc-text .sct-co-hdr::after {
left: 0px;
}
.sr-for-headers .sf-fh-hdr {
font-size: 28px;
line-height: 34px;
}
.sr-for-headers {
padding-top: 60px;
padding-bottom: 20px;
}
.sr-for-headers .sf-fh-bg {
height: 134px;
}
.s-header-co-line .sh-cl-itm {
padding-left: 8px;
padding-right: 8px;
}
.s-nd-preview.ndp-lab .ndp-flex .ndp-text .ndp-hdr {
font-size: 24px;
line-height: 28px;
}
.s-nd-preview.ndp-lab .ndp-flex .ndp-text .ndp-p {
font-size: 16px;
line-height: 26px;
}
.s-labs .sl-map {
width: 700px;
height: 378px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-hdr {
font-size: 26px;
line-height: 34px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-hdr::before {
top: 16px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-status {
padding-left: 90px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-status::before {
left: 90px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
p {
padding-left: 90px;
}
.s-innovations .si-text {
padding-top: 80px;
}
.s-innovations .si-text .sit-hdr {
font-size: 42px;
line-height: 42px;
letter-spacing: 25px;
margin-bottom: 7px;
}
.s-innovations .si-text .sit-descr-1 {
font-size: 18px;
line-height: 26px;
letter-spacing: 4px;
margin-bottom: 5px;
}
.s-header-line .shl-arr {
bottom: 9px;
}
.s-nd-preview .ndp-flex .ndp-text .ndp-date {
font-size: 17px;
line-height: 24px;
margin-bottom: 20px;
}
.s-nd-preview .ndp-flex .ndp-text .ndp-date span {
margin-right: 0px;
}
.s-nd-preview .ndp-flex .ndp-text .ndp-hdr {
font-size: 24px;
line-height: 30px;
}
.s-project-page.spp-compit .con-item .con-lvl {
left: 15px;
}
.s-project-page.spp-compit .con-item.con-right .con-lvl {
right: 15px;
}
.s-project-page .con-item {
padding-left: 0px;
}
.s-project-page .con-item .con-theme {
left: 15px;
}
.s-project-page .con-item .con-bg .con-text {
left: 15px;
}
.s-project-page .con-item.con-right {
padding-right: 0px;
}
.s-project-page .con-item.con-right .con-theme {
right: 15px;
}
.s-project-page .con-item.con-right .con-bg .con-text {
right: 15px;
}
.s-project-detail .spd-skills-rewards .sr-row .skill-slider .ss-item .ss-hdr {
font-size: 21px;
line-height: 24px;
}
.s-project-detail
.spd-skills-rewards
.sr-row
.reward-slider
.sr-item
.sr-hdr {
font-size: 17px;
line-height: 21px;
}
.spd-preview .pre-content {
padding-top: 85px;
}
.s-header-line .shl-hdr {
font-size: 32px;
line-height: 32px;
}
.s-header-line .shl-list ul li a {
font-size: 15px;
line-height: 17px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
footer .ft-top-line .ft-tl-mnu ul li {
margin-left: 12px;
margin-right: 12px;
}
footer .ft-top-line .ft-tl-mnu ul li a {
font-size: 17px;
line-height: 17px;
}
footer .ft-top-line .ft-tl-logo {
left: 15px;
}
footer .ft-middle-line .ft-ml-left {
left: 15px;
}
footer .ft-bottom-line .ft-bl-left {
left: 15px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-line {
width: 56px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-line .spf-line-descr {
left: -31px;
}
.s-red-slider .swiper-slide .spf-item .spf-content {
padding-left: 80px;
}
.s-red-slider .swiper-slide .spf-item .spf-content {
padding-top: 35px;
padding-bottom: 65px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-hdr {
font-size: 21px;
line-height: 28px;
margin-bottom: 35px;
max-width: 320px;
}
.fg-top-line .sg-left .sgl-p {
padding-left: 35px;
margin-left: 35px;
font-size: 14px;
line-height: 20px;
}
.fg-top-line .sg-left .sgl-hdr {
font-size: 32px;
line-height: 32px;
}
.s-fond .sf-hdr {
font-size: 28px;
line-height: 34px;
}
.s-fond .sf-descr {
font-size: 19px;
line-height: 21px;
margin-bottom: 55px;
}
.s-fond .sf-middle {
height: 152px;
width: 740px;
}
.s-fond .sf-middle::before {
width: 230px;
height: 152px;
background-repeat: no-repeat;
background-size: contain;
}
.s-fond {
padding-top: 35px;
padding-bottom: 45px;
}
.s-fond .sf-middle .sfm-descr {
font-size: 17px;
line-height: 17px;
}
.s-fond .sf-middle .sfm-descr.sfm-descr-1 {
left: 35px;
top: 37px;
}
.s-fond .sf-middle .sfm-descr.sfm-descr-3 {
right: 91px;
top: 37px;
}
.s-fond .sf-middle .sfm-descr.sfm-descr-2 {
top: 95px;
left: -44px;
}
.s-fond .sf-middle .sfm-descr.sfm-descr-4 {
top: 95px;
right: 7px;
}
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 1100px) {
header .top-line .tl-center{
display: none;
}
header .top-line .tl-right .hamburger {
display: block;
}
.main-mnu .my-container.flex .mm-solo-block {
position: relative;
left: -1px;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm {
border-top: 1px solid #90949d;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm:nth-child(2) {
border-right: none;
}
.main-mnu .my-container.flex .mm-left .mml-top .mml-giv-prj {
margin-top: 25px;
margin-bottom: 25px;
}
.main-mnu .my-container.flex .mm-solo-block {
min-width: auto;
width: 100%;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-i-content ul li a,
.main-mnu
.my-container.flex
.mm-solo-block
.mmm-itm
.mmm-i-content
ul
li
span {
font-size: 13px;
line-height: 15px;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-i-content ul li {
margin-bottom: 0px;
}
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm .mmm-i-content {
padding-top: 15px;
padding-bottom: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm {
width: 50%;
}
.main-mnu .my-container.flex .mm-solo-block {
display: flex;
}
.main-mnu .my-container.flex .mm-solo-block .mmm-itm:nth-child(1) {
border-bottom: 1px solid transparent;
border-right: 1px solid transparent;
}
.s-header-slider .swiper-container .shs-itm::after {
right: 68px;
}
.s-header-slider .swiper-container .shs-itm .shs-bg {
background-position: 95px 50%;
}
.s-header-slider .swiper-container .shs-itm .shs-bg .shs-next-slide-bg {
background-position: 95px 50%;
}
.s-about-description .sad-row .sad-text:nth-child(1) .sadt-img {
opacity: 1;
left: auto;
right: 0;
}
.main-mnu .my-container.flex {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.main-mnu {
height: auto;
}
.main-mnu .my-container.flex {
height: auto;
}
.main-mnu .my-container.flex .mm-middle .mmm-items {
height: auto;
}
.main-mnu .my-container.flex .mm-left {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-right: 75px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.main-mnu .my-container.flex .mm-right {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 60px;
}
.main-mnu .my-container.flex .mm-middle {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
border-top: 1px solid #90949d;
min-width: auto;
position: relative;
z-index: 1;
}
.main-mnu .my-container.flex .mm-left {
padding-top: 20px;
padding-bottom: 20px;
}
.main-mnu .my-container.flex .mm-left .mml-top .mml-logo {
margin-bottom: 0px;
}
.main-mnu .my-container.flex .mm-left .mml-top {
margin-bottom: 10px;
}
.main-mnu .my-container.flex .mm-left .mml-btm .mml-soc {
margin-bottom: 10px;
}
.s-about-description.sad-lab .sad-row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-about-description.sad-lab .sad-row .sad-itm {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 30px;
}
.s-about-description.sad-lab .sad-row .sad-itm .sad-text {
display: inline-block;
}
.s-about-description.sad-lab .sad-row .sad-itm:nth-child(2) {
padding-top: 0px;
}
.s-about-description.sad-lab
.sad-row
.sad-itm:nth-child(2)
.sadt-hdr::before {
display: block;
}
.s-about-description.sad-lab .sad-row .sad-itm:nth-child(2) .sadt-p::after {
display: block;
}
.s-about-description.sad-lab .sad-itm .sad-text::after {
right: -100px;
}
.s-about-description.sad-lab .sad-row .sad-itm:nth-child(2) .sadt-p::after {
display: none;
}
.s-about-description .sad-row .sad-text .sadt-img {
top: auto;
bottom: 0;
right: 0;
left: auto;
}
.s-about-description .sad-row .sad-text .sadt-img {
left: auto;
right: 0;
opacity: 1;
}
.s-about-description .sad-row .sad-text:nth-child(1) .sadt-img {
bottom: 0;
}
.s-about-description .sad-row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-about-description .sad-row .sad-text {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 30px;
}
.s-about-description .sad-row .sad-text:nth-child(2) {
padding-top: 0px;
}
.s-about-description .sad-row .sad-text:nth-child(2) .sadt-hdr::before {
display: block;
}
.s-about-description .sad-row .sad-text:nth-child(2) .sadt-p::after {
display: block;
}
.s-project-detail .spd-skills-rewards .sr-row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
min-width: auto;
}
.s-project-detail .spd-skills-rewards .sr-row .skill-slider .ss-item .ss-hdr {
bottom: 35px;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block {
padding-top: 155px;
padding-bottom: 70px;
}
.s-project-detail .spd-skills-rewards .sr-row.sr-reward .sr-block {
padding-top: 155px;
padding-bottom: 70px;
}
.s-project-detail .spd-skills-rewards .sr-row .srb-arrows {
bottom: 466px;
left: 5px;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block p {
max-width: 100%;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block .srb-hdr {
margin-bottom: 35px;
}
.s-project-detail .spd-skills-rewards .sr-row .skill-slider,
.s-project-detail .spd-skills-rewards .sr-row .reward-slider {
-webkit-box-flex: 100%;
-webkit-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
height: 450px;
}
.s-project-detail .spd-skills-rewards .sr-row .reward-slider .sr-item {
padding-top: 106px;
}
.s-project-detail .spd-spheres .sp-middle {
width: 570px;
}
.s-header-slider .swiper-container .shs-itm .shs-bg {
height: 320px;
}
.s-header-slider .swiper-container .shs-itm {
height: 320px;
padding-right: 68px;
}
.s-header-slider .shs-wrap .swiper-pagination-bullets {
right: 22px;
}
.s-header-slider .swiper-container {
padding-right: 0px;
}
.s-header-slider .swiper-container .shs-itm .shs-text {
padding-top: 55px;
}
.s-header-slider {
padding-top: 80px;
}
header .top-line {
border-bottom: 1px solid #f3f3f3;
background: #fff;
}
.s-header-slider .shs-wrap {
height: 320px;
}
.s-header-slider .swiper-container {
height: 320px;
}
.s-header-slider .swiper-container .shs-itm .shs-bg .shs-square-wrap {
width: 176px;
height: 168px;
right: 68px;
}
.s-header-slider
.swiper-container
.shs-itm
.shs-bg
.shs-square
.shs-sq-arrow {
bottom: 15px;
right: 15px;
}
.s-project-detail .spd-skills-rewards .sr-row {
margin-top: 0;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block {
margin-right: 0;
}
.s-project-detail .spd-skills-rewards .sr-row .skill-slider .ss-item .ss-hdr {
left: 15px;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block p {
max-width: calc(100% - 15px);
}
.s-project-detail .spd-skills-rewards .sr-row.sr-reward .sr-block p {
max-width: calc(100% - 15px);
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block .srb-hdr {
margin-bottom: 35px;
}
.s-project-detail .spd-skills-rewards .sr-row.sr-reward .sr-block .srb-hdr {
margin-bottom: 35px;
}
.s-project-detail .spd-skills-rewards .sr-row .reward-slider .sr-item {
padding-top: 0;
}
.s-project-detail .spd-skills-rewards .sr-row.sr-reward .srb-arrows {
bottom: 466px;
}
.s-red-slider.no-padding {
margin-top: 70px;
}
.s-red-slider .swiper-slide .spj-item .spf-content {
justify-content: center;
}
.s-red-slider .swiper-slide .spj-item .spf-content .spf-text {
margin-left: 0;
}
.s-project-detail .spd-about-project .ab-flex .ap-block .ap-hdr {
padding-left: 100px;
}
}
@media only screen and (max-width: 992px) {
.s-gray-slider.sgs-for-partners .sgs-wrap .sgs-gray {
height: auto;
}
.cursor-circle {
display: none;
}
.s-innovations .si-block {
display: none;
}
.s-innovations canvas {
display: none;
}
.s-con-winner .scw-hdr {
font-size: 32px;
line-height: 32px;
margin-bottom: 15px;
}
.s-con-winner .scw-itm .scw-content p {
font-size: 21px;
line-height: 28px;
}
.s-nd-preview .ndp-flex .ndp-text .pre-watch {
right: 15px;
bottom: auto;
top: 65px;
}
.s-nd-preview .ndp-flex .ndp-text {
padding-right: 135px;
}
.s-header-slider .swiper-container .shs-itm::after {
display: none;
}
.s-header-slider .swiper-container .shs-itm .shs-bg .shs-next-slide-bg {
background-position: 50% 50%;
}
.s-header-slider .swiper-container .shs-itm .shs-bg {
background-position: 50% 50%;
}
.s-header-slider .swiper-container .shs-itm .shs-text:hover::before {
width: 25px;
height: 25px;
}
.s-header-slider .swiper-container .shs-itm .shs-text {
margin-bottom: 5px;
padding-bottom: 55px;
}
.s-gray-slider.sgs-for-personal .sgs-wrap .sgs-gray {
height: auto;
padding-top: 0px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.sr-for-headers .sf-fh-bg::before {
width: 700px;
}
.spd-preview.spd-competition .pre-img {
min-height: auto;
}
.spd-preview .pre-img {
min-height: auto;
}
.s-nd-preview .ndp-flex .ndp-img {
min-height: auto;
}
.form-project {
right: -120%;
}
.s-header-slider .swiper-container .shs-itm .shs-bg .shs-square-wrap {
display: none;
}
.s-red-slider .swiper-slide .spj-item.spj-about-item .spf-content {
padding-bottom: 80px;
}
.s-fond .sf-middle .sfm-lines {
display: none;
}
.s-red-slider .swiper-slide .spf-item .spf-content {
min-height: auto;
}
.s-project-detail .spd-task-sol .my-container .ts-img {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
min-width: auto;
width: 100%;
}
.s-project-detail .spd-task-sol .my-container .ts-left {
width: 100%;
}
.s-project-detail .spd-task-sol .my-container .ts-right {
width: 100%;
}
.s-header-co-line .sh-cl-itm {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.s-header-slider .swiper-container .shs-itm .shs-text {
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-2 {
font-size: 24px;
line-height: 32px;
margin-bottom: 10px;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-3 {
font-size: 14px;
line-height: 19px;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-3::before {
bottom: -25px;
}
.s-header-slider
.shs-wrap
.swiper-pagination-bullets
.swiper-pagination-bullet {
margin-bottom: 14px;
}
.s-header-slider .shs-wrap .swiper-pagination-bullets {
margin-top: -68px;
}
.s-header-slider .swiper-container .shs-itm .shs-bg {
height: 229px;
}
.s-header-slider .swiper-container .shs-itm {
height: 229px;
}
.s-header-slider .shs-wrap {
height: 229px;
}
.s-header-slider .swiper-container {
height: 229px;
}
.s-gray-slider .sgs-wrap .sgs-itm .sgs-content .sgs-people {
padding-top: 25px;
padding-bottom: 5px;
}
.s-gray-slider .sgs-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-gray-slider .sgs-wrap .sgs-content-wrap {
width: 100%;
}
.s-gray-slider .sgs-wrap .sgs-gray {
width: 100%;
display: block;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 15px;
padding-right: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-gray-slider .sgs-wrap .sgs-itm .sgs-gray .sgs-g-text ul li.active {
padding-left: 25px;
}
.s-gray-slider .sgs-wrap .sgs-itm .sgs-gray .sgs-g-text ul li.active::before {
left: 0;
}
.s-gray-slider .sgs-wrap .sgs-gray .sgs-g-text {
max-width: 100%;
}
.s-gray-slider .sgs-wrap .swiper-button-next {
height: 62px;
width: 58px;
right: -webkit-calc(50% - 58px);
right: calc(50% - 58px);
}
.s-gray-slider .sgs-wrap .swiper-button-prev {
height: 62px;
width: 58px;
left: -webkit-calc(50% - 58px);
left: calc(50% - 58px);
}
.s-contacts-page .scp-flex {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-contacts-page .scp-flex .scp-content {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.s-contacts-page .scp-flex .scp-map {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
min-height: 350px;
}
.s-contacts-page .scp-flex .scp-content .scp-ul li .scp-ul-black {
max-width: 100%;
}
.s-contacts-page .scp-flex .scp-content .scp-ul li .scp-ul-gray {
min-width: 250px;
max-width: 250px;
-webkit-flex-basis: 250px;
-ms-flex-preferred-size: 250px;
flex-basis: 250px;
}
.s-center-btm .scb-contacts .scb-con-itm {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
margin-bottom: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-center-btm .scb-contacts .scb-con-itm:nth-child(1) {
padding-right: 15px;
}
.s-center-btm .scb-contacts .scb-con-itm:nth-child(2) {
padding-right: 15px;
}
.s-center-btm .scb-contacts .my-container.flex {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.s-center-btm .scb-contacts {
padding-top: 20px;
padding-bottom: 10px;
}
.s-center-btm .scm-itm .scm-docs {
position: relative;
right: auto;
top: auto;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
padding-top: 25px;
}
.s-center-btm .scm-itm .scm-docs .scm-d-itm {
padding-left: 55px;
margin-bottom: 15px;
}
.s-center-btm .scm-itm {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-center .sc-items .sc-itm .sc-text .sct-btm-line {
padding-left: 25px;
}
.s-center .sc-items .sc-itm.sc-img-right .sc-text .sct-btm-line {
padding-right: 25px;
}
.s-center .sc-items .sc-itm .sc-text .sct-hdr {
font-size: 34px;
line-height: 34px;
}
.s-center .sc-items .sc-itm .sc-text .sct-co-hdr {
font-size: 16px;
line-height: 28px;
margin-bottom: 10px;
padding-bottom: 10px;
}
.s-center .sc-items .sc-itm .sc-text {
padding-top: 45px;
padding-left: 25px;
}
.s-center .sc-items .sc-itm.sc-img-right .sc-text {
padding-right: 25px;
}
.s-center .sc-items .sc-itm .sc-text p {
font-size: 15px;
line-height: 26px;
margin-left: 25px;
}
.s-header-co-line .my-container.flex {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-nd-gallery .snd-g-wrap .swiper-slide {
height: 280px;
width: 370px;
}
.s-nd-gallery .snd-g-wrap .swiper-wrapper {
-webkit-transform: translate3d(-150px, 0px, 0px);
transform: translate3d(-150px, 0px, 0px);
}
.s-nd-preview.ndp-lab .ndp-flex .ndp-img {
height: 420px;
}
.s-nd-preview.ndp-lab .ndp-flex .ndp-text {
padding-top: 65px;
padding-bottom: 35px;
}
.s-red-slider .swiper-slide .spj-item.spj-about-item .spf-content {
padding-top: 45px;
padding-bottom: 85px;
}
.s-red-slider.srs-about .swiper-button-next {
right: -webkit-calc(45% - 60px);
right: calc(45% - 60px);
}
.s-red-slider.srs-about .swiper-button-prev {
left: -webkit-calc(55% - 60px);
left: calc(55% - 60px);
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-hdr::before {
width: 20px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-hdr {
padding-left: 40px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-status {
padding-left: 40px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
p {
padding-left: 40px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-status::before {
left: 40px;
}
.s-about-description .sad-hdr {
font-size: 22px;
line-height: 28px;
}
.s-about-preview .sap-hdr {
font-size: 22px;
line-height: 28px;
}
.s-about-preview .sap-two p {
font-size: 15px;
line-height: 26px;
}
.s-about-preview .sap-two {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-about-preview .sap-two .btn-with-circle {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.s-about-preview .sap-two p {
margin-bottom: 30px;
}
.s-heading .sh-items .sh-itm {
font-size: 14px;
line-height: 14px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
.s-news-page .snp-row {
max-width: 866px;
}
.s-news-page .snp-row .news-item {
width: -webkit-calc(32.7% - 8px);
width: calc(32.7% - 8px);
}
.s-news-page .snp-row .news-item.ni-big {
width: -webkit-calc(32.7% - 8px);
width: calc(32.7% - 8px);
}
.s-see-more .ssm-items .news-item {
width: -webkit-calc(50% - 7px);
width: calc(50% - 7px);
}
.s-see-more .ssm-items {
max-width: 597px;
margin-left: auto;
margin-right: auto;
}
.s-see-more {
padding-top: 45px;
padding-bottom: 45px;
}
.s-nd-text .nd-gray-wrap {
max-width: 100%;
padding-bottom: 20px;
}
.s-nd-text .nd-gray-wrap .my-container {
margin-right: auto;
}
.s-nd-text .nd-socials {
position: static;
background: #f7f7f7;
padding-bottom: 35px;
padding-top: 20px;
}
.s-nd-text .nd-socials .ndc-icon {
display: inline-block;
}
.s-nd-preview .ndp-flex .ndp-text .ndp-hdr {
max-width: 100%;
}
.s-nd-preview .ndp-flex .ndp-text {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.s-nd-preview .ndp-flex .ndp-img {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
height: 250px;
}
.s-nd-preview .ndp-flex .ndp-text {
padding-top: 65px;
}
.con-item .con-lvl {
top: 0;
}
.con-item .con-bg .con-text {
margin-bottom: 25px;
}
.s-documents .sd-items {
max-width: 498px;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-content {
margin-left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.s-stage-comp .ssc-block {
padding-left: 0px;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-top {
padding-left: 15px;
padding-top: 30px;
padding-bottom: 30px;
font-size: 21px;
line-height: 21px;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-top .circle {
top: 16px;
}
.s-stage-comp .ssc-p {
font-size: 16px;
line-height: 28px;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-content p {
font-size: 15px;
line-height: 26px;
margin-bottom: 20px;
}
.s-for-comp .sfc-block {
padding-left: 0px;
max-width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 30px;
}
.s-for-comp .sfc-block .sfc-b-hdr {
font-size: 22px;
line-height: 28px;
}
.s-for-comp .sfc-block .sfc-b-hdr::before {
display: none;
}
.s-for-comp .sfc-block:nth-child(3) {
padding-left: 0px;
margin-bottom: 0px;
}
.s-comp-goal .my-container.flex {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-comp-goal .my-container.flex .scg-hdr {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 30px;
font-size: 32px;
line-height: 32px;
}
.s-comp-goal .my-container.flex p {
padding-left: 0px;
}
.s-for-comp .sfc-hdr,
.s-stage-comp .ssc-hdr,
.s-documents .sd-hdr {
font-size: 32px;
line-height: 32px;
}
.spd-preview.spd-competition .pre-content {
padding-top: 50px;
padding-right: 15px;
}
.spd-preview.spd-competition .pre-content .pre-name {
font-size: 32px;
line-height: 32px;
}
.spd-preview.spd-competition .pre-content .pre-short-descr {
font-size: 16px;
line-height: 28px;
margin-bottom: 35px;
}
.s-project-page .con-item .con-bg {
max-width: 992px;
width: 100%;
display: block;
}
.s-project-page .con-item {
display: block;
}
.s-project-detail .spd-about-project .ab-flex .ap-block .ap-hdr {
font-size: 32px;
line-height: 32px;
}
.s-project-detail .spd-about-project .ab-flex {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-project-detail .spd-about-project .ab-flex .ap-block {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
min-width: auto;
text-align: left;
padding-bottom: 45px;
}
.s-project-detail .spd-about-project .about-project-slider {
-webkit-box-flex: 100%;
-webkit-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-project-detail
.spd-about-project
.about-project-slider
.swiper-slide
.news-item {
padding-left: 15px;
}
.news-item .ni-text .ni-descr {
font-size: 16px;
line-height: 21px;
}
.news-item .ni-text .ni-date {
font-size: 15px;
}
.s-project-detail .spd-about-project .ab-flex .ap-block .ap-hdr::before {
left: 15px;
}
.s-project-detail .spd-about-project {
padding-top: 45px;
}
.s-red-slider .swiper-slide .spj-item {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-red-slider .swiper-slide .spj-item .spf-content {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding-top: 35px;
padding-bottom: 85px;
}
.s-red-slider .swiper-slide .spj-item .spf-content .spf-text {
max-width: calc(100% - 30px);
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block .srb-hdr {
font-size: 32px;
line-height: 32px;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block .srb-hdr {
left: 0px;
}
.s-project-detail .spd-skills-rewards .sr-row .sr-block .srb-hdr::before {
left: 0;
}
.s-project-detail .spd-spheres .sp-middle .spm-text .spb-t-1 {
font-size: 32px;
line-height: 32px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr {
text-align: left;
position: static;
margin-bottom: 10px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr::before {
display: none;
}
.s-project-detail .spd-spheres .sp-middle .spm-text {
padding-top: 85px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-1 {
margin-top: 74px;
}
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-1,
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-2,
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-3,
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-4,
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-5,
.s-project-detail .spd-spheres .sp-middle .spm-descr.spm-descr-6 {
text-align: left;
}
.s-project-detail .spd-spheres .sp-middle {
width: 100%;
}
.s-project-detail .spd-spheres {
padding-bottom: 15px;
}
.s-project-detail .spd-spheres .sp-middle .spm-text {
min-height: auto;
}
.s-project-detail .spd-spheres .sp-middle::before {
top: 0;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.s-project-detail .spd-text-container .my-container.flex p:nth-child(3) {
padding-left: 45px;
}
.s-project-detail .spd-text-container .my-container.flex p {
font-size: 15px;
line-height: 28px;
}
.s-project-detail .spd-task-sol .my-container .ts-text .tst-nav {
margin-left: 21px;
}
.s-project-detail .spd-task-sol .my-container .ts-text {
position: relative;
left: 0;
top: 0;
max-width: 100%;
}
.s-project-detail .spd-task-sol .my-container .ts-text .tst-hdr::before {
display: none;
}
.s-project-detail .spd-task-sol .my-container .ts-img {
margin-top: 30px;
margin-bottom: 30px;
}
.s-project-detail .spd-task-sol .my-container .ts-number {
left: 15px;
font-size: 32px;
line-height: 32px;
}
.spd-preview .pre-content {
width: 100%;
padding-top: 35px;
padding-bottom: 35px;
}
.spd-preview .pre-content .back {
top: 9px;
}
.spd-preview .pre-img {
width: 100%;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
height: 380px;
}
.spd-preview {
margin-top: 0px;
}
footer .ft-middle-line .ft-ml-middle .soc-icon {
margin-left: 12px;
margin-right: 12px;
}
footer .ft-top-line {
padding-top: 15px;
padding-bottom: 15px;
}
footer .ft-top-line .my-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
footer .ft-top-line .ft-tl-logo {
position: static;
}
footer .ft-top-line .ft-tl-right {
position: static;
}
footer {
padding-top: 0px;
}
footer .ft-bottom-line {
padding-top: 15px;
padding-bottom: 15px;
}
footer .ft-bottom-line .my-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
footer .ft-bottom-line .ft-bl-left {
position: static;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: center;
margin-bottom: 7px;
}
footer .ft-bottom-line .ft-bl-middle {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
footer .ft-bottom-line .ft-bl-right {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
position: static;
text-align: center;
}
.news-item {
padding-left: 15px;
padding-top: 35px;
padding-bottom: 35px;
min-height: 296px;
min-width: 296px;
max-width: 296px;
}
.news-item.big {
min-width: 440px;
max-width: 440px;
}
.news-item .ni-text .ni-hdr {
margin-bottom: 75px;
}
.news-item .ni-text .ni-date span {
margin-left: 0px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-hdr {
max-width: 100%;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-hdr br {
display: none;
}
.s-red-slider .swiper-slide .spf-item {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-red-slider .swiper-slide .spf-item .spf-content {
-webkit-flex-basis: 60%;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
}
.s-red-slider .swiper-slide .spf-item .spf-image {
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
.s-red-slider .swiper-button-next,
.s-red-slider .swiper-button-prev {
top: auto;
bottom: 0;
height: 60px;
width: 60px;
bottom: auto;
margin-top: -60px;
}
.s-red-slider .swiper-button-prev {
left: -webkit-calc(50% - 60px);
left: calc(50% - 60px);
}
.s-red-slider .swiper-button-next {
right: -webkit-calc(50% - 60px);
right: calc(50% - 60px);
}
.s-contests {
padding-bottom: 10px;
padding-top: 35px;
}
.s-contests .contests-slider {
margin-top: 25px;
}
.s-contests .contests-slider .con-item .con-bg {
height: 270px;
width: 520px;
}
.con-item {
padding-left: 175px;
}
.con-item.con-right {
padding-right: 175px;
}
.s-contests .contests-slider .swiper-slide {
width: 695px;
}
.s-fond .sf-middle {
padding-top: 0;
height: auto;
text-align: center;
width: auto;
}
.s-fond .sf-middle::before {
display: none;
}
.s-fond .sf-middle .sfm-descr {
position: static;
display: block;
margin-bottom: 15px;
}
.s-project-detail .spd-about-project .ab-flex .ap-block .ap-hdr {
padding-left: 15px;
}
.skill-slider {
margin-right: 0;
}
.s-project-detail
.spd-about-project
.about-project-slider
.swiper-slide
.news-item {
height: 300px;
}
.s-project-detail .spd-about-project {
padding-top: 100px;
}
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
.s-con-winner .scw-itm .scw-i-hdr {
max-width: 100%;
min-width: 1px;
padding-right: 0px;
margin-right: 0px;
}
.switch-btn {
display: none;
}
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm .mmm-descr,
.main-mnu .my-container.flex .mm-solo-block .mmm-itm .mmm-descr {
font-size: 16px;
line-height: 19px;
}
.s-con-winner .scw-itm {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-con-winner .scw-itm .scw-i-hdr::before {
display: none;
}
.s-con-winner .scw-itm {
margin-bottom: 10px;
}
footer .ft-top-line .my-container {
display: block;
}
footer .ft-top-line .ft-tl-right {
text-align: center;
padding-top: 15px;
position: relative;
}
footer .ft-top-line .ft-tl-right::before {
content: "";
position: absolute;
left: -15px;
width: -webkit-calc(100% + 30px);
width: calc(100% + 30px);
top: 0;
background: #f2f2f2;
height: 1px;
}
footer .ft-top-line .ft-tl-logo {
margin-bottom: 10px;
}
footer .ft-top-line .ft-tl-mnu {
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
footer .ft-top-line .ft-tl-mnu li {
margin-bottom: 12px;
}
.form-project.fp-thx-form .fp-flex .fp-text .fp-btn {
right: auto;
left: 0;
}
.form-project .fp-flex .fp-text .fp-co-hdr {
font-size: 16px;
line-height: 22px;
}
.sr-for-headers .sf-fh-bg::before {
width: 500px;
}
.s-header-slider .swiper-container .shs-itm .shs-text::before {
bottom: 0;
}
.s-red-slider.srs-about .swiper-button-next {
right: -webkit-calc(50% - 60px);
right: calc(50% - 60px);
}
.s-red-slider.srs-about .swiper-button-prev {
left: -webkit-calc(50% - 60px);
left: calc(50% - 60px);
}
.s-red-slider .swiper-slide .spj-item .spf-image {
display: none;
}
.s-red-slider .swiper-slide .spj-item .spf-content {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.s-red-slider .swiper-slide .spj-item.spj-about-item .spf-image {
display: none;
}
.s-red-slider .swiper-slide .spj-item.spj-about-item .spf-content {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.s-red-slider .swiper-slide .spf-item .spf-image {
display: none;
}
.s-red-slider .swiper-slide .spf-item .spf-content {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.s-header-slider .swiper-container .shs-itm .shs-text {
margin-bottom: 0px;
padding-bottom: 40px;
padding-top: 15px;
}
.s-header-slider {
padding-top: 85px;
}
.form-project.fp-other .fp-flex .fp-text {
width: auto;
min-width: 290px;
}
.s-contests .contests-slider .con-item .con-bg {
height: auto;
padding-bottom: 205px;
}
.s-contests .contests-slider .con-item .con-bg .con-img {
width: 100%;
height: 260px;
bottom: 0;
top: auto;
}
.s-contests .contests-slider .con-item.con-right .con-bg .con-text {
text-align: left;
}
.con-item .con-bg .con-text .ct-p::before {
display: none;
}
.s-social .ya-share2__container_size_m .ya-share2__item {
margin-left: 5px;
margin-right: 5px;
}
.s-social .ya-share2__container_size_m .ya-share2__icon {
width: 60px;
height: 60px;
}
.s-center-btm .scm-itm::before {
display: none;
}
.s-center-btm .scm-itm::after {
display: none;
}
.s-center-btm .scm-itm .scm-text {
padding-left: 0px;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: center;
padding-top: 25px;
}
.s-center-btm .scm-itm .scm-text .scm-t-hdr {
font-size: 21px;
line-height: 21px;
margin-bottom: 10px;
}
.s-center-btm .scm-itm .scm-text .scm-t-descr {
margin-left: auto;
margin-right: auto;
}
.s-center-btm .scm-itm .scm-photo {
margin-left: auto;
margin-right: auto;
}
.s-center .sc-items .sc-itm .sc-img {
display: none;
}
.s-center .sc-items .sc-itm .sc-text .sct-btm-line {
bottom: 0;
}
.s-center .sc-items .sc-itm .sc-text {
padding-bottom: 75px;
padding-left: 0px;
}
.s-center .sc-items .sc-itm.sc-img-right .sc-text {
padding-right: 0px;
}
.form-project {
padding-left: 15px;
padding-right: 15px;
max-width: 320px;
}
.form-project .fp-close {
left: auto;
right: 5px;
top: 20px;
border: 1px solid #f83854;
}
.form-project .fp-flex .fp-text .fp-hdr {
font-size: 22px;
line-height: 26px;
margin-bottom: 15px;
}
.form-project .fp-flex .fp-text .fp-row {
margin-bottom: 5px;
}
.form-project .fp-flex .fp-text {
padding-bottom: 90px;
}
.form-project .fp-flex .fp-text .fp-btn {
right: auto;
left: 0;
z-index: 1;
}
.form-project .fp-flex .fp-text .fp-row .fp-inp {
padding-top: 7px;
padding-bottom: 7px;
font-size: 14px;
line-height: 14px;
}
.form-project .fp-flex .fp-text .fp-row .fp-descr {
font-size: 14px;
line-height: 16px;
padding-top: 7px;
margin-bottom: 1px;
}
.form-project .fp-flex .fp-text .fp-answers {
bottom: 65px;
}
.form-project .fp-flex .fp-text .fp-docs {
padding-left: 30px;
padding-right: 15px;
font-size: 10px;
line-height: 10px;
}
.form-project .fp-flex .fp-text .fp-docs::before {
left: 12px;
}
.form-project .fp-flex .fp-text .fp-docs::after {
width: -webkit-calc(100% - 45px);
width: calc(100% - 45px);
left: 30px;
bottom: 11px;
}
.s-labs .sl-map .slm-point .slm-hidden .slm-arrow {
width: 36px;
height: 36px;
bottom: 19px;
right: 77px;
}
.s-see-more.ssm-with-top .my-container .ssm-top-line {
padding-top: 30px;
}
.s-see-more.ssm-with-top .my-container .ssm-top-line .ssm-tl-hdr {
font-size: 28px;
line-height: 28px;
}
.s-nd-preview.ndp-lab .ndp-flex .ndp-img {
height: 340px;
}
.s-labs .sl-map .slm-point .slm-hidden {
width: 290px;
height: 290px;
padding-top: 10px;
}
.s-labs .sl-map .slm-point .slm-hidden .slm-h-city {
font-size: 13px;
line-height: 19px;
padding-bottom: 9px;
margin-bottom: 15px;
}
.s-labs .sl-map .slm-point .slm-hidden .slm-h-hdr {
font-size: 12px;
line-height: 16px;
}
.s-labs .sl-map .slm-point .slm-hidden .slm-h-descr {
font-size: 10px;
line-height: 18px;
}
.s-labs .sl-map .slm-point .slm-hidden::after {
bottom: 33px;
}
.s-labs .sl-map .slm-point .slm-hidden {
bottom: -33px;
}
.s-labs .sl-text {
top: 15px;
}
.s-labs .sl-text .slt-hdr {
font-size: 28px;
line-height: 34px;
margin-bottom: 10px;
}
.s-labs .sl-text .slt-descr {
font-size: 12px;
line-height: 16px;
}
.s-labs .btn-with-circle {
bottom: 30px;
}
.s-labs .sl-map {
width: 400px;
height: 216px;
}
.s-labs .sl-map .slm-point.slm-with-descr .slm-pw-descr {
font-size: 15px;
line-height: 15px;
}
.s-labs .sl-map .slm-point.slm-with-descr.slm-descr-top .slm-pw-descr {
top: -19px;
}
.s-labs .sl-map .slm-point.slm-with-descr .slm-pw-descr {
bottom: -19px;
}
.s-labs .sl-map .slm-point {
width: 6px;
height: 6px;
}
.s-labs .sl-map .slm-point.slm-big {
width: 15px;
height: 15px;
}
.s-labs .sl-map .slm-point .slm-hidden::after {
width: 6px;
height: 6px;
margin-left: -3px;
}
.s-labs .sl-map .slm-point.slm-big .slm-hidden::after {
width: 15px;
height: 15px;
margin-left: -7.5px;
}
.s-about-description.sad-lab .sad-itm .sad-text::after {
right: 0;
}
.s-about-description.sad-lab .sad-itm .sad-text::before {
left: 0;
max-width: 100%;
}
.s-about-description .sad-row .sad-text:nth-child(2) .sadt-img {
display: none;
}
.s-about-description .sad-row .sad-text .sadt-hdr {
padding-left: 25px;
}
.s-about-description .sad-row .sad-text .sadt-hdr::before {
width: 14px;
}
.s-about-description .sad-row .sad-text .sadt-hdr-2 {
padding-left: 45px;
}
.s-about-description .sad-row .sad-text .sadt-p {
padding-left: 45px;
max-width: 100%;
}
.s-about-description .sad-row .sad-text .sadt-p::before {
left: 0px;
}
.s-about-description .sad-row .sad-text .sadt-p::after {
right: 0;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-hdr {
padding-left: 0px;
font-size: 21px;
line-height: 28px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-hdr::before {
display: none;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-status {
padding-left: 0px;
font-size: 17px;
line-height: 28px;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
.spf-status::before {
left: 0;
}
.s-red-slider
.swiper-slide
.spj-item.spj-about-item
.spf-content
.spf-text
p {
padding-left: 0px;
font-size: 15px;
line-height: 28px;
}
.s-innovations .si-text {
padding-top: 45px;
}
.s-innovations .si-text .sit-hdr {
font-size: 24px;
line-height: 24px;
letter-spacing: 15px;
margin-bottom: 7px;
}
.s-innovations .si-text .sit-descr-1 {
font-size: 16px;
line-height: 26px;
letter-spacing: 1px;
margin-bottom: 5px;
}
.s-innovations {
height: 330px;
}
.s-innovations canvas {
top: auto;
bottom: -200px;
}
.s-news-page .snp-row .news-item {
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
max-width: 100%;
margin-left: 15px;
margin-right: 15px;
}
.s-news-page .snp-row .news-item.ni-big {
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
max-width: 100%;
margin-left: 15px;
margin-right: 15px;
}
.s-news-page .snp-wrap-btn .snp-btn {
left: 0;
width: 100%;
margin-left: 15px;
margin-right: 15px;
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
}
.s-see-more .ssm-items {
max-width: 308px;
}
.s-see-more .ssm-items .news-item {
width: 100%;
}
.s-header-line .shl-arr {
top: 20px;
bottom: auto;
}
.s-project-page.spp-compit .con-item .con-bg .con-text {
max-width: 290px;
}
.s-project-page.spp-compit .con-item.con-right .con-lvl {
left: auto;
text-align: right;
}
.s-project-page.spp-compit .con-item .con-lvl {
top: 15px;
}
.con-item .con-lvl {
left: 15px;
max-width: 100%;
}
.con-item .con-lvl br {
display: none;
}
.con-item.con-right .con-lvl {
right: auto;
left: 15px;
text-align: left;
}
.s-for-comp .sfc-hdr,
.s-stage-comp .ssc-hdr,
.s-documents .sd-hdr {
font-size: 24px;
line-height: 24px;
}
.s-for-comp .sfc-block .sfc-b-hdr {
font-size: 19px;
line-height: 24px;
}
.s-comp-goal .my-container.flex p {
font-size: 15px;
line-height: 24px;
}
.s-project-page .con-item.con-right .con-bg .con-text {
bottom: 0;
top: auto;
}
.s-project-page .con-item .con-bg .con-text {
bottom: 0;
top: auto;
}
.s-project-page .con-item .con-bg .ct-p {
margin-bottom: 35px;
}
.s-project-page .con-item .con-bg {
height: 335px;
}
.s-red-slider .swiper-slide .spj-item .spf-image {
height: 360px;
}
.s-project-detail .spd-text-container .my-container.flex p {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.s-project-detail .spd-text-container .my-container.flex p:nth-child(3) {
padding-left: 0px;
}
.s-project-detail .spd-text-container {
padding-top: 45px;
}
.spd-preview .pre-content .pre-name {
font-size: 34px;
line-height: 34px;
letter-spacing: 0px;
}
.spd-preview .pre-content .pre-short-descr {
font-size: 17px;
line-height: 28px;
margin-bottom: 35px;
}
.s-header-line .shl-hdr {
font-size: 24px;
line-height: 24px;
}
.s-header-line {
padding-top: 20px;
}
footer .ft-middle-line .ft-ml-left {
position: static;
text-align: center;
margin-bottom: 5px;
}
footer .ft-middle-line .ft-ml-right {
position: static;
}
footer .ft-middle-line .ft-ml-middle {
top: 0;
}
footer .ft-middle-line {
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
}
.s-red-slider .swiper-slide .spf-item .spf-image {
height: 360px;
}
.s-red-slider .swiper-button-next,
.s-red-slider .swiper-button-prev {
top: auto;
bottom: 0;
}
.con-item .con-bg .con-text {
max-width: 230px;
left: 15px;
margin-bottom: 0px;
bottom: auto;
top: 30px;
}
.con-item.con-right .con-bg .con-text {
right: auto;
left: 15px;
}
.con-item {
padding-left: 0px;
}
.s-contests .contests-slider {
padding-left: 15px;
padding-right: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-contests .contests-slider .con-item .con-bg {
width: 260px;
height: 240px;
}
.s-contests .contests-slider .swiper-slide {
width: 260px;
}
.con-item .con-bg .con-text .ct-hdr {
font-size: 20px;
line-height: 24px;
}
.con-item .con-bg .con-text .ct-p {
font-size: 14px;
line-height: 21px;
}
.fg-top-line .sg-left .sgl-p {
padding-left: 20px;
margin-left: 20px;
font-size: 13px;
line-height: 18px;
}
.fg-top-line .sg-left .sgl-hdr {
font-size: 24px;
line-height: 24px;
}
.s-fond .sf-hdr {
font-size: 21px;
line-height: 26px;
margin-bottom: 10px;
}
.s-fond .sf-descr {
font-size: 17px;
line-height: 19px;
margin-bottom: 35px;
}
.s-header-slider .swiper-container .shs-itm .shs-bg {
display: block;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.s-header-slider .swiper-container .shs-itm {
display: block;
}
.s-header-slider .shs-wrap,
.s-header-slider .swiper-container {
height: 229px;
}
.s-header-slider .swiper-container .shs-itm .shs-bg .shs-square-wrap {
display: none;
}
.s-header-slider .swiper-container .shs-itm {
height: 229px;
padding-right: 45px;
}
.s-header-slider
.shs-wrap
.swiper-pagination-bullets
.swiper-pagination-bullet {
margin-bottom: 14px;
}
.s-header-slider .shs-wrap .swiper-pagination-bullets {
margin-top: -68px;
right: 12px;
}
.s-red-slider .swiper-slide .spj-item .spf-content {
margin-left: 0;
padding-left: 15px;
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 600px) {
.s-header-slider .swiper-container .shs-itm .shs-bg {
background-position: 100px 50%;
}
.s-header-slider .shs-wrap .swiper-pagination-bullets {
margin-top: 0px;
right: auto;
left: 10px;
top: auto;
bottom: 25px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: auto;
}
.s-header-slider
.shs-wrap
.swiper-pagination-bullets
.swiper-pagination-bullet {
display: inline-block;
margin-bottom: 0px;
margin-left: 7px;
margin-right: 7px;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-1 {
font-size: 10px;
line-height: 16px;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-1 .red {
font-size: 14px;
line-height: 16px;
margin-right: 7px;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-2 {
font-size: 17px;
line-height: 21px;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-3 {
font-size: 12px;
line-height: 15px;
}
.s-documents .sd-items .sd-itm {
max-width: 200px;
min-width: 200px;
}
.form-project::after {
display: none;
}
.form-project {
max-width: 100%;
width: 100%;
}
.form-project .fp-flex .fp-text {
width: 100%;
}
.form-project {
-webkit-transition: 0s;
-o-transition: 0s;
transition: 0s;
}
header .top-line .tl-right .tlr-pa {
margin-left: 15px;
}
header .top-line .tl-right .tlr-search {
margin-left: 15px;
}
header .top-line .tl-right .hamburger {
margin-left: 15px;
}
header .top-line .tl-right .tlr-prj {
display: none;
}
.main-mnu .my-container.flex .mm-left .mml-top .mml-num span {
width: 60px;
}
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm {
width: 50%;
}
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm:nth-child(4) {
border-bottom: 1px solid #90949d;
border-left: none;
}
.main-mnu .my-container.flex .mm-middle .mmm-items .mmm-itm:nth-child(1) {
border-left: none;
}
.s-gray-slider
.sgs-wrap
.sgs-itm
.sgs-content
.sgs-people
.sgs-ppl
.ppl-name {
max-width: 100%;
}
.s-gray-slider
.sgs-wrap
.sgs-itm
.sgs-content
.sgs-people
.sgs-ppl
.ppl-status {
max-width: 100%;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-content ul li {
font-size: 15px;
line-height: 26px;
padding-left: 30px;
}
.s-stage-comp .ssc-block .ssc-itm .ssc-content ul li::before {
top: 13px;
}
.s-contacts-page .scp-flex .scp-content .scp-ul li {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 15px;
}
.s-contacts-page .scp-flex .scp-content .scp-hdr {
font-size: 21px;
line-height: 21px;
margin-bottom: 15px;
}
.s-contacts-page .scp-flex .scp-content .scp-descr {
font-size: 16px;
line-height: 21px;
margin-bottom: 15px;
}
.s-contacts-page .scp-flex .scp-content .scp-ul li .scp-ul-gray {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
min-width: auto;
max-width: 100%;
}
.s-nd-gallery .snd-g-wrap .swiper-slide {
height: 200px;
width: 290px;
}
.s-nd-gallery .snd-g-wrap .swiper-wrapper {
-webkit-transform: translate3d(-130px, 0px, 0px);
transform: translate3d(-130px, 0px, 0px);
}
.s-nd-text.ndt-lab .nd-gray-wrap .my-container .ndt-block {
padding-left: 19px;
padding-right: 15px;
padding-top: 25px;
}
.s-nd-text.ndt-lab .nd-gray-wrap .my-container .ndt-block .ndt-b-flex {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s-nd-text.ndt-lab
.nd-gray-wrap
.my-container
.ndt-block
.ndt-b-flex
.ndt-b-img {
margin-left: auto;
margin-right: auto;
}
.s-nd-text.ndt-lab
.nd-gray-wrap
.my-container
.ndt-block
.ndt-b-flex
.ndt-b-text {
padding-left: 0px;
padding-top: 20px;
text-align: center;
}
.s-documents .sd-items .sd-itm {
max-width: 200px;
height: 279px;
}
.s-documents .sd-items .sd-itm::before {
width: 200px;
background-size: contain;
height: 279px;
}
.s-documents .sd-items .sd-itm .sd-descr-1 {
font-size: 15px;
line-height: 24px;
margin-bottom: 5px;
}
.s-documents .sd-items .sd-itm .sd-descr-2 {
font-size: 14px;
line-height: 19px;
margin-bottom: 10px;
}
.s-documents .sd-items .sd-itm .sd-descr-3 {
font-size: 14px;
line-height: 24px;
}
.s-documents .sd-items .sd-itm {
padding-left: 15px;
}
.s-documents .sd-text p {
font-size: 15px;
line-height: 28px;
margin-bottom: 20px;
}
.s-project-detail .spd-spheres .sp-middle::before {
display: none;
}
.s-project-detail .spd-spheres .sp-middle .spm-text .spb-t-1::before {
margin-left: -129px;
top: -40px;
}
.s-project-detail .spd-task-sol .my-container .ts-dw-prj-wrap .ts-dw {
left: 0;
margin-bottom: 30px;
}
.s-project-detail .spd-task-sol .my-container .ts-dw-prj-wrap {
max-width: 270px;
margin-top: 35px;
}
.s-project-detail .spd-task-sol {
padding-bottom: 35px;
}
.news-item .ni-text .ni-descr {
font-size: 16px;
line-height: 22px;
}
.news-item.big {
min-width: 270px;
max-width: 270px;
}
.news-item {
min-width: 270px;
max-width: 270px;
}
.fg-top-line {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
padding-top: 35px;
padding-bottom: 25px;
}
.fg-top-line .sg-left {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.fg-top-line .sg-right {
position: absolute;
right: 0px;
top: 0px;
}
}
@media only screen and (max-width: 480px) {
.s-gray-slider .sgs-wrap .sgs-logos .sgs-lg img {
max-width: 80px;
}
.s-red-slider.srs-about .swiper-button-prev {
left: -webkit-calc(50% - 60px);
left: calc(50% - 60px);
right: auto;
}
.s-red-slider.srs-about .swiper-button-next {
left: auto;
right: -webkit-calc(50% - 60px);
right: calc(50% - 60px);
}
.s-con-winner .scw-descr {
font-size: 15px;
line-height: 26px;
margin-bottom: 30px;
}
.s-con-winner .scw-itm .scw-content p {
font-size: 19px;
line-height: 26px;
}
.s-con-winner .scw-p {
font-size: 15px;
line-height: 26px;
}
.s-nd-preview .ndp-flex .ndp-text .pre-watch {
position: relative;
right: 0;
bottom: 0;
top: 0;
left: 0;
margin-top: 25px;
display: inline-block;
}
.s-nd-preview .ndp-flex .ndp-text {
padding-right: 15px;
}
.s-header-slider .swiper-container .shs-itm .shs-text {
padding-top: 30px;
padding-bottom: 0px;
}
.s-project-page .con-item .con-bg .con-img {
background-position: 0 50%;
}
.s-project-page .con-item.con-right .con-bg .con-text {
right: auto;
left: 15px;
text-align: left;
}
.s-project-page .con-item.con-right .con-theme {
text-align: left;
right: auto;
left: 15px;
}
.s-header-slider
.swiper-container
.swiper-slide:nth-child(2)
.shs-itm
.shs-bg {
background-position: 300px 50%;
}
.s-header-slider
.swiper-container
.swiper-slide:nth-child(3)
.shs-itm
.shs-bg {
background-position: 200px 50%;
}
.s-header-slider
.swiper-container
.swiper-slide:nth-child(7)
.shs-itm
.shs-bg {
background-position: 190px 50%;
}
.s-header-slider .swiper-container .shs-itm .shs-bg {
background-position: 250px 50%;
}
.s-gray-slider .sgs-wrap .sgs-content-wrap .sgs-items-prav .sgs-itm {
width: 50%;
}
.s-news {
padding-top: 38px;
}
.s-news .fg-top-line .sg-right {
right: 15px;
}
.s-news .fg-top-line {
padding-bottom: 35px;
}
.s-news .news-slider {
padding-left: 19px;
padding-right: 0px;
}
.s-contests .contests-slider .swiper-slide {
width: 280px;
}
.s-contests .contests-slider .con-item .con-bg {
height: 195px;
}
.s-contests .contests-slider {
padding-left: 35px;
padding-right: 0px;
}
.s-contests .con-item .con-bg .con-text .ct-hdr {
font-size: 25px;
line-height: 28px;
width: 280px;
}
.s-contests .contests-slider .con-item .con-bg .con-img {
height: 144px;
width: 280px;
}
.s-contests .con-item .con-bg .con-text .ct-p::after {
content: "";
position: absolute;
top: 130px;
left: 0;
width: 11px;
height: 11px;
background: #ff3a3a;
border-radius: 50%;
}
.s-contests .contests-slider .con-item .con-bg {
padding-bottom: 160px;
}
.s-contests .con-item .con-bg .con-text {
bottom: auto;
top: 0;
left: 0;
}
.s-contests .contests-slider {
margin-top: 0px;
}
.fg-top-line {
padding-left: 35px;
padding-right: 35px;
}
.fg-top-line .sg-right {
right: 15px;
top: 5px;
}
.fg-top-line .sg-right .btn-burger {
width: 23px;
height: 11px;
padding: 0;
margin: 0;
}
.fg-top-line .sg-right .btn-burger .bur {
top: 0;
}
.fg-top-line .sg-right .bb-descr {
display: none;
}
.fg-top-line .sg-left .sgl-hdr {
font-size: 35px;
line-height: 35px;
font-family: "CirceRegular", sans-serif;
}
.s-fond {
padding-top: 56px;
padding-bottom: 39px;
}
.s-contests {
padding-top: 48px;
}
.fg-top-line {
padding-top: 0px;
}
.s-fond .sf-hdr {
margin-bottom: 16px;
}
.s-fond .sf-descr {
margin-bottom: 56px;
}
.s-fond .sf-middle .sfm-descr {
margin-bottom: 37px;
}
.fg-top-line .sg-left .sgl-p {
display: block;
position: relative;
margin: 0;
padding: 0;
padding-top: 16px;
margin-top: 11px;
}
.fg-top-line .sg-left .sgl-p::before {
left: 0;
height: 1px;
width: 72px;
top: 0;
margin-top: 0px;
}
.fg-top-line .sg-left {
display: block;
}
.s-fond .sf-a {
width: 54px;
height: 54px;
bottom: -27px;
}
.s-fond .sf-a::before {
width: 17px;
}
.s-fond .sf-a::after {
height: 17px;
}
.s-fond .sf-middle .sfm-descr {
text-align: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 40px;
position: relative;
}
.s-fond .sf-middle .sfm-descr::before {
content: "";
position: absolute;
left: 0;
width: 21px;
height: 4px;
top: 50%;
margin-top: -2.7px;
}
.s-fond .sf-middle .sfm-descr.sfm-descr-1 {
top: auto;
left: auto;
right: auto;
bottom: auto;
}
.s-fond .sf-middle .sfm-descr.sfm-descr-1::before {
background: #00c5c5;
}
.s-fond .sf-middle .sfm-descr.sfm-descr-2 {
top: auto;
left: auto;
right: auto;
bottom: auto;
}
.s-fond .sf-middle .sfm-descr.sfm-descr-2::before {
background: #ff3a3a;
}
.s-fond .sf-middle .sfm-descr.sfm-descr-3 {
top: auto;
left: auto;
right: auto;
bottom: auto;
}
.s-fond .sf-middle .sfm-descr.sfm-descr-3::before {
background: #00c5c5;
}
.s-fond .sf-middle .sfm-descr.sfm-descr-4 {
top: auto;
left: auto;
right: auto;
bottom: auto;
}
.s-fond .sf-middle .sfm-descr.sfm-descr-4::before {
background: #ff3a3a;
}
.s-fond {
text-align: center;
}
header .top-line .tl-right .tlr-search {
display: none;
}
header .top-line .tl-right .tlr-pa {
display: none;
}
.s-header-slider .swiper-container .shs-itm .shs-text::before {
display: none;
}
.cursor-circle {
display: none;
}
header .top-line .tl-right .tlr-search .tlr-s-hidden {
width: 170px;
}
header .top-line .tl-right .tlr-search.active .tlr-s-hidden {
right: 152px;
}
.s-gray-slider .sgs-wrap .sgs-itm .sgs-gray .sgs-g-text ul li.active {
font-size: 24px;
line-height: 24px;
margin-bottom: 10px;
}
.s-gray-slider .sgs-wrap .sgs-itm .sgs-gray .sgs-g-text ul li {
margin-bottom: 15px;
}
.s-center-btm .scb-contacts .scb-con-itm {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-center-btm .scb-contacts .scb-con-itm:nth-child(1) {
padding-right: 0px;
}
.s-center-btm .scb-contacts .scb-con-itm:nth-child(2) {
padding-right: 0px;
}
.sr-for-headers .sf-fh-hdr {
font-size: 22px;
line-height: 28px;
}
.sr-for-headers {
padding-top: 45px;
}
.sr-for-headers .sf-fh-bg {
top: 0;
height: 121px;
}
.s-header-co-line .sh-cl-itm {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-left: 0px;
padding-right: 0px;
}
.s-see-more.ssm-with-top .my-container .ssm-top-line .ssm-tl-hdr {
font-size: 24px;
line-height: 24px;
}
.s-nd-text.ndt-lab .nd-gray-wrap .my-container .ndt-block::after {
display: none;
}
.s-nd-text.ndt-lab .nd-gray-wrap .my-container .ndt-block::before {
width: 2px;
}
.s-nd-text.ndt-lab .nd-gray-wrap .my-container .ndt-block {
padding-left: 17px;
}
.s-nd-text.ndt-lab .nd-gray-wrap .my-container .ndt-block p {
font-size: 15px;
line-height: 26px;
}
.s-nd-preview.ndp-lab .ndp-flex .ndp-img {
height: 230px;
}
.s-nd-preview.ndp-lab .ndp-flex .ndp-text .ndp-p {
font-size: 15px;
line-height: 24px;
}
.s-nd-preview.ndp-lab .ndp-flex .ndp-text .ndp-p br {
display: none;
}
.s-nd-preview.ndp-lab .ndp-flex .ndp-text .ndp-hdr {
font-size: 21px;
line-height: 26px;
}
.s-nd-preview.ndp-lab .ndp-flex .ndp-text .ndp-hdr br {
display: none;
}
.s-labs .my-container {
padding-top: 100px;
padding-bottom: 70px;
}
.s-labs .sl-map {
width: 290px;
height: 156px;
}
.s-about-preview .sap-hdr {
font-size: 19px;
line-height: 26px;
}
.s-about-description .sad-hdr {
font-size: 19px;
line-height: 26px;
}
.s-nd-preview .ndp-flex .ndp-text .ndp-hdr {
font-size: 21px;
line-height: 26px;
}
.s-social .ss-icons .ss-icn {
margin-left: 10px;
margin-right: 10px;
}
.s-social .ss-share {
margin-bottom: 20px;
}
.s-social {
padding-bottom: 21px;
}
.s-social .ss-icons {
max-width: 200px;
margin-left: auto;
margin-right: auto;
}
.s-red-slider .swiper-slide .spj-item .spf-image {
height: 260px;
}
.s-red-slider .swiper-slide .spj-item .spf-content .spf-text .spf-hdr {
font-size: 21px;
line-height: 21px;
margin-bottom: 15px;
}
.s-red-slider .swiper-slide .spj-item .spf-content .spf-text p {
font-size: 15px;
line-height: 28px;
}
.spd-preview .pre-img {
height: 290px;
}
.spd-preview .pre-content .pre-watch {
position: relative;
right: 0;
top: 0;
display: inline-block;
}
.spd-preview .pre-content {
padding-right: 15px;
}
.spd-preview .pre-content .pre-p {
margin-bottom: 20px;
}
footer .ft-top-line .my-container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
footer .ft-top-line .ft-tl-logo {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
footer .ft-top-line {
padding-bottom: 0px;
padding-top: 23px;
}
footer .ft-top-line .ft-tl-logo img {
max-width: 125px;
}
footer .ft-top-line .ft-tl-right .ft-tl-r-con {
margin-bottom: 0px;
}
.s-red-slider .swiper-slide .spf-item .spf-image {
height: 260px;
}
.s-red-slider .swiper-button-next,
.s-red-slider .swiper-button-prev {
top: auto;
bottom: 0;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-line {
width: 100%;
height: 68px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-line::after {
left: 35px;
top: auto;
bottom: 0;
height: 1px;
width: -webkit-calc(100% - 70px);
width: calc(100% - 70px);
}
.s-red-slider .swiper-slide .spf-item .spf-content {
padding-top: 112px;
padding-left: 35px;
padding-right: 35px;
padding-bottom: 121px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-numbers span {
padding-left: 112px;
margin-left: 5px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-numbers {
font-size: 18px;
line-height: 18px;
margin-bottom: 35px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-numbers span::before {
width: 99px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-hdr {
font-size: 20px;
line-height: 28px;
margin-bottom: 39px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-hdr span {
display: block;
}
.s-red-slider .swiper-button-prev {
left: 0;
bottom: 0;
}
.s-red-slider .swiper-button-next {
left: 60px;
bottom: 0;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-line .btn-burger {
left: auto;
right: 15px;
top: 22px;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-line .spf-line-descr {
left: 76px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: 35px;
font-size: 19.64px;
line-height: 22px;
font-family: "CirceRegular", sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.s-red-slider .swiper-slide .spf-item .spf-content .spf-line .btn-burger {
left: 46px;
right: auto;
top: 33px;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-1 span {
margin-right: 9px;
}
.s-header-slider .swiper-container .shs-itm .shs-text .shs-t-2 {
font-size: 24px;
line-height: 32px;
left: 0px;
margin-bottom: 10px;
}
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
/**/
}
.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
background-size: auto;
}