.header-desktop{
position: fixed;
width: 100%;
}
.sr7-bullets {
width: fit-content !important;
}
.count-section p {
margin-bottom: 0;
}
.wpcf7-acceptance a {
color: #FFFFFF !important;
text-decoration: underline !important;
}
@media(min-width: 1025px){
.page-header.flex-middle{
margin-top: 100px !important;
}
}
.woocommerce ul.products li.product a img{
background: #0F1426 !important;
}
.widget-area .widget_categories ul li a, .widget-area .widget_product_categories ul li a, .widget-area .widget_archive ul li a{
text-transform: none !important;
}
.widget-area .widget ul:not(.recent-news) > li {
font-weight: 500;
font-size: 16px !important;
}
.elementor-6370 .elementor-element.elementor-element-e9b1b17 .widget-title:before {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 25px;
height: 3px;
background: #43baff;
}
.elementor-6370 .elementor-element.elementor-element-e9b1b17 .widget-title {
padding-bottom: 18px;
margin-bottom: 25px;
border-bottom: 1px solid #e5e5e5;
position: relative;
}
.widget .recent-news .entry-date {
color: #b5b5b5 !important;
}
#primary-sidebar input[type=search]{
max-width: 200px;
margin-right: 15px;
background: #121826;
color: #fff;
border: 1px solid #ffffff;
border-radius: 10px;
}
#primary-sidebar button, #primary-sidebar [type=button], #primary-sidebar [type=reset], #primary-sidebar [type=submit]{
padding: 10px 20px 10px 20px;
font-family: "DM Sans", Sans-serif;
font-size: 16px;
color: white;
font-weight: 500;
text-transform: none;
background-color: #02010100;
border: 1px solid #FFFFFF;
border-radius: 30px;
} #privacy-link,
#soglasie-link {
color: #00FAD6 !important;
transition: color 0.3s ease !important;
}
#privacy-link:hover,
#soglasie-link:hover {
color: #0dfee0 !important;
} body.elementor-page .elementor-widget-text-editor,
body.elementor-page li.elementor-icon-list-item {
color: var(--e-global-color-text);
}  body.elementor-page .ot-image-box .overlay {
background: rgba(6, 50, 69, 0.3);
}
body.elementor-page .ot-image-box:hover .overlay {
background: transparent;
}
body.elementor-page .elementor-widget-heading .elementor-heading-title {
color: #FFFFFF;
} body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce ul.products li.product .woocommerce-loop-product__title a,
body.woocommerce ul.products li.product .woocommerce-loop-product__title a:visited,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title a,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title a:visited {
color: #FFFFFF;
}   body #back-to-top{
color: #0dfee0;
} body .wpcf7-spinner{
width: 20px;
height: 20px;
border: 2px solid #23D7FF;
border-bottom-color: transparent !important;
border-radius: 50%;
display: inline-block;
position: absolute;
box-sizing: border-box;
background: transparent;
opacity: 1;
animation: rotation 1s linear infinite;
}
body .wpcf7-spinner::after{
content: '';
position: absolute;
box-sizing: border-box;
left: 6px;
top: 12px;
border: 5px solid transparent;
border-right-color: #23D7FF;
transform: rotate(-40deg);
}
@keyframes rotation{
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}  body .archive .content-product-wrapper, body .single-post .entry-content, body .single-service .entry-content, body .error404 #content, body .woocommerce-cart .entry-content{
background: #0F1426;
} body .single-service .entry-content #primary-sidebar{
display: none !important;
}
body .single-service .entry-content #primary{
width: 100% !important;
}  body .archive .content-product-wrapper a, body .single-post .entry-content a, body .single-service .entry-content a, body .error404 #content a, body .woocommerce-cart .entry-content a, body .footer-menu ul li a, body #back-to-top{
color: #43baff !important;
transition: color 0.3s ease;
}
body .archive .content-product-wrapper a:hover, body .single-post .entry-content a:hover, body .single-service .entry-content a:hover, body .error404 #content a:hover, body .woocommerce-cart .entry-content a:hover, body .footer-menu ul li a:hover, body #back-to-top:hover{
color: #0dfee0 !important;
} body #primary-sidebar a, body .widget-area a, body .elementor-widget-sidebar a{
color: #ffffff !important;
transition: color 0.3s ease;
}
body #primary-sidebar a:hover, body .widget-area a:hover, body .elementor-widget-sidebar a:hover{
color: #0dfee0 !important;
} body .wp-block-button__link, body .wp-block-button__link strong, body .wp-block-button__link .has-inline-color, body .wp-block-button__link a{
background-color: transparent !important;
background-image: linear-gradient(90deg, #43BAFF 0%, #0DFEE0 100%) !important;
color: #0B1020 !important;
border: 0 !important;
border-radius: 25px !important;
padding: 14px 28px !important;
font-weight: 600 !important;
font-size: 15px !important;
line-height: 1.2 !important;
text-decoration: none !important;
position: relative;
isolation: isolate;
overflow: hidden;
transition: transform .2s ease, box-shadow .3s ease;
}
body .wp-block-button__link::after{
content: "";
position: absolute;
inset: 0;
z-index: -1;
opacity: 0;
pointer-events: none;
border-radius: inherit;
transition: opacity .3s ease;
background-image: linear-gradient(var(--rc-a, 90deg), #43BAFF 0%, #0DFEE0 100%);
}
body .wp-block-button__link:hover, body .wp-block-button__link:focus{
background-color: transparent !important;
background-image: linear-gradient(90deg, #43BAFF 0%, #0DFEE0 100%) !important;
color: #0B1020 !important;
transform: translateY(-2px);
box-shadow: 0 12px 30px -10px rgba(13, 254, 224, .55);
}
body .wp-block-button__link:hover::after, body .wp-block-button__link:focus::after{ opacity: 1 }
body .wp-block-button__link:hover *, body .wp-block-button__link:focus *{ color: #0B1020 !important } body .rc-btn-primary:not(a):not(button),
body .rc-btn-secondary:not(a):not(button){
background: none !important;
background-image: none !important;
border: 0 !important;
border-radius: 0 !important;
padding: 0 !important;
box-shadow: none !important; overflow: visible !important;
isolation: auto !important;
}
body .rc-btn-primary:not(a):not(button)::after,
body .rc-btn-primary:not(a):not(button)::before,
body .rc-btn-secondary:not(a):not(button)::after,
body .rc-btn-secondary:not(a):not(button)::before{
content: none !important;
display: none !important;
} body a.rc-btn-primary, body button.rc-btn-primary,
body a.rc-btn-primary.elementor-button, body button.rc-btn-primary.elementor-button,
body a.rc-btn-primary.wp-block-button__link, body button.rc-btn-primary.wp-block-button__link,
body .rc-btn-primary > a, body .rc-btn-primary > button,
body .rc-btn-primary .elementor-button, body .rc-btn-primary .wp-block-button__link,
body .rc-btn-primary .wp-element-button{
background-color: transparent !important;
background-image: linear-gradient(90deg, #43BAFF 0%, #0DFEE0 100%) !important;
color: #0B1020 !important;
border: 0 !important;
border-radius: 25px !important;
padding: 14px 28px !important;
font-weight: 600 !important;
font-size: 15px !important;
line-height: 1.2 !important;
text-decoration: none !important;
position: relative;
isolation: isolate;
overflow: hidden;
transition: transform .2s ease, box-shadow .3s ease;
}
body a.rc-btn-primary::after, body button.rc-btn-primary::after,
body .rc-btn-primary > a::after, body .rc-btn-primary > button::after,
body .rc-btn-primary .elementor-button::after, body .rc-btn-primary .wp-block-button__link::after,
body .rc-btn-primary .wp-element-button::after{
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: -1 !important;
opacity: 0 !important;
pointer-events: none !important;
border-radius: inherit !important;
transition: opacity .3s ease !important;
background-image: linear-gradient(var(--rc-a, 90deg), #43BAFF 0%, #0DFEE0 100%) !important;
}
body a.rc-btn-primary:hover, body button.rc-btn-primary:hover,
body .rc-btn-primary > a:hover, body .rc-btn-primary > button:hover,
body .rc-btn-primary .elementor-button:hover, body .rc-btn-primary .wp-block-button__link:hover,
body .rc-btn-primary:hover .elementor-button, body .rc-btn-primary:hover .wp-block-button__link,
body .rc-btn-primary .wp-element-button:hover, body .rc-btn-primary:hover .wp-element-button,
body a.rc-btn-primary:focus, body .rc-btn-primary > a:focus{
background-color: transparent !important;
background-image: linear-gradient(90deg, #43BAFF 0%, #0DFEE0 100%) !important;
color: #0B1020 !important;
transform: translateY(-2px);
box-shadow: 0 12px 30px -10px rgba(13, 254, 224, .55);
}
body a.rc-btn-primary:hover::after, body .rc-btn-primary > a:hover::after,
body .rc-btn-primary .elementor-button:hover::after, body .rc-btn-primary .wp-block-button__link:hover::after,
body .rc-btn-primary:hover .elementor-button::after, body .rc-btn-primary:hover .wp-block-button__link::after,
body .rc-btn-primary .wp-element-button:hover::after{ opacity: 1 !important }
body a.rc-btn-primary:hover *, body .rc-btn-primary:hover *{ color: #0B1020 !important } body a.rc-btn-secondary, body button.rc-btn-secondary,
body a.rc-btn-secondary.elementor-button, body a.rc-btn-secondary.wp-block-button__link,
body .rc-btn-secondary > a, body .rc-btn-secondary > button,
body .rc-btn-secondary .elementor-button, body .rc-btn-secondary .wp-block-button__link,
body .rc-btn-secondary .wp-element-button{
background-color: transparent !important;
background-image: none !important;
color: #FFFFFF !important;
border: 1px solid rgba(67, 186, 255, .18) !important;
border-radius: 25px !important;
padding: 14px 28px !important;
font-weight: 600 !important;
font-size: 15px !important;
line-height: 1.2 !important;
text-decoration: none !important;
position: relative;
isolation: isolate;
overflow: hidden;
transition: color .3s ease, border-color .3s ease;
}
body a.rc-btn-secondary::after, body button.rc-btn-secondary::after,
body .rc-btn-secondary > a::after, body .rc-btn-secondary > button::after,
body .rc-btn-secondary .elementor-button::after, body .rc-btn-secondary .wp-block-button__link::after,
body .rc-btn-secondary .wp-element-button::after{
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: -1 !important;
opacity: 0 !important;
pointer-events: none !important;
border-radius: inherit !important;
transition: opacity .3s ease !important;
background-image: linear-gradient(var(--rc-a, 90deg), rgba(67, 186, 255, .28) 0%, rgba(13, 254, 224, .10) 100%) !important;
}
body a.rc-btn-secondary:hover, body button.rc-btn-secondary:hover,
body .rc-btn-secondary > a:hover, body .rc-btn-secondary > button:hover,
body .rc-btn-secondary .elementor-button:hover, body .rc-btn-secondary .wp-block-button__link:hover,
body .rc-btn-secondary:hover .elementor-button, body .rc-btn-secondary:hover .wp-block-button__link,
body .rc-btn-secondary .wp-element-button:hover, body .rc-btn-secondary:hover .wp-element-button{
background-color: transparent !important;
background-image: none !important;
color: #43BAFF !important;
border-color: #43BAFF !important;
transform: none;
box-shadow: none;
}
body a.rc-btn-secondary:hover::after, body .rc-btn-secondary > a:hover::after,
body .rc-btn-secondary .elementor-button:hover::after, body .rc-btn-secondary .wp-block-button__link:hover::after,
body .rc-btn-secondary:hover .elementor-button::after, body .rc-btn-secondary:hover .wp-block-button__link::after{ opacity: 1 !important }
body a.rc-btn-secondary:hover *, body .rc-btn-secondary:hover *{ color: #43BAFF !important } body .wp-block-search__input{
background: rgba(255, 255, 255, .1) !important;
border: 1px solid rgba(255, 255, 255, .2) !important;
border-radius: 999px !important;
color: #FFFFFF !important;
padding: 12px 20px !important;
font-size: 15px !important;
height: auto !important;
}
body .wp-block-search__input::placeholder{ color: #9AA4B2 !important; opacity: 1 !important }
body .wp-block-search__input:focus{
border-color: #43BAFF !important;
background: rgba(255, 255, 255, .14) !important;
outline: none !important;
}
body .wp-block-search__button{
background-color: transparent !important;
background-image: linear-gradient(90deg, #43BAFF 0%, #0DFEE0 100%) !important;
color: #0B1020 !important;
border: 0 !important;
border-radius: 999px !important;
padding: 12px 24px !important;
font-weight: 600 !important;
font-size: 15px !important;
margin-left: 8px !important;
}
body .wp-block-search__button:hover, body .wp-block-search__button:focus{
background-color: transparent !important;
background-image: linear-gradient(90deg, #43BAFF 0%, #0DFEE0 100%) !important;
color: #0B1020 !important;
transform: translateY(-2px);
box-shadow: 0 12px 30px -10px rgba(13, 254, 224, .55);
}
body .wp-block-search__button:hover *{ color: #0B1020 !important } body .rc-btn-secondary .wp-block-button__link, body .wp-block-button__link.rc-btn-secondary{
background-image: none !important;
background-color: transparent !important;
color: #FFFFFF !important;
border: 1px solid rgba(67, 186, 255, .18) !important;
}
body .rc-btn-secondary .wp-block-button__link:hover, body .wp-block-button__link.rc-btn-secondary:hover,
body .rc-btn-secondary .wp-block-button__link:focus, body .wp-block-button__link.rc-btn-secondary:focus{
background-color: transparent !important;
background-image: none !important;
color: #43BAFF !important;
border-color: #43BAFF !important;
transform: none;
box-shadow: none;
}
body .rc-btn-secondary .wp-block-button__link::after, body .wp-block-button__link.rc-btn-secondary::after{
background-image: linear-gradient(var(--rc-a, 90deg), rgba(67, 186, 255, .28) 0%, rgba(13, 254, 224, .10) 100%);
}
body .rc-btn-secondary .wp-block-button__link:hover *, body .wp-block-button__link.rc-btn-secondary:hover *{ color: #43BAFF !important } body .post-cat .posted-in a{
display: inline-block;
padding: 6px 14px;
border-radius: 20px;
background-color: #43baff;
color: #404040 !important;
text-decoration: none !important;
font-weight: 500;
transition: background-color 0.3s ease;
}
body .post-cat .posted-in a:hover{
background-color: #0dfee0;
color: #404040 !important;
} body .share-post a{
color: #ffffff !important;
transition: color 0.3s ease;
}
body .share-post a:hover, body .share-post a:focus, body .share-post a:active{
color: #ffffff !important;
}  body .elementor-post__badge{
display: inline-block;
max-width: 300px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: #43baff;
color: #ffffff;
padding: 6px 16px;
border-radius: 20px;
font-size: 14px;
font-weight: 500;
transition: background 0.3s ease, color 0.3s ease;
vertical-align: middle;
} body .tagcloud, body .widget .tagcloud, body #primary-sidebar .tagcloud, body .elementor-widget-sidebar .tagcloud, body .widget-area .tagcloud{
display: flex !important;
flex-wrap: wrap !important;
gap: 12px 8px !important;
padding: 0 !important;
margin: 0 !important;
}
body .tagcloud a, body .widget .tagcloud a, body #primary-sidebar .tagcloud a, body .elementor-widget-sidebar .tagcloud a, body .widget-area .tagcloud a, body .single-post .entry-content .tagcloud a{
display: inline-block !important;
padding: 8px 16px !important;
background: #43baff !important;
color: #404040 !important;
border-radius: 20px !important;
font-size: 14px !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
border: none !important;
line-height: 1.4 !important;
box-shadow: none !important;
margin: 0 !important;
}
body .tagcloud a:hover, body .widget .tagcloud a:hover, body #primary-sidebar .tagcloud a:hover, body .elementor-widget-sidebar .tagcloud a:hover, body .widget-area .tagcloud a:hover, body .single-post .entry-content .tagcloud a:hover{
background: #0dfee0 !important;
color: #404040 !important;
}
body .tagcloud a:active{
transform: translateY(0) !important;
} body .fa-ul{
margin-left: 0;
}
body .fa-ul .fa-check{
margin-right: 10px;
} body .sl-count, body .sl-text, body a.liked span.sl-count, body a.liked span.sl-text{
color: #ffffff !important;
}  body .products .button, body .products .octf-btn-primary, body .add-to-cart-inner .button, body .add-to-cart-inner .octf-btn-primary, body ul.products li.product .button{
display: inline-block;
padding: 10px 25px !important;
border-radius: 20px !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 18px !important;
text-transform: none !important;
text-decoration: none !important;
text-align: left !important;
letter-spacing: 0px !important;
background: #43baff !important;
color: #404040 !important;
border: 0px solid #404040 !important;
cursor: pointer;
transition: background 0.3s ease, color 0.3s ease !important;
min-width: auto !important;
white-space: nowrap !important;
}
body .products .button:hover, body .products .octf-btn-primary:hover, body .add-to-cart-inner .button:hover, body .add-to-cart-inner .octf-btn-primary:hover, body ul.products li.product .button:hover{
background: #0dfee0 !important;
color: #404040 !important;
} body .woocommerce-ordering select.orderby{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: rgba(255,255,255,0.1);
border: 1px solid rgba(255,255,255,0.2);
border-radius: 12px;
color: #ffffff;
padding: 10px 40px 10px 16px;
font-size: 16px;
font-family: inherit;
cursor: pointer;
transition: border-color 0.3s ease, background 0.3s ease;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
max-width: 100%;
}
body .woocommerce-ordering select.orderby:hover{
background-color: rgba(255,255,255,0.15);
}
body .woocommerce-ordering select.orderby:focus{
border-color: #43baff;
outline: none;
background-color: rgba(255,255,255,0.15);
} body .woocommerce-product-search .search-field, body .widget_product_search .search-field, body input[type="search"].search-field{
border-radius: 12px !important;
border: 1px solid rgba(255,255,255,0.2) !important;
padding: 14px 16px !important;
background: rgba(255,255,255,0.1) !important;
color: #ffffff !important;
width: 100% !important;
box-sizing: border-box !important;
transition: border-color 0.3s ease, background 0.3s ease !important;
font-size: 16px !important;
}
body .woocommerce-product-search .search-field:focus, body .widget_product_search .search-field:focus, body input[type="search"].search-field:focus{
border-color: #43baff !important;
outline: none !important;
background: rgba(255,255,255,0.15) !important;
}
body .woocommerce-product-search .search-field::placeholder, body .widget_product_search .search-field::placeholder, body input[type="search"].search-field::placeholder{
color: rgba(255,255,255,0.6) !important;
opacity: 1 !important;
}
body .woocommerce-product-search{
display: flex !important;
gap: 8px !important;
align-items: center !important;
}
body .woocommerce-product-search .search-field{
flex: 1 !important;
}
body .woocommerce-product-search button[type="submit"]{
flex-shrink: 0 !important;
} body .woocommerce-no-products-found{
background: transparent !important;
padding: 20px 0 !important;
}
body .woocommerce-no-products-found .woocommerce-info{
background: transparent !important;
border: none !important;
color: #ffffff !important;
font-size: 18px !important;
text-align: center !important;
padding: 20px !important;
margin: 0 !important;
box-shadow: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body .woocommerce-no-products-found .woocommerce-info::before{
content: "🤷‍♂️";
font-size: 20px !important;
display: inline-block !important;
} body .search-submit{
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 0;
border: none;
border-radius: 12px;
background: #43baff;
cursor: pointer;
transition: background 0.3s ease;
}
body .search-form .search-submit i{
color: #ffffff !important;
transition: color 0.3s ease;
}
body .search-form .search-submit:hover i{
color: #404040 !important;
}
body .search-submit:focus{
outline: 2px solid #43baff;
outline-offset: 2px;
} body .comments-area{
color: #ffffff;
margin-top: 40px;
padding: 20px 0;
} body .comment-reply-title{
color: #ffffff !important;
font-size: 24px;
font-weight: 600;
margin-bottom: 20px;
display: block;
}
body .comment-reply-title small a{
color: #43baff !important;
font-size: 14px;
font-weight: 400;
transition: color 0.3s ease;
}
body .comment-reply-title small a:hover{
color: #0dfee0 !important;
} body .logged-in-as, body .required-field-message{
color: #ffffff !important;
}
body .logged-in-as a{
color: #43baff !important;
transition: color 0.3s ease;
}
body .logged-in-as a:hover{
color: #0dfee0 !important;
} body .comment-form-comment textarea, body .comment-form input[type="text"], body .comment-form input[type="email"], body .comment-form input[type="url"], body .comments-area textarea{
width: 100%;
padding: 14px 16px;
background: rgba(255,255,255,0.1);
border: 1px solid rgba(255,255,255,0.2);
border-radius: 12px;
color: #ffffff !important;
font-size: 16px;
font-family: inherit;
transition: border-color 0.3s ease, background 0.3s ease;
box-sizing: border-box;
}
body .comment-form-comment textarea:focus, body .comment-form input[type="text"]:focus, body .comment-form input[type="email"]:focus, body .comment-form input[type="url"]:focus, body .comments-area textarea:focus{
border-color: #43baff;
outline: none;
background: rgba(255,255,255,0.15);
}
body .comment-form-comment textarea::placeholder, body .comment-form input::placeholder, body .comments-area textarea::placeholder{
color: rgba(255,255,255,0.5);
} body .comment-form .form-submit{
margin-top: 20px;
}
body #submit, body .comment-form .octf-btn, body .comment-form input[type="submit"]{
display: inline-block;
padding: 10px 15px;
border-radius: 20px;
font-weight: 700;
font-size: 16px;
background: #43baff;
color: #404040 !important;
border: none;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
min-width: 200px;
}
body #submit:hover, body .comment-form .octf-btn:hover, body .comment-form input[type="submit"]:hover{
background: #0dfee0;
color: #404040 !important;
}  body .comment-form input[type="checkbox"]{
display: inline-block !important;
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
margin-right: 10px !important;
margin-top: 0 !important;
vertical-align: middle !important;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
background: rgba(255,255,255,0.1) !important;
border: 2px solid rgba(255,255,255,0.4) !important;
border-radius: 4px !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
position: relative !important;
flex-shrink: 0 !important;
}
body .comment-form input[type="checkbox"]:checked{
background: #0dfee0 !important;
border-color: #0dfee0 !important;
}
body .comment-form input[type="checkbox"]:checked::after{
content: '' !important;
position: absolute !important;
left: 4px !important;
top: 1px !important;
width: 8px !important;
height: 12px !important;
border: solid #ffffff !important;
border-width: 0 2px 2px 0 !important;
transform: rotate(45deg) !important;
}
body .comment-form input[type="checkbox"]:focus{
outline: 2px solid #43baff !important;
outline-offset: 2px !important;
} body .comment-list .comment{
border-bottom: 1px solid rgba(255,255,255,0.1);
padding: 20px 0;
}
body .comment-list .comment-author{
color: #ffffff;
font-weight: 600;
}
body .comment-list .comment-meta a{
color: rgba(255,255,255,0.6);
font-size: 14px;
}
body .comment-list .comment-content p{
color: #ffffff;
}
body .comment-list .reply a{
color: #43baff !important;
transition: color 0.3s ease;
}
body .comment-list .reply a:hover{
color: #0dfee0 !important;
} @media (max-width: 768px){
body .comments-area{
padding: 10px 0;
}
body .comment-reply-title{
font-size: 20px;
}
body #submit, body .comment-form .octf-btn, body .comment-form input[type="submit"]{
width: 100%;
text-align: center;
}
body .comment-form p label{
font-size: 14px;
}
}  body .share-post .vk{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
border-radius: 50% !important;
color: #ffffff !important;
font-size: 18px !important;
text-decoration: none !important;
border: none !important;
transition: transform 1s ease !important;
}
body .share-post .vk i{
color: #ffffff !important;
}
body .share-post .vk:hover{
animation: elementor-animation-bob 1s ease infinite !important;
}
@keyframes elementor-animation-bob{
0% { transform: translateY(-8px); }
50% { transform: translateY(-4px); }
100% { transform: translateY(0); }
} body #primary-sidebar, body .elementor-widget-sidebar, body .widget-area{
color: #fff;
}
body #primary-sidebar .widget, body .elementor-widget-sidebar .widget, body .widget-area .widget{
margin-bottom: 40px;
}
body #primary-sidebar .widget-title, body #primary-sidebar .widgettitle, body #primary-sidebar .wp-block-heading, body .elementor-widget-sidebar .widget-title, body .elementor-widget-sidebar .widgettitle, body .elementor-widget-sidebar .wp-block-heading, body .widget-area .widget-title, body .widget-area .widgettitle, body .widget-area .wp-block-heading{
color: #fff !important;
}
body #primary-sidebar li, body #primary-sidebar .menu a, body #primary-sidebar .rssSummary, body #primary-sidebar .rss-date, body #primary-sidebar .count, body #primary-sidebar .post-count, body #primary-sidebar .cat-item span, body .elementor-widget-sidebar li, body .elementor-widget-sidebar .menu a, body .elementor-widget-sidebar .rssSummary, body .elementor-widget-sidebar .rss-date, body .elementor-widget-sidebar .count, body .elementor-widget-sidebar .post-count, body .elementor-widget-sidebar .cat-item span, body .widget-area li, body .widget-area .menu a, body .widget-area .rssSummary, body .widget-area .rss-date, body .widget-area .count, body .widget-area .post-count, body .widget-area .cat-item span{
color: #fff !important;
}
body #primary-sidebar input[type="text"], body #primary-sidebar input[type="email"], body #primary-sidebar select, body #primary-sidebar textarea, body .elementor-widget-sidebar input[type="search"], body .elementor-widget-sidebar input[type="text"], body .elementor-widget-sidebar input[type="email"], body .elementor-widget-sidebar select, body .elementor-widget-sidebar textarea, body .widget-area input[type="search"], body .widget-area input[type="text"], body .widget-area input[type="email"], body .widget-area select, body .widget-area textarea{
max-width: 200px;
margin-right: 15px;
background: #121826;
color: #fff;
border: 1px solid #ffffff;
border-radius: 10px;
}
body #primary-sidebar input[type="submit"], body #primary-sidebar .search-submit, body .elementor-widget-sidebar input[type="submit"], body .elementor-widget-sidebar button, body .elementor-widget-sidebar .search-submit, body .widget-area input[type="submit"], body .widget-area button, body .widget-area .search-submit{
padding: 10px 20px 10px 20px;
font-family: "DM Sans", Sans-serif;
font-size: 16px;
color: white;
font-weight: 500;
text-transform: none;
background-color: transparent;
border: 1px solid #FFFFFF;
border-radius: 30px;
transition: all 0.3s ease;
}
body #primary-sidebar input[type="submit"]:hover, body #primary-sidebar button:hover, body #primary-sidebar .search-submit:hover, body .elementor-widget-sidebar input[type="submit"]:hover, body .elementor-widget-sidebar button:hover, body .elementor-widget-sidebar .search-submit:hover, body .widget-area input[type="submit"]:hover, body .widget-area button:hover, body .widget-area .search-submit:hover{
background-color: #0dfee0;
color: #121826;
border-color: #0dfee0;
}
body #primary-sidebar .widget_recent_entries img, body #primary-sidebar .recent-posts img, body #primary-sidebar .post-thumbnail img, body #primary-sidebar .post-thumb img, body #primary-sidebar .widget li img, body .elementor-widget-sidebar .widget_recent_entries img, body .elementor-widget-sidebar .recent-posts img, body .elementor-widget-sidebar .post-thumbnail img, body .elementor-widget-sidebar .post-thumb img, body .elementor-widget-sidebar .widget li img, body .widget-area .widget_recent_entries img, body .widget-area .recent-posts img, body .widget-area .post-thumbnail img, body .widget-area .post-thumb img, body .widget-area .widget li img{
border-radius: 10px;
display: block;
}
body #primary-sidebar .widget ul li, body .elementor-widget-sidebar .widget ul li, body .widget-area .widget ul li{
margin-bottom: 10px;
} body #site-footer .elementor-heading-title,
body #site-footer .elementor-heading-title a,
body #site-footer .elementor-heading-title a:visited{
color: #FFFFFF !important;
transition: color 0.3s ease !important;
}
body #site-footer .elementor-heading-title a:hover,
body #site-footer .elementor-heading-title a:focus,
body #site-footer .elementor-heading-title a:active{
color: #43BAFF !important;
} body #site-footer .elementor-social-icon svg,
body #site-footer .elementor-social-icon svg.ic{color:#FFFFFF !important; stroke:currentColor !important; fill:none !important}
body #site-footer .elementor-social-icon i{color:#FFFFFF !important}
body #site-footer .elementor-social-icon:hover svg,
body #site-footer .elementor-social-icon:hover svg.ic,
body #site-footer .elementor-social-icon:hover svg path,
body #site-footer .elementor-social-icon:focus svg,
body #site-footer .elementor-social-icon:focus svg path{color:#43BAFF !important; stroke:currentColor !important; fill:none !important} body .comment-form p label a, body .comment-form p label a:visited, body .comment-form p label a:active, body .comment-form p label a[target="_blank"]{
color: #00FAD6 !important;
transition: color 0.3s ease !important;
}
body .comment-form p label a:hover, body .comment-form p label a:focus, body .comment-form p label a[target="_blank"]:hover{
color: #0dfee0 !important;
}  body .rc{
--bg:#0F1426; --bg-alt:#0f1426; --card:#161D33; --card-2:#1B2130;
--line:rgba(67,186,255,.18); --line-2:rgba(255,255,255,.08);
--accent:#43BAFF; --accent-2:#0DFEE0; --link:#0099E0;
--text:#FFFFFF; --muted:#B9C2D0; --danger:#FF7A7A; --ok:#61CE70;
--r:20px; --r-lg:25px; --r-sm:12px; --wrap:1200px;
--shadow:0 24px 60px -24px rgba(0,0,0,.75);
}
body .rc *{box-sizing:border-box}
body .rc{ margin:0; color:var(--text);
font-family:Montserrat,Arial,sans-serif; font-size:16px; line-height:1.65;
-webkit-font-smoothing:antialiased;
}
body .rc img{max-width:100%; display:block}
body .rc a{color:var(--accent); text-decoration:none; transition:color .25s}
body .rc a:hover{color:var(--accent-2)}
body .rc h1, body .rc h2, body .rc h3, body .rc h4{margin:0 0 14px; font-weight:700; line-height:1.2}
body .rc h1{font-size:clamp(28px,3.4vw,46px); font-weight:800; letter-spacing:-.02em}
body .rc h2{font-size:clamp(22px,2.4vw,34px); font-weight:600}
body .rc h3{font-size:19px; font-weight:600}
body .rc h4{font-size:16px; font-weight:600}
body .rc p{margin:0 0 14px; color:var(--muted)}
body .rc ul{margin:0 0 14px; padding-left:20px; color:var(--muted)}
body .rc li{margin-bottom:7px}
body .rc .wrap{max-width:var(--wrap); margin:0 auto; padding:0 24px}
body .rc section{padding:72px 0}
body .rc section.alt{background:#0f1426}
body .rc .center{text-align:center}
body .rc .mw-760{max-width:760px}
body .rc .mx-auto{margin-left:auto; margin-right:auto}
body .rc .grad{background:linear-gradient(90deg,var(--accent),var(--accent-2)); -webkit-background-clip:text; background-clip:text; color:transparent} body .rc .eyebrow{
display:inline-block; font-size:12px; font-weight:600; letter-spacing:.16em;
text-transform:uppercase; color:var(--accent); margin-bottom:14px;
}
body .rc .eyebrow::before{content:"// "; color:var(--accent)} body .rc .sec-head{margin-bottom:40px}
body .rc .sec-head p{max-width:760px; margin:0} body .rc .btn{
display:inline-flex; align-items:center; gap:9px; padding:14px 28px; border-radius:var(--r-lg);
font-weight:600; font-size:15px; border:1px solid transparent; cursor:pointer;
transition:transform .2s, box-shadow .25s, background .25s, border-color .25s; white-space:nowrap;
} body .rc .btn-primary{
position:relative; isolation:isolate; overflow:hidden;
background:linear-gradient(90deg,var(--accent),var(--accent-2)); color:#0B1020;
}
body .rc .btn-primary:hover{color:#0B1020; transform:translateY(-2px); box-shadow:0 12px 30px -10px rgba(13,254,224,.55)} body .rc .btn-primary::after{
content:""; position:absolute; inset:0; z-index:-1; opacity:0; pointer-events:none;
transition:opacity .3s ease;
background-image:linear-gradient(var(--rc-a,90deg), #43BAFF 0%, #0DFEE0 100%);
}
body .rc .btn-primary:hover::after{opacity:1} body .rc .btn-ghost{background:transparent; color:var(--text); border-color:var(--line)}
body .rc .btn-ghost:hover{background:transparent; color:var(--accent); border-color:var(--accent); transform:none; box-shadow:none}
body .rc .btn-lg{padding:17px 36px; font-size:16px}
body .rc .btns{display:flex; gap:14px; flex-wrap:wrap}
body .rc .chips{display:flex; gap:10px; flex-wrap:wrap; margin-top:22px}
body .rc .chip{
display:inline-flex; align-items:center; gap:8px; padding:9px 16px; border-radius:999px;
border:1px solid var(--line); background:rgba(67,186,255,.06); font-size:13px; color:var(--muted);
}
body .rc .chip b{color:var(--text); font-weight:600}
body .rc .chip .dot{width:7px; height:7px; border-radius:50%; background:var(--accent-2); box-shadow:0 0 10px var(--accent-2)}
body .rc .grid{display:grid; gap:22px}
body .rc .g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
body .rc .g3{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
body .rc .g4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
body .rc .card{
background:var(--card); border:1px solid var(--line-2); border-radius:var(--r);
padding:28px; transition:border-color .25s, transform .25s, box-shadow .25s; position:relative; overflow:hidden;
}
body .rc .card:hover{border-color:var(--line); transform:translateY(-4px); box-shadow:var(--shadow)}
body .rc .card .num{
width:36px; height:36px; border-radius:11px; display:grid; place-items:center;
background:rgba(67,186,255,.14); color:var(--accent); font-weight:700; font-size:14px; margin-bottom:16px;
}
body .rc .card h3{margin-bottom:9px}
body .rc .card p{margin-bottom:0; font-size:15px}
body .rc .card .note{margin-top:14px; font-size:13px; color:var(--accent)}
body .rc .linkcard{display:block; color:inherit}
body .rc .linkcard:hover{color:inherit}
body .rc .linkcard .t{font-weight:600; font-size:17px; margin-bottom:8px; display:block}
body .rc .linkcard .d{color:var(--muted); font-size:15px; display:block}
body .rc .linkcard .go{display:inline-block; margin-top:14px; font-size:13px; color:var(--accent); font-weight:600}
body .rc .linkcard:hover .go{color:var(--accent-2)} .card.linkcard{display:flex; flex-direction:column; height:100%}
.card.linkcard .go{margin-top:auto} body .rc .marquee{overflow:hidden; position:relative; padding:26px 0 6px}
body .rc .marquee::before, body .rc .marquee::after{content:""; position:absolute; top:0; bottom:0; width:140px; z-index:2; pointer-events:none}
body .rc .marquee::before{left:0; background:linear-gradient(90deg,var(--bg-alt),transparent)}
body .rc .marquee::after{right:0; background:linear-gradient(270deg,var(--bg-alt),transparent)}
body .rc .mq-track{display:flex; gap:56px; align-items:center; width:max-content; animation:rc-mq 34s linear infinite}
body .rc .marquee:hover .mq-track{animation-play-state:paused}
@keyframes rc-mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
body .rc .mq-track img{height:34px; width:auto; opacity:.62; filter:brightness(0) invert(1); transition:opacity .3s, filter .3s}
body .rc .mq-track img:hover{opacity:1; filter:none}
body .rc .mq-track img.sv{height:32px} .mq-track img{max-width:200px}
.mq-track img[alt="Нанософт"]{height:42px}
.mq-track img[alt="CSoft"]{height:20px}
.mq-track img[alt="Кодекс / ТехЭксперт"]{height:32px}
.mq-track img[alt="Тангл"]{height:30px}
.mq-track img[alt="Astra Linux"]{height:30px}
.mq-track img[alt="АСМОграф"]{height:30px}
.mq-track img[alt="Литиум"]{height:26px}
.mq-track img[alt="Смета-План"]{height:30px}
body .rc .kpi{display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:20px; margin-top:34px}
body .rc .kpi .k{background:var(--card); border:1px solid var(--line-2); border-radius:var(--r); padding:24px}
body .rc .kpi .v{font-size:38px; font-weight:800; line-height:1; background:linear-gradient(90deg,var(--accent),var(--accent-2)); -webkit-background-clip:text; background-clip:text; color:transparent}
body .rc .kpi .l{font-size:14px; color:var(--muted); margin-top:10px}
body .rc .split{display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center}
body .rc .split.rev .pic{order:-1}
body .rc .pic{position:relative; border-radius:var(--r); overflow:hidden; border:1px solid var(--line-2)}
body .rc .pic img{width:100%; height:100%; object-fit:cover}
body .rc .pic::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(15,20,38,.55))}
body .rc .pic .badge{
position:absolute; left:18px; bottom:18px; z-index:3; background:rgba(15,20,38,.86); border:1px solid var(--line);
border-radius:14px; padding:12px 16px; font-size:13px; color:var(--text); backdrop-filter:blur(6px);
}
body .rc .steps{counter-reset:s; display:grid; gap:18px}
body .rc .step{display:flex; gap:20px; background:var(--card); border:1px solid var(--line-2); border-radius:var(--r); padding:24px}
body .rc .step .n{
counter-increment:s; flex:0 0 46px; height:46px; border-radius:14px; display:grid; place-items:center;
background:linear-gradient(135deg,rgba(67,186,255,.2),rgba(13,254,224,.12)); color:var(--accent-2); font-weight:700;
}
body .rc .step .n::before{content:"0" counter(s)}
body .rc .step h3{margin-bottom:6px; font-size:17px}
body .rc .step p{margin:0; font-size:15px} body .rc .step .res{color:var(--accent); font-size:14px; line-height:1.5; margin:8px 0 0}
body .rc .prods{display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:16px}
body .rc .prod{
background:#fff; border-radius:var(--r-sm); padding:16px; display:flex; flex-direction:column; align-items:center;
justify-content:center; gap:12px; min-height:150px; border:1px solid var(--line-2); transition:transform .25s, box-shadow .25s;
}
body .rc .prod:hover{transform:translateY(-4px); box-shadow:0 18px 40px -20px rgba(0,0,0,.8)}
body .rc .prod img{max-height:64px; width:auto; object-fit:contain}
body .rc .prod .nm{font-size:12.5px; color:#3B4358; text-align:center; font-weight:600; line-height:1.35}
body .rc .tags{display:flex; gap:8px; flex-wrap:wrap; margin-top:16px}
body .rc .tag{font-size:12px; padding:6px 12px; border-radius:999px; border:1px solid var(--line-2); color:var(--muted)}
body .rc .review{background:var(--card); border:1px solid var(--line-2); border-radius:var(--r); padding:26px; display:flex; flex-direction:column}
body .rc .review .st{color:#FFC107; letter-spacing:2px; font-size:14px; margin-bottom:12px}
body .rc .review .tx{color:#D6DDE8; font-size:15px; flex:1}
body .rc .review .who{display:flex; align-items:center; gap:12px; margin-top:18px; padding-top:18px; border-top:1px solid var(--line-2)}
body .rc .review .who img{width:46px; height:46px; border-radius:50%; object-fit:cover}
body .rc .review .who .nm{font-weight:600; font-size:14px}
body .rc .review .who .rl{font-size:12px; color:var(--muted)}
body .rc .faq details{background:var(--card); border:1px solid var(--line-2); border-radius:var(--r-sm); margin-bottom:12px; padding:0}
body .rc .faq summary{
cursor:pointer; padding:20px 24px; font-weight:600; font-size:16px; list-style:none;
display:flex; justify-content:space-between; gap:16px; align-items:center;
}
body .rc .faq summary::-webkit-details-marker{display:none}
body .rc .faq summary::after{content:"+"; color:var(--accent); font-size:22px; line-height:1}
body .rc .faq details[open] summary::after{content:"–"}
body .rc .faq .ans,
body .rc .faq details > p{padding:0 24px 22px; color:var(--muted); font-size:15px; margin:0}
body .rc .cta{
background:linear-gradient(135deg,rgba(67,186,255,.14),rgba(13,254,224,.07));
border:1px solid var(--line); border-radius:var(--r-lg); padding:52px; text-align:center;
}
body .rc .cta h2{margin-bottom:12px}
body .rc .cta p{max-width:640px; margin:0 auto 26px}
body .rc .contacts{display:grid; grid-template-columns:1fr 1.1fr; gap:40px}
body .rc .cbox{background:var(--card); border:1px solid var(--line-2); border-radius:var(--r); padding:28px}
body .rc .cbox .k{font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); margin-bottom:8px; font-weight:600}
body .rc .cbox .v{font-size:20px; font-weight:600; margin-bottom:6px}
body .rc .cbox .s{font-size:13px; color:var(--muted)}
body .rc .cbox+.cbox{margin-top:18px}
body .rc form .row{display:grid; grid-template-columns:1fr 1fr; gap:16px}
body .rc form label{display:block; font-size:13px; color:var(--muted); margin:0 0 7px}
body .rc form input, body .rc form select, body .rc form textarea{
width:100%; background:rgba(255,255,255,.1); border:1px solid var(--line-2); border-radius:var(--r-sm); color:#fff;
padding:13px 15px; font-family:inherit; font-size:15px;
}
body .rc form input:focus, body .rc form textarea:focus, body .rc form select:focus{outline:0; border-color:var(--accent)}
body .rc form .f{margin-bottom:16px}
body .rc .req{color:var(--danger)}
body .rc .consent{font-size:12.5px; color:var(--muted); display:flex; gap:10px; align-items:flex-start; margin:6px 0 18px}
body .rc .consent input{width:auto; margin-top:3px} @media(max-width:1000px){
body .rc .split{grid-template-columns:1fr; gap:28px}
body .rc .split.rev .pic{order:0}
body .rc .contacts{grid-template-columns:1fr}
}
@media(max-width:640px){
body .rc section{padding:52px 0}
body .rc .g2, body .rc .g3, body .rc .g4{grid-template-columns:1fr}
body .rc .cta{padding:32px 22px}
body .rc form .row{grid-template-columns:1fr}
} body .rc .sec{padding:72px 0}
body .rc .sec.alt{background:#0f1426}
body .rc .intro{padding:64px 0 56px}
body .rc .lead{font-size:18px; color:#D6DDE8; max-width:840px; margin-bottom:8px} body .rc .crumbs{padding:16px 0; font-size:13.5px; color:var(--muted)}
body .rc .crumbs .wrap{display:flex; gap:9px; align-items:center; flex-wrap:wrap}
body .rc .crumbs a{color:var(--muted)}
body .rc .crumbs a:hover{color:var(--accent)}
body .rc .crumbs .sep{color:rgba(255,255,255,.25)}
body .rc .crumbs .cur{color:var(--text)}
body .rc .ticks{list-style:none; padding:0; margin:0 0 18px; color:var(--muted)}
body .rc .ticks li{position:relative; padding-left:26px; margin-bottom:10px; font-size:15.5px}
body .rc .ticks li::before{content:"—"; position:absolute; left:0; color:var(--accent)}
body .rc .res{color:var(--accent); font-size:14px; margin:8px 0 0}
body .rc .btns.center{justify-content:center}
body .rc .cta-phone{display:inline-flex; align-items:center; font-weight:700; color:var(--text); padding:14px 6px}
body .rc .cta-phone:hover{color:var(--accent-2)}
body .rc .cardlink{display:block; color:inherit; height:100%}
body .rc .cardlink:hover{color:inherit}
body .rc .cardlink .card{height:100%; display:flex; flex-direction:column}
body .rc .card .go, body .rc .pcard .go{margin-top:auto; color:var(--accent); font-size:14px; font-weight:600} body .rc .products{gap:18px}
body .rc .pcard{display:flex; flex-direction:column; background:var(--card); border:1px solid var(--line-2);
border-radius:var(--r); padding:18px; color:inherit; transition:border-color .25s, transform .25s, box-shadow .25s}
body .rc .pcard:hover{border-color:var(--line); transform:translateY(-4px); box-shadow:var(--shadow); color:inherit}
body .rc .pcard .pic{position:relative; background:none; border:0; border-radius:0; min-height:172px;
display:grid; place-items:center; overflow:visible; margin-bottom:16px}
body .rc .pcard .pic::after{display:none}
body .rc .pcard .pic img{max-height:152px; width:auto; max-width:100%; object-fit:contain}
body .rc .pcard h3{font-size:16px; margin:0 0 6px}
body .rc .pcard p{font-size:14px; margin:0 0 12px}
body .rc .pcard .tag{display:inline-block; margin-bottom:10px; font-size:11.5px; padding:4px 10px; border-radius:999px;
border:1px solid var(--line-2); color:var(--muted)}
body .rc .more{margin-top:26px; text-align:center} body .rc .ccard{display:block; background:var(--card); border:1px solid var(--line-2); border-radius:var(--r); padding:22px 24px;
color:inherit; transition:border-color .25s, transform .25s}
body .rc .ccard:hover{border-color:var(--line); transform:translateY(-4px); color:inherit}
body .rc .ccard h3{font-size:17px; margin:0 0 6px; display:block}
body .rc .ccard .cnt{display:block; color:var(--accent); font-size:13px; margin:0 0 8px}
body .rc .ccard p{margin:8px 0 0; font-size:14.5px} body .rc .chipinks{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px}
body .rc .chip-link{padding:11px 18px; border:1px solid var(--line-2); border-radius:999px; color:var(--muted); font-size:14px}
body .rc .chip-link:hover{color:var(--accent); border-color:var(--accent)}
body .rc .chip-link.on{color:var(--accent); border-color:var(--accent); background:rgba(67,186,255,.08)} body .rc .check{background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:34px 36px}
body .rc .check h3{margin-bottom:10px}
body .rc .check ul{list-style:none; padding:0; margin:16px 0 22px}
body .rc .check li{position:relative; padding-left:30px; margin-bottom:10px; color:var(--muted)}
body .rc .check li::before{content:""; position:absolute; left:0; top:6px; width:16px; height:16px; border-radius:5px;
border:1px solid var(--line); background:rgba(67,186,255,.1)} body .rc .tbl{width:100%; border-collapse:collapse; font-size:14.5px; margin-top:8px}
body .rc .tbl th, body .rc .tbl td{text-align:left; padding:13px 14px; border-bottom:1px solid var(--line-2); vertical-align:top}
body .rc .tbl th{color:var(--accent); font-size:12px; text-transform:uppercase; letter-spacing:.08em}
body .rc .tbl td{color:var(--muted)}
body .rc .tbl td:first-child{color:var(--text)} body .rc .plashka{position:relative; min-height:350px; display:flex; align-items:center; overflow:hidden;
background:#0f1426 center/cover no-repeat}
body .rc .plashka::after{content:""; position:absolute; inset:0; pointer-events:none;
background:linear-gradient(90deg, rgba(9,13,28,.74) 0%, rgba(9,13,28,.14) 46%, rgba(9,13,28,.34) 100%)}
body .rc .plashka .wrap{position:relative; z-index:1; padding:32px 0; width:100%}
body .rc .plashka h1{font-size:36px; font-weight:800; margin:0 0 12px; padding-top:10px}
body .rc .plashka .kroshki{list-style:none; display:flex; flex-wrap:wrap; align-items:center; gap:10px;
padding:0; margin:0; font-size:14px; text-transform:uppercase; color:var(--accent)}
body .rc .plashka .kroshki li{display:flex; align-items:center; gap:10px}
body .rc .plashka .kroshki li+li::before{content:""; width:0; height:0;
border-left:6px solid var(--accent); border-top:5px solid transparent; border-bottom:5px solid transparent; opacity:.9}
body .rc .plashka .kroshki a{color:#AEAACB; font-weight:800}
body .rc .plashka .kroshki a:hover{color:var(--accent)}
@media (max-width:900px){body .rc .plashka{min-height:230px}body .rc .plashka h1{font-size:27px}} body .rc .shop-layout{display:grid; grid-template-columns:290px 1fr; gap:34px; align-items:start}
body .rc .sidebar{display:flex; flex-direction:column; gap:24px; position:sticky; top:18px}
body .rc .widg{background:var(--card); border:1px solid var(--line-2); border-radius:var(--r); padding:22px 24px 18px}
body .rc .widg h3{font-size:20px; font-weight:700; margin:0; padding-bottom:18px; position:relative}
body .rc .widg h3::after{content:""; position:absolute; left:0; bottom:0; width:46px; height:3px; border-radius:3px;
background:linear-gradient(90deg, var(--accent), var(--accent-2))}
body .rc .widg ul{list-style:none; margin:14px 0 0; padding:0}
body .rc .widg li{border-bottom:1px solid rgba(255,255,255,.07)}
body .rc .widg li:last-child{border-bottom:0}
body .rc .widg a{display:flex; justify-content:space-between; gap:12px; align-items:baseline;
padding:11px 0; color:var(--text); font-size:15px}
body .rc .widg a:hover{color:var(--accent)}
body .rc .widg a .count{color:var(--muted); font-size:13.5px; white-space:nowrap}
body .rc .widg-brands a{font-size:14.5px}
body .rc .widg .wsearch{display:flex; gap:8px; margin-top:16px}
body .rc .widg .wsearch input{flex:1; min-width:0; background:rgba(255,255,255,.05); border:1px solid var(--line-2);
border-radius:10px; padding:11px 13px; color:var(--text); font:inherit}
body .rc .widg .wsearch input:focus{outline:none; border-color:var(--accent)}
body .rc .widg .wsearch .btn{padding:11px 16px; font-size:14px}
body .rc .shop-main{min-width:0}
body .rc .shop-top{display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap;
margin-bottom:20px; color:var(--muted); font-size:14px}
body .rc .shop-top .selsort{display:flex; align-items:center; gap:10px}
body .rc .shop-top em{font-style:normal}
body .rc .shop-top select{background:var(--card); color:var(--text); border:1px solid var(--line-2);
border-radius:10px; padding:9px 12px; font:inherit; font-size:14px}
body .rc .shop-top select:focus{outline:none; border-color:var(--accent)}
@media (max-width:1050px){
body .rc .shop-layout{grid-template-columns:1fr}
body .rc .sidebar{position:static}
} body .rc .widg ul ul{margin:0 0 6px 14px}
body .rc .widg ul ul li{border-bottom:0}
body .rc .widg ul ul a{font-size:14px; color:var(--muted); padding:8px 0}
body .rc .widg ul ul a:hover{color:var(--accent)} body .rc .grid.g4{grid-template-columns:repeat(2,1fr)}
body .rc .grid.g2{grid-template-columns:repeat(2,1fr)}
@media (max-width:760px){body .rc .grid.g4, body .rc .grid.g2{grid-template-columns:1fr}} body .rc .tgrid{display:grid; grid-template-columns:minmax(0,46%) 1fr; gap:36px; align-items:start; margin-top:22px}
body .rc .tpic{margin:0; background:var(--card); border:1px solid var(--line-2); border-radius:var(--r);
min-height:340px; display:grid; place-items:center; padding:26px}
body .rc .tpic img{max-height:300px; max-width:100%; width:auto; object-fit:contain}
body .rc .tinfo p{font-size:16.5px; color:#D6DDE8}
body .rc .tinfo p:first-child{margin-top:0}
body .rc .facts{list-style:none; margin:20px 0 6px; padding:0}
body .rc .facts li{display:flex; justify-content:space-between; align-items:baseline; gap:16px;
padding:11px 0; border-bottom:1px solid rgba(255,255,255,.07); font-size:15px}
body .rc .facts span{color:var(--muted)}
body .rc .facts b{color:var(--text); font-weight:600; text-align:right}
body .rc .tinfo .btns{margin-top:20px}
@media (max-width:900px){body .rc .tgrid{grid-template-columns:1fr}body .rc .tpic{min-height:230px}body .rc .tpic img{max-height:190px}} @media (max-width:900px){
body .rc .sec{padding:52px 0}
body .rc .intro{padding:44px 0 38px}
body .rc .check{padding:26px 22px}
body .rc .pcard .pic{min-height:130px}
}
@media (max-width:600px){
body .rc .tbl{font-size:13px}
body .rc .tbl th, body .rc .tbl td{padding:10px 8px}
} body .rc .tblwrap{overflow-x:auto; -webkit-overflow-scrolling:touch} body .rc .psearch{max-width:680px; margin:0 auto}
body .rc .psearch form{display:flex; gap:10px}
body .rc .psearch input{flex:1; min-width:0; background:rgba(255,255,255,.1); border:1px solid var(--line-2); border-radius:var(--r-sm); padding:14px 16px; color:var(--text); font-size:15px}
body .rc .psearch input:focus{outline:0; border-color:var(--accent)}
body .rc .psearch .hint{margin-top:12px; color:var(--muted); font-size:14px; text-align:center}
@media(max-width:640px){ body .rc .psearch form{flex-direction:column} }
body .rc .pcard{height:100%}body .rc .pcard.pb{display:flex; flex-direction:column; flex:1} body .rc .fc-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:26px}
body .rc .fc{perspective:1400px; min-height:322px; cursor:pointer}
body .rc .fc-in{position:relative; height:100%; min-height:322px; transform-style:preserve-3d;
transition:transform .78s cubic-bezier(.4,0,.2,1)}
body .rc .fc:hover .fc-in, body .rc .fc:focus-visible .fc-in, body .rc .fc.per .fc-in{transform:rotateY(180deg)}
body .rc .fc:focus-visible{outline:2px solid var(--accent); outline-offset:4px; border-radius:var(--r)}
body .rc .fc-face{position:absolute; inset:0; backface-visibility:hidden; border-radius:var(--r); overflow:hidden;
display:flex; flex-direction:column; padding:22px}
body .rc .fc-front{justify-content:flex-end; border:1px solid var(--line-2); background-size:cover; background-position:center;
background-image:linear-gradient(180deg,rgba(15,20,38,.10) 0%,rgba(15,20,38,.72) 58%,rgba(15,20,38,.94) 100%), var(--pic)}
body .rc .fc-front h3{font-size:21px; line-height:1.25; margin:14px 0 10px}
body .rc .fc-num{display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:12px;
background:rgba(67,186,255,.14); color:var(--accent); font-weight:700; font-size:14px}
body .rc .fc-num.sm{width:32px; height:32px; font-size:12.5px}
body .rc .fc-hint{display:inline-flex; align-items:center; gap:7px; color:var(--accent); font-size:13px; font-weight:600}
body .rc .fc-back{transform:rotateY(180deg); background:var(--card); border:1px solid var(--line);
box-shadow:inset 0 0 80px rgba(67,186,255,.07)}
body .rc .fc-back p{font-size:14.5px; line-height:1.6; color:var(--muted); margin:14px 0 0}
body .rc .fc-tags{display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 0}
body .rc .fc-tags span{font-size:12.5px; color:var(--muted); border:1px solid var(--line-2); border-radius:999px; padding:5px 11px}
body .rc .fc-back .btn{margin-top:auto; align-self:flex-start}
body .rc .fc-cta{grid-column:span 2; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
border:1px solid var(--line); border-radius:var(--r); padding:28px;
background:linear-gradient(140deg,var(--card) 30%,rgba(67,186,255,.15) 100%)}
body .rc .fc-cta h3{font-size:22px; margin:10px 0 10px}
body .rc .fc-cta p{color:var(--muted); margin:0 0 18px; max-width:560px}
@media(max-width:1024px){body .rc .fc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .rc .fc-cta{grid-column:span 2}}
@media(max-width:640px){body .rc .fc-grid{grid-template-columns:1fr}body .rc .fc-cta{grid-column:span 1}body .rc .fc, body .rc .fc-in{min-height:288px}}
@media(prefers-reduced-motion:reduce){body .rc .fc-in{transition:none}}  body #content .elementor-widget-iheading .ot-heading > span {
color: #43BAFF;
font-size: 13px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
line-height: 1.4;
margin: 0 0 6px;
display: inline-block;
}
body #content .elementor-widget-iheading .ot-heading h2.main-heading,
body #content .elementor-widget-iheading .ot-heading h3.main-heading {
color: #FFFFFF;
font-size: 38px;
font-weight: 700;
line-height: 1.15;
margin: 0;
} body #content .elementor-widget-iheading[data-id="fcb8a20"] .ot-heading .main-heading {
font-size: 22px;
font-weight: 600;
line-height: 1.25;
} body #content .elementor-widget-text-editor p {
color: #B9C2D0;
font-size: 17px;
line-height: 1.65;
max-width: 900px;
margin: 14px 0 0;
}  body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .support-box .inner-box {
border-radius: 20px;
border: 1px solid rgba(67, 186, 255, .18);
box-shadow: none;
transform-style: preserve-3d;
transition: transform .75s cubic-bezier(.4, 0, .2, 1);
}
body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .support-box .inner-box > div {
transition: transform .75s cubic-bezier(.4, 0, .2, 1), opacity .45s linear;
} body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .content-box {
position: relative;
border-radius: 20px;
overflow: hidden;
min-height: 340px;
padding: 22px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .content-box img {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
border-radius: 0;
}
body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .content-box::after {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(15, 20, 38, .10) 0%, rgba(15, 20, 38, .72) 58%, rgba(15, 20, 38, .94) 100%);
}
body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .content-box .number-box {
position: relative;
top: auto; right: auto; bottom: auto; left: auto;
z-index: 2;
align-self: flex-start;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 12px;
background: rgba(67, 186, 255, .14);
color: #43BAFF;
font-family: inherit;
font-size: 14px;
font-weight: 700;
line-height: 1;
margin: 0 0 14px;
}
body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .content-box h3 {
position: relative;
bottom: auto;
width: auto;
z-index: 2;
text-align: left;
color: #FFFFFF;
font-size: 21px;
font-weight: 700;
line-height: 1.25;
margin: 0;
} body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .overlay {
z-index: 2;
background: #161D33;
color: #B9C2D0;
text-align: left;
padding: 22px;
border-radius: 20px;
overflow: hidden;
display: flex;
align-items: center;
}
body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .overlay .inner {
width: 100%;
}
body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .overlay .number-box {
position: relative;
top: auto; right: auto; bottom: auto; left: auto;
z-index: 0;
align-self: flex-start;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 10px;
background: rgba(67, 186, 255, .14);
color: #43BAFF;
font-family: inherit;
font-size: 12.5px;
font-weight: 700;
line-height: 1;
margin: 0 0 12px;
}
body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .overlay p {
color: #B9C2D0;
font-size: 15px;
line-height: 1.6;
margin: 0 0 18px;
}
body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .overlay .btn-details {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
border: 1px solid rgba(67, 186, 255, .45);
border-radius: 12px;
color: #43BAFF;
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
text-decoration: none;
transition: background-color .25s ease, border-color .25s ease;
}
body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .overlay .btn-details:hover,
body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .overlay .btn-details:visited {
color: #43BAFF;
background: rgba(67, 186, 255, .12);
border-color: #43BAFF;
} @media (hover: none) {
body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .support-box:active .inner-box {
transform: rotateY(180deg);
}
body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .support-box:active .content-box {
opacity: 0;
}
} @media (prefers-reduced-motion: reduce) {
body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .support-box .inner-box,
body.page-id-6693 [data-id="78131c4"] .elementor-widget-isupport_box .support-box .inner-box > div {
transition: none;
}
} body .rc h1,
body .rc h2,
body .rc h3,
body .rc h4,
body .rc h5,
body .rc h6 {
color: var(--text);
}
body .rc strong,
body .rc b {
color: var(--text);
} .octf-btn,
.elementor-button,
.btn-primary,
.rc-btn-grad,
.woocommerce .button,
.woocommerce-page .button,
.single_add_to_cart_button,
.add_to_cart_button,
.woocommerce-Button,
#place_order,
.checkout-button,
.wpcf7-submit {
position: relative;
isolation: isolate;
overflow: hidden;
}
.octf-btn::after,
.elementor-button::after,
.btn-primary::after,
.rc-btn-grad::after,
.woocommerce .button::after,
.woocommerce-page .button::after,
.single_add_to_cart_button::after,
.add_to_cart_button::after,
.woocommerce-Button::after,
#place_order::after,
.checkout-button::after,
.wpcf7-submit::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
opacity: 0;
pointer-events: none;
transition: opacity .3s ease;
background-image: linear-gradient(var(--rc-a, 90deg), #43BAFF 0%, #0DFEE0 100%);
}
.octf-btn:hover::after,
.elementor-button:hover::after,
.btn-primary:hover::after,
.rc-btn-grad:hover::after,
.woocommerce .button:hover::after,
.woocommerce-page .button:hover::after,
.single_add_to_cart_button:hover::after,
.add_to_cart_button:hover::after,
.woocommerce-Button:hover::after,
#place_order:hover::after,
.checkout-button:hover::after,
.wpcf7-submit:hover::after {
opacity: 1;
} .octf-btn:hover,
.elementor-button:hover {
transform: translateY(-2px);
box-shadow: 0 12px 30px -10px rgba(13, 254, 224, .45);
} .octf-btn:focus-visible,
.elementor-button:focus-visible {
outline: 2px solid #43BAFF;
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
.octf-btn,
.elementor-button,
.btn-primary,
.rc-btn-grad,
.woocommerce .button,
.single_add_to_cart_button,
.add_to_cart_button,
.woocommerce-Button,
#place_order,
.checkout-button,
.wpcf7-submit {
transition: none;
}
.octf-btn:hover,
.elementor-button:hover {
transform: none;
}
}  body .rc-btn-primary .elementor-button,
body .elementor-button.rc-btn-primary {
background-image: linear-gradient(90deg, #43BAFF, #0DFEE0);
background-color: transparent;
color: #0B1020;
border: 0;
border-radius: 25px;
padding: 14px 28px;
font-weight: 600;
font-size: 15px;
line-height: 1.2;
}
body .rc-btn-primary .elementor-button:hover,
body .elementor-button.rc-btn-primary:hover {
background-image: linear-gradient(90deg, #43BAFF, #0DFEE0);
background-color: transparent;
color: #0B1020;
}
body .rc-btn-primary .elementor-button::after,
body .elementor-button.rc-btn-primary::after {
background-image: linear-gradient(var(--rc-a, 90deg), #43BAFF 0%, #0DFEE0 100%);
} body .rc-btn-secondary .elementor-button,
body .elementor-button.rc-btn-secondary {
background: transparent;
color: #FFFFFF;
border: 1px solid rgba(67, 186, 255, .18);
border-radius: 25px;
padding: 14px 28px;
font-weight: 600;
font-size: 15px;
line-height: 1.2;
}
body .rc-btn-secondary .elementor-button:hover,
body .elementor-button.rc-btn-secondary:hover {
background: transparent;
color: #43BAFF;
border-color: #43BAFF;
transform: none;
box-shadow: none;
} body .rc-btn-secondary .elementor-button::after,
body .elementor-button.rc-btn-secondary::after {
background-image: linear-gradient(var(--rc-a, 90deg), rgba(67, 186, 255, .28) 0%, rgba(13, 254, 224, .10) 100%);
} body #content .elementor-widget-ot-icon-list .ot-icon-list-text,
body #content .elementor-widget-text-editor li,
body #content .elementor-widget-text-editor strong,
body #content .elementor-widget-text-editor b,
body #content .elementor-widget-counter .elementor-counter-title,
body #content .elementor-widget-icon-box .elementor-icon-box-description,
body #content .elementor-widget-image-box .elementor-image-box-description,
body #content .elementor-widget-itestimonials6 .tdesc,
body #content .elementor-widget-ot-iconbox-normal .icon-box-des,
body #content .elementor-widget-iprogress .pname,
body #content .wpcf7-list-item-label,
body #content p.font14 {
color: #B9C2D0;
} body #content .rc-steps {
display: grid;
gap: 18px;
}
body #content .rc-step {
display: flex;
gap: 20px;
align-items: flex-start;
background: #161D33;
border: 1px solid rgba(255, 255, 255, .08);
border-radius: 20px;
padding: 24px;
}
body #content .rc-step .rc-num {
flex: 0 0 46px;
width: 46px;
margin: 0;
}
body #content .rc-step .rc-num-chip,
body #content .rc-step .rc-num .elementor-heading-title {
width: 46px;
height: 46px;
display: grid;
place-items: center;
border-radius: 14px;
background: linear-gradient(135deg, rgba(67, 186, 255, .2), rgba(13, 254, 224, .12));
color: #0DFEE0;
font-size: 15px;
font-weight: 700;
line-height: 1;
}
body #content .rc-step .rc-step-body {
flex: 1;
min-width: 0;
}
body #content .rc-step .rc-step-title,
body #content .rc-step .rc-step-title .elementor-heading-title {
color: #FFFFFF;
font-size: 17px;
font-weight: 600;
line-height: 1.25;
margin: 0 0 6px;
}
body #content .rc-step .rc-step-text,
body #content .rc-step .rc-step-text p {
color: #B9C2D0;
font-size: 15px;
line-height: 1.65;
margin: 0;
}
body #content .rc-step .rc-res,
body #content .rc-step .rc-step-res p {
color: #43BAFF;
font-size: 14px;
line-height: 1.5;
margin: 8px 0 0;
}
@media (max-width: 640px) {
body #content .rc-step {
padding: 20px;
gap: 16px;
}
}  body .slick-dots li button:before{
color: rgba(185,194,208,.38) !important;
}
body .slick-dots li.slick-active button:before{
color: #43BAFF !important;
} body .octf-btn:hover,
body .octf-btn:focus,
body .search-form .search-submit:hover,
body .search-form .search-submit:focus{
background: #43BAFF !important;
color: #0B1020 !important;
border-color: #43BAFF !important;
} body .elementor-post__badge{
background: #43BAFF !important;
color: #0B1020 !important;
} body .octf-cart,
body .octf-cta-header.octf-cart,
body .site-header .cart-contents.ot-minicart,
body a.cart-contents.ot-minicart{
display: none !important;
}  .wpcf7 .main-form{
box-sizing: border-box;
background-image: linear-gradient(135deg, rgba(67,186,255,.12), rgba(13,254,224,.06));
background-color: #161D33;
border: 1px solid rgba(67,186,255,.18);
border-radius: 20px;
padding: 28px;
}  body .wpcf7-form .wpcf7-form-control:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(.wpcf7-acceptance):not(.wpcf7-radio):not(.wpcf7-checkbox):not(.wpcf7-quiz){
width: 100%;
box-sizing: border-box;
background: rgba(255,255,255,.1);
border: 1px solid rgba(255,255,255,.08);
border-radius: 12px;
color: #FFFFFF;
padding: 13px 15px;
font-family: inherit;
font-size: 15px;
line-height: 1.35;
transition: border-color .25s ease, background .25s ease;
}
body .wpcf7-form input.wpcf7-form-control:hover,
body .wpcf7-form textarea.wpcf7-form-control:hover{border-color: rgba(255,255,255,.2)}
body .wpcf7-form .wpcf7-form-control:focus{
outline: 0;
border-color: #43BAFF;
background: rgba(255,255,255,.14);
}
body .wpcf7-form .wpcf7-form-control::placeholder{color: #6C7688; opacity: 1}
body .wpcf7-form textarea.wpcf7-textarea{min-height: 140px; resize: vertical}
body .wpcf7-form .wpcf7-form-control-wrap{display: block}
body .wpcf7-form p{margin: 0 0 16px}
body .wpcf7-form label{display: block; font-size: 13px; color: #B9C2D0; margin: 0 0 7px}
body .wpcf7-form .req{color: #FF7A7A} body .wpcf7-form select.wpcf7-form-control{
appearance: none; -webkit-appearance: none; -moz-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
padding-right: 40px;
cursor: pointer;
}
body .wpcf7-form select.wpcf7-form-control option{background: #1B2130; color: #FFFFFF; font-size: 15px}
body .wpcf7-form select.wpcf7-form-control option:checked{background: #43BAFF; color: #0B1020} @media (min-width: 768px){
body .wpcf7-form .main-form{display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start}
body .wpcf7-form .main-form > p{min-width: 0; margin-bottom: 0}
body .wpcf7-form .main-form > h2,
body .wpcf7-form .main-form > h3,
body .wpcf7-form .main-form > p.font14,
body .wpcf7-form .main-form > p:has(textarea),
body .wpcf7-form .main-form > p:has(.wpcf7-acceptance),
body .wpcf7-form .main-form > p:has(button),
body .wpcf7-form .main-form > p:has(input[type="email"]),
body .wpcf7-form .main-form > .wpcf7-response-output{grid-column: 1 / -1}
} body .wpcf7-form .wpcf7-acceptance{
display: block; position: relative; padding: 0 0 0 34px !important; cursor: pointer;
}
body .wpcf7-form .wpcf7-acceptance .wpcf7-list-item{display: block; margin: 0}
body .wpcf7-form .wpcf7-acceptance input[type="checkbox"]{
position: absolute !important; left: 0 !important; top: -2px !important;
width: 22px !important; height: 22px !important; margin: 0 !important; padding: 0 !important;
opacity: 0 !important; z-index: 2; cursor: pointer;
}
body .wpcf7-form .wpcf7-acceptance::before{
content: ''; position: absolute; left: 0; top: -2px; width: 22px; height: 22px;
border: 2px solid rgba(255,255,255,.4); border-radius: 6px; background: rgba(255,255,255,.1);
box-sizing: border-box; pointer-events: none; z-index: 1; transition: all .3s ease;
}
body .wpcf7-form .wpcf7-acceptance::after{
content: ''; position: absolute; left: 7px; top: 2px; width: 8px; height: 12px;
border: solid #FFFFFF; border-width: 0 3px 3px 0; transform: rotate(45deg);
opacity: 0; pointer-events: none; z-index: 1; transition: all .2s ease;
}
body .wpcf7-form .wpcf7-acceptance:hover::before{border-color: #43BAFF; background: rgba(67,186,255,.1)}
body .wpcf7-form .wpcf7-acceptance:has(input[type="checkbox"]:checked)::before{background: #43BAFF; border-color: #43BAFF}
body .wpcf7-form .wpcf7-acceptance:has(input[type="checkbox"]:checked)::after{opacity: 1; animation: rcCheckPop .2s ease}
@keyframes rcCheckPop{
0%{transform: rotate(45deg) scale(.5); opacity: 0}
100%{transform: rotate(45deg) scale(1); opacity: 1}
}
body .wpcf7-form .wpcf7-list-item-label{font-size: 12.5px; color: #B9C2D0; line-height: 1.5} body .wpcf7-form button[type="submit"],
body .wpcf7-form input[type="submit"]{
background-image: linear-gradient(var(--rc-a, 90deg), #43BAFF, #0DFEE0);
background-color: #43BAFF;
color: #0B1020;
border: 0;
border-radius: 25px;
padding: 17px 36px;
font-size: 16px;
font-weight: 600;
line-height: 1;
text-transform: none;
min-width: 200px;
cursor: pointer;
transition: transform .25s ease, box-shadow .25s ease;
}
body .wpcf7-form button[type="submit"]:hover,
body .wpcf7-form input[type="submit"]:hover{
color: #0B1020;
transform: translateY(-2px);
box-shadow: 0 12px 30px -10px rgba(13,254,224,.55);
} body .wpcf7-form .wpcf7-not-valid-tip{color: #FF7A7A; font-size: 13px; margin-top: 5px; display: block}
body .wpcf7-form .wpcf7-not-valid{border-color: #FF7A7A !important}
body .wpcf7-form .wpcf7-validation-errors,
body .wpcf7-form .wpcf7-acceptance-missing{
border: 1px solid #FF7A7A; background: rgba(255,122,122,.1); color: #FFFFFF;
border-radius: 12px; padding: 12px 16px; text-align: center;
}
body .wpcf7-form .wpcf7-mail-sent-ok{
border: 1px solid #61CE70; background: rgba(97,206,112,.12); color: #FFFFFF;
border-radius: 12px; padding: 12px 16px; text-align: center;
}  body #site-header .h-search-form-inner .search-form{display: flex; gap: 10px; align-items: center}
body #site-header .h-search-form-inner .search-field{
height: 48px !important; width: 100%; background: rgba(255,255,255,.1) !important;
border: 1px solid rgba(255,255,255,.08) !important;
border-radius: 12px !important; color: #FFFFFF !important; font-size: 15px; padding: 0 15px; outline: 0;
transition: border-color .25s ease, background .25s ease;
} body #site-header .h-search-form-inner .search-field::placeholder{color: #9AA4B2 !important; opacity: 1 !important}
body #site-header .h-search-form-inner .search-field:focus{border-color: #43BAFF !important; background: rgba(255,255,255,.14) !important}
body #site-header .h-search-form-inner .search-submit{
position: static !important; top: auto !important; right: auto !important;
width: 48px !important; height: 48px !important; flex: 0 0 48px; border: 0 !important;
border-radius: 12px !important; cursor: pointer;
display: flex; align-items: center; justify-content: center;
background-image: linear-gradient(var(--rc-a, 90deg), #43BAFF, #0DFEE0);
background-color: #43BAFF; color: #0B1020;
transition: transform .25s ease, box-shadow .25s ease;
}
body #site-header .h-search-form-inner .search-submit i{color: #0B1020 !important; font-size: 18px}
body #site-header .h-search-form-inner .search-submit:hover i,
body #site-header .h-search-form-inner .search-submit:focus i{color: #0B1020 !important} body #site-header .h-search-form-inner .search-submit:hover,
body #site-header .h-search-form-inner .search-submit:focus{
background-image: linear-gradient(var(--rc-a, 90deg), #43BAFF, #0DFEE0) !important;
background-color: #43BAFF !important; color: #0B1020 !important; border-color: transparent !important;
transform: translateY(-2px); box-shadow: 0 12px 30px -10px rgba(13,254,224,.55);
}
body #site-header .h-search-form-inner .search-submit:hover{
transform: translateY(-2px); box-shadow: 0 12px 30px -10px rgba(13,254,224,.55);
}  @media (max-width: 1024px){
body #site-header .h-search-form-field{
width: min(330px, calc(100vw - 32px)); right: 0;
}
body #site-header .h-search-form-inner{padding: 18px; border-radius: 16px}
body #site-header .h-search-form-inner .search-form{gap: 8px}
body #site-header .h-search-form-inner .search-field{font-size: 14px; padding: 0 12px}
}
@media (max-width: 480px){ body #site-header .h-search-form-field{width: min(280px, calc(100vw - 96px))}
}
@media (max-width: 420px){
body #site-header .h-search-form-inner{padding: 12px}
body #site-header .h-search-form-inner .search-submit{width: 44px !important; height: 44px !important; flex: 0 0 44px}
body #site-header .h-search-form-inner .search-field{height: 44px !important}
}
body #site-header .ot-button a.octf-btn{
background-image: linear-gradient(var(--rc-a, 90deg), #43BAFF, #0DFEE0);
background-color: #43BAFF; color: #0B1020; border: 0; border-radius: 25px;
padding: 14px 28px; font-size: 15px; font-weight: 600; line-height: 1;
transition: transform .25s ease, box-shadow .25s ease;
}
body #site-header .ot-button a.octf-btn:hover,
body #site-header .ot-button a.octf-btn:focus{
background-image: linear-gradient(var(--rc-a, 90deg), #43BAFF, #0DFEE0) !important;
background-color: #43BAFF !important; color: #0B1020 !important;
transform: translateY(-2px); box-shadow: 0 12px 30px -10px rgba(13,254,224,.55);
} body .widget_product_search form.search-form{
display: flex; align-items: center; gap: 12px; height: 48px;
padding: 5px 5px 5px 18px; background: rgba(255,255,255,.1);
border: 1px solid rgba(255,255,255,.08); border-radius: 999px;
transition: border-color .25s ease;
}
body .widget_product_search form.search-form:focus-within{border-color: #43BAFF}
body .widget_product_search .search-field,
body #primary-sidebar .widget_product_search .search-field,
body #primary-sidebar .search-form .search-field,
body .elementor-widget-sidebar .search-form .search-field{
flex: 1; min-width: 0; height: 100% !important; border: 0 !important; background: transparent !important;
border-radius: 0 !important; color: #FFFFFF !important; font-size: 15px; padding: 0 !important;
outline: 0; box-shadow: none !important;
}
body .widget_product_search .search-field::placeholder,
body #primary-sidebar .widget_product_search .search-field::placeholder{color: #6C7688 !important; opacity: 1 !important}
body .widget_product_search .search-submit,
body #primary-sidebar .widget_product_search .search-submit{ position: static !important; top: auto !important; right: auto !important;
width: 38px !important; height: 38px !important; flex: 0 0 38px; border: 0 !important;
padding: 0 !important; box-shadow: none !important;
border-radius: 999px !important; cursor: pointer;
display: flex; align-items: center; justify-content: center;
background-image: linear-gradient(var(--rc-a, 90deg), #43BAFF, #0DFEE0);
background-color: #43BAFF; color: #0B1020; transition: box-shadow .25s ease;
}
body .widget_product_search .search-submit i,
body #primary-sidebar .widget_product_search .search-submit i{color: #0B1020 !important; font-size: 16px}
body .widget_product_search .search-submit:hover{box-shadow: 0 10px 26px -10px rgba(13,254,224,.6)} body .widget_product_search .search-submit:hover,
body .widget_product_search .search-submit:focus,
body #primary-sidebar .widget_product_search .search-submit:hover,
body #primary-sidebar .widget_product_search .search-submit:focus{
background-image: linear-gradient(var(--rc-a, 90deg), #43BAFF, #0DFEE0) !important;
background-color: #43BAFF !important; border-color: transparent !important; transform: translateY(-2px); box-shadow: 0 10px 26px -10px rgba(13,254,224,.6) !important;
}
body .widget_product_search .search-submit:hover i,
body .widget_product_search .search-submit:focus i,
body #primary-sidebar .widget_product_search .search-submit:hover i,
body #primary-sidebar .widget_product_search .search-submit:focus i{color: #0B1020 !important} body .woocommerce-ordering{display: flex; align-items: center; gap: 12px}
body .woocommerce-ordering::before{content: "Сортировать:"; color: #9AA4B2; font-size: 13px; white-space: nowrap}
body .woocommerce-ordering .rcsel{position: relative; display: inline-block; min-width: 230px}
body .woocommerce-ordering .rcsel > select{
position: absolute; left: 0; top: 0; width: 1px; height: 1px; opacity: 0; pointer-events: none;
}
body .woocommerce-ordering .rcsel-btn{
display: flex; align-items: center; justify-content: space-between; gap: 14px;
width: 100%; height: 48px; padding: 0 18px; cursor: pointer; outline: 0;
background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.08); border-radius: 999px;
color: #FFFFFF; font-family: inherit; font-size: 15px; line-height: 1;
transition: border-color .25s ease;
}
body .woocommerce-ordering .rcsel-btn:hover{border-color: rgba(255,255,255,.2)}
body .woocommerce-ordering .rcsel.open .rcsel-btn{border-color: #43BAFF}
body .woocommerce-ordering .rcsel-arrow{flex: 0 0 12px; transition: transform .25s ease}
body .woocommerce-ordering .rcsel.open .rcsel-arrow{transform: rotate(180deg)}
body .woocommerce-ordering .rcsel-list{
position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 50;
margin: 0; padding: 6px; list-style: none; display: none;
max-height: 260px; overflow: auto; background: #161D33;
border: 1px solid rgba(67,186,255,.18); border-radius: 14px;
box-shadow: 0 22px 50px -14px rgba(0,0,0,.7);
}
body .woocommerce-ordering .rcsel.open .rcsel-list{display: block}
body .woocommerce-ordering .rcsel-list li{
padding: 11px 14px; border-radius: 10px; color: #E8ECF3; font-size: 15px; cursor: pointer;
transition: background .18s ease, color .18s ease;
}
body .woocommerce-ordering .rcsel-list li:hover{background: rgba(67,186,255,.14)}
body .woocommerce-ordering .rcsel-list li.on{background: #43BAFF; color: #0B1020; font-weight: 600} body #content [data-widget_type="rucad-image-caption.default"]:only-child{
height: auto !important;
}
body #content [data-widget_type="rucad-image-caption.default"]:only-child > .elementor-widget-container{
height: auto !important; width: 100%;
} body .page-numbers.page-numbers{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
padding: 0 !important;
margin: 0 !important;
float: none !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1 !important;
text-decoration: none !important;
color: #9AA4B2 !important;
background-color: transparent !important;
background-image: none !important;
border: 1px solid rgba(255, 255, 255, .14) !important;
border-radius: 50% !important;
transition: color .2s, border-color .2s, background-color .2s, box-shadow .2s;
}
body ul.page-pagination,
body ul.page-numbers,
body .nav-links{
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: wrap !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body ul.page-pagination > li,
body ul.page-numbers > li{
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
float: none !important;
display: block !important;
}
body .page-numbers.page-numbers:hover{
color: #43BAFF !important;
border-color: #43BAFF !important;
background-color: rgba(67, 186, 255, .10) !important;
}
body .page-numbers.page-numbers.current{
color: #0B1020 !important;
border-color: transparent !important;
background-color: transparent !important;
background-image: linear-gradient(90deg, #43BAFF, #0DFEE0) !important;
}
body .page-numbers.page-numbers.current:hover{
color: #0B1020 !important;
box-shadow: 0 10px 24px -10px rgba(13, 254, 224, .55) !important;
}
body .page-numbers.page-numbers.dots{
border-color: transparent !important;
color: #6C7688 !important;
} body .page-numbers.page-numbers.prev,
body .page-numbers.page-numbers.next{ font-size: 0 !important }
body .page-numbers.page-numbers.prev::before,
body .page-numbers.page-numbers.next::before{
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1 !important;
}
body .page-numbers.page-numbers.prev::before{ content: "‹" !important }
body .page-numbers.page-numbers.next::before{ content: "›" !important } body span.page-numbers:not(.current):not(.dots),
body .page-numbers.disabled{
color: rgba(154, 164, 178, .40) !important;
border-color: rgba(255, 255, 255, .07) !important;
background-color: transparent !important;
background-image: none !important;
pointer-events: none !important;
cursor: default !important;
}
@media (max-width: 520px){
body .page-numbers.page-numbers{ width: 36px !important; min-width: 36px !important; height: 36px !important; font-size: 14px !important }
body ul.page-pagination,
body ul.page-numbers,
body .nav-links{ gap: 8px !important; justify-content: center !important }
}