.gg-form-skin html,.gg-form-skin body,.gg-form-skin div,.gg-form-skin span,.gg-form-skin applet,.gg-form-skin object,.gg-form-skin iframe,.gg-form-skin main,.gg-form-skin h1,.gg-form-skin h2,.gg-form-skin h3,.gg-form-skin h4,.gg-form-skin h5,.gg-form-skin h6,.gg-form-skin p,.gg-form-skin blockquote,.gg-form-skin pre,.gg-form-skin a,.gg-form-skin abbr,.gg-form-skin acronym,.gg-form-skin address,.gg-form-skin big,.gg-form-skin cite,.gg-form-skin code,.gg-form-skin del,.gg-form-skin dfn,.gg-form-skin em,.gg-form-skin img,.gg-form-skin ins,.gg-form-skin kbd,.gg-form-skin q,.gg-form-skin s,.gg-form-skin samp,.gg-form-skin small,.gg-form-skin strike,.gg-form-skin strong,.gg-form-skin sub,.gg-form-skin sup,.gg-form-skin tt,.gg-form-skin var,.gg-form-skin b,.gg-form-skin u,.gg-form-skin i,.gg-form-skin center,.gg-form-skin dl,.gg-form-skin dt,.gg-form-skin dd,.gg-form-skin ol,.gg-form-skin ul,.gg-form-skin li,.gg-form-skin fieldset,.gg-form-skin form,.gg-form-skin button,.gg-form-skin label,.gg-form-skin legend,.gg-form-skin table,.gg-form-skin caption,.gg-form-skin tbody,.gg-form-skin tfoot,.gg-form-skin thead,.gg-form-skin tr,.gg-form-skin th,.gg-form-skin td,.gg-form-skin article,.gg-form-skin aside,.gg-form-skin canvas,.gg-form-skin details,.gg-form-skin embed,.gg-form-skin figure,.gg-form-skin figcaption,.gg-form-skin footer,.gg-form-skin header,.gg-form-skin menu,.gg-form-skin nav,.gg-form-skin output,.gg-form-skin ruby,.gg-form-skin section,.gg-form-skin summary,.gg-form-skin time,.gg-form-skin mark,.gg-form-skin audio,.gg-form-skin video{
margin: 0;
padding: 0;
border: 0;
font: inherit;
outline: none;
vertical-align: baseline;
box-sizing: border-box;
}
.gg-form-skin main,.gg-form-skin article,.gg-form-skin aside,.gg-form-skin details,.gg-form-skin figcaption,.gg-form-skin figure,.gg-form-skin footer,.gg-form-skin header,.gg-form-skin menu,.gg-form-skin nav,.gg-form-skin section{
display: block;
}
.gg-form-skin html{
font: 400 5vw/1.25rem "Raleway", sans-serif;
}
@media screen and (min-width: 580px){.gg-form-skin html{
font-size: 2.08333vw;
}}
@media screen and (min-width: 769px){.gg-form-skin html{
font-size: 1.25vw;
}}
@media (min-width: 1280px){.gg-form-skin html{
font-size: 16px;
}}
.gg-form-skin body{
color: #272733;
background-color: #ffffff;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
}
.gg-form-skin html,.gg-form-skin body{
min-height: 100%;
}
.gg-form-skin h1,.gg-form-skin h2,.gg-form-skin h3,.gg-form-skin h4,.gg-form-skin h5,.gg-form-skin h6,.gg-form-skin .h1,.gg-form-skin .h2,.gg-form-skin .h3,.gg-form-skin .h4,.gg-form-skin .h5,.gg-form-skin .h6{
color: #272733;
font-weight: 400;
}
.gg-form-skin h1:not(:last-child),.gg-form-skin h2:not(:last-child),.gg-form-skin h3:not(:last-child),.gg-form-skin h4:not(:last-child),.gg-form-skin h5:not(:last-child),.gg-form-skin h6:not(:last-child),.gg-form-skin .h1:not(:last-child),.gg-form-skin .h2:not(:last-child),.gg-form-skin .h3:not(:last-child),.gg-form-skin .h4:not(:last-child),.gg-form-skin .h5:not(:last-child),.gg-form-skin .h6:not(:last-child){
margin: 0 0 1.5rem;
}
.gg-form-skin h1,.gg-form-skin .h1{
font-size: 1.5rem;
line-height: 1.5rem;
}
@media screen and (min-width: 580px){.gg-form-skin h1,.gg-form-skin .h1{
font-size: 2.125rem;
line-height: 2.125rem;
}}
@media screen and (min-width: 769px){.gg-form-skin h1,.gg-form-skin .h1{
font-size: 4.5rem;
line-height: 4.5rem;
}}
.gg-form-skin h2,.gg-form-skin .h2{
font-size: 2.75rem;
line-height: 2.75rem;
}
@media screen and (min-width: 580px){.gg-form-skin h2,.gg-form-skin .h2{
font-size: 2.75rem;
line-height: 2.75rem;
}}
@media screen and (min-width: 769px){.gg-form-skin h2,.gg-form-skin .h2{
font-size: 5rem;
line-height: 5rem;
}}
.gg-form-skin h3,.gg-form-skin .h3{
font-size: 1.25rem;
line-height: 1.25rem;
}
@media screen and (min-width: 580px){.gg-form-skin h3,.gg-form-skin .h3{
font-size: 1.5rem;
line-height: 1.5rem;
}}
@media screen and (min-width: 769px){.gg-form-skin h3,.gg-form-skin .h3{
font-size: 2rem;
line-height: 2.5rem;
}}
.gg-form-skin h4,.gg-form-skin .h4{
font-size: 1.125rem;
line-height: 1.125rem;
}
@media screen and (min-width: 580px){.gg-form-skin h4,.gg-form-skin .h4{
font-size: 1.25rem;
line-height: 1.25rem;
}}
.gg-form-skin h5,.gg-form-skin .h5{
font-size: 1rem;
line-height: 1rem;
}
@media screen and (min-width: 580px){.gg-form-skin h5,.gg-form-skin .h5{
font-size: 1rem;
line-height: 1rem;
}}
@media screen and (min-width: 769px){.gg-form-skin h5,.gg-form-skin .h5{
font-size: 1.25rem;
line-height: 1.25rem;
}}
.gg-form-skin h6,.gg-form-skin .h6{
font-size: 1rem;
line-height: 1rem;
}
.gg-form-skin h1 a,.gg-form-skin h2 a,.gg-form-skin h3 a,.gg-form-skin h4 a,.gg-form-skin h5 a,.gg-form-skin h6 a{
color: #272733;
text-decoration: none;
}
.gg-form-skin h1 a:hover,.gg-form-skin h2 a:hover,.gg-form-skin h3 a:hover,.gg-form-skin h4 a:hover,.gg-form-skin h5 a:hover,.gg-form-skin h6 a:hover{
text-decoration: underline;
}
.gg-form-skin a{
color: #272733;
}
.gg-form-skin img,.gg-form-skin svg{
outline: none;
max-width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
height: auto;
}
.gg-form-skin a{
text-decoration: none;
}
.gg-form-skin ul,.gg-form-skin ol{
padding: 0;
list-style: none;
}
.gg-form-skin ul li,.gg-form-skin ol li{
margin: 0;
}
.gg-form-skin .container{
width: 77rem;
max-width: calc(100vw - 2rem);
margin: 0 auto;
}
@media screen and (min-width: 769px){.gg-form-skin .content-start{
justify-content: start !important;
}}
.gg-form-skin .w_100{
width: 100% !important;
}
.gg-form-skin .layout__section{
padding: 2rem 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem 0;
position: relative;
}
@media screen and (min-width: 769px){.gg-form-skin .layout__section{
padding: 1rem;
}}
@media (min-width: 1280px){.gg-form-skin .layout__section{
padding: 1.5rem 0;
}}
@media screen and (min-width: 580px){.gg-form-skin .layout__section.layout__section_secondary{
padding: 4.5rem 0;
}}
.gg-form-skin .layout__section .section__header{
width: 100%;
}
.gg-form-skin .layout__section .section__header.section__header_secondary{
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem;
}
@media screen and (min-width: 769px){.gg-form-skin .layout__section .section__header.section__header_secondary{
grid-template-columns: auto 44.5rem;
}
.gg-form-skin .layout__section .section__header.section__header_secondary .section__title{
align-items: flex-start;
justify-content: flex-start;
}}
.gg-form-skin .layout__section .section__header.section__header_tertiary{
position: absolute;
top: 1.5rem;
left: 50%;
z-index: 2;
transform: translate(-50%, 0);
background: url(https://geniusgroup.cc/local/templates/main/css/../img/title__bg.png) 50% 50% no-repeat;
height: 2.5rem;
background-size: auto 100%;
width: 100%;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__section .section__header.section__header_tertiary{
height: 2.75rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__section .section__header.section__header_tertiary{
top: 1rem;
height: 4rem;
}}
.gg-form-skin .layout__section .section__title{
display: flex;
align-items: center;
justify-content: center;
}
.gg-form-skin .layout__section .title__ico{
width: 0.3125rem;
height: 1rem;
transform: translateY(1px);
}
.gg-form-skin .layout__section .title__text{
font-size: 1rem;
padding: 0 0.25rem;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__section .title__text{
font-size: 1.125rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__section .title__text{
font-size: 1.25rem;
}}
.gg-form-skin .layout__section .section__subtitle h1,.gg-form-skin .layout__section .section__subtitle h2,.gg-form-skin .layout__section .section__subtitle h3,.gg-form-skin .layout__section .section__subtitle h4,.gg-form-skin .layout__section .section__subtitle h5,.gg-form-skin .layout__section .section__subtitle h6{
color: #6c6c78;
}
.gg-form-skin .layout__section .section__main{
width: 100%;
}
.gg-form-skin .formular__form{
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.25rem;
}
@media screen and (min-width: 769px){.gg-form-skin .formular__form{
grid-gap: 2.5rem;
}}
.gg-form-skin .formular__group{
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem;
}
@media screen and (min-width: 769px){.gg-form-skin .formular__group{
grid-gap: 1.25rem;
}}
.gg-form-skin .form__field{
position: relative;
}
.gg-form-skin .field__input{
color: #ffffff;
font-size: 1.25rem;
line-height: 1.25rem;
font-weight: 500;
padding: 0.8rem 0.5rem 0.2rem;
border: 1px solid #141414;
background-color: #141414;
width: 100%;
border-radius: 0.5rem;
font-family: "Arial", sans-serif;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 769px){.gg-form-skin .field__input{
font-size: 1.25rem;
line-height: 1.75rem;
padding: 1rem 0.5rem 0.75rem;
}}
.gg-form-skin .field__input:hover{
border-color: #6c6c78;
}
.gg-form-skin .field__input.error{
border-color: #ff450a;
}
.gg-form-skin .field__input:invalid ~ .field__title{
font-size: 1rem;
line-height: 1.5rem;
top: 0.5rem;
left: 0.5rem;
}
@media screen and (min-width: 580px){.gg-form-skin .field__input:invalid ~ .field__title{
font-size: 1.125rem;
line-height: 1.5rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .field__input:invalid ~ .field__title{
font-size: 1.25rem;
line-height: 1.5rem;
top: 1rem;
}}
.gg-form-skin textarea{
width: 100%;
height: 12rem;
resize: none;
}
.gg-form-skin .field__label{
display: flex;
align-items: flex-start;
height: 100%;
}
.gg-form-skin .field__label:hover .field__input{
border-color: #272733;
}
.gg-form-skin .field__title{
color: #b4b8cc;
display: block;
font-size: 0.625rem;
line-height: 1rem;
font-weight: 400;
top: 0.25rem;
cursor: pointer;
position: absolute;
left: 0.5rem;
transition: all 0.4s ease-in-out;
}
.gg-form-skin label.error,.gg-form-skin .wpcf7-not-valid-tip{
color: #ff450a;
font-size: 0.75rem;
line-height: 1rem;
position: absolute;
top: calc(100% + 0.25rem);
left: 0;
position: absolute;
top: calc(100% + 0.125rem);
left: -1px;
z-index: 3;
}
.gg-form-skin input::-moz-placeholder,.gg-form-skin textarea::-moz-placeholder{
opacity: 1;
color: #ffffff;
}
.gg-form-skin input::-moz-placeholder,.gg-form-skin textarea::-moz-placeholder{
opacity: 1;
color: #ffffff;
}
.gg-form-skin input::placeholder,.gg-form-skin textarea::placeholder{
opacity: 1;
color: #ffffff;
}
.gg-form-skin ::-webkit-scrollbar{
width: 0;
}
.gg-form-skin ::-webkit-scrollbar-track{
background: transparent;
}
.gg-form-skin ::-webkit-scrollbar-thumb{
background-color: transparent;
}
.gg-form-skin ::-webkit-scrollbar-thumb:hover{
background-color: transparent;
}
.gg-form-skin .btn{
color: #ffffff;
background-color: #ff450a;
border: 0;
font-weight: 400;
font-size: 1rem;
line-height: 1.125rem;
padding: 0.75rem 1.125rem;
border-radius: 0.5rem;
margin: 0;
text-decoration: none;
display: inline-block;
cursor: pointer;
outline: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 769px){.gg-form-skin .btn{
font-size: 1.125rem;
line-height: 1.125rem;
padding: 1rem 1.5rem;
}}
.gg-form-skin .btn:hover{
color: #ffffff;
background: #962400;
text-decoration: none;
}
.gg-form-skin .btn:disabled{
border-color: #6c6c78;
background-color: #6c6c78;
}
.gg-form-skin .btn.btn_secondary{
color: #ffffff;
background-color: #ff450a;
border-color: #ffffff;
}
.gg-form-skin .btn.btn_secondary:hover{
color: #ff450a;
background: #ffffff;
border-color: #ff450a;
}
.gg-form-skin .link{
color: #141414;
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 0.25rem;
align-items: center;
}
.gg-form-skin .link:hover .link__ico{
transform: translateX(0.25rem);
}
.gg-form-skin .link .link__text{
font-size: 1rem;
line-height: 1rem;
}
@media screen and (min-width: 580px){.gg-form-skin .link .link__text{
font-size: 1.125rem;
line-height: 1.125rem;
}}
.gg-form-skin .link .link__ico{
width: 1rem;
height: 1rem;
transform: translateX(0);
transition: all 0.4s ease-in-out;
}
.gg-form-skin .wysiwyg:not(:last-child){
margin-bottom: 1.5rem;
}
.gg-form-skin .wysiwyg img,.gg-form-skin .wysiwyg svg{
display: block;
}
.gg-form-skin .wysiwyg img:not(:last-child),.gg-form-skin .wysiwyg svg:not(:last-child){
margin-bottom: 1.5rem;
}
.gg-form-skin .wysiwyg p:not(:last-child),.gg-form-skin .wysiwyg ul:not(:last-child),.gg-form-skin .wysiwyg ol:not(:last-child){
margin-bottom: 1.125rem;
}
.gg-form-skin .wysiwyg strong{
color: #ff450a;
font-weight: 400;
}
.gg-form-skin .wysiwyg ul{
list-style: none;
}
.gg-form-skin .wysiwyg ul ul{
margin-left: 0;
}
.gg-form-skin .wysiwyg ul li{
position: relative;
padding-left: 1.25rem;
}
.gg-form-skin .wysiwyg ul li:before{
content: "";
left: 0;
top: 0.4rem;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background-color: #ff450a;
position: absolute;
}
.gg-form-skin .wysiwyg ul li:before:not(:last-child){
margin-bottom: 1.25rem;
}
.gg-form-skin .wysiwyg ol{
list-style: decimal;
padding-left: 1rem;
}
.gg-form-skin .wysiwyg ol li{
margin: 0 0 0.5rem;
}
.gg-form-skin .wysiwyg a{
color: #8533ff;
position: relative;
white-space: nowrap;
text-decoration: none;
transition: all 0.4s ease-in-out;
}
.gg-form-skin .wysiwyg a:before{
content: "";
position: absolute;
top: 100%;
left: 0;
height: 1px;
width: 100%;
background-color: #8533ff;
transition: all 0.4s ease-in-out;
}
.gg-form-skin .wysiwyg a:hover:before{
width: 0;
}
.gg-form-skin .slick-slider{
position: relative;
width: auto;
height: 100%;
display: block;
cursor: grab;
}
.gg-form-skin .slick-slider.slick-vertical .slick-track{
flex-direction: column;
}
.gg-form-skin .slick-slider img{
display: block;
width: 100%;
}
.gg-form-skin .slick-slider .slick-track{
display: flex;
}
.gg-form-skin .slick-slider .slick-list{
overflow: hidden;
}
.gg-form-skin .slick-slider .slick-slide{
display: inline-block;
height: 100%;
z-index: 2 !important;
margin: 0;
min-height: 1px;
}
.gg-form-skin .slick-slider .slick-slide.slick-current{
z-index: 3 !important;
}
.gg-form-skin .slick-slider .slick-arrow{
position: absolute;
width: 2.75rem;
height: 2.75rem;
cursor: pointer;
z-index: 4;
top: 50%;
background-color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
transform: translateY(-50%);
transition: all 0.4s ease-in-out;
}
.gg-form-skin .slick-slider .slick-arrow.slick-prev{
left: 1.5rem;
right: auto;
}
.gg-form-skin .slick-slider .slick-arrow.slick-prev:hover{
left: 1rem;
}
.gg-form-skin .slick-slider .slick-arrow.slick-next{
left: auto;
right: 1.5rem;
}
.gg-form-skin .slick-slider .slick-arrow.slick-next:hover{
right: 1rem;
}
.gg-form-skin .slick-slider .slick-arrow.slick-disabled{
opacity: 0.8;
pointer-events: none;
}
.gg-form-skin .slick-slider .slick-dots{
display: flex;
justify-content: center;
margin: 0;
list-style: none;
position: absolute;
z-index: 3;
bottom: 0;
left: 0;
padding: 1rem;
width: 100%;
}
.gg-form-skin .slick-slider .slick-dots li{
margin: 0;
transition: all 0.4s ease-in-out;
}
.gg-form-skin .slick-slider .slick-dots li:not(:last-child){
margin-right: 0.25rem;
}
.gg-form-skin .slick-slider .slick-dots li.slick-active button,.gg-form-skin .slick-slider .slick-dots li:hover button{
background-color: #ffffff;
}
.gg-form-skin .slick-slider .slick-dots li:only-child{
display: none;
}
.gg-form-skin .slick-slider .slick-dots button{
text-indent: -9999px;
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
background-color: #272733;
transition: all 0.4s ease-in-out;
}
.gg-form-skin .slick-loading .slick-slide{
visibility: hidden;
}
.gg-form-skin .layout{
display: flex;
flex-direction: column;
min-height: 100vh;
padding: 1rem;
overflow: hidden;
overflow-y: auto;
}
@media screen and (min-width: 769px){.gg-form-skin .layout{
padding: 1.5rem;
}}
.gg-form-skin .layout .layout__main{
flex-grow: 1;
}
@media screen and (min-width: 769px){.gg-form-skin .layout .layout__main{
padding: 1.5rem 0;
}}
.gg-form-skin .layout .container{
position: relative;
overflow: hidden;
}
.gg-form-skin .layout__header{
padding: 0 1rem 1rem;
border-radius: 0.875rem;
background-color: #f7f8fa;
position: relative;
display: grid;
justify-content: center;
grid-template-columns: 1fr;
grid-gap: 2rem;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__header{
padding: 0 1rem 1.5rem;
border-radius: 0.875rem;
grid-gap: 0.75rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__header{
padding: 0 1.5rem 1.5rem;
border-radius: 1.5rem;
}}
.gg-form-skin .layout__header .header__before,.gg-form-skin .layout__header .header__after{
width: 2.625rem;
height: 3rem;
background-color: #ffffff;
display: flex;
align-items: flex-start;
position: absolute;
top: 0;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__header .header__before,.gg-form-skin .layout__header .header__after{
width: 2.75rem;
height: 3rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__header .header__before,.gg-form-skin .layout__header .header__after{
width: 4.5rem;
height: 5rem;
}}
.gg-form-skin .layout__header .header__before{
left: 0;
}
.gg-form-skin .layout__header .header__after{
right: 0;
}
.gg-form-skin .layout__header img,.gg-form-skin .layout__header svg{
width: 100%;
height: 100%;
}
.gg-form-skin .layout__header.header_menu-active .header__logo .logo__link:before,.gg-form-skin .layout__header.header_menu-active .header__logo .logo__ico{
opacity: 0;
visibility: hidden;
}
.gg-form-skin .layout__header.header_menu-active .header__menu{
transform: translateY(0);
}
.gg-form-skin .layout__header.header_menu-active .burger:hover{
transform: rotate(180deg);
}
.gg-form-skin .layout__header.header_menu-active .burger .burger__item{
width: 2rem;
margin-bottom: 0;
}
.gg-form-skin .layout__header.header_menu-active .burger .burger__item:nth-child(1){
transform: rotate(45deg);
}
.gg-form-skin .layout__header.header_menu-active .burger .burger__item:nth-child(2){
margin-top: -0.125rem;
transform: rotate(-45deg);
}
.gg-form-skin .header__logo{
margin-bottom: -1rem;
display: flex;
justify-content: center;
position: relative;
z-index: 4;
}
.gg-form-skin .header__group{
min-height: calc(100vh - 5.25rem);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 1rem;
width: 17rem;
margin: 0 auto;
}
@media screen and (min-width: 769px){.gg-form-skin .header__group{
min-height: calc(100vh - 10.25rem);
}}
.gg-form-skin .header__group .group__header{
display: grid;
grid-template-columns: 1.25rem auto 1.25rem;
align-items: center;
justify-content: center;
grid-gap: 0.125rem;
}
.gg-form-skin .header__group .group__ico{
width: 1.25rem;
height: 4rem;
}
.gg-form-skin .header__group .group__title{
margin: 0;
}
@media screen and (min-width: 769px){.gg-form-skin .header__logo{
margin-bottom: 0;
}}
.gg-form-skin .header__logo .logo__link{
width: 7rem;
height: 2.625rem;
background-color: #ffffff;
display: flex;
align-items: flex-start;
justify-content: center;
position: relative;
}
@media screen and (min-width: 580px){.gg-form-skin .header__logo .logo__link{
height: 3rem;
width: 9rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .header__logo .logo__link{
height: 5rem;
width: 13rem;
}}
.gg-form-skin .header__logo .logo__link::before{
content: "";
background-color: #f7f8fa;
position: absolute;
width: 100%;
height: 1rem;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 3;
opacity: 1;
visibility: visible;
transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 580px){.gg-form-skin .header__logo .logo__link::before{
height: 1.125rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .header__logo .logo__link::before{
height: 1.875rem;
}}
.gg-form-skin .header__logo .logo__img{
height: 1.5rem;
width: auto;
position: relative;
z-index: 2;
}
@media screen and (min-width: 580px){.gg-form-skin .header__logo .logo__img{
height: 1.5rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .header__logo .logo__img{
height: 2.5rem;
}}
.gg-form-skin .header__logo .logo__ico{
background-color: #ffffff;
display: flex;
align-items: flex-start;
position: absolute;
bottom: 0;
opacity: 1;
visibility: visible;
transition: all 0.4s ease-in-out;
width: 2.25rem;
height: 3rem;
}
@media screen and (min-width: 580px){.gg-form-skin .header__logo .logo__ico{
width: 2.75rem;
height: 3rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .header__logo .logo__ico{
width: 4.5rem;
height: 5rem;
}}
.gg-form-skin .header__logo .logo__ico.logo__ico_before{
left: 0;
}
.gg-form-skin .header__logo .logo__ico.logo__ico_after{
right: 0;
}
.gg-form-skin .header__burger{
display: flex;
width: 1.5rem;
height: 2rem;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
right: 0;
z-index: 10;
transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 580px){.gg-form-skin .header__burger{
width: 1.5rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .header__burger{
width: 2rem;
}}
.gg-form-skin .header__burger .burger__item{
width: 1.5rem;
background-color: #272733;
height: 2px;
transition: all 0.4s ease-in-out;
}
.gg-form-skin .header__burger .burger__item:not(:last-child){
margin-bottom: 0.375rem;
}
@media screen and (min-width: 580px){.gg-form-skin .header__burger .burger__item{
width: 1.5rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .header__burger .burger__item{
width: 2rem;
}}
.gg-form-skin .header__menu{
top: 0;
left: 0;
width: 100%;
background: rgb(255, 255, 255);
z-index: 3;
transform: translateY(-100%);
position: absolute;
overflow: hidden;
overflow-y: auto;
display: grid;
align-items: flex-start;
grid-template-columns: 1fr;
grid-gap: 0.5rem;
min-height: 100vh;
transition: all 0.4s ease-in-out;
}
.gg-form-skin .header__menu._active{
transform: translateY(0);
}
.gg-form-skin .header__menu .meny__main{
height: calc(100% - 3rem);
overflow: hidden;
overflow-y: auto;
}
.gg-form-skin .header__nav{
padding: 4.75rem 0;
}
.gg-form-skin .header__nav .nav__list{
margin: 0;
display: grid;
justify-content: center;
grid-gap: 1rem;
grid-template-columns: 1fr;
}
@media screen and (min-width: 580px){.gg-form-skin .header__nav .nav__list{
justify-content: flex-end;
}}
.gg-form-skin .header__nav .nav__item{
margin: 0;
}
.gg-form-skin .header__nav .nav__item.nav__current .nav__link,.gg-form-skin .header__nav .nav__item:hover .nav__link{
color: #ff450a;
}
.gg-form-skin .header__nav .nav__item.nav__current .nav__ico,.gg-form-skin .header__nav .nav__item:hover .nav__ico{
opacity: 1;
visibility: visible;
}
.gg-form-skin .header__nav .nav__link{
color: #141414;
font-size: 1.25rem;
line-height: 1.25rem;
display: grid;
grid-template-columns: 0.625rem auto 0.625rem;
align-items: center;
justify-content: center;
grid-gap: 0.25rem;
text-decoration: none;
transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 580px){.gg-form-skin .header__nav .nav__link{
font-size: 1.5rem;
line-height: 1.5rem;
justify-content: flex-end;
}}
@media screen and (min-width: 769px){.gg-form-skin .header__nav .nav__link{
font-size: 2rem;
line-height: 2rem;
}}
.gg-form-skin .header__nav .nav__text{
white-space: nowrap;
}
.gg-form-skin .header__nav .nav__ico{
height: 2rem;
width: 0.625rem;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
display: block;
transition: all 0.4s ease-in-out;
}
.gg-form-skin .header__date{
position: absolute;
top: 0;
left: 0;
z-index: 4;
padding: 0.25rem 0;
}
@media screen and (min-width: 580px){.gg-form-skin .header__date{
padding: 0.75rem 0;
}}
.gg-form-skin .header__date .date__text{
color: #272733;
font-size: 0.5rem;
line-height: 1rem;
}
@media screen and (min-width: 580px){.gg-form-skin .header__date .date__text{
font-size: 0.75rem;
line-height: 1rem;
}}
.gg-form-skin .header__slogan{
display: grid;
grid-template-columns: 1fr;
text-align: center;
grid-gap: 1rem;
position: relative;
z-index: 2;
}
@media screen and (min-width: 580px){.gg-form-skin .header__slogan{
grid-template-columns: calc(50% + 2rem) calc(50% - 2rem);
align-items: center;
text-align: left;
grid-gap: 1rem;
}}
@media screen and (min-width: 580px) and (min-width: 769px){.gg-form-skin .header__slogan{
grid-template-columns: auto 25.75rem;
}}
.gg-form-skin .header__slogan .slogan__title{
display: grid;
grid-template-columns: 1.25rem auto 1.25rem;
align-items: center;
justify-content: center;
grid-gap: 0.125rem;
}
.gg-form-skin .header__slogan .slogan__title .slogan__text{
letter-spacing: -0.095rem;
}
.gg-form-skin .header__slogan .slogan__ico{
width: 0.75rem;
height: 2rem;
}
@media screen and (min-width: 769px){.gg-form-skin .header__slogan .slogan__ico{
width: 1.25rem;
height: 4rem;
}}
.gg-form-skin .header__slogan .slogan__text{
margin: 0;
}
.gg-form-skin .header__slogan .slogan__subtitle{
font-size: 0.875rem;
line-height: 1rem;
}
@media screen and (min-width: 769px){.gg-form-skin .header__slogan .slogan__subtitle{
font-size: 1rem;
line-height: 1.25rem;
}}
.gg-form-skin .header__slogan br{
display: none;
}
@media screen and (min-width: 769px){.gg-form-skin .header__slogan br{
display: block;
}}
#layout__footer{
color: #ffffff;
background-color: #272733;
padding: 1rem;
border-radius: 1.5rem;
margin-bottom: 2rem;
display: flex;
gap: 2rem;
flex-direction: column;
align-items: flex-start;
}
@media screen and (min-width: 580px){#layout__footer{
grid-gap: 1.5rem;
padding: 1.5rem;
margin-bottom: 0;
display: grid;
grid-template-columns: 24rem 17.5rem;
}}
@media screen and (min-width: 769px){#layout__footer{
grid-template-columns: auto 23rem;
padding: 2rem;
}}
#layout__footer h1,#layout__footer h2,#layout__footer h3,#layout__footer h4,#layout__footer h5,#layout__footer h6{
color: #ffffff;
}
.gg-form-skin .footer__layout{
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media screen and (min-width: 580px){.gg-form-skin .footer__layout{
grid-gap: 2rem;
display: grid;
grid-template-columns: 1fr;
}}
@media screen and (min-width: 769px){.gg-form-skin .footer__layout{
grid-template-columns: 1fr 1fr;
grid-gap: 1.5rem 1rem;
height: 100%;
}}
@media screen and (min-width: 580px){.gg-form-skin .footer__bottom{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1.5rem 1rem;
height: 100%;
}}
@media screen and (min-width: 769px){.gg-form-skin .footer__logo{
grid-column: span 2;
}}
.gg-form-skin .footer__logo .logo__link{
width: 7rem;
height: 2.5rem;
display: flex;
align-items: flex-start;
}
.gg-form-skin .footer__logo img,.gg-form-skin .footer__logo svg{
height: 100%;
width: auto;
}
.gg-form-skin .footer__navigation .navigation__list{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1rem 0.75rem;
}
@media screen and (min-width: 769px){.gg-form-skin .footer__navigation .navigation__list{
grid-gap: 1.125rem 0.75rem;
}}
.gg-form-skin .footer__navigation .navigation__item.navigation__item_active .navigation__link,.gg-form-skin .footer__navigation .navigation__item:hover .navigation__link{
color: #ff450a;
}
.gg-form-skin .footer__navigation .navigation__link{
color: #ffffff;
font-size: 0.75rem;
line-height: 1rem;
transition: all 0.4s ease-in-out;
pointer-events: none;
}
@media screen and (min-width: 769px){.gg-form-skin .footer__navigation .navigation__link{
font-size: 0.875rem;
line-height: 1rem;
}}
.gg-form-skin .footer__contact{
font-size: 0.75rem;
line-height: 120%;
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.25rem;
}
@media screen and (min-width: 580px){.gg-form-skin .footer__contact{
grid-gap: 2rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .footer__contact{
font-size: 0.875rem;
}}
.gg-form-skin .footer__contact .wysiwyg a{
color: #ffffff;
}
.gg-form-skin .footer__contact .wysiwyg a:hover{
color: #ff450a;
}
.gg-form-skin .footer__contact .wysiwyg a:before{
display: none;
}
.gg-form-skin .footer__socials{
display: grid;
grid-template-columns: auto auto;
grid-gap: 0.5rem;
justify-content: flex-start;
}
@media screen and (min-width: 769px){.gg-form-skin .footer__socials{
grid-template-columns: 1fr;
grid-gap: 1.5rem;
}}
.gg-form-skin .footer__socials .socials__list{
display: grid;
grid-template-columns: repeat(3, 2rem);
grid-gap: 0.5rem;
}
@media screen and (min-width: 769px){.gg-form-skin .footer__socials .socials__list{
grid-gap: 1rem;
}}
.gg-form-skin .footer__socials .socials__list.socials__list_secondary{
grid-template-columns: 5.25rem 2.75rem;
}
.gg-form-skin .footer__socials .socials__list.socials__list_secondary .socials__link{
width: auto;
height: 1.75rem;
}
.gg-form-skin .footer__socials .socials__item:hover img,.gg-form-skin .footer__socials .socials__item:hover svg{
fill: #ff450a;
}
.gg-form-skin .footer__socials .socials__link{
width: 2rem;
height: 2rem;
display: flex;
align-items: flex-start;
}
.gg-form-skin .footer__socials img,.gg-form-skin .footer__socials svg{
width: 100%;
height: 100%;
fill: #ffffff;
transition: all 0.4s ease-in-out;
}
.gg-form-skin .footer__routs{
display: flex;
align-items: flex-end;
}
@media screen and (min-width: 769px){.gg-form-skin .footer__routs{
grid-row: span 9;
}}
.gg-form-skin .footer__routs .routs__list{
display: grid;
grid-template-columns: 1fr;
grid-gap: 0.5rem;
width: 100%;
}
@media screen and (min-width: 580px){.gg-form-skin .footer__routs .routs__list{
width: auto;
}}
@media screen and (min-width: 769px){.gg-form-skin .footer__routs .routs__list{
grid-template-columns: 1fr 1fr;
grid-gap: 1rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .footer__routs .routs__item.routs__item_secondary{
grid-column: span 2;
}}
.gg-form-skin .footer__routs .routs__item.routs__item_active .routs__link,.gg-form-skin .footer__routs .routs__item:hover .routs__link{
color: #ff450a;
}
@media screen and (max-width: 580px){.gg-form-skin .footer__routs .routs__item:nth-child(3){
width: 100%;
text-align: center;
}}
.gg-form-skin .footer__routs .routs__link{
color: #b4b8cc;
font-size: 0.75rem;
line-height: 1rem;
transition: all 0.4s ease-in-out;
}
.gg-form-skin .footer__design{
display: flex;
align-items: flex-end;
}
@media screen and (min-width: 769px){.gg-form-skin .footer__design{
grid-row: span 9;
}}
.gg-form-skin .footer__design .design__link{
width: 5rem;
height: 2.5rem;
display: flex;
align-items: flex-start;
}
.gg-form-skin .footer__design .design__link:hover img,.gg-form-skin .footer__design .design__link:hover svg{
fill: #ff450a;
}
.gg-form-skin .footer__design img,.gg-form-skin .footer__design svg{
height: 100%;
width: auto;
fill: #b4b8cc;
transition: all 0.4s ease-in-out;
}
.gg-form-skin .footer__formualt{
display: grid;
width: 100%;
grid-gap: 1.5rem;
}
@media screen and (min-width: 580px){.gg-form-skin .footer__formualt{
grid-row: span 2;
}}
.gg-form-skin .layout__about{
position: relative;
display: grid;
grid-template-columns: 1fr;
grid-gap: 0.5rem;
}
.gg-form-skin .layout__about .about__media{
height: 23rem;
border-radius: 1.5rem;
position: relative;
overflow: hidden;
display: block;
cursor: url(https://geniusgroup.cc/local/templates/main/css/../img/content/about/play.png) 36 36, auto;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__about .about__media{
height: 25rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__about .about__media{
height: 42.5rem;
}}
.gg-form-skin .layout__about .about__media img,.gg-form-skin .layout__about .about__media svg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gg-form-skin .layout__about .about__media .about__video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
opacity: 0;
visibility: hidden;
}
.gg-form-skin .layout__about .about__media .about__init{
position: absolute;
width: 7.5rem;
height: 7.5rem;
cursor: pointer;
top: 50%;
left: 50%;
display: flex;
align-items: flex-start;
z-index: 3;
transform: translate(-50%, -50%);
}
@media screen and (min-width: 769px){.gg-form-skin .layout__about .about__media .about__init{
bottom: 12rem;
left: 20rem;
display: none;
}}
.gg-form-skin .layout__about .about__media .about__init svg{
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.4s ease-in-out;
}
.gg-form-skin .layout__about .about__media .about__init svg + svg{
visibility: hidden;
opacity: 0;
}
.gg-form-skin .layout__about.layout__about_play .about__media{
cursor: url(https://geniusgroup.cc/local/templates/main/css/../img/content/about/stop.png) 36 36, auto;
}
.gg-form-skin .layout__about.layout__about_play .about__video{
opacity: 1;
visibility: visible;
}
.gg-form-skin .layout__about.layout__about_play .about__init svg{
visibility: hidden;
opacity: 0;
}
.gg-form-skin .layout__about.layout__about_play .about__init svg + svg{
visibility: visible;
opacity: 1;
}
.gg-form-skin .layout__about .about__layout{
font-size: 1rem;
line-height: 1rem;
padding: 1rem;
border-radius: 1rem;
display: grid;
letter-spacing: -0.06rem;
grid-template-columns: 1fr;
background-color: #f7f8fa;
grid-gap: 1rem;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__about .about__layout{
font-size: 1.25rem;
line-height: 1.25rem;
grid-template-columns: 32rem auto;
align-items: center;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__about .about__layout{
align-items: flex-start;
grid-template-columns: 1fr;
font-size: 1.5rem;
line-height: 1.5rem;
max-width: 33.25rem;
position: absolute;
bottom: 1.5rem;
right: 1.5rem;
grid-gap: 1rem;
grid-auto-columns: 1fr;
}}
.gg-form-skin .layout__about .about__layout .btn{
width: 100%;
}
@media screen and (min-width: 769px){.gg-form-skin .layout__about .about__layout .btn{
width: auto;
}}
.gg-form-skin #layout__about .section__title{
transform: translateY(0.4rem);
}
.gg-form-skin .layout__banner{
position: relative;
padding: 0.5rem 0 0;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__banner{
padding: 0.5rem 0 1rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__banner{
padding: 0.5rem 0 1.5rem;
}}
.gg-form-skin .layout__banner .banner__media{
border-radius: 0.875rem;
overflow: hidden;
display: flex;
align-items: flex-start;
height: 21.5rem;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__banner .banner__media{
height: 15.5rem;
border-radius: 0.875rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__banner .banner__media{
height: 26.5rem;
border-radius: 1.5rem;
}}
.gg-form-skin .layout__banner .banner__media img,.gg-form-skin .layout__banner .banner__media svg{
width: 100%;
height: 100%;
}
.gg-form-skin .layout__banner .banner__media video{
height: 100%;
width: auto;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__banner .banner__media video{
height: 15.5rem;
width: auto;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__banner .banner__media video{
height: 26.5rem;
}}
.gg-form-skin .layout__banner .banner__scroll{
position: absolute;
bottom: 0;
left: 50%;
width: 5rem;
height: 3rem;
cursor: pointer;
transform: translateX(-50%);
}
@media screen and (min-width: 580px){.gg-form-skin .layout__banner .banner__scroll{
bottom: 1.75rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__banner .banner__scroll{
width: 7.75rem;
height: 5rem;
bottom: 1rem;
}}
.gg-form-skin .layout__banner .banner__scroll .scroll__link{
display: flex;
height: 100%;
width: 100%;
}
.gg-form-skin .layout__banner .banner__cookie{
position: absolute;
width: 100%;
max-width: calc(100% - 1.5rem);
bottom: 3.75rem;
right: 0.75rem;
padding: 0.75rem;
border-radius: 0.875rem;
border: 1px solid #b4b8cc;
background-color: #ffffff;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__banner .banner__cookie{
width: 20rem;
bottom: 2.75rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__banner .banner__cookie{
flex-direction: row;
align-items: center;
bottom: 2.25rem;
width: 32.5rem;
gap: 1rem;
border-radius: 1rem;
top: auto;
}}
.gg-form-skin .layout__banner .banner__cookie .cookie__main{
font-size: 0.625rem;
line-height: 0.875rem;
}
.gg-form-skin .layout__banner .banner__cookie .cookie__footer{
font-size: 0.75rem;
line-height: 1rem;
}
@media screen and (min-width: 769px){.gg-form-skin .layout__banner .banner__cookie .cookie__footer{
font-size: 0.875rem;
line-height: 1rem;
}}
.gg-form-skin .layout__blog .blog__list{
display: flex;
overflow: hidden;
overflow-x: auto;
gap: 1rem;
}
@media screen and (min-width: 769px){.gg-form-skin .layout__blog .blog__list{
display: grid;
grid-template-columns: repeat(3, 1fr);
}}
.gg-form-skin .layout__blog .blog__item{
width: 15.25rem;
flex-shrink: 0;
}
@media screen and (min-width: 769px){.gg-form-skin .layout__blog .blog__item{
width: auto;
}}
.gg-form-skin .layout__blog .blog__link{
color: #6c6c78;
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem;
position: relative;
}
.gg-form-skin .layout__blog .blog__link:hover .blog__media img,.gg-form-skin .layout__blog .blog__link:hover .blog__media svg{
transform: scale(1.1);
}
.gg-form-skin .layout__blog .blog__date{
font-size: 0.75rem;
line-height: 1rem;
padding: 0.375rem 0.625rem;
border-radius: 2rem;
background-color: #ffffff;
position: absolute;
top: 0.5rem;
left: 0.5rem;
z-index: 2;
}
.gg-form-skin .layout__blog .blog__media{
height: 10rem;
border-radius: 1.5rem;
overflow: hidden;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__blog .blog__media{
height: 9.25rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__blog .blog__media{
height: 15rem;
}}
.gg-form-skin .layout__blog .blog__media img,.gg-form-skin .layout__blog .blog__media svg{
width: 100%;
height: 100%;
transform: scale(1);
transition: all 0.4s ease-in-out;
}
.gg-form-skin .layout__blog .blog__layout{
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem;
}
.gg-form-skin .layout__blog .blog__header,.gg-form-skin .layout__blog .blog__main{
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.gg-form-skin .layout__blog .blog__header{
min-height: 2.25rem;
grid-column: span 2;
-webkit-line-clamp: 2;
transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__blog .blog__header{
min-height: 2.5rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__blog .blog__header{
min-height: 3rem;
}}
.gg-form-skin .layout__blog .blog__main{
font-size: 0.875rem;
line-height: 1rem;
min-height: 3rem;
grid-column: span 3;
-webkit-line-clamp: 3;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__blog .blog__main{
font-size: 0.875rem;
line-height: 1rem;
height: 3rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__blog .blog__main{
font-size: 1rem;
line-height: 1.25rem;
min-height: 3.75rem;
}}
.gg-form-skin .layout__cases .cases__list{
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 1rem;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__cases .cases__list{
grid-template-columns: repeat(3, 1fr);
grid-gap: 1.5rem 1rem;
}}
@media screen and (min-width: 580px){.gg-form-skin .layout__cases .cases__item:nth-child(4n + 1),.gg-form-skin .layout__cases .cases__item:nth-child(4n + 4){
grid-column: span 2;
}}
.gg-form-skin .layout__cases .cases__link{
display: grid;
grid-template-columns: 1fr;
grid-gap: 0.5rem;
}
@media screen and (min-width: 769px){.gg-form-skin .layout__cases .cases__link:hover .cases__img{
opacity: 0;
visibility: hidden;
}
.gg-form-skin .layout__cases .cases__link:hover .cases__video{
opacity: 1;
visibility: visible;
}}
.gg-form-skin .layout__cases .cases__media{
width: 100%;
border-radius: 1.5rem;
height: 18.5rem;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__cases .cases__media{
height: 15rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__cases .cases__media{
height: 25rem;
}}
.gg-form-skin .layout__cases .cases__media .cases__img{
width: 100%;
height: 100%;
opacity: 1;
visibility: visible;
}
.gg-form-skin .layout__cases .cases__media .cases__img.cases__img_primary{
}
@media screen and (max-width: 579px){.gg-form-skin .layout__cases .cases__media .cases__img.cases__img_primary{
display: none;
}
.gg-form-skin .layout__cases .cases__media .cases__img.cases__img_secondary{
display: block;
}}
@media screen and (min-width: 580px){.gg-form-skin .layout__cases .cases__media .cases__img.cases__img_primary{
display: block;
}
.gg-form-skin .layout__cases .cases__media .cases__img.cases__img_secondary{
display: none;
}}
.gg-form-skin .layout__cases .cases__video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__cases .cases__video{
opacity: 0;
visibility: hidden;
display: block;
}}
.gg-form-skin .layout__cases .cases__main{
display: flex;
gap: 0.5rem;
align-items: center;
}
.gg-form-skin .layout__cases .cases__ico{
width: 0.5rem;
height: 0.5rem;
}
.gg-form-skin .layout__cases .cases__title{
color: #272733;
font-size: 1.125rem;
line-height: 1.5rem;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__cases .cases__title{
font-size: 1.25rem;
line-height: 1.5rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__cases .cases__title{
font-size: 1.5rem;
line-height: 1.5rem;
}}
.gg-form-skin .layout__cases .cases__date{
color: #b4b8cc;
font-size: 0.625rem;
line-height: 0.625rem;
}
@media screen and (min-width: 769px){.gg-form-skin .layout__cases .cases__date{
font-size: 0.75rem;
line-height: 1rem;
margin-top: auto;
}}
.gg-form-skin .layout__departments .departments__list{
display: grid;
grid-template-columns: 1fr;
}
.gg-form-skin .layout__departments .departments__item{
color: #b4b8cc;
padding: 1.25rem 1.25rem;
grid-gap: 0.5rem;
height: auto;
min-height: 10rem;
display: grid;
position: relative;
grid-template-columns: 1.5rem auto;
transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__departments .departments__item{
grid-template-columns: 2rem calc(55% - 1rem) calc(45% - 1rem);
align-items: center;
height: 9rem;
min-height: 0;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__departments .departments__item{
padding: 2rem 0.25rem 1rem;
height: 12rem;
align-items: center;
grid-template-columns: 5.5rem auto 25rem;
}}
@media screen and (min-width: 580px){.gg-form-skin .layout__departments .departments__item:not(:last-child){
border-bottom: 1px solid #b4b8cc;
}}
.gg-form-skin .layout__departments .departments__item:before{
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
visibility: hidden;
transform: translate(-50%, -50%);
transition: all 0.4s ease-in-out;
background: url(https://geniusgroup.cc/local/templates/main/css/../img/content/departments/departments__img03.png) 50% 50%
no-repeat;
background-size: 100% 100%;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__departments .departments__item:before{
background-image: url(https://geniusgroup.cc/local/templates/main/css/../img/content/departments/departments__img02.png);
height: 9rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__departments .departments__item:before{
background-image: url(https://geniusgroup.cc/local/templates/main/css/../img/content/departments/departments__img01.png);
}}
.gg-form-skin .layout__departments .departments__item.departments__item_active{
color: #ffffff;
}
.gg-form-skin .layout__departments .departments__item.departments__item_active:before{
opacity: 1;
visibility: visible;
}
.gg-form-skin .layout__departments
.departments__item.departments__item_active
.departments__header
h1,.gg-form-skin .layout__departments
.departments__item.departments__item_active
.departments__header
h2,.gg-form-skin .layout__departments
.departments__item.departments__item_active
.departments__header
h3,.gg-form-skin .layout__departments
.departments__item.departments__item_active
.departments__header
h4{
color: #ffffff;
}
.gg-form-skin .layout__departments
.departments__item.departments__item_active
.departments__media{
opacity: 1;
visibility: visible;
}
.gg-form-skin .layout__departments .departments__media,.gg-form-skin .layout__departments .departments__header,.gg-form-skin .layout__departments .departments__main{
position: relative;
z-index: 2;
}
.gg-form-skin .layout__departments .departments__media{
min-width: 2rem;
display: flex;
align-items: center;
}
@media screen and (min-width: 769px){.gg-form-skin .layout__departments .departments__media{
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}}
.gg-form-skin .layout__departments .departments__media img,.gg-form-skin .layout__departments .departments__media svg{
width: auto;
height: 2rem;
}
.gg-form-skin .layout__departments .departments__media svg{
width: 2rem;
height: 2rem;
}
@media screen and (min-width: 769px){.gg-form-skin .layout__departments .departments__media img,.gg-form-skin .layout__departments .departments__media svg{
height: 4rem;
}
.gg-form-skin .layout__departments .departments__media svg{
width: 4rem;
height: 4rem;
}}
.gg-form-skin .layout__departments .departments__header{
font-size: 2.75rem;
line-height: 2.75rem;
}
@media screen and (min-width: 769px){.gg-form-skin .layout__departments .departments__header{
font-size: 5rem;
line-height: 5rem;
}}
.gg-form-skin .layout__departments .departments__header h1,.gg-form-skin .layout__departments .departments__header h2,.gg-form-skin .layout__departments .departments__header h3,.gg-form-skin .layout__departments .departments__header h4{
color: #272733;
transition: all 0.4s ease-in-out;
}
.gg-form-skin .layout__departments .departments__main{
font-size: 0.875rem;
line-height: 1.25rem;
grid-column: span 2;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__departments .departments__main{
grid-column: span 1;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__departments .departments__main{
font-size: 1rem;
line-height: 1.25rem;
}}
.gg-form-skin .layout__manifesto{
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__manifesto{
grid-template-columns: 16.5rem auto;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__manifesto{
grid-template-columns: auto 44.5rem;
}}
.gg-form-skin .layout__manifesto .manifesto__list{
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
}
.gg-form-skin .layout__manifesto .manifesto__item{
color: #6c6c78;
font-size: 1.25rem;
line-height: 1.25rem;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__manifesto .manifesto__item{
font-size: 1.5rem;
line-height: 1.5rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__manifesto .manifesto__item{
font-size: 2rem;
line-height: 2rem;
}}
.gg-form-skin .layout__news .news__list{
display: flex;
align-items: flex-start;
gap: 1rem;
overflow: hidden;
overflow-x: scroll;
}
@media screen and (min-width: 769px){.gg-form-skin .layout__news .news__list{
display: grid;
grid-template-columns: repeat(4, 1fr);
}}
.gg-form-skin .layout__news .news__item{
width: 15.25rem;
flex-shrink: 0;
}
@media screen and (min-width: 769px){.gg-form-skin .layout__news .news__item{
width: auto;
height: 100%;
}}
.gg-form-skin .layout__news .news__link{
border-radius: 1.5rem;
padding: 1.5rem;
height: 100%;
background-color: #f7f8fa;
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
justify-content: space-between;
}
.gg-form-skin .layout__news .news__layout{
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem 0;
}
.gg-form-skin .layout__news .news__layout:not(:last-child){
margin-bottom: 3.5rem;
}
.gg-form-skin .layout__news .news__header,.gg-form-skin .layout__news .news__main{
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.gg-form-skin .layout__news .news__header{
grid-column: span 3;
-webkit-line-clamp: 3;
transition: all 0.4s ease-in-out;
-webkit-line-clamp: 4;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__news .news__header{
grid-column: span 4;
}}
.gg-form-skin .layout__news .news__main{
color: #6c6c78;
min-height: 5rem;
grid-column: span 4;
-webkit-line-clamp: 4;
transition: all 0.4s ease-in-out;
}
.gg-form-skin .layout__news .news__media{
width: 100%;
height: 1.85rem;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.gg-form-skin .layout__news .news__action{
display: flex;
justify-content: flex-end;
}
.gg-form-skin .layout__partners{
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__partners{
grid-gap: 3rem;
}}
.gg-form-skin .layout__partners .partners__item{
flex-shrink: 0;
}
.gg-form-skin .layout__partners .partners__list{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
@media screen and (min-width: 769px){.gg-form-skin .layout__partners .partners__list{
gap: 2rem;
display: flex;
}}
.gg-form-skin .layout__partners .partners__item:hover img,.gg-form-skin .layout__partners .partners__item:hover svg{
filter: grayscale(0);
opacity: 1;
}
.gg-form-skin .partners__link{
display: flex;
align-items: flex-start;
pointer-events: none;
}
.gg-form-skin .layout__partners img,.gg-form-skin .layout__partners svg{
height: 3rem;
width: auto;
filter: grayscale(1);
opacity: 0.5;
-o-object-fit: contain;
object-fit: contain;
transition: all 0.4s ease-in-out;
}
.gg-form-skin .layout__services{
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem;
}
@media screen and (min-width: 769px){.gg-form-skin .layout__services{
grid-gap: 3rem;
}}
.gg-form-skin .layout__services .services__list{
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
justify-content: start;
}
@media screen and (min-width: 580px){.gg-form-skin .layout__services .services__list{
grid-gap: 2rem;
grid-template-columns: repeat(2, 1fr);
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__services .services__list{
grid-template-columns: repeat(2, 25rem);
grid-gap: 0 7.5rem;
}}
@media screen and (min-width: 769px){.gg-form-skin .layout__services .services__list:nth-child(even){
justify-content: end;
}}
.gg-form-skin .layout__services .services__item{
color: #6c6c78;
border-radius: 0.5rem;
padding: 1rem;
display: flex;
flex-direction: column;
grid-gap: 1rem;
position: relative;
}
.gg-form-skin .layout__services .services__item:before{
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 18rem;
height: 9.75rem;
z-index: -1;
background: url(https://geniusgroup.cc/local/templates/main/css/../img/content/services/services-mobile__bg.png) 50% 50%
no-repeat;
background-size: contain;
transform: translate(-50%, -50%);
}
@media screen and (min-width: 769px){.gg-form-skin .layout__services .services__item:before{
width: 24rem;
background: url(https://geniusgroup.cc/local/templates/main/css/../img/content/services/services__bg.png) 50% 50% no-repeat;
background-size: contain;
transform: translate(-50%, -50%);
}}
.gg-form-skin .layout__services .services__media{
width: auto;
height: 3rem;
display: flex;
align-items: flex-start;
}
.gg-form-skin .layout__services .services__main{
color: colorPrimary300;
font-size: 0.75rem;
line-height: 1rem;
min-height: 2rem;
grid-column: span 2;
-webkit-line-clamp: 2;
}
@media screen and (min-width: 769px){.gg-form-skin .layout__services .services__main{
font-size: 0.875rem;
line-height: 1rem;
}}
.gg-form-skin .burger{
cursor: pointer;
}
@media (max-width: 579px){.gg-form-skin .burger__item{
height: 0.75px !important;
}}
.gg-form-skin .layout__banner .banner__scroll{
bottom: 1.4rem;
}
@media (max-width: 768px){.gg-form-skin .layout__banner .banner__scroll{
bottom: 0.9rem;
}}
@media (max-width: 579px){.gg-form-skin .layout__banner .banner__scroll{
bottom: -4px;
}}
@media (max-width: 500px){.gg-form-skin .layout__banner .banner__scroll{
bottom: 0;
}}
.gg-form-skin .layout__cases .cases__link .cases__img{
opacity: 1;
transition: 0.3s;
z-index: 11;
position: relative;
}
.gg-form-skin .layout__cases .cases__link .cases__video{
opacity: 0;
transition: 0.8s;
}
@media (min-width: 768px){.gg-form-skin .marquee{
width: 100%;
height: 67px;
}
.gg-form-skin .marquee .js-marquee-wrapper{
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.gg-form-skin .marquee .js-marquee-wrapper .js-marquee{
display: flex;
}
.gg-form-skin .partners__item{
padding: 0 1rem;
height: 48px;
}}
@media (max-width: 768px){.gg-form-skin .marquee{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
left: auto !important;
right: auto !important;
}
.gg-form-skin .marquee:not(:last-child){
margin-bottom: 2rem;
}
.gg-form-skin .partners__item{
height: auto;
padding: 0 1rem;
}}
.gg-form-skin .partners__item a{
display: block;
width: 100%;
height: 100%;
}
.gg-form-skin .partners__item:hover img,.gg-form-skin .partners__item:hover picture{
filter: grayscale(0);
opacity: 1;
}
.gg-form-skin .partners__item a{
pointer-events: none;
}
.gg-form-skin .partners__item a img,.gg-form-skin .partners__item a picture{
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
filter: grayscale(1);
opacity: 0.3;
transition: 0.3s;
}
.gg-form-skin .marquee2{
position: relative;
right: -50px;
}
@media (max-width: 768px){.gg-form-skin .marquee2{
display: none;
}}
.gg-form-skin .layout__section .section__header.section__header_tertiary{
top: 1.45rem;
}
@media (max-width: 1279px){.gg-form-skin .layout__section .section__header.section__header_tertiary{
top: 14px;
}}
@media (max-width: 1090px){.gg-form-skin .layout__section .section__header.section__header_tertiary{
top: 12px;
}}
@media (max-width: 992px){.gg-form-skin .layout__section .section__header.section__header_tertiary{
top: 1rem;
}}
@media (max-width: 768px){.gg-form-skin .layout__section .section__header.section__header_tertiary{
top: 2rem;
}}
.gg-form-skin .layout__news .news__main{
height: 4rem;
}
.gg-form-skin .section__title{
position: relative;
left: 2px;
}
.gg-form-skin .section__title .title__text{
font-size: 1.2rem;
}
.gg-form-skin .section__title .title__ico{
height: 1.1rem;
width: 0.3625rem;
}
.gg-form-skin .layout__blog .blog__header{
min-height: 2.5rem;
height: 2.5rem;
}
@media (max-width: 579px){.gg-form-skin .layout__blog .blog__header{
min-height: 2.3rem;
height: 2.3rem;
}}
.gg-form-skin .btn:active{
color: #ffffff;
background-color: #ff450a;
text-decoration: none;
}
@media (max-width: 579px){.gg-form-skin .footer__bottom{
order: 3;
gap: 1rem;
width: 100%;
display: flex;
flex-direction: column;
}
.gg-form-skin .footer__design{
order: -1;
position: absolute;
right: 1rem;
}}
.gg-form-skin .partners__item a img,.gg-form-skin .partners__item a picture{width: auto;}
.gg-form-skin .choices{
width: 100%;
}
.gg-form-skin .choices__inner{
border: none;
background-color: #141414;
}
.gg-form-skin body.compensate-for-scrollbar{
overflow: hidden;
}
.gg-form-skin .fancybox-active{
height: auto;
}
.gg-form-skin .fancybox-is-hidden{
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.gg-form-skin .fancybox-container{
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.gg-form-skin .fancybox-container *{
box-sizing: border-box;
}
.gg-form-skin .fancybox-outer,.gg-form-skin .fancybox-inner,.gg-form-skin .fancybox-bg,.gg-form-skin .fancybox-stage{
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.gg-form-skin .fancybox-outer{
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.gg-form-skin .fancybox-bg{
background: rgb(30, 30, 30);
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}
.gg-form-skin .fancybox-is-open .fancybox-bg{
opacity: .9;
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}
.gg-form-skin .fancybox-infobar,.gg-form-skin .fancybox-toolbar,.gg-form-skin .fancybox-caption,.gg-form-skin .fancybox-navigation .fancybox-button{
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.gg-form-skin .fancybox-show-infobar .fancybox-infobar,.gg-form-skin .fancybox-show-toolbar .fancybox-toolbar,.gg-form-skin .fancybox-show-caption .fancybox-caption,.gg-form-skin .fancybox-show-nav .fancybox-navigation .fancybox-button{
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.gg-form-skin .fancybox-infobar{
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.gg-form-skin .fancybox-toolbar{
right: 0;
top: 0;
}
.gg-form-skin .fancybox-stage{
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.gg-form-skin .fancybox-is-open .fancybox-stage{
overflow: hidden;
}
.gg-form-skin .fancybox-slide{
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.gg-form-skin .fancybox-slide::before{
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.gg-form-skin .fancybox-is-sliding .fancybox-slide,.gg-form-skin .fancybox-slide--previous,.gg-form-skin .fancybox-slide--current,.gg-form-skin .fancybox-slide--next{
display: block;
}
.gg-form-skin .fancybox-slide--image{
overflow: hidden;
padding: 44px 0;
}
.gg-form-skin .fancybox-slide--image::before{
display: none;
}
.gg-form-skin .fancybox-slide--html{
padding: 6px;
}
.gg-form-skin .fancybox-content{
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.gg-form-skin .fancybox-slide--image .fancybox-content{
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.gg-form-skin .fancybox-can-zoomOut .fancybox-content{
cursor: zoom-out;
}
.gg-form-skin .fancybox-can-zoomIn .fancybox-content{
cursor: zoom-in;
}
.gg-form-skin .fancybox-can-swipe .fancybox-content,.gg-form-skin .fancybox-can-pan .fancybox-content{
cursor: -webkit-grab;
cursor: grab;
}
.gg-form-skin .fancybox-is-grabbing .fancybox-content{
cursor: -webkit-grabbing;
cursor: grabbing;
}
.gg-form-skin .fancybox-container [data-selectable='true']{
cursor: text;
}
.gg-form-skin .fancybox-image,.gg-form-skin .fancybox-spaceball{
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.gg-form-skin .fancybox-spaceball{
z-index: 1;
}
.gg-form-skin .fancybox-slide--video .fancybox-content,.gg-form-skin .fancybox-slide--map .fancybox-content,.gg-form-skin .fancybox-slide--pdf .fancybox-content,.gg-form-skin .fancybox-slide--iframe .fancybox-content{
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.gg-form-skin .fancybox-slide--video .fancybox-content{
background: #000;
}
.gg-form-skin .fancybox-slide--map .fancybox-content{
background: #e5e3df;
}
.gg-form-skin .fancybox-slide--iframe .fancybox-content{
background: #fff;
}
.gg-form-skin .fancybox-video,.gg-form-skin .fancybox-iframe{
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.gg-form-skin .fancybox-iframe{
left: 0;
position: absolute;
top: 0;
}
.gg-form-skin .fancybox-error{
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.gg-form-skin .fancybox-error p{
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
.gg-form-skin .fancybox-button{
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.gg-form-skin .fancybox-button,.gg-form-skin .fancybox-button:visited,.gg-form-skin .fancybox-button:link{
color: #ccc;
}
.gg-form-skin .fancybox-button:hover{
color: #fff;
}
.gg-form-skin .fancybox-button:focus{
outline: none;
}
.gg-form-skin .fancybox-button.fancybox-focus{
outline: 1px dotted;
}
.gg-form-skin .fancybox-button[disabled],.gg-form-skin .fancybox-button[disabled]:hover{
color: #888;
cursor: default;
outline: none;
}
.gg-form-skin .fancybox-button div{
height: 100%;
}
.gg-form-skin .fancybox-button svg{
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.gg-form-skin .fancybox-button svg path{
fill: currentColor;
stroke-width: 0;
}
.gg-form-skin .fancybox-button--play svg:nth-child(2),.gg-form-skin .fancybox-button--fsenter svg:nth-child(2){
display: none;
}
.gg-form-skin .fancybox-button--pause svg:nth-child(1),.gg-form-skin .fancybox-button--fsexit svg:nth-child(1){
display: none;
}
.gg-form-skin .fancybox-progress{
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
}
.gg-form-skin .fancybox-close-small{
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.gg-form-skin .fancybox-close-small:hover{
color: #fff;
opacity: 1;
}
.gg-form-skin .fancybox-slide--html .fancybox-close-small{
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.gg-form-skin .fancybox-slide--image.fancybox-is-scaling .fancybox-content{
overflow: hidden;
}
.gg-form-skin .fancybox-is-scaling .fancybox-close-small,.gg-form-skin .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{
display: none;
}
.gg-form-skin .fancybox-navigation .fancybox-button{
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.gg-form-skin .fancybox-navigation .fancybox-button div{
padding: 7px;
}
.gg-form-skin .fancybox-navigation .fancybox-button--arrow_left{
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.gg-form-skin .fancybox-navigation .fancybox-button--arrow_right{
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
}
.gg-form-skin .fancybox-caption{
background: linear-gradient(to top,
rgba(0, 0, 0, .85) 0%,
rgba(0, 0, 0, .3) 50%,
rgba(0, 0, 0, .15) 65%,
rgba(0, 0, 0, .075) 75.5%,
rgba(0, 0, 0, .037) 82.85%,
rgba(0, 0, 0, .019) 88%,
rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)){.gg-form-skin .fancybox-caption{
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}}
.gg-form-skin .fancybox-caption--separate{
margin-top: -50px;
}
.gg-form-skin .fancybox-caption__body{
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.gg-form-skin .fancybox-caption a,.gg-form-skin .fancybox-caption a:link,.gg-form-skin .fancybox-caption a:visited{
color: #ccc;
text-decoration: none;
}
.gg-form-skin .fancybox-caption a:hover{
color: #fff;
text-decoration: underline;
}
.gg-form-skin .fancybox-loading{
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
.gg-form-skin .fancybox-animated{
transition-timing-function: cubic-bezier(0, 0, .25, 1);
}
.gg-form-skin .fancybox-fx-slide.fancybox-slide--previous{
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.gg-form-skin .fancybox-fx-slide.fancybox-slide--next{
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.gg-form-skin .fancybox-fx-slide.fancybox-slide--current{
opacity: 1;
transform: translate3d(0, 0, 0);
}
.gg-form-skin .fancybox-fx-fade.fancybox-slide--previous,.gg-form-skin .fancybox-fx-fade.fancybox-slide--next{
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.gg-form-skin .fancybox-fx-fade.fancybox-slide--current{
opacity: 1;
}
.gg-form-skin .fancybox-fx-zoom-in-out.fancybox-slide--previous{
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.gg-form-skin .fancybox-fx-zoom-in-out.fancybox-slide--next{
opacity: 0;
transform: scale3d(.5, .5, .5);
}
.gg-form-skin .fancybox-fx-zoom-in-out.fancybox-slide--current{
opacity: 1;
transform: scale3d(1, 1, 1);
}
.gg-form-skin .fancybox-fx-rotate.fancybox-slide--previous{
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.gg-form-skin .fancybox-fx-rotate.fancybox-slide--next{
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.gg-form-skin .fancybox-fx-rotate.fancybox-slide--current{
opacity: 1;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.gg-form-skin .fancybox-fx-circular.fancybox-slide--previous{
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.gg-form-skin .fancybox-fx-circular.fancybox-slide--next{
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.gg-form-skin .fancybox-fx-circular.fancybox-slide--current{
opacity: 1;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
.gg-form-skin .fancybox-fx-tube.fancybox-slide--previous{
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}
.gg-form-skin .fancybox-fx-tube.fancybox-slide--next{
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}
.gg-form-skin .fancybox-fx-tube.fancybox-slide--current{
transform: translate3d(0, 0, 0) scale(1);
}
@media all and (max-height: 576px){.gg-form-skin .fancybox-slide{
padding-left: 6px;
padding-right: 6px;
}
.gg-form-skin .fancybox-slide--image{
padding: 6px 0;
}
.gg-form-skin .fancybox-close-small{
right: -6px;
}
.gg-form-skin .fancybox-slide--image .fancybox-close-small{
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.gg-form-skin .fancybox-caption{
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)){.gg-form-skin .fancybox-caption{
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}}}
.gg-form-skin .fancybox-share{
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.gg-form-skin .fancybox-share h1{
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.gg-form-skin .fancybox-share p{
margin: 0;
padding: 0;
}
.gg-form-skin .fancybox-share__button{
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.gg-form-skin .fancybox-share__button:visited,.gg-form-skin .fancybox-share__button:link{
color: #fff;
}
.gg-form-skin .fancybox-share__button:hover{
text-decoration: none;
}
.gg-form-skin .fancybox-share__button--fb{
background: #3b5998;
}
.gg-form-skin .fancybox-share__button--fb:hover{
background: #344e86;
}
.gg-form-skin .fancybox-share__button--pt{
background: #bd081d;
}
.gg-form-skin .fancybox-share__button--pt:hover{
background: #aa0719;
}
.gg-form-skin .fancybox-share__button--tw{
background: #1da1f2;
}
.gg-form-skin .fancybox-share__button--tw:hover{
background: #0d95e8;
}
.gg-form-skin .fancybox-share__button svg{
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.gg-form-skin .fancybox-share__button svg path{
fill: #fff;
}
.gg-form-skin .fancybox-share__input{
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
.gg-form-skin .fancybox-thumbs{
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.gg-form-skin .fancybox-thumbs-x{
overflow-x: auto;
overflow-y: hidden;
}
.gg-form-skin .fancybox-show-thumbs .fancybox-thumbs{
display: block;
}
.gg-form-skin .fancybox-show-thumbs .fancybox-inner{
right: 212px;
}
.gg-form-skin .fancybox-thumbs__list{
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.gg-form-skin .fancybox-thumbs-x .fancybox-thumbs__list{
overflow: hidden;
}
.gg-form-skin .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{
width: 7px;
}
.gg-form-skin .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.gg-form-skin .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{
background: #2a2a2a;
border-radius: 10px;
}
.gg-form-skin .fancybox-thumbs__list a{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.gg-form-skin .fancybox-thumbs__list a::before{
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991;
}
.gg-form-skin .fancybox-thumbs__list a:focus::before{
opacity: .5;
}
.gg-form-skin .fancybox-thumbs__list a.fancybox-thumbs-active::before{
opacity: 1;
}
@media all and (max-width: 576px){.gg-form-skin .fancybox-thumbs{
width: 110px;
}
.gg-form-skin .fancybox-show-thumbs .fancybox-inner{
right: 110px;
}
.gg-form-skin .fancybox-thumbs__list a{
max-width: calc(100% - 10px);
}}
.gg-form-skin .footer__formualt.formualt p font[class=notetext],.gg-form-skin .formular__group.fields.hidden,.gg-form-skin .formular__group.submit.hidden,.gg-form-skin .formular__group.message.hidden,.gg-form-skin .formular__group.error-message.hidden,.gg-form-skin .formular__group.message-button-error.hidden,.gg-form-skin .formular__group.message-button-success.hidden{
display: none;
}
.gg-form-skin .form__message{
text-align: center;
}
.gg-form-skin .btn.success-send{
background-color: #00B341;
}
.gg-form-skin html{
scroll-behavior: smooth;
scroll-padding-top: 60px;
}
.gg-form-skin .layout{
overflow: visible;
}
.gg-form-skin .h2-title{
font-size: 20px;
font-weight: 500;
}
.gg-form-skin .h4{
font-size: 1.0rem !important;
font-weight: 600;
}
.gg-form-skin .footer__socials .socials__list{
grid-template-columns: repeat(6, auto);
width: fit-content;
}
.gg-form-skin .footer__socials .socials__item{
width: fit-content;
}
.gg-form-skin .footer__socials .socials__link{
width: 2rem;
height: 2rem;
}
.gg-form-skin .footer__bottom{
grid-column: 1/-1
}
.gg-form-skin .footer__design{
gap: 1rem;
height: fit-content;
margin-top: auto;
align-items: flex-start;
}
.gg-form-skin .footer__design .design__link{
display: block;
height: auto;
}
.gg-form-skin .footer__formualt{
padding: 16px;
background-color: #353545;
}
.gg-form-skin .footer__design svg{
width: 100%;
}
.gg-form-skin .field__input{
height: 48px;
}
.gg-form-skin .field__label{
display: block;
}
.gg-form-skin .field__input._textarea{
height: 108px;
}
.gg-form-skin .field__input::placeholder,.gg-form-skin .choices__placeholder{
color: #6C6C78;
opacity: 1 !important;
}
.gg-form-skin .field__title{
position: static;
padding-left: 12px;
margin-bottom: 4px;
font-size: 14px;
}
.gg-form-skin .choices{
border-radius: 0.5rem;
}
.gg-form-skin .field__title sup{
color: red;
}
.gg-form-skin label.error{
position: static;
padding-top: 2px;
padding-left: 12px;
}
@media screen and (min-width: 769px){.gg-form-skin .field__input{
padding: 0.75rem 0.5rem;
}
.gg-form-skin .h4{
font-size: 28px !important;
}
.gg-form-skin .footer__layout{
grid-gap: 3rem 1rem;
}
.gg-form-skin .footer__routs .routs__list{
grid-template-columns: 1fr;
grid-gap: 8px;
}
.gg-form-skin .footer__routs,.gg-form-skin .footer__design{
grid-row: initial;
}
.gg-form-skin .footer__bottom{
grid-template-columns: 1fr auto;
}
.gg-form-skin .footer__formualt{
padding: 24px;
border-radius: 16px;
background-color: #353545;
}
#layout__footer{
padidng: 24px;
}
.gg-form-skin .footer__layout{
grid-gap: 1.5rem 1rem !important;
}}
.gg-form-skin .layout__cases .cases__link .cases__video{
visibility: visible;
opacity: 1;
}
.gg-form-skin .footer__navigation-title{
display: block;
color: #fff;
}
.gg-form-skin .services__item::after{
--slice-0: inset(50% 50% 50% 50%);
--slice-1: inset(80% -6px 0 0);
--slice-2: inset(50% -6px 30% 0);
--slice-3: inset(10% -6px 85% 0);
--slice-4: inset(40% -6px 43% 0);
--slice-5: inset(80% -6px 5% 0);
background: linear-gradient(45deg, transparent 3%, #F7F8FA 3%, #F7F8FA 5%, #F7F8FA 5%);
content: '';
display: block;
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
clip-path: var(--slice-0);
}
.gg-form-skin .departments__item_active::after{
--slice-0: inset(50% 50% 50% 50%);
--slice-1: inset(80% -6px 0 0);
--slice-2: inset(50% -6px 30% 0);
--slice-3: inset(10% -6px 85% 0);
--slice-4: inset(40% -6px 43% 0);
--slice-5: inset(80% -6px 5% 0);
background: linear-gradient(45deg, transparent 3%, #272733 3%, #272733 5%, #272733 5%);
content: '';
display: block;
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
clip-path: var(--slice-0);
}
.gg-form-skin .departments__item:hover::after,.gg-form-skin .services__item:hover::after{
animation: 1s glitch;
animation-timing-function: steps(2, end);
}
.gg-form-skin h4,.gg-form-skin .h4{
font-size: 1rem;
line-height: 1.1;
}
.gg-form-skin .btn._white{
color: #272733;
background-color: #fff;
transition: opacity 0.2s linear;
}
.gg-form-skin .btn._white:hover{
opacity: 0.7;
}
.gg-form-skin .btn._border{
border: 1px solid #B4B8CC;
color: #272733;
background-color: transparent;
transition: background-color 0.2s linear, color 0.2s linear;
}
.gg-form-skin .btn._border:hover{
color: #fff;
background-color: #272733;
}
.gg-form-skin .btn._black{
color: #FFF;
background-color: #000;
transition: background-color 0.2s linear;
}
.gg-form-skin .btn._black:hover{
background-color: #ff450a;
}
.gg-form-skin .marquee{
height: fit-content;
}
.gg-form-skin .layout .container{
overflow: initial;
}
.gg-form-skin .departments__list,.gg-form-skin .departments,.gg-form-skin .departments__item_active{
position: relative;
overflow: initial !important;
}
.gg-form-skin .footer__logo .logo__link{
width: auto;
}
.gg-form-skin .formualt__header .h4{
font-weight: 600;
color: #fff;
}
.gg-form-skin h2,.gg-form-skin .h2{
font-size: 2.5rem;
line-height: 1.1;
}
.gg-form-skin .layout{
padding: 16px;
}
.gg-form-skin .departments__item-bg,.gg-form-skin .header__slogan,.gg-form-skin .about__init{
display: none !important;
}
.gg-form-skin .layout__about .about__media{
height: fit-content;
cursor: default !important;
}
.gg-form-skin .about__media{
pointer-events: none;
}
.gg-form-skin .banner{
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
height: auto !important;
border-radius: 1.5rem;
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important;
background-color: #f7f8fa;
}
.gg-form-skin .banner__media-content{
position: relative;
z-index: 2;
place-self: center;
grid-row: 1/-1;
grid-column: 1/-1;
padding: 0 16px;
}
.gg-form-skin .banner__media-title,.gg-form-skin .banner__media-text{
display: none;
}
.gg-form-skin .banner__media-title-inner{
display: none;
align-items: center;
gap: 16px;
}
.gg-form-skin .banner__media{
grid-row: 1/-1;
grid-column: 1/-1;
align-items: center !important;
justify-content: center;
}
.gg-form-skin .h1-title{
font-size: 26px;
font-weight: 600;
letter-spacing: -1.68px;
line-height: 1.1;
}
.gg-form-skin .h1-title._center{
text-align: center;
}
.gg-form-skin .banner__media-icon{
width: 46px;
height: 90px;
}
.gg-form-skin .banner__media-text{
width: 100%;
margin: 0 auto;
text-align: center;
}
.gg-form-skin .layout__banner .banner__cookie{
z-index: 4;
bottom: 0;
}
.gg-form-skin .footer__logo-mobile{
order: -2;
margin: 0 auto;
}
.gg-form-skin .footer__logo-mobile .logo__link{
height: auto;
margin: 0 auto;
}
.gg-form-skin .header__logo .logo__link,.gg-form-skin .header__date,.gg-form-skin .header__right{
position: relative;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
place-items: center;
background-color: transparent;
}
.gg-form-skin .header__logo .logo__img,.gg-form-skin .date__text,.gg-form-skin .header__burger{
position: relative;
z-index: 2;
grid-row: 1/-1;
grid-column: 1/-1;
}
.gg-form-skin .logo__bg,.gg-form-skin .header__date-bg,.gg-form-skin .header__date-bg{
grid-row: 1/-1;
grid-column: 1/-1;
}
.gg-form-skin .header__date-bg{
width: 54px !important;
}
.gg-form-skin .logo__link::before{
display: none;
}
.gg-form-skin .header__right{
position: absolute;
right: 0;
top: 0;
z-index: 3;
}
.gg-form-skin .header__burger{
justify-self: flex-end;
margin-right: 8px;
margin-top: -10px;
}
.gg-form-skin .layout__header.header_menu-active .burger .burger__item{
width: 1.75rem;
}
.gg-form-skin .header__date .date__text{
margin-top: -4px;
margin-left: -18px;
}
.gg-form-skin .layout__banner{
margin-top: calc(-15.5% + 1px);
margin-top: 0;
width: calc(100% - 2px);
margin-left: auto;
margin-right: auto;
}
.gg-form-skin .header__logo .logo__link{
width: 8rem;
height: 2.3rem;
}
.gg-form-skin .header__date{
padding: 0;
}
@media (min-width: 768px){.gg-form-skin .header__date{
position: static;
padding: 0;
}
.gg-form-skin .header__date-bg{
width: 72px !important;
}
.gg-form-skin .header__date .date__text{
margin-left: -16px;
margin-top: -12px;
}
.gg-form-skin .header__logo .logo__link{
width: 18rem;
}
.gg-form-skin .layout__departments div.departments__item{
padding: 1rem 0.25rem 1rem 1rem;
}
.gg-form-skin .layout__header{
padding: 0 1.5rem 0;
}
.gg-form-skin .h1-title{
font-size: 42px;
}
.gg-form-skin .banner__media-content{
padding: 0;
}
.gg-form-skin .banner__media-icon{
width: 52px;
height: 103px;
}
.gg-form-skin .banner__media-title-inner{
gap: 20px;
margin-bottom: 8px;
}
.gg-form-skin .banner__media-text{
max-width: 510px;
}}
@media (min-width: 992px){.gg-form-skin .h1-title{
font-size: 56px;
}
.gg-form-skin .h2-title{
font-size: 24px;
}}
.gg-form-skin .layout__header{
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-color: transparent;
}
.gg-form-skin .layout__news .news__main{
height: auto;
min-height: auto;
}
.gg-form-skin .layout__about .about__media .about__video{
position: static;
border-radius: 1.5rem;
}
@media (max-width: 767px){.gg-form-skin .header__burger .burger__item{
width: 1.1rem;
margin-right: -10px;
}
.gg-form-skin .layout__cases .cases__media{
height: auto;
}
.gg-form-skin .cases__img{
display: none !important;
}
.gg-form-skin .news .cases__img{
display: block !important;
}
.gg-form-skin .layout__cases .cases__link .cases__video{
position: static;
display: block;
opacity: 1;
}
.gg-form-skin body:has(.header__menu._active){
overflow: hidden;
}
.gg-form-skin .header__menu._active{
height: 100vh;
overflow: auto;
}
.gg-form-skin .footer__formualt{
order: -1;
}
.gg-form-skin .footer__logo-desktop{
display: none;
}
.gg-form-skin .marquee{
gap: 1rem;
height: fit-content;
}
.gg-form-skin .layout__departments .departments__item{
grid-template-areas: 'header cursor' 'content content';
grid-template-columns: 1fr 32px;
align-items: center;
padding: 1.25rem 1.25rem;
}
.gg-form-skin .layout__departments .departments__item .departments__header{
grid-area: header;
}
.gg-form-skin .layout__departments .departments__item .departments__main{
grid-area: content;
}
.gg-form-skin .layout__departments .departments__item .departments__media{
grid-area: cursor;
min-width: auto;
}}
.gg-form-skin .layout__banner{
position: relative;
}
.gg-form-skin .banner{
background-color: transparent;
}
.gg-form-skin .layout__banner .banner__media{
height: auto;
}
@media (min-width: 769px){.gg-form-skin .layout__section .section__header.section__header_secondary{
align-items: flex-start;
}
.gg-form-skin .layout__section .section__header.section__header_secondary .section__title{
align-items: center;
}
.gg-form-skin .layout__banner{
padding-top: 0;
margin-top: -36.5px;
}
.gg-form-skin .layout__banner .banner__media{
height: auto;
}
.gg-form-skin .footer__logo-mobile{
display: none;
}
.gg-form-skin .layout__departments .departments__item{
height: 7.2rem;
padding: 1rem 0.25rem 1rem;
overflow: auto;
}
.gg-form-skin .layout__banner .banner__media video{
width: 100%;
height: auto !important;
}}
.gg-form-skin .layout__banner .banner__media video{
margin: 0 auto;
width: 100%;
height: auto;
}
.gg-form-skin .layout__departments .departments__item:not(:last-child){
border-bottom: none;
}
.gg-form-skin .layout__departments .departments__item:before,.gg-form-skin .services__item::before{
display: none;
border-image: none !important;
}
.gg-form-skin .departments__item_active{
border-radius: 16px;
background-color: #272733;
}
.gg-form-skin .services__item{
transition: background-color 0.4s linear;
}
.gg-form-skin .services__item:hover{
border-radius: 16px;
background-color: #F7F8FA;
}
.gg-form-skin .news__action svg{
fill: #FF450A;
width: 20px;
height: 20px;
display: grid;
place-items: center;
padding: 4px;
border-radius: 50%;
background-color: transparent;
transition: all 0.4s linear;
}
.gg-form-skin .news__link{
border: 1px solid transparent;
transition: all 0.4s linear;
}
.gg-form-skin .news__link:hover{
border-color: #B4B8CC;
}
.gg-form-skin .news__action .link{
position: relative;
overflow: hidden;
}
.gg-form-skin .news__action .link::before{
content: '';
position: absolute;
top: 100%;
right: -16px;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #FF450A;
fill: #fff;
transition: top 0.4s linear, right 0.4s linear;
}
.gg-form-skin .news__link:hover .news__action .link::before{
top: 0;
right: 0;
}
.gg-form-skin .news__link:hover .news__action .link__ico{
fill: #fff;
}
.gg-form-skin .link:hover .link__ico{
transform: translateX(0);
}
@media screen and (min-width: 769px){.gg-form-skin .layout__manifesto .manifesto__item{
font-size: 1.55rem;
line-height: 1.1;
}
#layout__footer{
grid-template-columns: auto 28rem;
padding: 2rem;
}
.gg-form-skin .footer__navigation .navigation__link,.gg-form-skin .contact__main p{
font-size: 18px;
line-height: 1.1;
}
.gg-form-skin .footer__routs .routs__link{
font-size: 14px;
}
.gg-form-skin .layout__departments .departments__item{
grid-template-columns: auto 25rem 5.5rem;
}
.gg-form-skin h3,.gg-form-skin .h3{
font-size: 1.45rem;
line-height: 1.1;
}
.gg-form-skin .news__header h4,.gg-form-skin .blog__header h4{
font-size: 1.45rem;
font-weight: 500;
line-height: 1.1;
}
.gg-form-skin .news__main,.gg-form-skin .blog__main{
font-size: 14px;
}
.gg-form-skin .layout__blog .blog__header{
min-height: auto;
height: auto;
}
.gg-form-skin .formualt__header .h4{
font-size: 28px;
}}
.gg-form-skin .departments__item *{
color: #272733;
}
.gg-form-skin .departments__header h2{
font-weight: 600;
}
.gg-form-skin .layout__departments .departments__item.departments__item_active .departments__header h1,.gg-form-skin .layout__departments .departments__item.departments__item_active .departments__header h2,.gg-form-skin .layout__departments .departments__item.departments__item_active .departments__header h3,.gg-form-skin .layout__departments .departments__item.departments__item_active .departments__header h4{
color: #ff450a;
}
.gg-form-skin .header__menu{
opacity: 0;
transition: opacity 0.4s linear;
}
.gg-form-skin .header__menu._active{
opacity: 1;
}
.gg-form-skin .section__title._center{
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.gg-form-skin .section__title .title__text{
font-size: 1.8rem;
font-weight: 600;
}
.gg-form-skin .section__title .title__ico{
height: 1.25rem;
width: 0.5rem;
}
.gg-form-skin .departments__header h2,.gg-form-skin .glitch{
position: relative;
color: black;
}
.gg-form-skin .departments__header h2 span,.gg-form-skin .glitch span{
color: #272733;
position: absolute;
overflow: hidden;
width: 100%;
left: 0;
transition: transform 0.05s;
}
.gg-form-skin .departments__item_active .departments__header h2 span,.gg-form-skin .departments__item_active .departments__main *{
color: #fff;
}
.gg-form-skin .curtain-wrap{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: row;
overflow: hidden;
pointer-events: none;
z-index: -1;
}
.gg-form-skin .curtain-wrap._active{
z-index: 3;
}
.gg-form-skin .curtain-piece{
background-color: white;
width: 10%;
height: 100%;
transform: translateY(-100%);
transition: transform 0.5s ease;
}
.gg-form-skin .curtain-piece:nth-child(1){
transition-delay: 0s;
}
.gg-form-skin .curtain-piece:nth-child(2){
transition-delay: 0.1s;
}
.gg-form-skin .curtain-piece:nth-child(3){
transition-delay: 0.2s;
}
.gg-form-skin .curtain-piece:nth-child(4){
transition-delay: 0.3s;
}
.gg-form-skin .curtain-piece:nth-child(5){
transition-delay: 0.4s;
}
.gg-form-skin .curtain-piece:nth-child(6){
transition-delay: 0.5s;
}
.gg-form-skin .curtain-piece:nth-child(7){
transition-delay: 0.6s;
}
.gg-form-skin .curtain-piece:nth-child(8){
transition-delay: 0.7s;
}
.gg-form-skin .curtain-piece:nth-child(9){
transition-delay: 0.8s;
}
.gg-form-skin .curtain-piece:nth-child(10){
transition-delay: 0.9s;
}
.gg-form-skin .curtain-wrap._active .curtain-piece{
transform: translateY(0);
}
.gg-form-skin .header__menu{
transition: none;
}
.gg-form-skin .layout__header.header_menu-active .header__menu{
background: transparent;
transition: all 0.4s linear;
}
.gg-form-skin .layout__header.header_menu-active._active .header__menu{
background-color: white;
}
.gg-form-skin .nav__text{
position: relative;
transition: top 0.6s linear;
overflow: hidden;
}
.gg-form-skin .nav__text-before{
position: relative;
top: 0;
left: 0;
color: #141414 !important;
transition: top 0.3s linear;
}
.gg-form-skin .nav__text-after{
position: absolute;
z-index: 2;
top: 100%;
left: 0;
color: #FF4509;
transition: top 0.3s linear;
}
.gg-form-skin .nav__text:hover .nav__text-after{
top: 0;
}
.gg-form-skin .nav__text:hover .nav__text-before{
top: -60px;
}
.gg-form-skin .layout__services h3 br{
display: none
}
.gg-form-skin .footer__formualt .logo{
display: none;
}
.gg-form-skin .header__slogan .slogan__title{
grid-template-columns: 1rem auto 1rem;
}
.gg-form-skin .layout__cases .cases__date,.gg-form-skin .date__text{
font-family: Arial, sans-serif;
}
.gg-form-skin .title-new{
gap: 8px;
}
.gg-form-skin .title-new .title__ico{
gap: 8px;
height: 20px;
width: 10px;
}
.gg-form-skin .cases__img,.gg-form-skin .cases__video{
transition: none !important;
}
@media (min-width: 769px){.gg-form-skin .layout__services .services__list{
grid-template-columns: repeat(3, 1fr);
grid-gap: 0 5rem;
}
.gg-form-skin .layout__services .services__item:before{
width: 100%;
}
.gg-form-skin .layout__departments .departments__main{
font-size: 1.4rem;
}}
@media (max-width: 767px){.gg-form-skin h4,.gg-form-skin .h4{
font-size: 1.0rem;
line-height: 1.1;
}
#layout__footer{
display: flex;
flex-direction: column;
}
.gg-form-skin .footer__formualt{
order: -1;
}
#layout__footer .logo{
display: none;
}
.gg-form-skin .footer__formualt .logo{
display: block;
}}
.gg-form-skin .footer__navigation .navigation__link{
pointer-events: initial !important;
}
.gg-form-skin .checkbox-symbol{
position: absolute;
width: 0;
height: 0;
pointer-events: none;
user-select: none;
}
.gg-form-skin .checkbox{
--checboxColor: #B4B8CC;
--inputErrorFontSize: var(--f-s-small);
--inputErrorColor: var(--c-error);
position: relative;
display: flex;
align-items: center;
flex-flow: row wrap;
font-size: var(--f-s-small);
color: inherit;
}
.gg-form-skin .checkbox__input{
position: absolute;
visibility: hidden;
}
.gg-form-skin .checkbox__input:checked + .checkbox__label .checkbox__svg{
border-color: var(--checboxColor);
background: var(--checboxColor);
animation: zoom-in-out 0.3s ease;
}
.gg-form-skin .checkbox__input:checked + .checkbox__label .checkbox__svg-icon{
stroke-dashoffset: 0;
}
.gg-form-skin .checkbox__label{
display: flex;
border-radius: 4px;
transition: all 0.3s ease;
cursor: pointer;
overflow: hidden;
user-select: none;
}
.gg-form-skin .checkbox__svg{
position: relative;
flex: 0 0 18px;
width: 18px;
height: 18px;
border: 1px solid var(--checboxColor);
border-radius: 4px;
margin-right: 8px;
transition: all 0.3s ease;
vertical-align: middle;
fill: var(--c-white);
transform: translate3d(0, 0, 0);
}
.gg-form-skin .checkbox__label:hover .checkbox__svg{
border-color: var(--checboxColor);
}
.gg-form-skin .checkbox__svg-icon{
position: absolute;
top: 3px;
left: 2px;
fill: none;
stroke: #fff;
stroke-dasharray: 16px;
stroke-dashoffset: 16px;
transition: all 0.3s ease;
transform: translate3d(0, 0, 0);
}
.gg-form-skin .checkbox__text{
padding-left: 8px;
vertical-align: middle;
transform: translate3d(0, 0, 0);
}
.gg-form-skin .link{
color: inherit;
}
.gg-form-skin .link._color{
color: #FF450A;
}
.gg-form-skin .link._underline{
text-decoration: underline;
}
.gg-form-skin .link._inline{
display: inline-block;
}
.gg-form-skin .choices__inner,.gg-form-skin .choices__list--dropdown{
border: none !important;
color: #fff !important;
font-size: 1.25rem !important;
background-color: #141414 !important;
}
.gg-form-skin .choices__item--choice:hover,.gg-form-skin .is-selected,.gg-form-skin .is-highlighted{
background-color: transparent !important;
opacity: 0.7;
}
.gg-form-skin :root{
--f-s-promo: 40px;
--f-s-h1: 30px;
@media (min-width: 992px) {
--f-s-promo: 64px;
--f-s-h1: 42px;
}
}
.gg-form-skin .mb-36{
margin-bottom: 28px;
}
.gg-form-skin .mb-28{
margin-bottom: 20px;
}
.gg-form-skin .mb-28-2{
margin-bottom: 80px;
}
.gg-form-skin .mb-16{
margin-bottom: 16px;
}
.gg-form-skin .mb-8{
margin-bottom: 8px;
}
@media (min-width: 768px){.gg-form-skin .mb-36{
margin-bottom: 36px;
}
.gg-form-skin .mb-28{
margin-bottom: 28px;
}
.gg-form-skin .mb-28-2{
margin-bottom: 40px;
}}
.gg-form-skin .breadcrumbs{
--breadcrumbsFontSize: 14px;
--breadcrumbsColor: #b4b8cc;
--breadcrumbsCurrentColor: #b4b8cc;
display: none;
max-width: 100vw;
padding-bottom: 20px;
}
.gg-form-skin .breadcrumbs__list{
display: none;
}
@media (min-width: 768px){.gg-form-skin .breadcrumbs{
display: block;
padding-bottom: 32px;
}
.gg-form-skin .breadcrumbs__list{
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
overflow: auto;
}}
.gg-form-skin .breadcrumbs__list::-webkit-scrollbar{
width: 0;
}
.gg-form-skin .breadcrumbs__item{
position: relative;
font-size: var(--breadcrumbsFontSize);
color: #b4b8cc;
}
.gg-form-skin .breadcrumbs__item:not(._active){
padding-right: 12px;
margin-right: 8px;
}
.gg-form-skin .breadcrumbs__item:not(._active)::before{
content: ">";
position: absolute;
top: 0;
right: 0;
color: #b4b8cc;
}
.gg-form-skin .breadcrumbs__item._active{
color: #b4b8cc;
}
.gg-form-skin .breadcrumbs__link{
font-size: inherit;
white-space: nowrap;
color: inherit;
}
.gg-form-skin .tags{
overflow: auto;
}
.gg-form-skin .tags__list{
display: grid;
grid-auto-flow: column;
grid-gap: 10px;
margin-bottom: 12px;
width: fit-content;
overflow: auto;
}
.gg-form-skin .p-blog .blog__item{
display: none;
}
.gg-form-skin .p-blog .blog__item._active{
display: block;
}
@media (min-width: 992px){.gg-form-skin .tags__list{
height: fit-content;
margin-bottom: 0;
}}
.gg-form-skin .tags__item{
padding: 8px 16px;
border-radius: 1000px;
text-align: center;
white-space: nowrap;
line-height: 1;
color: #6C6C78;
background-color: #F7F8FA;
cursor: pointer;
transition: color 0.4s linear, background-color 0.4s linear;
}
.gg-form-skin .tags__item._active{
color: #fff;
background-color: #b4b8cc;
}
@media (min-width: 992px){.gg-form-skin .tags__item:hover{
color: #fff;
background-color: #b4b8cc;
}}
.gg-form-skin .title-main{
display: flex;
gap: 16px;
justify-content: center;
align-items: center;
margin: 60px auto 20px;
}
.gg-form-skin .p-default-page .title-main{
margin-top: 0;
}
.gg-form-skin .title-main .title__ico{
height: 53px;
width: 20px;
}
.gg-form-skin .title-main__text{
margin-bottom: 0 !important;
font-size: var(--f-s-h1);
font-weight: 600;
line-height: 1.1;
}
.gg-form-skin .p-blog__section-top-inner{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.gg-form-skin .p-blog__section-link{
width: calc(100% - 20px);
margin-top: 16px;
}
.gg-form-skin .p-blog .layout__blog .blog__main,.gg-form-skin .p-blog .layout__blog .blog__header{
height: auto;
min-height: auto !important;
}
.gg-form-skin .p-default-page{
padding-top: 60px;
padding-bottom: 60px;
}
@media (min-width: 768px){.gg-form-skin .hidden-desktop{
display: none !important;
}}
@media (max-width: 767px){.gg-form-skin .hidden-mobile{
display: none !important;
}}
@media (min-width: 992px){.gg-form-skin .title-main{
margin: 80px auto 20px;
}}
.gg-form-skin .shorts{
padding: 24px;
border-radius: 12px;
background-color: #F7F8FA;
overflow: hidden;
}
.gg-form-skin .shorts__item-link{
display: block;
overflow: hidden;
}
.gg-form-skin .shorts__item-img{
aspect-ratio: 295/394;
object-fit: cover;
overflow: hidden;
border-radius: 12px;
}
.gg-form-skin .shorts .swiper-button img{
width: 36px;
height: 36px;
}
.gg-form-skin .shorts .swiper-button._prev{
right: 50px;
}
.gg-form-skin .shorts__slider{
overflow: initial !important;
}
.gg-form-skin .layout__blog .blog__list{
gap: 3rem 1rem;
}
@media (min-width: 768px){.gg-form-skin .shorts{
padding: 16px;
border-radius: 24px;
}
.gg-form-skin .shorts__item-img{
border-radius: 24px;
}}
@media (min-width: 992px){.gg-form-skin .shorts .swiper-button{
position: absolute;
z-index: 2;
top: -56px;
right: 0;
}}
@media (max-width: 767px){.gg-form-skin .shorts__slider-btn{
display: flex;
gap: 16px;
justify-content: center;
align-items: center;
margin: 16px auto 0;
}
.gg-form-skin .footer__bottom{
flex-direction: column !important;
}
.gg-form-skin .footer__design,.gg-form-skin .footer__socials .socials__list:nth-child(2){
position: static !important;
display: grid !important;
grid-gap: 16px;
grid-template-columns: repeat(4, auto);
}
.gg-form-skin .footer__design._2{
grid-gap: 24px 16px;
grid-template-columns: 1fr 1fr !important;
}
.gg-form-skin .footer__navigation-title{
margin-bottom: 8px !important;
}
.gg-form-skin .footer__design._2 .h4{
margin-bottom: 8px !important;
}
.gg-form-skin .footer__design._2 a{
width: auto !important;
}}
.gg-form-skin .p-blog-detail{
padding-top: 60px;
padding-bottom: 60px;
}
.gg-form-skin .p-blog-detail__container{
position: relative;
display: grid;
grid-template-columns: 100%;
grid-gap: 16px;
overflow: visible !important;
}
.gg-form-skin .p-blog-detail__left,.gg-form-skin .p-blog-detail__right{
display: none;
}
.gg-form-skin .p-blog-detail__back{
position: relative;
display: block;
width: fit-content;
font-weight: 600;
color: #8533FF;
}
.gg-form-skin .p-blog-detail__back::before{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: currentColor;
}
.gg-form-skin .p-blog-detail__title{
font-size: 24px;
font-weight: 500;
line-height: 1.1;
padding-bottom: 16px;
border-bottom: 1px solid #B4B8CC;
margin-bottom: 16px;
}
.gg-form-skin .p-blog-detail__summary{
display: grid;
grid-gap: 16px;
}
.gg-form-skin .link{
transition: color 0.2s linear;
}
.gg-form-skin .link:hover{
color: #ff450a;
}
.gg-form-skin .b-text h2{
font-size: 20px;
}
.gg-form-skin .b-text i{
font-style: italic;
}
.gg-form-skin .p-blog-detail__center{
font-size: 16px;
}
.gg-form-skin .p-blog-detail__preview{
position: relative;
}
.gg-form-skin .p-blog-detail__img{
width: 100%;
border-radius: 16px;
object-fit: cover;
}
.gg-form-skin .p-blog-detail__date{
position: absolute;
z-index: 2;
top: 8px;
left: 8px;
padding: 8px 12px;
border-radius: 1000px;
font-size: 14px;
font-weight: 500;
line-height: 1;
background-color: #F7F8FA;
}
.gg-form-skin .p-blog-detail__reading-time{
color: #B4B8CC;
}
.gg-form-skin .b-text__quote{
position: relative;
padding: 16px 16px 16px 48px;
border-radius: 16px;
font-size: 16px;
background-color: #F7F8FA;
}
.gg-form-skin .b-text__quote-text{
position: relative;
}
.gg-form-skin .b-text__quote-text::before{
content: '';
position: absolute;
top: 0;
left: -30px;
width: 20px;
height: 30px;
background: url('/local/templates/main/img/icons/quote.svg') no-repeat;
}
.gg-form-skin .b-text ul{
list-style: disc inside;
}
.gg-form-skin .b-text ol{
list-style: decimal inside;
}
.gg-form-skin .b-text *{
line-height: 1.1;
}
.gg-form-skin .b-text h2{
font-size: 18px;
}
.gg-form-skin .b-text * + *{
margin-top: 12px;
}
.gg-form-skin .b-text li + li{
margin-top: 6px;
}
.gg-form-skin .b-text h2 + *{
margin-top: 20px;
}
.gg-form-skin .b-text .b-text__quote + *{
margin-top: 20px;
}
.gg-form-skin .b-text iframe{
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
.gg-form-skin .b-text b,.gg-form-skin .b-text strong{
font-weight: 700;
}
.gg-form-skin .b-text img{
border-radius: 16px;
overflow: hidden;
}
.gg-form-skin .b-text__quote-name{
margin-top: 16px;
font-size: 18px;
}
.gg-form-skin .b-text__quote-status{
font-size: 14px;
}
.gg-form-skin .p-blog-detail__section{
position: relative;
height: fit-content;
padding: 18px;
border-radius: 16px;
color: #fff;
}
.gg-form-skin .p-blog-detail__section-title{
max-width: 240px;
}
.gg-form-skin .p-blog-detail__section-telegram{
background-color: #07F;
}
.gg-form-skin .p-blog-detail__section-newsletter{
background-color: #FF450A;
}
.gg-form-skin .p-blog-detail__section-link{
width: 100%;
}
.gg-form-skin .p-blog-detail__section-icon{
position: absolute;
top: 12px;
right: 12px;
width: 24px;
height: 24px;
}
.gg-form-skin .p-blog-detail__section-newsletter-policy{
margin-top: 8px;
font-size: 12px;
line-height: 1.1;
}
.gg-form-skin .input{
position: relative;
}
.gg-form-skin .input__text{
border-radius: 8px;
}
.gg-form-skin .input__text::placeholder{
color: #fff;
}
.gg-form-skin .input__label{
position: absolute;
top: 1px;
left: 9px;
color: #6C6C78;
font-size: 10px;
}
.gg-form-skin .input-label._error{
color: red;
}
.gg-form-skin .p-blog-section .layout__blog .blog__list{
flex-direction: column;
}
.gg-form-skin .p-blog-section .layout__blog .blog__item{
width: 100%;
}
.gg-form-skin .p-blog__section,.gg-form-skin .shorts{
margin-right: -20px;
}
@media (min-width: 1200px){.gg-form-skin .b-text h2{
font-size: 24px;
}
.gg-form-skin .p-blog__section,.gg-form-skin .shorts{
margin-right: 0;
}
.gg-form-skin .b-text__quote{
padding: 24px 24px 24px 60px;
border-radius: 24px;
font-size: 20px;
}
.gg-form-skin .b-text__quote-text::before{
content: '';
position: absolute;
top: 0;
left: -44px;
width: 32px;
height: 42px;
}
.gg-form-skin .b-text__quote-name{
font-size: 20px;
}
.gg-form-skin .card-slider{
margin-top: 20px;
}
.gg-form-skin .p-blog-detail__container{
grid-template-columns: 25% 50% 25%;
}
.gg-form-skin .card-slider__slide-thumbs-item-img{
border-radius: 8px;
}
.gg-form-skin .card-slider__slide-main-item-img{
border-radius: 16px;
}
.gg-form-skin .p-blog-detail__left{
display: block;
position: sticky;
top: 24px;
z-index: 1000;
left: 0;
height: fit-content;
}
.gg-form-skin .p-blog-detail__left-inner{
padding: 16px;
border-radius: 16px;
background-color: #F7F8FA;
}
.gg-form-skin .p-blog-detail__right{
position: sticky;
top: 24px;
right: 0;
display: grid;
grid-gap: 12px;
height: fit-content;
}
.gg-form-skin .p-blog-detail__content{
max-width: 100%;
overflow: hidden;
}}
.gg-form-skin .modal{
--modalBorderRadius: 0;
--modalBC: #fff;
--modalBoxShadow: 0 -29px 60px rgba(0, 0, 0, 0.1);
--modalTransition: opacity 0.2s linear;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100vh;
padding: 60px 20px 40px;
border-radius: var(--modalBorderRadius);
background-color: var(--modalBC);
animation: modal 1s ease;
overflow-y: auto;
}
@media (min-width: 560px){.gg-form-skin .modal{
top: 50%;
left: 50%;
height: auto;
min-height: 100vh;
padding: 40px 32px 20px;
box-shadow: var(--modalBoxShadow);
transform: translate(-50%, -50%);
}}
@media (min-width: 768px){.gg-form-skin .modal{
width: 550px;
max-height: 95vh;
min-height: auto;
}}
.gg-form-skin .modal._active{
display: block;
}
@media (min-width: 992px){.gg-form-skin .modal._active{
display: grid;
place-items: center;
}}
.gg-form-skin .modal__close{
position: absolute;
top: 20px;
right: 20px;
width: 20px;
height: 20px;
border: none;
background: none;
cursor: pointer;
transition: opacity 0.2s linear;
}
.gg-form-skin .modal__close .icon{
width: inherit;
height: inherit;
}
.gg-form-skin .modal__close:hover{
opacity: 0.7;
}
.gg-form-skin .modal__close:active{
opacity: 0.5;
}
.gg-form-skin .modal__title{
text-align: center;
}
.gg-form-skin .modal .form{
margin: 0 auto;
}
.gg-form-skin .footer__navigation .navigation__list{
grid-template-columns: 1fr;
}
.gg-form-skin .departments__media{
position: static !important;
}
.gg-form-skin .departments__media::before{
content: '';
position: absolute;
inset: 0;
}
.gg-form-skin .field__input{
padding: 0.2rem 0.5rem 0.2rem !important;
font-size: 16px !important;
}
.gg-form-skin .choices__item{
font-size: 16px !important;
}
.gg-form-skin .layout__news .news__action{
margin-top: auto;
}
.gg-form-skin .new-menu{
height: 100vh;
overflow: hidden;
}
.gg-form-skin .new-menu__inner{
display: grid;
grid-gap: 20px 24px;
padding-top: 70px;
overflow: auto;
}
.gg-form-skin .new-menu__item{
display: grid;
grid-gap: 8px;
grid-template-columns: 1fr;
height: fit-content;
}
.gg-form-skin .new-menu__item.footer__socials{
grid-template-columns: 1fr;
}
.gg-form-skin .new-menu__item-title{
display: block;
margin-bottom: 0 !important;
color: #ff450a;
}
.gg-form-skin .main-menu__list{
display: grid;
grid-gap: 8px;
height: fit-content;
}
.gg-form-skin .new-menu__item a{
color: inherit;
}
.gg-form-skin .new-menu__item .wysiwyg{
margin-bottom: 0;
}
.gg-form-skin .new-menu__item a::before{
display: none;
}
.gg-form-skin .new-menu .footer__socials svg{
fill: #272733;
}
.gg-form-skin .new-menu__item-text{
margin-bottom: 0 !important;
}
@media (min-width: 768px){.gg-form-skin .new-menu__inner{
grid-template-columns: repeat(2, 1fr);
}}
@media (min-width: 1200px){.gg-form-skin .new-menu__inner{
grid-template-columns: repeat(3, 1fr);
padding-top: 100px;
}
.gg-form-skin .new-menu__item{
grid-gap: 16px;
}
.gg-form-skin .main-menu__list{
grid-gap: 16px;
}
.gg-form-skin .main-menu__item-link,.gg-form-skin .new-menu__item-text,.gg-form-skin .new-menu__item a{
font-size: 18px;
}}
.gg-form-skin .header__burger{
width: 2rem;
padding: 2px;
margin-right: 0;
pointer-event: initial !important;
}
.gg-form-skin .layout__header.header_menu-active .burger .burger__item{
}
.gg-form-skin .header__burger .burger__item:not(:last-child){
margin-bottom: 4px;
}
.gg-form-skin .header__burger .burger__item{
margin-right: 0 !important;
}
.gg-form-skin .header_menu-active .header__logo{
background-color: #fff;
}
.gg-form-skin .header__right{
z-index: 5;
}
@media screen and (min-width: 769px){.gg-form-skin .header__burger .burger__item{
width: 1.21rem;
}}
@media (max-width: 579px){.gg-form-skin .burger__item{
height: 1px !important;
}
.gg-form-skin .footer__bottom{
order: 0 !important;
}
.gg-form-skin .new-menu__inner{
max-height: 90vh;
}
.gg-form-skin .new-menu .footer__socials .socials__list{
grid-template-columns: repeat(3, auto);
}}
.gg-form-skin .header._sticky{
position: sticky;
z-index: 900;
top: 0;
left: 0;
width: 100%;
height: 80px;
border-radius: 0 !important;
background-color: transparent;
}
.gg-form-skin .header._sticky .header__right{
top: 50%;
}
.gg-form-skin .header._sticky .header__before,.gg-form-skin .header._sticky .header__logo{
opacity: 0;
}
.gg-form-skin .header._sticky .header__date-bg{
display: none;
}
.gg-form-skin .footer__contact,.gg-form-skin .footer__bottom-menu{
grid-column: 1/-1;
}
.gg-form-skin .footer__routs{
display: block;
width: 100%;
}
.gg-form-skin .footer__routs .routs__list{
display: grid;
grid-gap: 8px;
}
.gg-form-skin .footer__routs .routs__list .routs__item{
text-align: left !important;
}
.gg-form-skin .footer__routs .routs__list .routs__item:last-of-type{
pointer-events: none;
}
.gg-form-skin .footer__bottom{
display: grid;
grid-gap: 8px;
}
.gg-form-skin .footer__design{
display: grid;
grid-gap: 20px 8px;
}
.gg-form-skin .footer__design-logos{
display: flex;
gap: 16px;
}
.gg-form-skin .footer__design .design__link{
width: fit-content;
}
.gg-form-skin .footer__design-logos svg{
max-width: 60px;
}
@media (min-width: 768px){.gg-form-skin .footer__routs .routs__list{
grid-gap: 8px 16px;
grid-template-columns: repeat(2, 1fr);
}
.gg-form-skin .footer__design{
grid-gap: 24px 16px;
grid-template-columns: repeat(2, 1fr);
}}
.gg-form-skin .banner__cookie.cookie.display-none{
display: none;
}
.gg-form-skin body{
color: #272733;
}
.gg-form-skin .btn{
display: flex;
justify-content: center;
align-items: center;
}
.gg-form-skin .title__text{
margin-bottom: 0 !important;
}
.gg-form-skin .section__title{
display: flex;
gap: 4px;
align-items: center;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.gg-form-skin .section__title .title__ico{
width: 1rem;
height: 1rem;
}
.gg-form-skin .h2{
margin-bottom: 0;
font-size: 20px;
font-weight: 600;
}
.gg-form-skin .h2-second{
font-size: 24px;
font-weight: 500;
line-height: 1;
}
.gg-form-skin .h4,.gg-form-skin .h4-new{
font-size: 16px !important;
font-weight: 500;
line-height: 1.2;
}
.gg-form-skin .mb-40{
margin-bottom: 24px;
}
.gg-form-skin .mb-50{
margin-bottom: 32px;
}
.gg-form-skin .mb-80{
margin-bottom: 44px;
}
.gg-form-skin .mb-100{
margin-bottom: 60px;
}
.gg-form-skin .title__name{
margin-bottom: 0 !important;
}
.gg-form-skin .parallax-effect{
position: relative;
overflow: hidden;
}
.gg-form-skin .parallax-effect__img-wrapper{
position: relative;
width: 100%;
overflow: hidden;
}
.gg-form-skin .parallax-effect__img{
width: 100%;
height: auto;
will-change: transform;
}
@media (min-width: 992px){.gg-form-skin .btn{
height: 48px;
}
.gg-form-skin .h2{
font-size: 40px;
}
.gg-form-skin .h2-second{
font-size: 50px;
}
.gg-form-skin .h4,.gg-form-skin .h4-new{
font-size: 24px !important;
}
.gg-form-skin .mb-40{
margin-bottom: 40px;
}
.gg-form-skin .mb-50{
margin-bottom: 50px;
}
.gg-form-skin .mb-80{
margin-bottom: 80px;
}
.gg-form-skin .mb-100{
margin-bottom: 100px;
}
.gg-form-skin .section__title{
gap: 8px;
}
.gg-form-skin .section__title .title__ico{
width: 2rem;
height: 3rem;
}
.gg-form-skin .parallax-effect__img-wrapper{
height: 100%;
}
.gg-form-skin .parallax-effect__img{
position: absolute;
top: 0;
left: 0;
aspect-ratio: initial;
}
.gg-form-skin .p-index__subscribe-sub-title._color{
font-size: 20px !important;
}}
.gg-form-skin .p-index__promo{
position: relative;
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
padding-top: 24px;
margin-top: 20px;
background: #f7f8fa url('img/promo-bg.png') no-repeat;
background-size: cover;
overflow: hidden;
}
.gg-form-skin .p-index__promo-container{
position: relative;
display: grid;
grid-gap: 20px;
}
.gg-form-skin .p-index__promo-col{
position: relative;
z-index: 2;
align-self: flex-end;
padding-left: 16px;
padding-right: 16px;
}
.gg-form-skin .p-index__promo-title{
font-weight: 500;
text-align: center;
line-height: 1;
}
.gg-form-skin .p-index__promo-text{
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
font-weight: 400;
text-align: center;
}
.gg-form-skin .p-index__promo-bg{
grid-row: 1/-1;
grid-column: 1/-1;
width: 100%;
border-radius: 1.5rem;
object-fit: cover;
}
.gg-form-skin .p-index__promo-parallax{
z-index: 1;
width: 100%;
margin-bottom: -70vw;
}
.gg-form-skin .p-index__promo-parallax-img{
object-fit: contain;
}
.gg-form-skin .p-index__promo-link-wrapper{
display: none;
}
.gg-form-skin .p-index__promo-col-2{
width: 100%;
}
@media (max-width: 991px){.gg-form-skin .h2{
font-size: 30px;
}
.gg-form-skin .p-index__promo{
border-radius: 14px;
overflow: hidden !important;
}
.gg-form-skin .p-index__promo-link{
display: none;
}
.gg-form-skin .p-index__work-item span{
font-size: 16px !important;
}
.gg-form-skin .p-index__promo-parallax{
margin-bottom: -30vw;
}}
@media (min-width: 992px){.gg-form-skin .p-index__promo{
padding-top: 0;
padding-bottom: 0;
border-radius: 0 0 24px 24px;
min-height: 600px;
margin-top: -36.5px;
}
.gg-form-skin .p-index__promo-link{
width: fit-content;
}
.gg-form-skin .p-index__promo-container{
position: relative;
display: grid;
grid-template-columns: 1.2fr 1fr;
grid-gap: 20px;
padding-bottom: 0;
}
.gg-form-skin .p-index__promo-col{
align-self: center;
padding-left: 10%;
padding-right: 0;
padding-bottom: 0;
}
.gg-form-skin .p-index__promo-video-bg{
max-height: 70vh;
object-position: right center;
}
.gg-form-skin .p-index__promo-title{
max-width: 680px;
text-align: left;
}
.gg-form-skin .p-index__promo-text{
margin-left: 0;
margin-right: 0;
text-align: left;
margin-bottom: 44px !important;
}
.gg-form-skin .p-index__promo-parallax-img{
top: -10%;
bottom: 0;
margin-bottom: 0;
}
.gg-form-skin .p-index__promo-link-wrapper{
position: absolute;
z-index: 2;
bottom: 72px;
right: 8%;
display: flex;
padding: 14px 30px;
border-radius: 14px;
background-color: rgba(255, 255, 255, 0.8);
overflow: hidden;
}
.gg-form-skin .p-index__promo-link-item{
font-size: 18px;
}
.gg-form-skin .p-index__promo-link-item:not(:last-child){
padding-right: 28px;
border-right: 1px solid #272733;
margin-right: 28px;
}}
.gg-form-skin .p-index__work-sub-title:not(._not-hidden){
display: none;
}
.gg-form-skin .p-index__work-sub-title .link{
display: inline-block;
text-decoration: underline;
color: rgba(255, 69, 10, 1);
}
.gg-form-skin .p-index__work-list{
display: flex;
flex-direction: column;
}
.gg-form-skin .p-index__work-item{
width: 100%;
max-width: 500px;
margin-bottom: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 16px 0;
text-align: center;
}
.gg-form-skin .p-index__work-item span{
display: block;
margin-left: auto;
margin-right: auto;
max-width: 180px;
}
.gg-form-skin .p-index__work-item:not(:last-child){
border-bottom: 1px solid #B4B8CC;
}
.gg-form-skin .p-index__btn-inner{
display: flex;
gap: 16px;
flex-direction: column;
}
.gg-form-skin .p-index__work-sub-title{
margin-left: auto !important;
margin-right: auto !important;
text-align: center;
}
@media (min-width: 992px){.gg-form-skin .p-index__work-sub-title{
display: block !important;
max-width: 650px;
}
.gg-form-skin .p-index__work-list{
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
.gg-form-skin .p-index__work-item{
padding: 6vw 16px;
}
.gg-form-skin .p-index__work-item span{
max-width: none;
}
.gg-form-skin .p-index__work-item:not(:last-child){
border-right: 1px solid #B4B8CC;
border-bottom: none;
}
.gg-form-skin .p-index__btn-inner{
display: flex;
gap: 24px;
flex-direction: row;
width: fit-content;
margin-left: auto;
margin-right: auto;
}}
.gg-form-skin .p-index__partners{
display: grid;
grid-gap: 16px 2vw;
padding: 16px;
border-radius: 24px;
background: #272833;
}
.gg-form-skin .p-index__partners .title__name{
color: #fff;
}
.gg-form-skin .p-index__partners-wrapper{
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
}
.gg-form-skin .p-index__partners-list{
grid-row: 1/-1;
grid-column: 1/-1;
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: center;
opacity: 0;
transition: opacity 0.4s linear;
}
.gg-form-skin .p-index__partners-list._active{
opacity: 1;
}
.gg-form-skin .p-index__partners-item{
margin-left: auto;
margin-right: auto;
}
@media (min-width: 992px){.gg-form-skin .p-index__partners{
grid-template-columns: auto 1fr;
align-items: center;
padding: 70px 16px;
}
.gg-form-skin .p-index__partners-list{
grid-template-columns: repeat(4, 1fr);
}}
.gg-form-skin .p-index__desk-title{
grid-area: title;
font-weight: 500;
}
.gg-form-skin .p-index__desk-inner{
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
}
.gg-form-skin .p-index__desk-wrapper{
position: relative;
z-index: 2;
grid-row: 1/-1;
grid-column: 1/-1;
display: grid;
grid-template-areas: 'title' 'link' 'tags' 'contact';
grid-gap: 24px 16px;
padding: 20px;
border-radius: 24px;
background-color: #EFF2F5;
}
.gg-form-skin .p-index__desk-bg{
display: none;
}
.gg-form-skin .p-index__desk-tags{
grid-area: tags;
display: flex;
flex-wrap: wrap;
gap: 6px;
height: fit-content;
}
.gg-form-skin .p-index__desk-tag{
padding: 12px;
border-radius: 50px;
background: #FFF;
letter-spacing: -0.4px;
line-height: 1;
}
@media (max-width: 991px){.gg-form-skin .p-index__desk-tag{
font-size: 14px;
}}
@media (min-width: 992px){.gg-form-skin .p-index__desk-tag{
padding: 14px 16px;
}
.gg-form-skin .p-index__desk-wrapper{
padding: 50px;
}}
.gg-form-skin .p-index__desk-link{
grid-area: link;
color: #6E6B6A;
}
.gg-form-skin .p-index__desk-contact{
grid-area: contact;
}
.gg-form-skin .p-index__desk-link .link{
display: inline-block;
}
.gg-form-skin .p-index__desk-img{
display: none;
}
.gg-form-skin .p-index__desk-contact-inner{
position: relative;
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
grid-gap: 16px;
grid-template-areas: 'img col' 'btns btns';
height: fit-content;
}
.gg-form-skin .p-index__desk-contact-bg-2{
position: absolute;
top: 10px;
right: 4%;
max-width: 120px;
}
.gg-form-skin .p-index__desk-contact-ava{
grid-area: img;
width: 80px;
border-radius: 50%;
}
.gg-form-skin .p-index__desk-contact-col{
position: relative;
grid-area: col;
max-width: 280px;
}
.gg-form-skin .p-index__desk-contact-btns{
grid-area: btns;
}
.gg-form-skin .p-index__desk-contact-btns{
display: grid;
grid-gap: 8px;
}
.gg-form-skin .p-index__desk-contact-status{
color: #6C6C78;
}
.gg-form-skin .p-index__desk-wrapper._second .p-index__desk-title{
color: #fff;
}
.gg-form-skin .p-index__desk-wrapper._second .p-index__desk-link,.gg-form-skin .p-index__desk-contact-status._color{
color: #B4B8CC;
}
.gg-form-skin .p-index__desk-contact-btn{
border-color: #B4B8CC;
color: #B4B8CC !important;
transition: all 0.2s linear;
}
.gg-form-skin .p-index__desk-contact-btn:hover{
opacity: 0.7;
}
.gg-form-skin .p-index__desk-wrapper._second .p-index__desk-tag{
color: #fff;
background-color: rgba(180, 188, 205, 0.2);
}
.gg-form-skin .p-index__desk-wrapper._second{
background-color: #272733;
}
.gg-form-skin .p-index__desk-wrapper._second .p-index__desk-contact-name{
color: #fff;
}
@media (min-width: 992px){.gg-form-skin .p-index__desk-bg{
display: block;
grid-row: 1/-1;
grid-column: 1/-1;
}
.gg-form-skin .p-index__desk-wrapper{
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, auto);
grid-template-areas: 'title contact' 'tags contact' 'link contact';
align-items: center;
grid-gap: 40px 2vw;
height: fit-content;
padding: 50px;
border-radius: 0;
background-color: transparent;
}
.gg-form-skin .p-index__desk-wrapper._second{
grid-template-areas: 'title link' 'contact tags';
background-color: transparent;
}
.gg-form-skin .p-index__desk-wrapper._second .p-index__desk-title{
margin-bottom: 16px;
}
.gg-form-skin .p-index__desk-wrapper._second .p-index__desk-link{
align-self: flex-end;
}
.gg-form-skin .p-index__desk-wrapper._second .p-index__desk-contact{
margin-top: 0;
}
.gg-form-skin .p-index__desk-tags{
gap: 16px;
}
.gg-form-skin .p-index__desk-img{
position: absolute;
z-index: 2;
top: -20%;
right: 0;
display: block;
width: 260px;
height: 100% !important;
pointer-events: none;
}
.gg-form-skin .p-index__desk-img._1{
width: 300px;
top: -40%;
}
.gg-form-skin .layout__services .services__item{
padding: 40px 30px;
}
.gg-form-skin .layout__services .services__item .services__main p{
font-size: 20px;
font-weight: 500;
line-height: 24px;
}
.gg-form-skin .layout__services .services__item .link{
font-size: 18px !important;
font-weight: 600;
color: #272733;
}
.gg-form-skin .p-index__desk-contact{
justify-self: flex-end;
margin-top: 18%;
}
.gg-form-skin .p-index__desk-contact._1{
justify-self: flex-start;
}
.gg-form-skin .p-index__desk-contact-inner{
grid-gap: 36px 24px;
}
.gg-form-skin .p-index__desk-contact-btns{
grid-template-columns: repeat(2, auto);
width: fit-content;
}
.gg-form-skin .p-index__desk-contact-btns .btn{
width: fit-content;
}
.gg-form-skin .p-index__desk-contact-ava{
width: 110px;
}
.gg-form-skin .p-index__desk-contact-name{
font-size: 24px;
}
.gg-form-skin .p-index__desk-contact-status{
font-size: 18px;
}
.gg-form-skin .p-index__desk-contact-bg-2{
right: -3%;
max-width: 180px;
}
.gg-form-skin .p-index__desk-wrapper._second .p-index__desk-link{
margin-left: auto;
color: #B4B8CC;
}
.gg-form-skin .p-index__desk-wrapper._second .p-index__desk-tags{
max-width: 526px;
margin-left: auto;
justify-content: flex-end;
}}
.gg-form-skin .p-index__subscribe{
padding: 24px 16px;
border-radius: 24px;
background-color: rgba(39, 40, 51, 1);
}
.gg-form-skin .p-index__subscribe .title__name{
color: #fff;
}
.gg-form-skin .p-index__subscribe-sub-title{
grid-column: 1/-1;
max-width: 840px;
margin-left: auto !important;
margin-right: auto !important;
font-weight: 400;
text-align: center;
color: rgba(108, 108, 120, 1);
}
.gg-form-skin .p-index__subscribe-sub-title._color{
color: rgba(180, 184, 204, 1);
}
.gg-form-skin .p-index__subscribe-form{
display: grid;
grid-gap: 12px;
}
.gg-form-skin .p-index__subscribe .blog__header .h4,.gg-form-skin .p-index__subscribe .wysiwyg{
color: #fff;
}
.gg-form-skin .p-index__work-sub-title._2{
color: rgba(108, 108, 120, 1);
}
.gg-form-skin .p-index__work-sub-title span{
color: rgba(255, 69, 10, 1);
}
.gg-form-skin .title__name{
text-align: center;
}
@media (min-width: 992px){.gg-form-skin .p-index__subscribe{
padding: 50px 30px;
border-radius: 28px;
}
.gg-form-skin .p-index__subscribe-form{
grid-template-columns: auto auto;
justify-content: center;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.gg-form-skin .p-index__subscribe-form-btn{
max-width: 200px;
}
.gg-form-skin .p-index__subscribe-input{
width: 340px;
justify-self: flex-end;
}
.gg-form-skin .p-index .services__list{
grid-gap: 32px !important;
}}
.gg-form-skin .p-index .services__item{
background-color: rgba(247, 248, 250, 1);
}
.gg-form-skin .p-index .news__action{
margin-top: auto;
}
.gg-form-skin .p-index .news__action .link__text{
font-size: 14px;
font-weight: 600;
}
.gg-form-skin .p-index__carrier-img{
width: 100%;
height: auto;
object-fit: cover;
}
.gg-form-skin .p-index__cases .layout__section .section__header{
display: none !important;
}
.gg-form-skin .layout__blog .blog__link{
color: #000;
}
.gg-form-skin .modal-feedback{
border-radius: 24px;
background-color: #353545;
}
.gg-form-skin .modal-feedback .checkbox span{
color: #fff;
}
.gg-form-skin .p-blog-2 .section__title{
margin-left: 0;
margin-right: 0;
}
.gg-form-skin .p-index__promo-link-item{
display: flex;
gap: 8px;
align-items: center;
}
.gg-form-skin .p-index__promo-link-item-tag{
display: grid;
place-items: center;
width: fit-content;
border-radius: 10px;
padding: 2px 6px;
font-size: 12px;
text-align: center;
line-height: 1;
color: #fff;
background-color: #FF450A;
}
.gg-form-skin .p-index__promo-link-item-tag._2{
border: 0.6px solid #8533FF;
background-color: rgba(255, 255, 255, 0.3);
}
.gg-form-skin .p-index__premium{
display: grid;
grid-gap: 16px;
padding: 20px 16px;
border-radius: 24px;
color: #fff;
background: url("/assets/img/premium-bg.webp") no-repeat left center;
background-size: cover;
}
.gg-form-skin .p-index__premium-col{
display: grid;
grid-gap: 16px;
height: fit-content;
}
.gg-form-skin .p-index__premium-title{
margin-bottom: 0 !important;
color: #fff !important;
}
.gg-form-skin .p-index__premium-link{
background-color: #8533FF;
transition: opacity 0.2s linear;
}
.gg-form-skin .p-index__premium-link:hover{
background-color: #8533FF;
opacity: 0.7;
}
.gg-form-skin .p-index__premium-content{
display: flex;
flex-direction: column;
border-radius: 16px;
padding: 12px 30px;
background-color: rgba(133, 51, 255, 0.23);
}
.gg-form-skin .p-index__premium-content-item{
display: grid;
grid-gap: 8px;
height: fit-content;
text-align: center;
}
.gg-form-skin .p-index__premium-content-item:not(:last-child){
padding-bottom: 16px;
border-bottom: 1px solid #fff;
margin-bottom: 16px;
}
@media (min-width: 992px){.gg-form-skin .p-index__premium{
align-items: center;
grid-template-columns: repeat(2, 1fr);
padding: 24px 10%;
}
.gg-form-skin .p-index__premium-content-item:not(:last-child){
position: relative;
padding-right: 32px;
border-bottom: none;
margin-right: 30px;
padding-bottom: 0;
margin-bottom: 0;
}
.gg-form-skin .p-index__premium-content-item:not(:last-child)::before{
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 1px;
height: 32px;
background-color: #fff;
}
.gg-form-skin .p-index__premium-link{
min-width: 280px;
margin-left: auto;
}
.gg-form-skin .p-index__premium-text{
font-size: 18px;
}
.gg-form-skin .p-index__premium-content{
flex-direction: row;
width: fit-content;
padding: 12px 16px;
font-size: 18px;
}}