body {
font-family: "Libre Franklin";
line-height:initial;
background:#040B1D;
color:#fff;
position:relative;
}
body.open_menu {
overflow:hidden;
}
@media (min-width: 1200px) {
.container {
max-width: 1310px;
}
}
input:hover,
input:active,
input:focus,
a:hover,
a:active,
a:focus,
button:hover,
button:active,
button:focus,
textarea:hover,
textarea:active,
textarea:focus {
outline:none;
}
a,
a:hover {
text-decoration: none;
}
:root {
--w:#fff;
--b:#00A4FF;
}
/* ------ ------ header ------ ------ */
header {
height:70px;
position: relative;
z-index: 3;
position:absolute;
top:12px;
left:0;
right:0;
}
header > .container {
height: 100%;
display: flex;
align-items: center;
}
.header_in {
width:100%;
display:flex;
align-items:center;
height:100%;
background:rgba(255,255,255,0.08);
border-radius:20px;
padding:12px 16px;
}
.header_logo img {
max-height:65px;
max-width:100%;
}
.footer_top_col_logo img {
max-height:45px;
max-width:100%;
}
.header_menu {
width: 100%;
display: flex;
justify-content: center;
}
.header_menu > ul {
padding: 0;
margin: 0;
display: flex;
}
.header_menu > ul > li {
list-style: none;
margin:0 10px;
position:relative;
}
.header_menu > ul > li > a,
.header_menu > ul > li ul li a {
display: block;
color: var(--w);
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
padding:5px;
transition:color 0.2s ease;
}
.header_menu ul li:hover > a,
.current-menu-item > a {
color: var(--b) !important;
}
.header_menu > ul li.menu-item-has-children ul {
padding: 0;
margin: 0;
position:absolute;
}
.header_menu > ul li.menu-item-has-children {
position:relative;
}
.header_menu > ul li.menu-item-has-children:after {
position: absolute;
top: 20px;
content: '';
display: block;
height: 34px;
width: 100%;
}
.header_menu > ul li.menu-item-has-children > a {
display:flex;
align-items:center;
}
.header_menu > ul li.menu-item-has-children > a > span {
background:url('data:image/svg+xml,');
background-position:center;
width:16px;
min-width:16px;
height:16px;
margin:0 0 0 5px;
transition:background 0.2s ease,transform 0.2s ease;
}
.header_menu > ul li.menu-item-has-children:hover > a > span {
background:url('data:image/svg+xml,');
background-position:center;
transform: scale(1,-1);
}
.header_menu > ul li.menu-item-has-children:hover ul {
display:block;
}
.header_menu > ul > li ul {
position:absolute;
perspective: 1000px;
display: none;
z-index: -1;
top:52px;
left:0;
}
.header_menu > ul > li ul li {
margin:0;
display: none;
opacity: 0;
list-style:none;
}
.header_menu > ul li.menu-item-has-children:hover li {
display: block;
}
.header_menu > ul > li ul li:nth-child(1) {
transform-origin: top center;
animation: rotateX 300ms 60ms ease-in-out forwards;
}
.header_menu > ul > li ul li:nth-child(2) {
transform-origin: top center;
animation: rotateX 300ms 120ms ease-in-out forwards;
}
.header_menu > ul > li ul li:nth-child(3) {
transform-origin: top center;
animation: rotateX 300ms 180ms ease-in-out forwards;
}
.header_menu > ul > li ul li:nth-child(4) {
transform-origin: top center;
animation: rotateX 300ms 240ms ease-in-out forwards;
}
.header_menu > ul > li ul li:nth-child(5) {
transform-origin: top center;
animation: rotateX 300ms 360ms ease-in-out forwards;
}
.header_menu > ul > li ul li:nth-child(6) {
transform-origin: top center;
animation: rotateX 300ms 420ms ease-in-out forwards;
}
.header_menu > ul > li ul li:nth-child(7) {
transform-origin: top center;
animation: rotateX 300ms 480ms ease-in-out forwards;
}
.header_menu > ul > li ul li:nth-child(8) {
transform-origin: top center;
animation: rotateX 300ms 540ms ease-in-out forwards;
}
.header_menu > ul > li ul li:nth-child(9) {
transform-origin: top center;
animation: rotateX 300ms 600ms ease-in-out forwards;
}
.header_menu > ul > li ul li:nth-child(10) {
transform-origin: top center;
animation: rotateX 300ms 660ms ease-in-out forwards;
}
@keyframes rotateX {
0% {
opacity: 0;
transform: rotateX(-90deg);
}
50% {
transform: rotateX(-20deg);
}
100% {
opacity: 1;
transform: rotateX(0deg);
}
}
.header_menu > ul > li ul li a {
padding:8px 12px;
width:220px;
color:#CDCED2;
text-transform:initial;
background: #040B1D;
transition:background 0.2s ease;
}
.header_menu > ul > li ul li:first-child a {
border-radius:8px 8px 0 0;
border:1px solid #181E2F;
border-bottom:0;
}
.header_menu > ul > li ul li a {
border-left:1px solid #181E2F;
border-right:1px solid #181E2F;
}
.header_menu > ul > li ul li:last-child a {
border-radius:0 0 8px 8px;
border:1px solid #181E2F;
border-top:0;
}
.header_menu > ul > li ul li a:hover {
background:#181E2F;
color:#CDCED2 !important;
}
.header_nav_btn {
display: none;
width: 32px;
height: 32px;
position: relative;
}
.header_nav_btn div,
.header_nav_btn:after,
.header_nav_btn:before {
position: absolute;
width: 34px;
height: 2px;
background: var(--b);
transition: all 0.3s ease;
left: 4px;
content: "";
display: block;
border-radius: 10px;
}
.header_nav_btn div {
top: 0;
bottom: 0;
width:20px;
margin:auto 0;
}
.header_nav_btn:after {
top: 8px;
width:24px;
}
.header_nav_btn:before {
bottom: 8px;
width:24px;
}
.header_nav_btn.active {
}
.header_nav_btn.active div {
display:none;
}
.header_nav_btn.active:before {
transform: rotate(-45deg);
bottom: initial;
top: 14px;
width:24px;
}
.header_nav_btn.active:after {
transform: rotate(45deg);
bottom: initial;
top: 14px;
width:24px;
}
.header_info {
display:flex;
align-items:center;
}
.header_phone a {
display:block;
color:var(--w);
font-size:14px;
font-weight:500;
transition:color 0.2s ease;
white-space:pre;
}
.header_phone a:hover {
color:var(--b);
}
.header_mes {
display:flex;
}
.header_mes a {
width:40px;
min-width:40px;
height:40px;
border-radius:8px;
border:1px solid var(--b);
margin:0 0 0 12px;
transition:background 0.2s ease;
background-position:center;
background-repeat:no-repeat;
}
.header_mes_wh,
.header_mobile_mes_wh {
background-image:url('data:image/svg+xml,');
}
.header_mes_wh:hover,
.header_mobile_mes_wh:hover {
background-image:url('data:image/svg+xml,');
}
.header_mes_tg,
.header_mobile_mes_tg {
background-image:url('data:image/svg+xml,');
}
.header_mes_tg:hover,
.header_mobile_mes_tg:hover {
background-image:url('data:image/svg+xml,');
}
.header_modal {
margin:0 0 0 8px;
}
#menu-item-209 ul{
right: 0;
left:unset;
}
/* ------ ------ btn ------ ------ */
.btn {
display:flex;
justify-content:center;
align-items:center;
padding:0;
border:0;
background:var(--b);
color:#040B1D;
font-size:14px;
font-weight:500;
text-transform:uppercase;
border-radius:8px;
height:40px;
width:178px;
min-width:178px;
overflow:hidden;
position:relative;
}
.btn:after {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
content:'';
display:block;
transition:opacity 0.2s ease;
background: linear-gradient(45deg, rgba(0,164,255,1) 0%,rgba(0,255,251,1) 65%);
}
.btn span {
position:relative;
z-index:4;
}
.btn:hover:after {
opacity:0;
}
/* ------ ------ title ------ ------ */
.title {
font-family: 'Libre Franklin';
margin:0 0 32px;
}
.title h1,
.title h2 {
margin:0;
font-size:32px;
font-weight:400;
text-transform:uppercase;
}
.title h1 span,
.title h2 span {
background: linear-gradient(to right, var(--w), var(--b));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* ------ ------ indent ------ ------ */
.indent {
padding:120px 0 0;
}
/* ------ ------ header_mobile ------ ------ */
.header_mobile {
display: none;
background:#040B1D;
}
.header_mobile .container {
padding: 80px 0 16px;
height:100%;
}
.header_mobile_in {
overflow:auto;
height: 100%;
padding:0 15px;
width:100%;
max-height: calc(100vh - 90px);
}
.header_mobile_tit {
font-size:14px;
color:#3D3D3D;
margin:0 0 8px;
}
.header_mobile_in > ul {
padding:0;
margin:0 0 24px;
width:100%;
}
.header_mobile_in > ul > li {
list-style:none;
margin:0 0 20px;
}
.header_mobile_in > ul > li ul li {
margin:12px 0 0 24px;
list-style:none;
}
.header_mobile_in > ul > li:last-child {
margin:0;
}
.header_mobile_in > ul > li > a,
.header_mobile_in > ul > li ul li a {
font-size:14px;
font-weight:500;
color:var(--w);
transition:color 0.2s ease;
text-transform:uppercase;
}
.header_mobile_in > ul > li ul li a {
text-transform:initial;
color:#CDCED2;
}
.header_mobile_in > ul > li a:hover,
.header_mobile_in > ul > li.active > a {
color:var(--b);
}
.header_mobile_in > ul ul {
display:none;
padding:0;
}
.header_mobile_in > ul li.menu-item-has-children > a {
display:flex;
align-items:center;
}
.header_mobile_in > ul li.menu-item-has-children > a > span {
background:url('data:image/svg+xml,');
background-position:center;
width:16px;
min-width:16px;
height:16px;
margin:0 0 0 auto;
transition:background 0.2s ease,transform 0.2s ease;
}
.header_mobile_in > ul li.menu-item-has-children:hover > a > span,
.header_mobile_in > ul li.menu-item-has-children.active > a > span {
background:url('data:image/svg+xml,');
background-position:center;
transform: scale(1,-1);
}
.header_mobile_info {
width:196px;
min-width:196px;
display:flex;
align-items:center;
}
.header_mobile_info_mes {
display:flex;
}
.header_mobile_mes {
width:40px;
min-width:40px;
height:40px;
border-radius: 8px;
margin:0 0 0 8px;
border: 1px solid var(--b);
transition:background 0.2s ease;
background-position:center;
background-repeat:no-repeat;
display:flex;
align-items:center;
}
.header_mobile_info_mes {
margin:0 0 0 4px;
}
.header_mobile_info_phone a {
color:var(--w);
font-size:14px;
font-weight:500;
text-transform:uppercase;
transition:color 0.2s ease;
}
.header_mobile_info_phone:hover {
color:var(--b);
}
.header_mobile_modal {
width:100%;
}
.hbi_pad {
padding:0 0 16px;
}
.header_mobile_txt {
font-size:14px;
}
.header_mobile_email a {
color:var(--a);
transition:color 0.2s ease;
}
.header_mobile_email a:hover {
color:var(--b);
}
.header_mobile_in .header_modal {
margin:32px 0 0;
}
.header_mobile_in .header_modal a {
width:100%;
}
.header_mobile_info {
margin:16px 0 0;
}
.header_logout {
margin:0 0 0 16px;
}
.header_menu_login {
justify-content:end;
}
/* ------ ------ hero ------ ------ */
.hero,
.hero_item,
.hero_bg_item,
.hero_info_teim {
height:750px;
}
.hero .slick-dots,
.herob .slick-dots {
padding:0;
margin:0;
display:flex;
flex-direction:column;
position:absolute;
top:0;
bottom:0;
right:24px;
margin:auto 0;
justify-content: center;
}
.hero .slick-dots li,
.herob .slick-dots li {
list-style:none;
padding:0;
font-size:0;
position:relative;
display:flex;
justify-content:center;
align-items:center;
margin:0 0 16px;
}
.hero .slick-dots li:last-child,
.herob .slick-dots li:last-child {
margin:0;
}
.hero .slick-dots li button,
.herob .slick-dots li button{
border:0;
padding:0;
border-radius:100px;
background:transparent;
border:1px solid transparent;
width:14px;
height:14px;
min-height:14px;
display:flex;
justify-content:center;
align-items:center;
}
.hero .slick-dots li button:after,
.herob .slick-dots li button:after {
content:'';
display:block;
width:6px;
height:6px;
background:#fff;
border-radius:100px;
}
.hero .slick-dots li.slick-active button,
.herob .slick-dots li.slick-active button{
border:1px solid #fff;
}
.hero_bg_item {
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}
.hero_bg_i1 {
background:url(img/slide/slide_1.webp) center / cover no-repeat;
}
.hero_bg_i2 {
background:url(img/slide/slide_2.webp) center / cover no-repeat;
}
.hero_bg_i3 {
background:url(img/slide/slide_3.webp) center / cover no-repeat;
}
.hero_bg_i4 {
background:url(img/slide/slide_4.webp) center / cover no-repeat;
}
.hero {
position:relative;
padding:82px 0 0;
overflow:hidden;
}
.hero_info {
position:relative;
z-index:2;
padding:100px 0 0;
}
.hero_bg {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.hero_img,
.herob_img {
width:530px;
min-width:530px;
width:440px;
min-width:440px;
margin:0 60px 0 0;
display:flex;
height:100%;
justify-content:center;
align-items:center;
}
.hero_img img,
.herob_img img {
max-width:100%;
max-height:100%;
}
.hero_cont,
.herob_cont {
width:100%;
}
.hero_info_item,
.herob_item {
display:flex !important;
align-items:center;
}
.hero_cont h1,
.hero_cont h2,
.herob_cont h1,
.herob_cont h2 {
font-size:48px;
font-weight:500;
margin:0;
text-transform:uppercase;
}
.hero_cont h1 span,
.hero_cont h2 span,
.herob_cont h1 span,
.herob_cont h2 span {
background: linear-gradient(to right, var(--w), var(--b));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.hero_info_i2 h2 span,
.herob_i2 h2 span{
background: linear-gradient(to right, var(--b), var(--w));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.hero_cont ul,
.herob_cont ul {
margin:24px 0 0;
padding:0;
}
.hero_cont ul li,
.herob_cont ul li {
font-size:16px;
margin:0 0 16px;
display:flex;
align-items:center;
}
.hero_cont ul li:last-child,
.herob_cont ul li:last-child {
margin:0;
}
.hero_cont ul li span,
.herob_cont ul li span {
background:rgba(255,255,255,0.08);
border-radius:8px;
width:44px;
min-width:44px;
margin:0 10px 0 0;
height:44px;
display:flex;
justify-content:center;
align-items:center;
}
.hero_cont ul li p,
.herob_cont ul li p {
margin:0;
}
.hero_cont a {
margin:32px 0 0;
width:208px;
height:48px;
font-size:16px;
}
/* ------ ------ profitable ------ ------ */
.profitable {
}
.profitable_row {
display:flex;
flex-wrap:wrap;
margin:0 -10px;
}
.profitable_item {
padding:0 10px 20px;
}
.profitable_item_in {
display:flex;
flex-direction:column;
padding:24px;
background:#181E2F;
height:210px;
border-radius:20px;
}
.profitable_item_in div {
width:48px;
height:48px;
display:flex;
justify-content:center;
align-items:center;
margin:0 0 24px;
}
.profitable_item_in div img {
max-width:100%;
max-height:100%;
}
.profitable_item_in h3 {
font-size:18px;
font-weight:500;
text-transform:uppercase;
margin:0 0 8px;
}
.profitable_item_in p {
opacity:0.6;
color:#fff;
margin:0;
}
.profitable_row_mini .profitable_item {
width:20%;
}
.profitable_row_big .profitable_item {
width:33.33%;
}
/* ------ ------ becomepartner ------ ------ */
.becomepartner_in {
background:url(img/becomepartner.webp) center / cover no-repeat;
border-radius:24px;
padding:40px;
}
.becomepartner_in .title {
margin:0;
}
.becomepartner_form {
width:540px;
}
.becomepartner_txt {
margin: 16px 0 32px;
font-size: 16px;
padding: 0 0 0 28px;
background-image:url('data:image/svg+xml,');
background-position: left top;
background-repeat: no-repeat;
}
/* ------ ------ form_inputs ------ ------ */
.form_inputs {
display:flex;
flex-wrap:wrap;
margin:0 -5px;
}
.form_inputs p,
.form_submit p {
margin:0;
}
.form_input {
padding:0 5px 10px;
position:relative;
width:50%;
}
.form_input label {
position:absolute;
top:12px;
line-height:14px;
height:14px;
margin:auto 0;
color:rgba(255,255,255,0.6);
left:18px;
z-index:1;
display:block;
background:#181c2f;
transition:top 0.2s ease,color 0.2s ease,font-size 0.2s ease;
}
.form_input input {
display:block;
position:relative;
background: transparent;
color:rgba(255,255,255,0.6);
width:100%;
height:40px;
z-index:2;
border-radius:8px;
padding:0 12px;
border:1px solid rgba(255,255,255,0.6);
transition:border 0.2s ease;
}
.form_input input[disabled] {
cursor:not-allowed;
}
.form_input.active input {
border-color:var(--b);
}
.form_input.active label {
font-size:12px;
z-index:3;
color:rgba(255,255,255,0.6);
top:-6px;
left:15px;
padding:0 4px;
}
.form_submit {
margin:22px 0 0;
}
.form_submit input {
width:180px;
height:100%;
padding:0;
background:transparent;
border:0;
position:relative;
z-index:2;
cursor:pointer;
color:#040B1D;
font-size:14px;
font-weight:500;
text-transform:uppercase;
}
body .btn span.wpcf7-spinner {
position:absolute !important;
}
.wpcf7-not-valid {
border-color:#dc3232 !important;
}
.submit_txt {
font-size:12px;
color:#8E96A6;
margin:12px 0 0;
}
.submit_txt a {
color:#8E96A6;
text-decoration:underline;
transition:color 0.2s ease;
}
.submit_txt a:hover {
color:var(--sec);
}
.wpcf7 form.sent .wpcf7-response-output {
}
.form_acceptance {
margin:16px 0 0;
}
.form_acceptance:last-child {
margin:0;
}
.form_acceptance_in p {
display:flex;
cursor:pointer;
align-items:center;
}
.form_acceptance_input {
display:none;
}
.form_acceptance_in i {
width:24px;
min-width:24px;
height:24px;
display:block;
border-radius:4px;
border:1px solid var(--b);
margin:0 10px 0 0;
transition: background 0.2s ease;
background-position:center;
}
.form_acceptance_in.active i {
background:url('data:image/svg+xml,') center no-repeat var(--b);
}
.form_acceptance_in span {
font-size:16px;
color:rgba(255,255,255,0.6);
}
.form_acceptance_in a {
color:var(--b);
}
/* ------ ------ news ------ ------ */
.sended {
display:none;
padding:50px;
background:#181E2F;
width:530px;
border-radius:16px;
color:#fff;
}
.sended_title {
text-align:center;
}
.sended_title h2 {
}
.sended_txt {
text-align:center;
font-size:16px;
color:rgba(255,255,255,0.6);
margin:16px 0 0;
}
.sended_btn {
display:flex;
justify-content:center;
align-items:center;
padding:0;
border:0;
background:#181E2F;
color:#fff;
border:1px solid var(--b);
font-size:14px;
font-weight:500;
text-transform:uppercase;
border-radius:8px;
height:40px;
width:178px;
margin:32px auto 0;
min-width:178px;
transition:background 0.2s ease;
position:relative;
}
.sended_btn:hover {
background:var(--b);
color:#fff;
}
/* ------ ------ news ------ ------ */
.news {
}
.news_row {
margin:0 -10px;
/*
display:flex;
flex-wrap:wrap;
*/
width:calc(100% + 20px);
}
.news_row_noslider {
display:flex;
flex-wrap:wrap;
}
.news_item {
padding:0 10px 20px;
width:25%;
}
.news_item {
}
.news_item_in {
display:flex;
flex-direction:column;
background:#181E2F;
height:210px;
padding:24px;
border-radius:24px;
position:relative;
transition:background 0.2s ease;
}
.news_item_in:after {
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
content:'';
display:block;
border-radius:24px;
opacity:0;
background:rgba(255,255,255,0.08);
transition:opacity 0.2s ease;
}
.news_item_in:hover:after {
opacity:1;
}
.news_item_in p {
color:#fff;
font-size:16px;
margin:0;
position:relative;
z-index:2;
}
.news_item_in span {
position:relative;
z-index:2;
display:flex;
margin-top:auto;
font-size:12px;
color:#A3A5AC;
width:100%;
height:24px;
align-items:end;
background:url('data:image/svg+xml,') right bottom no-repeat;
}
.news_row_slider .slick-dots {
padding:0;
margin:30px auto 0;
display:flex;
width:320px;
height:4px;
cursor:pointer;
border-radius:100px;
background:#181E2F;
}
.news_row_slider .slick-dots li {
list-style:none;
font-size:0;
flex:1;
}
.news_row_slider .slick-dots li.slick-active button {
background:var(--b);
}
.news_row_slider .slick-dots button {
padding:0;
border:0;
border-radius:100px;
width:100%;
background:transparent;
height:4px;
display:block;
transition:background 0.2s ease;
}
/* ------ ------ faq ------ ------ */
.faq {
}
.faq .container {
display:flex;
}
.faq_title {
width:412px;
min-width:412px;
margin:0 20px 0 0;
}
.faq_txt {
margin: 12px 0 32px;
font-size: 16px;
padding: 0 0 0 28px;
background-image:url('data:image/svg+xml,');
background-position: left top;
background-repeat: no-repeat;
}
.faq_txt a {
color:var(--b);
}
.faq_items {
display:flex;
flex-direction:column;
width:100%;
}
.faq_item {
background:#181E2F;
border-radius:16px;
margin:0 0 8px;
}
.faq_item:last-child {
margin:0;
}
.faq_item_question {
font-size:18px;
padding:16px 64px 16px 24px;
font-weight:400;
position:relative;
cursor:pointer;
display:flex;
margin:0;
}
.faq_item_question span {
margin:0 16px 0 0;
width:24px;
color:#3D3D3D;
font-size:14px;
}
.faq_item_question i {
position:absolute;
top:20px;
right:29px;
margin:auto;
width:14px;
height:14px;
content:'';
display:block;
}
.faq_item_question i:before,
.faq_item_question i:after {
position:absolute;
transition: transform 0.5s ease;
top:0;
bottom:0;
right:0;
left:0;
content:'';
margin:auto;
border-radius:100px;
display:block;
background:var(--b);
}
.faq_item_question i:before {
width:100%;
height:2px;
}
.faq_item_question i:after {
height:100%;
width:2px;
}
.faq_item.active .faq_item_question i:after {
transform: rotate(90deg);
}
.faq_item_answer {
color:#CDCED2;
font-size:16px;
margin:0;
display:none;
padding:0 64px 16px;
}
/* ------ ------ footer ------ ------ */
footer {
}
.footer_top {
border-top:1px solid rgba(255,255,255,0.08);
padding:40px 0 0;
display:flex;
justify-content:space-between;
}
.footer_top_col {
width:278px;
margin:0 20px 0 0;
}
.footer_top_col:last-child {
margin:0;
}
.footer_top_info {
width:196px;
min-width:196px;
display:flex;
align-items:center;
}
.footer_top_info_mes {
display:flex;
margin:0 0 0 4px;
}
.footer_top_info_mes a {
width:24px;
min-width:24px;
height:24px;
border-radius: 8px;
margin:0 0 0 8px;
border: 1px solid var(--b);
transition:background 0.2s ease;
background-position:center;
background-repeat:no-repeat;
display:flex;
align-items:center;
background-size:10px;
}
.footer_top_info_mes_wh {
background-image:url('data:image/svg+xml,');
}
.footer_top_info_mes_wh:hover {
background-image:url('data:image/svg+xml,');
}
.footer_top_info_mes_tg {
background-image:url('data:image/svg+xml,');
}
.footer_top_info_mes_tg:hover {
background-image:url('data:image/svg+xml,');
}
.footer_top_info_phone a {
color:var(--w);
font-size:14px;
font-weight:500;
text-transform:uppercase;
transition:color 0.2s ease;
white-space:pre;
}
.footer_top_info_phone a:hover {
color:var(--b);
}
.footer_top_tit {
font-size: 14px;
color: #3D3D3D;
color:#9d9d9d;
margin: 0 0 8px;
}
.header_mobile_email a,
.footer_top_txt {
font-size:14px;
}
.header_mobile_email a {
color:#fff;
transition:color 0.2s ease;
text-decoration:none;
}
.header_mobile_email a:hover {
color:var(--b);
}
.footer_top_item {
padding:0 0 24px;
}
.footer_top_item:last-child {
padding:0;
}
.footer_top_col ul {
padding:0;
margi:0;
}
.footer_top_col ul li {
list-style:none;
margin:0 0 12px;
}
.footer_top_col ul li:last-child {
margin:0;
}
.footer_top_col ul li a {
text-transform:uppercase;
color:var(--w);
font-size:14px;
font-weight:500;
transition:color 0.2s ease;
}
.footer_top_col ul li a:hover {
color:var(--b);
}
.btn_f {
display:flex;
justify-content:center;
align-items:center;
padding:0;
border:0;
background:#040B1D;
color:#fff;
border:1px solid var(--b);
font-size:14px;
font-weight:500;
text-transform:uppercase;
border-radius:8px;
height:40px;
width:178px;
margin:10px 0 0;
min-width:178px;
transition:background 0.2s ease;
position:relative;
}
.btn_f:hover {
background:var(--b);
color:#fff;
}
.footer_bottom {
display:flex;
align-items:center;
justify-content:space-between;
border-top:1px solid rgba(255,255,255,0.08);
padding:16px 0 0;
margin:40px 0 60px;
}
.footer_bottom p {
font-size:12px;
color:rgba(255,255,255,0.6);
margin:0;
}
.footer_bottom a {
font-size:12px;
color:rgba(255,255,255,0.6);
text-decoration:underline;
transition:color 0.2s ease;
}
.footer_bottom a:hover {
text-decoration:none;
color:var(--w);
}
/* ------ ------ news ------ ------ */
.herob {
padding:102px 0 20px;
}
.nohero {
padding:102px 0 0;
}
.herob_slider {
border-radius:20px;
overflow:hidden;
}
.herob_item {
padding:40px;
height:330px;
}
.herob_cont h1,
.herob_cont h2 {
font-size:32px;
}
.herob_cont ul {
margin: 20px 0 0;
}
.herob_cont ul li span {
width:32px;
min-width:32px;
height:32px;
}
.herob_cont ul li {
margin: 0 0 8px;
}
.herob_cont ul li span img {
max-width:18px;
max-height:18px;
}
.herob_cont ul li {
font-size:14px;
}
.herob_img {
width: 440px;
min-width: 440px;
margin: 0 28px 0 0;
}
.herob_i1 {
background:url(img/slide/slideb_1.webp) center / cover no-repeat;
}
.herob_i2 {
background:url(img/slide/slideb_2.webp) center / cover no-repeat;
}
.herob_i3 {
background:url(img/slide/slideb_3.webp) center / cover no-repeat;
}
.herob_i4 {
background:url(img/slide/slideb_4.webp) center / cover no-repeat;
}
.cat_nav {
display:flex;
justify-content:center;
padding:12px 0 0;
align-items:center;
}
.cat_nav_pager {
margin:0 0 0 8px;
padding:0;
display:flex;
align-items:center;
font-size:0;
}
.cat_nav_pager a,
.cat_nav_pager span {
list-style:none;
width:8px;
height:8px;
background:#3D3D3D;
margin:0 2px;
border-radius:100px;
}
.cat_nav_pager a.next,
.cat_nav_pager a.prev {
display:none;
}
.cat_nav_pager .current {
background:#fff;
}
.cat_nav_num {
color:#3D3D3D;
}
.cat_nav_num b {
font-weight:500;
color:#fff;
}
.cat_nav_prev,
.cat_nav_next,
.cat_nav_prev a,
.cat_nav_next a {
width:24px;
height:24px;
font-size:0;
display:block;
}
.cat_nav_prev {
background:url('data:image/svg+xml,');
margin:0 10px 0 0;
}
.cat_nav_next {
background:url('data:image/svg+xml,');
margin:0 0 0 10px;
}
.cat_nav_prev a {
background:url('data:image/svg+xml,');
}
.cat_nav_next a {
background:url('data:image/svg+xml,');
}
.news_row_noslider .news_item {
width:25%;
}
/* ------ ------ breadcrumbs ------ ------ */
.breadcrumbs {
padding:0 0 48px;
font-size:14px;
color:#3D3D3D;
}
.breadcrumbs .container {
display:flex;
}
.breadcrumbs i {
padding:0 8px;
font-style:normal;
}
.breadcrumbs a {
color:#CDCED2;
transition:color 0.5s ease;
}
.breadcrumbs a:hover {
color:#00A4FF;
}
/* ------ ------ advantages ------ ------ */
.advantages_row {
margin:0 -10px;
display:flex;
width: calc(100% + 20px);
flex-wrap:wrap;
}
.advantages_item {
padding:0 10px 20px;
width:25%;
}
.advantages_item_in {
display:flex;
flex-direction:column;
background:#181E2F;
min-height:220px;
height:100%;
padding:24px;
overflow:hidden;
border-radius:24px;
position:relative;
transition:background 0.2s ease;
}
.advantages_item_in div {
width:32px;
height:32px;
margin:0 0 16px;
display:flex;
justify-content:center;
align-items:center;
}
.advantages_item_in div img {
max-width:100%;
max-height:100%;
}
.advantages_item_in p {
color:#CDCED2;
font-size:16px;
margin:0;
position:relative;
z-index:2;
}
.advantages_item_in span {
position:absolute;
font-size:60px;
font-weight:600;
line-height:60px;
right:0;
color:rgba(255,255,255,0.04);
bottom:-11px;
}
.advantages_op_row {
display:flex;
flex-direction:column;
}
.advantages_op_item {
display:flex;
margin:0;
}
.advantages_op_img {
margin:0 20px 0 0;
background:#181E2F;
border-radius:20px;
width:520px;
min-width:520px;
display:flex;
justify-content:center;
align-items:center;
}
.advantages_op_img img {
width:240px;
}
.advantages_op_txt {
}
.advantages_op_txt p:last-child {
margin:0;
}
.advantages_table {
margin:0 0 50px;
}
.advantages_table table{
width:100%;
}
.advantages_table td {
padding:5px 10px;
border:1px solid #181E2F;
transition:background 0.2s ease;
}
.advantages_table tr:hover td {
background:#181E2F;
}
/* ------ ------ list_filter ------ ------ */
.list_filter {
display:flex;
flex-wrap:wrap;
margin:0 -5px;
}
.fl_item {
width:20%;
padding:0 5px;
}
.lf_search {
position:relative;
}
.lf_search input[type="text"] {
display:block;
position:relative;
color:rgba(255,255,255,0.6);
background-color:#040B1D;
width:100%;
height:48px;
z-index:2;
border-radius:8px;
padding:0 50px 0 12px;
border:1px solid rgba(255,255,255,0.6);
transition:border 0.2s ease;
}
.lf_search input[type="text"]:focus {
border-color:var(--b);
}
.lf_search input[type="submit"] {
position:absolute;
top:0;
width:50px;
height:48px;
right:5px;
padding:0;
bottom:0;
cursor:pointer;
z-index:2;
border:0;
background-color:transparent;
background-image:url('data:image/svg+xml,');
background-repeat:no-repeat;
background-position:center;
}
.lf_select select {
}
.lf_input select:focus {
border-color:var(--b);
}
.lf_btn .btn {
width:100%;
height:48px;
cursor:pointer;
}
.lf_btn.noactive .btn {
background:transparent;
border:1px solid var(--b);
color:#fff;
transition:background 0.5s ease,color 0.5s ease;
}
.lf_btn.noactive .btn:hover {
color:#040B1D;
background: var(--b);
}
.lf_btn.noactive .btn:after {
display:none;
}
body .select2-container--default,
body .select2-container--default .selection {
display:block;
width:100% !important;
}
body .select2-container--default .select2-selection--single {
display:block;
position:relative;
background: transparent;
color:rgba(255,255,255,0.6);
width:100%;
height:48px;
z-index:2;
border-radius:8px;
padding:0 50px 0 12px;
border:1px solid rgba(255,255,255,0.6);
transition:border 0.2s ease;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow {
background:url('data:image/svg+xml,') center no-repeat;
width:50px;
height:48px;
display:block;
top: -1px;
right: -1px;
}
body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
transform: rotate(180deg);
}
body .select2-selection__arrow b {
display:none;
}
body .select2-container .select2-selection--single .select2-selection__rendered {
white-space:initial;
line-height:16px;
height:48px;
display: flex;
align-items: center;
padding:0;
color:#fff;
}
body .select2-dropdown {
background: #040B1D;
font-size:14px;
}
body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #181E2F;
}
body .select2-results__option {
padding:8px 12px;
}
.list_items {
display:flex;
flex-direction:column;
margin:32px 0 0;
}
.list_item {
display:flex;
flex-direction:column;
padding:16px 0;
border-bottom:1px solid rgba(255,255,255,0.06);
}
.list_item_name {
font-size:16px;
font-weight:500;
color:var(--b);
margin:0 0 16px;
text-transform:uppercase;
}
.list_item_row {
display:flex;
}
.list_item_tit {
font-size:14px;
color:#3D3D3D;
margin:0 0 8px;
}
.list_item_txt {
font-size:14px;
color:#fff;
}
.list_item_adress {
width:440px;
}
.list_item_phone {
width:440px;
}
.list_item_email {
width:220px;
}
.list_item_adress,
.list_item_phone,
.list_item_email {
padding:0 20px 0 0;
}
.list_item_site .btn {
background:transparent;
border:1px solid var(--b);
color:#fff;
transition:background 0.2s ease,color 0.2s ease;
}
.list_item_site .btn:hover {
color:#040B1D;
background: var(--b);
}
.list_item_site .btn:after {
display:none;
}
/* ------ ------ docs ------ ------ */
.docs_item {
display:flex;
flex-direction:column;
background:url('data:image/svg+xml,') right bottom 16px no-repeat;
border-bottom:1px solid rgba(255,255,255,0.08);
margin:0 0 8px;
}
.docs_item a {
padding:16px 40px 16px 0;
}
.docs_item p {
color:var(--b);
font-size:16px;
margin:0 0 16px;
}
.docs_item a:hover span {
color:#fff;
}
.docs_item span {
color:#CDCED2;
font-size:16px;
transition:color 0.2s ease;
}
/* ------ ------ contacts ------ ------ */
.contacts_items {
display:flex;
flex-wrap:wrap;
margin:30px -10px 0;
}
.contacts_item_50 {
width:50%;
padding:0 10px 20px;
}
.contacts_item_33 {
width:33.33%;
padding:0 10px 20px;
}
.contacts_item_in {
border-radius:16px;
padding:24px;
border:1px solid rgba(255,255,255,0.08);
height:100%;
display:flex;
align-items: baseline;
flex-direction:column;
}
.contacts_item_tit {
display:inline-flex;
color:rgba(255,255,255,0.6);
font-size:14px;
border-radius:8px;
padding:4px 8px;
background:#181E2F;
margin:0 0 12px;
}
.contacts_item_txt {
font-size:18px;
margin:0 0 50px;
text-transform:uppercase;
}
.contacts_item_txt span {
font-size:16px;
display:block;
text-transform:initial;
}
.contacts_item_time {
color:rgba(255,255,255,0.6);
margin:auto 0 0;
font-size:14px;
}
.contacts_item_phone {
background: linear-gradient(to left, #00FFFB, #00A4FF 65%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size:26px;
}
.contacts_item_mes {
margin:0 0 0 auto;
}
.contacts_item_mes {
display:flex;
}
.contacts_item_mes a {
width:40px;
min-width:40px;
height:40px;
border-radius:8px;
border:1px solid var(--b);
margin:0 12px 0 0 ;
transition:background 0.2s ease;
background-position:center;
background-repeat:no-repeat;
}
.contacts_item_mes_wh {
background-image:url('data:image/svg+xml,');
}
.contacts_item_mes_wh:hover {
background-image:url('data:image/svg+xml,');
}
.contacts_item_mes_tg {
background-image:url('data:image/svg+xml,');
}
.contacts_item_mes_tg:hover {
background-image:url('data:image/svg+xml,');
}
.contacts_item_in_row {
display:flex;
width: 100%;
align-items:center;
}
.contacts_item_in_row .contacts_item_mes {
margin-left:12px;
}
.tehpod .contacts_item_phone {
font-size:32px;
}
/* ------ ------ checkstatus ------ ------ */
.checkstatus_search {
position:relative;
margin:30px 0 0;
}
.checkstatus_search input[type="text"] {
display:block;
position:relative;
color:rgba(255,255,255,0.6);
background-color:#040B1D;
width:100%;
height:48px;
z-index:2;
border-radius:8px;
padding:0 50px 0 12px;
border:1px solid rgba(255,255,255,0.6);
transition:border 0.2s ease;
}
.checkstatus_search input[type="text"]:focus {
border-color:var(--b);
}
.checkstatus_search input[type="submit"] {
position:absolute;
top:0;
width:50px;
height:48px;
right:5px;
padding:0;
bottom:0;
cursor:pointer;
z-index:2;
border:0;
background-color:transparent;
background-image:url('data:image/svg+xml,');
background-repeat:no-repeat;
background-position:center;
}
.checkstatus_items {
display:flex;
margin:32px 0 0;
flex-direction:column;
}
.checkstatus_item {
margin:0 0 12px;
padding:24px;
background:#181E2F;
border-radius:20px;
display:flex;
flex-direction:column;
}
.checkstatus_item p {
font-size:18px;
font-weight:500;
}
.checkstatus_item span {
font-size:14px;
color:#CDCED2;
}
/* ------ ------ 1199 ------ ------ */
.un_form {
display:flex;
align-items:center;
justify-content:center;
min-height:100vh;
}
.un_form .post {
width:616px;
position:relative;
padding:60px 40px 40px;
border-radius:24px;
background:#181E2F;
}
.un_form_login .post,
.un_form_reset .post {
width:400px;
}
.un_form .post h1 {
font-size:22px;
color:#fff;
margin:0;
text-align:center;
}
.un_form .post .title {
margin:0;
}
.un_stit {
margin: 8px 0 0;
color:#CDCED2;
font-size: 16px;
padding: 0 0 0 28px;
background-image: url('data:image/svg+xml,');
background-position: left top;
background-repeat: no-repeat;
}
.un_form .um-field {
}
.un_form .um-col-1 {
display:flex;
flex-wrap:wrap;
margin:24px -12px 0;
}
#um_field_151_user_login,
#um_field_151_nf_fio,
#um_field_152_username,
#um_field_152_user_password,
#um_field_0_username_b {
width:100%;
}
#um_field_151_nf_phone,
#um_field_151_username,
#um_field_151_nf_dol,
#um_field_151_nf_inn,
#um_field_151_user_password,
#um_field_151_confirm_user_password {
width:50%;
}
#um_field_151_confirm_user_password .um-field-label {
display:none;
}
.un_form .um-field {
padding:0 12px 24px;
position:relative;
}
.un_form .um-field-label {
position:absolute;
top:14px;
line-height:14px;
height:14px;
margin:auto 0;
color:rgba(255,255,255,0.6);
left:24px;
z-index:1;
display:block;
background:#181c2f;
transition:top 0.2s ease,color 0.2s ease,font-size 0.2s ease;
}
.un_form .um-field-label label {
line-height:14px !important;
height:14px;
font-weight:400 !important;
color:rgba(255,255,255,0.6) !important;
font-size:16px !important;
margin:0;
}
.un_form .um-field-area {
position:relative;
z-index:2;
}
.un_form .um-field-area input {
display:block;
position:relative;
background: transparent !important;
color:rgba(255,255,255,0.6) !important;
width:100%;
height:40px;
z-index:2;
border-radius:8px !important;
padding:0 12px;
border:1px solid rgba(255,255,255,0.6) !important;
transition:border 0.2s ease;
}
.un_form .um .um-field.active input[type="text"],
.un_form .um .um-field.active input[type="tel"] {
border:1px solid var(--b) !important;
}
.un_form .um-field.active .um-field-label {
z-index:3;
color:rgba(255,255,255,0.6);
top:-6px;
left:20px;
padding:0 4px;
}
.un_form .um-field.active label {
font-size:12px !important;
line-height:14px !important;
}
.um-col-alt {
display:none;
}
.um-col-alt-b {
display:none;
}
.un_bottom_btn {
width:100%;
height:48px;
cursor:pointer;
}
.um-row._um_row_1,
.un_form .um:not(.um-admin) {
margin:0 !important;
}
.un_form_registration .un_bottom p {
margin:12px 0 0;
font-size:12px;
color:rgba(255,255,255,0.6);
}
.un_form_registration .un_bottom p a {
color:rgba(255,255,255,0.6);
text-decoration:underline;
}
.un_form_registration .un_bottom p a:hover {
text-decoration:none;
}
.un_bottom_btns {
margin:12px 0 0;
display:flex;
justify-content:space-between;
}
.un_bottom_btns a {
color:var(--b);
font-size:16px;
transition:color 0.2s ease;
}
.un_bottom_btns a:hover {
color:var(--w);
}
.un_form_registration .um-151.um {
max-width:100%;
margin:0 !important;
}
.un_back {
position:absolute;
top:20px;
right:20px;
background:url('data:image/svg+xml,') center no-repeat;
width:32px;
height:32px;
}
.reset_txt {
text-align:center;
font-size:16px;
margin:8px 0 0;
color:#fff;
}
.un_bottom {
width:100%;
}
/* ------ ------ profile ------ ------ */
.profile_nav {
margin:32px 0 0;
display:flex;
}
.profile_nav a {
margin:0 12px 0 0;
height:40px;
text-align:center;
white-space:pre;
font-size:14px;
text-transform:uppercase;
padding:12px 24px;
border:1px solid var(--b);
border-radius:8px;
color:#fff;
transition: background 0.2s ease;
}
.profile_nav a:hover {
background: var(--b);
color: #fff;
}
.profile_service_row {
display:flex;
flex-wrap:wrap;
margin:0 -10px;
width:calc(100% + 20px);
}
.profile_service_item {
width:33.33%;
padding:0 10px 20px;
}
.profile_service_item_in {
padding:24px;
border:1px solid rgba(255,255,255,0.08);
border-radius:20px;
display:flex;
min-height:220px;
flex-direction:column;
}
.profile_service_item_in p {
font-size:18px;
color:var(--b);
margin:0 0 8px;
}
.profile_service_item_in span {
font-size:14px;
margin:0 0 24px;
color:#CDCED2;
}
.profile_service_item_in div {
margin:auto 0 0;
position:relative;
}
.profile_service_item_in input[type="text"] {
display:block;
position:relative;
color:rgba(255,255,255,0.6);
background-color:#040B1D;
width:100%;
height:48px;
z-index:2;
border-radius:8px;
padding:0 50px 0 12px;
border:1px solid rgba(255,255,255,0.6);
transition:border 0.2s ease;
}
.profile_service_item_in input[type="text"]:focus {
border-color:var(--b);
}
.profile_service_item_in input[type="submit"] {
position:absolute;
top:0;
width:50px;
height:48px;
right:5px;
padding:0;
bottom:0;
cursor:pointer;
z-index:2;
border:0;
background-color:transparent;
background-image:url('data:image/svg+xml,');
background-repeat:no-repeat;
background-position:center;
}
/* ------ ------ admaterial ------ ------ */
.admaterial_row {
display:flex;
flex-wrap:wrap;
margin:32px -10px 0;
width:calc(100% + 20px);
}
.admaterial_item {
width:25%;
padding:0 10px 20px;
}
.admaterial_item_in {
padding:24px;
background:#181E2F;
border-radius:20px;
display:block;
display:flex;
transition:background 0.5s ease;
flex-direction:column;
color:#fff;
}
.admaterial_item_in:hover {
background:#2a303f;
color:#fff;
}
.admaterial_item_in img {
height:200px;
object-fit:cover;
border-radius:20px;
}
.admaterial_item_in p {
font-size:16px;
min-height:24px;
color:#fff;
padding:4px 30px 0 0;
margin:24px 0 0;
background:url('data:image/svg+xml,') top right no-repeat;
}
/* ------ ------ admaterial_ch ------ ------ */
.admaterial_ch_row {
display:flex;
flex-wrap:wrap;
margin:32px -10px 0;
width:calc(100% + 20px);
}
.admaterial_ch_item {
width:25%;
padding:0 10px 40px;
}
.admaterial_ch_item_in {
display:flex;
flex-direction:column;
color:#CDCED2;
}
.admaterial_ch_item_in:hover {
color:#CDCED2;
}
.admaterial_ch_item_in img {
/*
height:200px;
object-fit:cover;
border-radius:20px;
*/
}
.admaterial_ch_item_in p {
font-size:18px;
min-height:24px;
color:#fff;
padding:4px 0 0 30px;
margin:12px 0 0;
background:url('data:image/svg+xml,') top left no-repeat;
}
/* ------ ------ admaterial_ch ------ ------ */
.stock_row {
margin:0 -10px;
display:flex;
flex-wrap:wrap;
}
.stock_item {
padding:0 10px 20px;
width:25%;
}
.stock_item_in {
display:flex;
flex-direction:column;
align-items:baseline;
background:#181E2F;
height:210px;
padding:24px;
border-radius:24px;
position:relative;
transition:background 0.2s ease;
}
.stock_item_in:after {
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
content:'';
display:block;
border-radius:24px;
opacity:0;
background:rgba(255,255,255,0.08);
transition:opacity 0.2s ease;
}
.stock_item_in:hover:after {
opacity:1;
}
.stock_item_in p {
color:#fff;
font-size:16px;
margin:0;
position:relative;
z-index:2;
}
.stock_item_in i {
font-size:14px;
display:inline-flex;
border-radius:8px;
text-transform:uppercase;
background: linear-gradient(45deg, rgba(0, 164, 255, 1) 0%, rgba(0, 255, 251, 1) 65%);
font-style:normal;
padding:4px 8px;
margin:0 0 24px;
color:#040B1D;
}
.stock_item_in span {
position:relative;
z-index:2;
display:flex;
margin-top:auto;
font-size:12px;
color:#A3A5AC;
width:100%;
height:24px;
align-items:end;
background:url('data:image/svg+xml,') right bottom no-repeat;
}
/* ------ ------ docp_tems ------ ------ */
.docp_tems {
}
.docp_item {
margin:0 0 32px;
}
.docp_item_tit {
font-size:22px;
color:var(--b);
text-transform:uppercase;
margin:0 0 12px;
}
.docp_item_childs {
display:flex;
flex-direction:column;
}
.docp_item_child {
color:rgba(255,255,255,0.8);
font-size:16px;
border-bottom:1px solid rgba(255,255,255,0.08);
padding:12px 30px 12px 0;
margin: 0 0 6px;
background:url('data:image/svg+xml,') right center no-repeat;
transition:color 0.2s ease,background 0.2s ease;
}
.docp_item_child:hover {
color:var(--b);
background:url('data:image/svg+xml,') right center no-repeat;
}
/* ------ ------ entry ------ ------ */
.entry {
color:#CDCED2;
}
/* ------ ------ tahnum_form ------ ------ */
.tahnum_form {
background:#181E2F;
padding:24px;
border-radius:20px;
}
.tahnum_txt {
color:#CDCED2;
font-size:16px;
}
.tahnum_in {
margin:24px 0 0;
width:256px;
position:relative;
}
.tahnum_in textarea {
width:256px;
border:1px solid rgba(255,255,255,0.6);
height:40px;
color:#CDCED2;
border-radius:8px;
padding:10px 12px;
background:transparent;
overflow: hidden;
position:relative;
z-index:2;
}
.tahnum_check {
margin:24px 0 0;
}
.tahnum_check > div {
position:relative;
heightg:24px;
display:flex;
cursor:pointer;
align-items:center;
color:rgba(255,255,255,0.6);
}
.tahnum_check_d {
margin:0 0 12px;
}
.tahnum_check > div span {
display:block;
width:20px;
min-width:20px;
height:20px;
border-radius:100px;
margin:0 6px 0 0;
border:1px solid var(--b);
transition: border 0.2s ease;
}
.tahnum_check > div.active span {
border:8px solid var(--b);
}
.tahnum_in label {
position: absolute;
top: 12px;
line-height: 14px;
height: 14px;
margin: auto 0;
color: rgba(255, 255, 255, 0.6);
left: 18px;
z-index: 1;
display: block;
background: #181c2f;
transition: top 0.2s ease, color 0.2s ease, font-size 0.2s ease;
}
.tahnum_in.active label {
position: absolute;
line-height: 14px;
height: 14px;
margin: auto 0;
z-index: 1;
display: block;
background: #181c2f;
font-size: 12px;
z-index: 3;
color: rgba(255, 255, 255, 0.6);
top: -6px;
left: 15px;
padding: 0 4px;
}
.tahnum_output .copy {
position: absolute;
height:40px;
width:40px;
right:0;
top:0;
display:block;
z-index:2;
cursor:pointer;
background:url('data:image/svg+xml,') center no-repeat;
}
.tahnum_in .error {
border-color:#FF5555;
}
.tahnum_output {
display:none;
}
.tahnum_input span {
display:none;
color:#FF5555;
text-align:center;
margin:5px 0 0;
font-size: 12px;
}
.tahnum_input.error span {
display:block;
}
/* ------ ------ catalog_form - check_form ------ ------ */
.catalog_form,
.check_form,
.profile_edit_form {
background:#181E2F;
padding:24px;
border-radius:20px;
max-width:572px;
}
.catalog_form > p,
.check_form > p {
color:#CDCED2;
}
.check_form select {
display: block;
position: relative;
background: transparent;
color: rgba(255, 255, 255, 0.6);
width: 100%;
height: 40px;
z-index: 2;
border-radius: 8px;
padding: 0 12px;
border: 1px solid rgba(255, 255, 255, 0.6);
transition: border 0.2s ease;
}
.page_check .select2-container .select2-selection--single .select2-selection__rendered,
.page_check .select2-container--default .select2-selection--single,
.page_check .select2-container--default .select2-selection--single .select2-selection__arrow,
.page_pass .select2-container .select2-selection--single .select2-selection__rendered,
.page_pass .select2-container--default .select2-selection--single,
.page_pass .select2-container--default .select2-selection--single .select2-selection__arrow {
height:40px;
}
.form_input_object {
width:100%;
}
.page_pass .form_input_date input::-webkit-calendar-picker-indicator {
opacity:0;
}
.page_pass .form_input_date {
position:relative;
}
.page_pass .form_input_date:after {
position:absolute;
right:8px;
top:0;
content:'';
display:block;
height:40px;
width:40px;
z-index:1;
background:url('data:image/svg+xml,') center no-repeat;
}
.page_profile_edit .form_input {
width:100%;
}
.page_profile_edit .profile_edit_form {
max-width:408px;
}
.profile_edit_email p {
font-size:12px;
margin:12px 0 0;
}
.profile_edit_email p a {
color:var(--b);
}
/* ------ ------ page_profile_org ------ ------ */
.page_profile_org_list {
}
.page_profile_org_item {
display:flex;
margin:0 -15px;
padding:16px 0;
justify-content: space-between;
border-bottom:1px solid rgba(255,255,255,0.08);
}
.page_profile_org_col {
padding:0 15px;
}
.page_profile_org_col:first-child .page_profile_org_col_txt {
color:var(--b);
font-size:16px;
font-weight:500;
}
.page_profile_org_col_tit {
color:#3D3D3D;
height:17px;
font-size:14px;
margin:0 0 8px;
}
.page_profile_org_col_txt {
color:#fff;
font-size:14px;
}
.page_profile_org_add_btn {
width:274px;
height:48px;
margin:32px 0 0;
}
.page_profile_org_col:nth-child(1) {
width:270px;
}
.page_profile_org_col:nth-child(2) {
width:140px;
}
.page_profile_org_col:nth-child(3) {
width:140px;
}
.page_profile_org_col:nth-child(4) {
width:270px;
}
.page_profile_org_col:nth-child(5) {
width:270px;
}
.page_profile_org_col:nth-child(6) {
width:270px;
}
.page_profile_org_add_inputs {
background:#181E2F;
padding:24px 12px 0 12px;
border-radius:20px;
max-width:572px;
display:flex;
flex-wrap:wrap;
}
.page_profile_org_add_input {
width:100%;
padding:0 12px 24px;
}
.form_input_50.page_profile_org_add_input {
width:50%;
}
.page_profile_org_add_input label {
top: 14px;
left:24px;
}
/* ------ ------ page_profile_user ------ ------ */
.page_profile_user_list {
}
.page_profile_user_item {
display:flex;
margin:0 -15px;
padding:16px 0;
justify-content: space-between;
border-bottom:1px solid rgba(255,255,255,0.08);
}
.page_profile_user_col {
padding:0 15px;
}
.page_profile_user_col:first-child .page_profile_user_col_txt {
color:var(--b);
font-size:16px;
font-weight:500;
}
.page_profile_user_col_tit {
color:#3D3D3D;
height:17px;
font-size:14px;
margin:0 0 8px;
}
.page_profile_user_col_txt {
color:#fff;
font-size:14px;
}
.page_profile_user_add_btn {
width:274px;
height:48px;
margin:32px 0 0;
}
.page_profile_user_col:nth-child(1) {
width:270px;
}
.page_profile_user_col:nth-child(2) {
width:270px;
}
.page_profile_user_col:nth-child(3) {
width:270px;
}
.page_profile_user_col:nth-child(4) {
width:270px;
}
.page_profile_user_col:nth-child(5) {
width:270px;
}
.page_profile_user_col:nth-child(6) {
width:40px;
margin-top:auto;
}
.page_profile_user_add_inputs {
background:#181E2F;
padding:24px 12px 0 12px;
border-radius:20px;
max-width:572px;
display:flex;
flex-wrap:wrap;
}
.page_profile_user_add_input {
width:100%;
padding:0 12px 24px;
}
.form_input_50.page_profile_user_add_input {
width:50%;
}
.page_profile_user_add_input label {
top: 14px;
left:24px;
}
/* ------ ------ page_profile_user_add ------ ------ */
.ppua_row {
display:flex;
margin:0 -6px;
}
.ppua_item {
padding:0 6px;
width:33.33%;
}
.ppua_item_in {
background:#181E2F;
padding:24px;
border-radius:20px;
height:100%;
align-items: baseline;
display: flex;
flex-direction: column;
}
.page_profile_user_add .page_profile_user_add_btn {
width:220px;
}
.ppua_btns {
display:flex;
margin:32px 0 0;
}
.ppua_btns .btn {
width:274px;
height:48px;
margin:0;
}
.ppua_btns .page_profile_user_add_btn_cancel {
width:220px;
color:#fff;
margin:0 0 0 16px;
border:1px solid var(--b);
background:transparent;
transition:background 0.2s ease;
}
.ppua_btns .page_profile_user_add_btn_cancel:hover {
background:var(--b);
}
.ppua_btns .page_profile_user_add_btn_cancel:after {
display:none;
}
.ppua_item_in .form_input {
width:256px;
padding:0 0 24px;
}
.ppua_item_in .form_input:last-child {
padding-bottom:0;
}
.ppua_item_in_tit {
margin:0 0 24px;
color:#CDCED2;
}
.ppua_checkbox {
margin:0 0 16px;
}
.ppua_checkbox:last-child {
margin:0;
}
.ppua_checkbox_in {
display:flex;
cursor:pointer;
align-items:center;
}
.ppua_checkbox input {
display:none;
}
.ppua_checkbox_in i {
width:24px;
min-width:24px;
height:24px;
border-radius:4px;
border:1px solid var(--b);
margin:0 10px 0 0;
transition: background 0.2s ease;
background-position:center;
}
.ppua_checkbox_in.active i {
background:url('data:image/svg+xml,') center no-repeat var(--b);
}
.ppua_checkbox_in span {
font-size:16px;
color:rgba(255,255,255,0.6);
}
/* ------ ------ advantages_ntable ------ ------ */
.advantages_ntable {
color:#CDCED2;
}
.advantages_ntable_item {
display:flex;
padding:16px 0;
border-bottom:1px solid rgba(255,255,255,0.08);
}
.advantages_ntable_item_num {
color:#3D3D3D;
margin:0 16px 0 0;
}
.advantages_ntable_item_l {
width:100%;
padding:0 40px 0 0;
}
.advantages_ntable_item_r {
width:300px;
min-width:300px;
display:flex;
align-items:end;
}
.advantages_ntable_item_top {
text-align:center;
}
.advantages_ntable_item_top .advantages_ntable_item_r {
justify-content: center;
}
.advantages_ntable_btn {
display:flex;
justify-content:center;
align-items:center;
padding:0;
border:0;
background:#040B1D;
color:#fff;
border:1px solid var(--b);
font-size:14px;
font-weight:500;
text-transform:uppercase;
border-radius:8px;
height:40px;
width:178px;
margin:10px 0 0;
min-width:178px;
transition:background 0.2s ease;
position:relative;
}
.advantages_ntable_btn:hover {
background:var(--b);
color:#fff;
}
/* ------ ------ 1199 ------ ------ */
@media all and (max-width: 1199px) {
.header_menu {
display:none;
}
.header_nav_btn {
display:block;
margin:0 0 0 8px;
}
.header_logo {
margin-right:auto;
}
.header_info {
display:none;
}
body {
}
header {
height:48px;
z-index:101;
}
header > .container {
position:relative;
z-index:10;
}
.header_logo img {
height:30px;
}
.header_mobile {
display:block;
position:fixed;
left:-100%;
width:100%;
overflow:hidden;
transition:left 0.2s ease;
}
.header_mobile.active {
left:0;
}
.header_mobile .container {
display:flex;
overflow:auto;
flex-direction:column;
align-items: baseline;
}
.header_mobile_info {
width:100%;
}
.header_mobile_mes i {
margin:0 0 0 70px;
}
.header_mobile {
margin:0 0 20px;
margin:0;
top: 0;
bottom:0;
}
.header_mobile_time {
margin:20px 0 0;
color:rgba(255,255,255,0.7);
font-size:16px;
}
.header_mobile_mes i {
margin:0 0 0 70px;
}
.hero_img {
width: 330px;
min-width: 330px;
}
.herob_img {
width: 280px;
min-width: 280px;
}
.hero_cont h1, .hero_cont h2 {
font-size: 34px;
}
.herob_cont h1, .herob_cont h2 {
font-size: 28px;
}
.hero_info {
padding:60px 0 0;
}
.profitable_row_mini .profitable_item {
width: 33.33%;
}
.profitable_row_mini .profitable_item:nth-child(4),
.profitable_row_mini .profitable_item:nth-child(5) {
width:50%;
}
.profitable_row_big .profitable_item {
width: 100%;
}
.profitable_row_mini .profitable_item_in{
height:100%;
}
.profitable_item_in {
height:auto;
}
.faq .container {
flex-direction:column;
}
.faq_title {
margin:0;
width:100%;
min-width:unset;
}
.fl_item {
width:33.33%;
}
.lf_btn_map,.lf_btn_list {
width:50%;
margin:16px 0 0;
}
.list_filter {
flex-wrap:wrap;
}
.contacts_item_phone {
font-size: 24px;
}
.header_in > .header_logout {
display:none;
}
.header_mobile_in .header_logout {
margin:auto 0 0;
}
.header_mobile_in .header_logout a {
color:#fff;
display:flex;
align-items:center;
}
.header_mobile_in .header_logout svg {
margin:0 12px 0 0;
}
.header_mobile_in {
display:flex;
flex-direction:column;
}
.customize-support .header_mobile .container {
padding:112px 0 16px;
}
.admaterial_item,
.admaterial_ch_item {
width:33.33%;
}
.stock_item {
width:33.33%;
}
.contacts_item_in_row {
flex-direction:column;
align-items:baseline;
}
.contacts_item_in_row .contacts_item_mes {
margin:10px 0;
}
.page_profile_org_item,
.page_profile_user_item {
flex-wrap:wrap;
border-radius:20px;
padding:24px;
background:#181E2F;
border:0;
margin:0 0 24px;
position:relative;
}
.page_profile_org_col:first-child .page_profile_org_col_tit {
display:none;
}
.page_profile_org_col:last-child,
.page_profile_user_item:last-child {
margin:0;
}
.page_profile_org_col,
.page_profile_user_col {
margin:0 0 12px;
padding:0;
}
.page_profile_org_col:nth-child(1) {
width:100%;
}
.page_profile_org_col:nth-child(2) {
width:50%;
}
.page_profile_org_col:nth-child(3) {
width:50%;
}
.page_profile_org_col:nth-child(4) {
width:100%;
}
.page_profile_org_col:nth-child(5) {
width:100%;
}
.page_profile_org_col:nth-child(6) {
width:100%;
}
.page_profile_user_col {
width:100% !important;
}
.page_profile_org_col:nth-child(1) {
padding:0 30px 0 0;
}
.page_profile_user_col:nth-child(6) {
position:absolute;
right:24px;
top:24px;
width:24px !important;
height:24px;
margin:0;
}
.advantages_op_item {
flex-direction: column;
}
.advantages_op_img {
height:250px;
margin:30px 0 0;
order:2;
width:100%;
min-width:unset;
}
.advantages_op_img img {
max-width:100%;
}
}
/* ------ ------ 991 ------ ------ */
@media all and (max-width: 991px) {
.hero_info_item {
flex-direction:column;
}
.hero_info {
padding:30px 0 0;
}
.hero_cont h1, .hero_cont h2 {
font-size: 32px;
}
.hero .slick-dots,.herob .slick-dots {
left:0;
right:0;
top:unset;
bottom:16px;
margin:0 auto;
flex-direction:row;
}
.hero .slick-dots li,.herob .slick-dots li {
margin:0 8px !important;
}
.hero {
padding: 60px 0 0;
}
.hero_img {
height:200px;
margin:20px 0 0;
}
.hero_cont {
position:relative;
z-index:2;
}
.hero_cont a {
width:100%;
}
.hero_cont ul {
margin:16px 0 0;
}
.hero_cont ul li {
font-size: 14px;
}
.hero_info,.hero_info .container,.hero_info_slider {
height:640px;
}
.indent {
padding:80px 0 0;
}
.title h1,
.title h2 {
font-size:22px;
}
.becomepartner_in {
background:#181E2F;
position:relative;
overflow:hidden;
}
.becomepartner_in:after {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
content:'';
display:block;
background: linear-gradient(to right, rgba(56,198,244,0) 0%,rgba(56,198,244,0) 47%,rgba(56,198,244,0.02) 50%,rgba(56,198,244,0.3) 100%);
}
.becomepartner_form {
position:relative;
z-index:2;
}
.form_input {
width:100%;
}
.form_inputs {
flex-direction:column;
}
.becomepartner_form {
width:100%;
}
.form_submit .btn,
.form_submit .btn input {
width:100%;
}
.footer_bottom {
flex-direction:column;
text-align:left;
align-items:start;
}
.footer_top {
margin:0 -10px;
flex-wrap:wrap;
}
.footer_top_col {
width:50%;
margin:0;
padding:0 10px 20px;
}
.footer_top_col_menu {
order:-1;
}
.footer_bottom {
margin:0 0 30px;
}
.herob_cont ul {
display:none;
}
.herob_img {
width: 220px;
min-width:220px;
margin:0 0 0 20px;
}
.herob_item {
padding: 24px;
height: 230px;
}
.news_row_noslider .news_item {
width:33.33%;
}
.herob {
padding: 82px 0 20px;
}
.nohero {
padding:82px 0 0;
}
.advantages_item {
width:33.33%;
}
.list_item_row {
flex-direction:column;
}
.list_item_row > div{
padding:0 0 12px;
}
.list_item_row > div:last-child {
padding:0;
}
.list_item {
background:#181E2F;
border-radius:16px;
padding:16px;
border:0;
margin:0 0 12px;
}
.list_item_site .btn {
width:100%;
margin:12px 0 0;
}
.docs_item a {
padding: 12px 40px 12px 0;
}
.docs_item {
margin:0;
}
.contacts_item_50,.contacts_item_33 {
width: 100%;
}
.contacts_item_in {
padding:12px;
margin:0 0 12px;
}
.contacts_item_txt {
margin:0 0 24px;
}
.contacts_item_txt {
font-size:16px;
}
.contacts_item_phone {
margin:0 0 24px;
}
.checkstatus_item {
padding:12px;
}
.checkstatus_item p {
font-size:18px;
}
.profile_service_item {
width:100%;
}
.profile_service_item_in {
min-height:auto;
}
.profile_nav {
flex-direction:column;
}
.profile_nav a {
width:100%;
margin:0 0 16px;
}
.admaterial_item,
.admaterial_ch_item {
width:50%;
}
.stock_item {
width:50%;
}
.page_profile_org_item {
padding:12px;
margin:0 0 12px;
}
.page_profile_org_add_inputs {
padding:24px 6px 12px 6px;
}
.ppua_row {
flex-direction:column;
}
.ppua_item {
width:100%;
}
.page_profile_org_add_input {
width:100%;
padding:0 6px 12px;
}
.form_input_50.page_profile_org_add_input {
width:100%;
}
.page_profile_org_add_input label {
left:12px;
}
.page_profile_org_add_inputs {
width:100%;
max-width:100%;
margin:0;
}
.ppua_item {
margin:0 0 24px;
}
.ppua_item:last-child {
margin:0;
}
.advantages_ntable_item_top,.advantages_ntable_item_num {
display:none;
}
.advantages_ntable_item {
flex-direction:column;
}
.advantages_ntable_item_l {
padding:0 0 10px;
}
.advantages_ntable_item_r {
color:var(--b)
}
}
/* ------ ------ 767 ------ ------ */
@media all and (max-width: 767px) {
.profitable_row_mini .profitable_item {
width: 50%;
}
.profitable_row_mini .profitable_item:nth-child(4) {
width: 50%;
}
.profitable_row_mini .profitable_item:nth-child(5) {
width:100%;
}
.profitable_item_in div {
width:32px;
height:32px;
margin:0 0 12px;
}
.profitable_item_in {
padding:12px;
}
.profitable_item_in h3 {
font-size:16px;
}
.profitable_item_in p {
font-size:14px;
}
.becomepartner_in {
padding:24px 12px;
}
.faq_item_question span {
display:none;
}
.faq_item_question {
font-size:14px;
padding:20px 44px 20px 12px;
}
.faq_item_answer {
font-size:14px;
padding: 0 12px 20px;
}
.faq_txt {
font-size:14px;
}
.herob_img {
width: 140px;
min-width:140px;
}
.herob_item {
height: 180px;
}
.herob_cont h1, .herob_cont h2 {
font-size: 22px;
}
.news_row_noslider .news_item,.stock_item {
width:50%;
}
.advantages_item {
width:50%;
}
.fl_item {
width:100%;
margin:10px 0 0;
}
.list_item_adress,.list_item_phone,.list_item_email {
width:100%;
}
.sended {
width: 290px;
}
.un_form .post {
width:100%;
padding:32px 16px;
}
#um_field_151_nf_phone, #um_field_151_username, #um_field_151_nf_dol, #um_field_151_nf_inn,
#um_field_151_user_password,#um_field_151_confirm_user_password {
width:100%;
}
.un_form .post h1 {
font-size:16px;
}
.un_stit {
font-size:14px;
}
.un_bottom_btns a {
font-size: 14px;
}
.profile_service_item_in {
padding:24px 12px;
}
.admaterial_item,
.admaterial_ch_item {
width:100%;
}
.admaterial_item_in,
.admaterial_ch_item_in {
padding:12px;
}
.admaterial_item_in p,
.admaterial_ch_item_in p {
margin:12px 0 0;
}
.stock_item_in i {
margin:0 0 12px;
}
.stock_item {
width:100%;
}
.tehpod .contacts_item_phone {
font-size: 28px;
}
.tahnum_form {
padding:12px;
}
.catalog_form {
padding:12px;
}
.page_profile_user_item {
padding:24px 12px 12px 12px;
}
.ppua_item {
padding:24px 12px 12px 12px;
}
.page_profile_user_col:nth-child(6) {
right:12px;
top:12px;
}
.page_profile_user_add_btn {
width:100%;
}
.ppua_item_in .form_input {
width:100%;
}
.ppua_item {
padding:0;
}
.ppua_item_in {
padding:24px 12px;
}
.page_profile_user_add .page_profile_user_add_btn {
width:100%;
}
.ppua_row {
margin:0;
}
.ppua_btns {
flex-direction:column;
}
.ppua_btns .page_profile_user_add_btn_cancel {
margin:12px 0 0;
width:100%;
}
}
/* ------ ------ 575 ------ ------ */
@media all and (max-width: 575px) {
.news_item {
width:240px;
}
.news_item_in,.stock_item_in {
padding:12px;
height:180px;
}
.news_item_in p,.stock_item_inm p {
font-size:14px;
}
.news_row_slider .slick-dots {
width:290px;
}
.news_row_slider .slick-dots {
margin:14px auto 0;
}
.footer_top_col_logo {
order:-2;
}
.footer_top {
flex-direction:column;
}
.footer_top_col {
width:100%;
}
.footer_top_col_logo {
display:flex;
justify-content:space-between;
}
.footer_top_col_logo a {
margin:0;
}
.footer_top_col_logo img {
height:40px;
}
.btn_f {
width: 160px;
min-width: 160px;
}
.herob_img {
width: 120px;
min-width:120px;
}
.herob_item {
height: 150px;
}
.herob_cont h1, .herob_cont h2 {
font-size: 20px;
}
.advantages_item {
width:100%;
padding:0 0 20px;
}
.advantages_item_in {
min-height:unset;
}
.advantages_row {
margin:0;
width: 100%;
}
.un_form .container {
padding:0;
}
.un_form .post {
border-radius:0;
}
.un_back {
top:10px;
right:10px;
}
.advantages_ntable_btn {
width:100%;
}
}
/* ------ ------ 500 ------ ------ */
@media all and (max-width: 500px) {
.news_row_noslider .news_item {
width:100%;
}
.news_row_noslider .news_item_in {
height:auto;
}
.news_row_noslider .news_item_in p {
margin:0 0 24px;
}
}
/* ------ ------ 360 ------ ------ */
@media all and (max-width:360px) {
.hero_cont h1, .hero_cont h2 {
font-size: 28px;
}
.hero_cont ul li {
height:44px;
}
.hero_img {
width:100%;
margin:0;
min-width:unset;
}
.profitable_item_in h3 {
font-size: 13px;
}
.herob_img {
width: 100px;
min-width:100px;
}
.herob_item {
height: 150px;
padding:20px;
}
.herob_cont h1, .herob_cont h2 {
font-size: 15px;
}
.herob_cont h1, .herob_cont h2 {
font-size: 12px;
}
}
#um_field_151_user_login {
display:none !important;
}