@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Material-Design-Iconic-Font';
	src: url('../fonts/Material-Design-Iconic-Font.woff2') format('woff2'),
	url('../fonts/Material-Design-Iconic-Font.woff') format('woff'),
	url('../fonts/Material-Design-Iconic-Font.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/*
font-family: 'Zona Pro';
*/

@font-face {
    font-family: 'Zona Pro';
    src: url('../fonts/ZonaPro-Regular.eot');
    src: local('../fonts/Zona Pro Regular'), local('../fonts/ZonaPro-Regular'),
        url('../fonts/ZonaPro-Regular-1.eot') format('embedded-opentype'),
        url('../fonts/ZonaPro-Regular.woff2') format('woff2'),
        url('../fonts/ZonaPro-Regular.woff') format('woff'),
        url('../fonts/ZonaPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Zona Pro';
    src: url('../fonts/ZonaPro-Bold.eot');
    src: local('../fonts/Zona Pro Bold'), local('../fonts/ZonaPro-Bold'),
        url('../fonts/ZonaPro-Bold-1.eot') format('embedded-opentype'),
        url('../fonts/ZonaPro-Bold.woff2') format('woff2'),
        url('../fonts/ZonaPro-Bold.woff') format('woff'),
        url('../fonts/ZonaPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Zona Pro';
    src: url('../fonts/ZonaPro-SemiBold.eot');
    src: local('../fonts/Zona Pro SemiBold'), local('../fonts/ZonaPro-SemiBold'),
        url('../fonts/ZonaPro-SemiBold-1.eot') format('embedded-opentype'),
        url('../fonts/ZonaPro-SemiBold.woff2') format('woff2'),
        url('../fonts/ZonaPro-SemiBold.woff') format('woff'),
        url('../fonts/ZonaPro-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Zona Pro Ultra';
    src: url('../fonts/ZonaPro-Ultra.eot');
    src: local('../fonts/Zona Pro Ultra'), local('../fonts/ZonaPro-Ultra'),
        url('../fonts/ZonaPro-Ultra-1.eot') format('embedded-opentype'),
        url('../fonts/ZonaPro-Ultra.woff2') format('woff2'),
        url('../fonts/ZonaPro-Ultra.woff') format('woff'),
        url('../fonts/ZonaPro-Ultra.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Zona Pro';
    src: url('../fonts/ZonaPro-Black.eot');
    src: local('../fonts/Zona Pro Black'), local('../fonts/ZonaPro-Black'),
        url('../fonts/ZonaPro-Black-1.eot') format('embedded-opentype'),
        url('../fonts/ZonaPro-Black.woff2') format('woff2'),
        url('../fonts/ZonaPro-Black.woff') format('woff'),
        url('../fonts/ZonaPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Zona Pro';
    src: url('../fonts/ZonaPro-Light.eot');
    src: local('../fonts/Zona Pro Light'), local('../fonts/ZonaPro-Light'),
        url('../fonts/ZonaPro-Light-1.eot') format('embedded-opentype'),
        url('../fonts/ZonaPro-Light.woff2') format('woff2'),
        url('../fonts/ZonaPro-Light.woff') format('woff'),
        url('../fonts/ZonaPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Zona Pro';
    src: url('../fonts/ZonaPro-ExtraBold.eot');
    src: local('../fonts/Zona Pro ExtraBold'), local('../fonts/ZonaPro-ExtraBold'),
        url('../fonts/ZonaPro-ExtraBold-1.eot') format('embedded-opentype'),
        url('../fonts/ZonaPro-ExtraBold.woff2') format('woff2'),
        url('../fonts/ZonaPro-ExtraBold.woff') format('woff'),
        url('../fonts/ZonaPro-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Zona Pro';
    src: url('../fonts/ZonaPro-Thin.eot');
    src: local('../fonts/Zona Pro Thin'), local('../fonts/ZonaPro-Thin'),
        url('../fonts/ZonaPro-Thin-1.eot') format('embedded-opentype'),
        url('../fonts/ZonaPro-Thin.woff2') format('woff2'),
        url('../fonts/ZonaPro-Thin.woff') format('woff'),
        url('../fonts/ZonaPro-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    }

/*for Chrom*/
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
input, textarea { outline:none; }
input:active, textarea:active { outline:none; }
:focus { outline:none; }

/*for FireFox*/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: none;
}

:focus::-webkit-input-placeholder {color: transparent;}
:focus::-moz-placeholder          {color: transparent;}
:focus:-moz-placeholder           {color: transparent;}
:focus:-ms-input-placeholder      {color: transparent;}

*:focus::-webkit-input-placeholder { opacity:0; }
*:focus:-moz-placeholder { opacity:0; }
*:focus::-moz-placeholder { opacity:0; }
*:focus:-ms-input-placeholder { opacity:0; }

/*::-webkit-input-placeholder {
   color: #ffffff;
}
:-moz-placeholder {
   color: #ffffff;
}
::-moz-placeholder {
   color: #ffffff;
}
:-ms-input-placeholder {
   color: #ffffff;
}*/

a {
    outline: none !important;
    cursor: pointer;
    color: #437be3;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #1751a7;
}
a img {
    border:-moz-none !important;
    outline:-moz-none !important;
}
img {
    max-width: 100%;
}
body {
    font-family: 'Zona Pro';
    color: #1F1F1F;
    font-size: 18px;
    font-weight: normal;
    max-width: 1920px;
    margin: 0 auto;
}
section,
.sppb-section {
    width: 100%;
    float: left;
}
.container-fluid {
    padding: 0;
    width: 100%;
    float: left;
}
.home-content {
    width: 100%;
    float: left;
}
.home-content .sppb-col-md-12 {

}
h1, .h1 {
    font-size: 48px;
    font-weight: 700;
}
h2, .h2 {
    font-size: 42px;
    font-weight: 700;
}
h3, .h3 {
    font-size: 36px;
    font-weight: 700;
}
h4, .h4 {
    font-size: 28px;
    font-weight: normal;
}
h5, .h5 {
    font-size: 22px;
    font-weight: normal;
}
h6, .h6 {
    font-size: 18px;
    font-weight: normal;
}
.btn {
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    padding: 12px 40px;
    box-shadow: none;
}
.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.btn-primary {
    color: #fff;
    background-color: #437be3;
    border-color: #437be3;
}
.btn-primary:hover {
    color: #fff;
    background-color: #1751a7;
    border-color: #1751a7;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #1751a7;
    border-color: #1751a7;
    box-shadow: none;
    /*box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);*/
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #1751a7;
    border-color: #1751a7;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
    /*box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);*/
}
.btn-primary:disabled, .btn-primary.disabled {
    color: #fff;
    background-color: #437be3;
    border-color: #437be3;
}
.btn-close:focus {
    box-shadow: none;
}
button {
    border: none;
    background-color: transparent;
}
a.link-article {
    color: #333;
    font-size: 16px;
    border: 1px solid #437be3;
    border-radius: 36px;
    padding: 12px 60px;
    background-color: #ffffff;
    text-decoration: none;
}
a.link-article:hover,
a.link-article:focus {
    color: #ffffff;
    background-color: #437be3;
}
.sppb-row {
	
}
.row {

}
.container-fluid {
    padding: 0;
    width: 100%;
    float: left;
}
.home-content {
    width: 100%;
    float: left;
}
.home-content .sppb-col-md-12 {}

/************ top site **********/
.top-site-desctop {
    padding: 25px 40px;
}
.logo {
    flex: 0 0 18%;
}
.custom-logo {}
.custom-logo a img {}
.custom-logo a img:hover,
.custom-logo a img:focus {
    opacity: 0.7;
}
.main-menu {
    flex: 0 0 50%;
}
.custom-main-menu {
    padding-top: 10px;
}
.custom-main-menu ul {
    justify-content: center;
}
.custom-main-menu ul li {
    margin: 0 14px;
}
.custom-main-menu ul li a {
    color: #1F1F1F;
}
.custom-main-menu ul li a:hover,
.custom-main-menu ul li a:focus,
.custom-main-menu ul li.active a {
    text-decoration: underline;
}
.custom-main-menu ul li ul {
    display: none;
}
.top-info {
    flex: 0 0 17%;
}
.custom-top-info {}
.custom-top-info .phone {}
.custom-top-info .phone a {
    font-size: 25px;
    color: #1F1F1F;
}
.custom-top-info .time-work {
    font-size: 12px;
}
.callback {
    flex: 0 0 15%;
}
.custom-call-back {}
.custom-call-back a {
    display: flex;
}
.custom-call-back a > div {
    margin-right: 10px;
}
.custom-call-back a > div i {
    font-weight: bold;
}

/************ Slider ***********/
#Slider {
    padding: 0 40px;
}
.custom-home-slider {
    width: 100%;
    float: left;
}
.custom-home-slider .left-slider {}
.custom-home-slider .left-slider .title-slide {}
.custom-home-slider .left-slider .title-slide .h1 {
    font-size: 64px;
}
.custom-home-slider .left-slider .sub-title-slide {}
.custom-home-slider .left-slider .sub-title-slide .h5 {}
.custom-home-slider .left-slider .button-slide {}
.custom-home-slider .left-slider .button-slide a {}
.custom-home-slider .left-slider .counters {}
.custom-home-slider .left-slider .counters .block-count {}
.custom-home-slider .left-slider .counters .block-count .sppb-animated-number {}
.custom-home-slider .left-slider .counters .block-count .sppb-animated-number-title {}
.custom-under-slider {
    width: 100%;
    float: left;
    margin-top: 80px;
}
.custom-under-slider .block-promo {}
.custom-under-slider .block-promo .wrap-block-promo {
    display: flex;
}
.custom-under-slider .block-promo .img-promo {
    width: 84px;
    height: 86px;
    flex: 0 0 84px;
    margin-right: 20px;
    border-radius: 5px;
}
.custom-under-slider .wrap-block-promo:hover .img-promo {
    background-image: url(../images/hover.png);
}
.custom-under-slider .block-promo .img-promo img {
    border-radius: 5px;
}
.custom-under-slider .block-promo .desc-promo {
    padding-top: 6px;
}
.custom-under-slider .block-promo .desc-promo .h5 {
    font-weight: 600;
    margin-bottom: 6px;
}
.custom-under-slider .block-promo .desc-promo p {
    margin-bottom: 0;
    line-height: 1.2;
}

/*********** modules home ***************/
/*--------- Our Services ---------------*/
#OurServices {}
.custom-our-services {
    padding: 110px 0;
}
.custom-our-services .h1 {
    margin-bottom: 60px;
}
.custom-our-services .block-serv {}
.custom-our-services .block-serv a {
    color: #1F1F1F;
}
.custom-our-services .block-serv a .wrap-block-serv {
    border-radius: 6px;
    background-color: #F2F2F2;
    padding-top: 30px;
    padding-left: 30px;
    position: relative;
}
.custom-our-services .block-serv a .wrap-block-serv:hover,
.custom-our-services .block-serv a .wrap-block-serv:focus {
    background-color: #ffffff;
    box-shadow: 12px 9px 36px rgba(0, 0, 0, 0.08);
}
.custom-our-services .block-serv a .wrap-block-serv .h5 {
    font-weight: 700;
    position: absolute;
}
.custom-our-services .block-serv a .wrap-block-serv .img-serv {
    text-align: right;
}
.custom-our-services .block-serv a .wrap-block-serv .img-serv img {}
.custom-our-services .row-serv-1 {
    margin-bottom: 28px;
    row-gap: 25px;
}
/*----------- ConsultProds -------------*/
#ConsultProds {
    margin-top: 160px !important;
}
.custom-free-consult {
    margin-top: -180px;
}
.custom-free-consult .wrap-free-consult {
    background-color: #1c68f4;
    border-radius: 6px;
    position: relative;
    height: 380px;
}
.custom-free-consult .img-consult {}
.custom-free-consult .img-consult img {
    position: absolute;
    bottom: 0;
}
.custom-free-consult .form-free-consult {
    padding-top: 70px;
}
.custom-free-consult .form-free-consult .h3 {
    color: #ffffff;
}
.custom-free-consult .form-free-consult p {
    color: #ffffff;
    margin-bottom: 60px;
}
.custom-free-consult .form-free-consult p a {
    color: #ffffff;
}
.custom-free-consult .form-free-consult p a:hover,
.custom-free-consult .form-free-consult p a:focus {
    text-decoration: underline;
}
.custom-free-consult .form-free-consult .include-form {}
.custom-free-consult .form-free-consult .include-form .cf-form-wrap .cf-one-third {}
.custom-free-consult .form-free-consult .include-form .cf-form-wrap input.cf-input {
    background-color: transparent;
}
.custom-our-prod {
    margin-top: 110px;
}
.custom-our-prod .h1 {
    margin-bottom: 50px;
}
.custom-our-prod .row-prod-1 {
    margin-bottom: 40px;
    row-gap: 20px;
}
.custom-our-prod .block-prod {}
.custom-our-prod .block-prod a {
    color: #1F1F1F;
}
.custom-our-prod .block-prod a .wrap-block-prod {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    overflow: hidden;
}
.custom-our-prod .block-prod a .wrap-block-prod:hover,
.custom-our-prod .block-prod a .wrap-block-prod:focus {
    background-color: #ffffff;
    box-shadow: 12px 9px 36px rgba(0, 0, 0, 0.08);
}
.custom-our-prod .block-prod .h5 {
    font-weight: 700;
    padding: 40px 0 0 40px;
}
.custom-our-prod .block-prod .img-prod {
    width: 345px;
    height: 315px;
    float: right;
}
.custom-our-prod .block-prod a .wrap-block-prod:hover .img-prod {
    background-position: bottom right;
    background-size: contain;
    background-repeat: no-repeat;
}
.custom-our-prod a .wrap-block-prod:hover .img-prod {
    background-image: url(../images/hover.png);
}
/*------------ News -----------*/
#News {}
#News .title-news {
    margin-bottom: 40px;
}
.custom-mod-news {}
.custom-mod-news .newsflash-image {
    margin-bottom: 15px;
    position: relative;
}
.custom-mod-news .newsflash-image a img {
    border-radius: 6px;
}
.custom-mod-news .newsflash-image a:hover .wrap-news-image::before,
.custom-mod-news .newsflash-image a:focus .wrap-news-image::before {
    background-color: rgba(244, 54, 28, 0.57);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    border-radius: 6px;
}
.custom-mod-news .info-date {
    color: #828282;
    font-size: 14px;
    margin-bottom: 10px;
}
.custom-mod-news .newsflash-title {
    font-weight: 700;
    margin-bottom: 10px;
}
.custom-mod-news .newsflash-title a {
    text-decoration: none;
    color: #1F1F1F;
    font-weight: 700;
}
.custom-mod-news .newsflash-title a:hover,
.custom-mod-news .newsflash-title a:focus {
    text-decoration: underline;
}
.custom-mod-news p.readmore {
    margin-bottom: 0;
}
.custom-mod-news p.readmore a {
    color: #4F4F4F;
    text-decoration: underline;
}
.custom-mod-news p.readmore a:hover,
.custom-mod-news p.readmore a:focus {
    text-decoration: none;
}
/*----------- supplier --------------*/
#Supplier {}
.custom-supplier {}
.custom-supplier .h1 {
    margin-bottom: 50px;
    text-transform: uppercase;
}
.custom-supplier .block-img-supplier {}
.custom-supplier .block-img-supplier img {}
/*----------- Home Seo Text -------------*/
#HomeSeoText {}
#HomeSeoText .sppb-row {
    margin: 0 !important;
}
#HomeSeoText .sppb-col-md-12 {
    padding: 0 !important;
}
.custom-seo-module {
    padding: 80px 0;
}
.custom-seo-module .h1 {
    margin-bottom: 25px;
}
.custom-seo-module .accordion {}
.custom-seo-module .accordion .accordion-header {}
.custom-seo-module .accordion .accordion-header .accordion-button {
    padding-left: 0;
    color: #BDBDBD;
    font-weight: 700;
    text-transform: uppercase;
}
.custom-seo-module .accordion .accordion-header .accordion-button:hover {
    text-decoration: underline;
}
.custom-seo-module .accordion .accordion-header .accordion-button:focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none;
    background-color: transparent;
}
.custom-seo-module .accordion .accordion-header .accordion-button:not(.collapsed) {
    box-shadow: none;
    background-color: transparent;
}
.custom-seo-module .accordion .accordion-header .accordion-button::after {
    display: none;
}
.custom-seo-module .accordion .accordion-body {
    padding-left: 0;
    padding-right: 0;
}

/************ Footer ***********/
footer {
    width: 100%;
    float: left;
}
#Footer {
    background-color: #437be3;
    padding: 70px 0;
}
.footer-info {}
.footer-info .footer-logo {
    margin-bottom: 30px;
}
.footer-info .footer-logo a img {}
.footer-info .footer-logo a img:hover {
    opacity: 0.8;
}
.footer-info .block-footer-info {
    display: flex;
}
.footer-info .block-footer-info .footer-info-value {}
.footer-info .footer-address {
    margin-bottom: 20px;
    font-weight: 300;
    color: #ffffff;
}
.footer-info .footer-phones {
    margin-bottom: 20px;
}
.footer-info .footer-phones ul {
    padding-left: 0;
    margin-bottom: 0;
}
.footer-info .footer-phones ul li {
    display: block;
}
.footer-info .footer-phones ul li a {
    font-size: 24px;
    color: #ffffff;
}
.footer-info .footer-phones ul li a:hover,
.footer-info .footer-phones ul li a:focus {
    text-decoration: underline;
}
.footer-info .footer-mail {}
.footer-info .footer-mail a {
    color: #ffffff;
    font-weight: 300;
}
.footer-info .footer-mail a:hover,
.footer-info .footer-mail a:focus {
    text-decoration: underline;
}
.footer-menu {}
.footer-menu .h6 {
    color: #ffffff;
    margin-bottom: 15px;
    font-weight: 700;
}
.footer-menu ul {
    display: block;
}
.footer-menu ul li {
    margin-bottom: 20px;
    display: block;
    float: left;
    width: 100%;
}
.footer-menu ul li:last-child {
    margin-bottom: 0;
}
.footer-menu ul li a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    display: block;
}
.footer-menu ul li a:hover,
.footer-menu ul li a:focus,
.footer-menu ul li.active a {
    text-decoration: underline;
}
.footer-menu-catalog {}
.footer-menu-services {}
.footer-menu-about {}

/************** BottomFooter *************/
#BottomFooter {
    width: 100%;
    float: left;
    padding: 25px 0;
}
.copyright {
    font-size: 14px;
    color: #1F1F1F;
}
.privacy-policy {
    text-align: right;
}
.privacy-policy a {
    font-size: 14px;
    color: #1F1F1F;
}
.privacy-policy a:hover,
.privacy-policy a:focus {
    text-decoration: underline;
}

/************* content ************/
main {
    padding-bottom: 120px;
    width: 100%;
    float: left;
}
main .sppb-row {
    /*margin: 0 -15px !important;*/
}
main .sppb-row-container {
    padding: 0 !important;
}
/*--------- breadcrumbs -----------*/
.breadcrumb {
    margin: 40px 0;
}
.breadcrumb li {
	font-size: 14px;
}
.breadcrumb li a {
    color: #BDBDBD;
    text-decoration: none;
}
.breadcrumb li a:hover {
    text-decoration: underline;
}
.breadcrumb li.active span {
    color: #437be3;
}
.breadcrumb li span.divider {
    padding-right: 5px;
	color: #BDBDBD;
}
/*--------- pagination ----------*/
.com-content-category-blog__navigation {}
.com-content-category-blog__navigation p.counter {
    text-align: center;
}
.pagination__wrapper {
    margin: 0 auto;
}
.pagination {
    justify-content: center;
}
.pagination .page-link {
    border: none;
    color: #1F1F1F;
}
.pagination .page-item.active .page-link {
    background-color: #437be3;
    border-radius: 6px;
}
.pagination .page-link:hover {
    border-radius: 6px;
}
/*--------- pagenav ------------*/
.pagenavigation {
    width: 100%;
    float: left;
}
ul.pagination {}
ul.pagination li {
    margin: 0 6px;
}
/*--------- blog ---------------*/
.page-header {
    margin-bottom: 40px;
}
.blog-item {
    margin-bottom: 50px;
}
.blog-item .item-image {
    margin-bottom: 10px;
    position: relative;
}
.blog-item .item-image a img {
    border-radius: 6px;
}
.blog-item .item-image a:hover .wrap-item-image::before,
.blog-item .item-image a:focus .wrap-item-image::before {
    background-color: rgba(244, 54, 28, 0.57);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    border-radius: 6px;
}
.blog-item .item-content {}
.blog-item .item-content .article-info {
    margin-bottom: 5px;
}
.blog-item .item-content .article-info .published {
    margin-bottom: 0;
}
.blog-item .item-content .article-info .published time {
    color: #828282;
    font-weight: 300;
    font-size: 14px;
}
.blog-item .item-content .title-teaser-item-blog {}
.blog-item .item-content .title-teaser-item-blog .h6 {
    font-weight: 700;
    margin-bottom: 8px;
}
.blog-item .item-content .title-teaser-item-blog .h6 a {
    font-weight: 700;
    color: #1F1F1F;
}
.blog-item .item-content .title-teaser-item-blog .h6 a:hover,
.blog-item .item-content .title-teaser-item-blog .h6 a:focus {
    text-decoration: underline;
}
.blog-item .item-content p.readmore {
    margin-bottom: 0;
}
.blog-item .item-content p.readmore a {
    color: #4F4F4F;
    font-weight: 300;
    text-decoration: underline;
}
.blog-item .item-content p.readmore a:hover,
.blog-item .item-content p.readmore a:focus {
    text-decoration: none;
}
/*--------- item-page ------------*/
.item-page {}
.item-page .item-image {
    width: 100%;
    margin-bottom: 25px;
}
.item-page .item-image img {
    border-radius: 6px;
}
.item-page .info-block {
    width: 100%;
    float: left;
}
.item-page .info-block .article-info {}
.item-page .info-block .article-info .published {}
.item-page .info-block .article-info .published time {
    font-weight: 300;
    font-size: 14px;
    color: #828282;
}
.item-page .com-content-article__body {
    width: 100%;
    float: left;
}
.item-page .com-content-article__body .h3 {
    margin-bottom: 25px;
}
.com-content-article .item-image {}
.com-content-article .item-image img {
    border-radius: 6px;
}
.default-page ul {
    padding-left: 15px;
}
.default-page ol {
    padding-left: 20px;
}
.default-page li {
    line-height: 2;
}
/*----------- page contacts ------------*/
.left-contacts {}
.left-contacts .block-contact {
    margin-bottom: 35px;
}
.left-contacts .block-contact .title-block-contact {
    font-weight: 700;
    font-size: 16px;
    color: #437be3;
    margin-bottom: 15px;
}
.left-contacts .block-contact a {}
.left-contacts .block-contact a:hover,
.left-contacts .block-contact a:focus {
    text-decoration: underline;
}
.left-contacts .block-address {}
.left-contacts .block-phone {}
.left-contacts .block-phone a {
    color: #1F1F1F;
    font-size: 24px;
}
.left-contacts .block-mail {}
.left-contacts .block-mail a {
    color: #1F1F1F;
}
.left-contacts .block-social {
    margin-bottom: 0;
}
.left-contacts .block-social ul {
    padding-left: 0;
    overflow: hidden;
}
.left-contacts .block-social ul li {
    display: block;
    margin-right: 20px;
    float: left;
}
.left-contacts .block-social ul li a i {
    font-size: 26px;
}
.left-contacts .block-social ul li a:hover,
.left-contacts .block-social ul li a:focus {
    opacity: 0.7;
}
.map-contacts {}
.wrap-contact-form {
    background-color: #F6F6F6;
    margin-top: 70px;
    padding-top: 65px;
    padding-bottom: 80px;
}
.wrap-contact-form .contact-form {}
.wrap-contact-form .contact-form .h2 {
    text-align: center;
}
.wrap-contact-form .contact-form p {
    text-align: center;
}
.wrap-contact-form .contact-form p a {
    color: #1F1F1F;
}
.wrap-contact-form .contact-form p a:hover,
.wrap-contact-form .contact-form p a:focus {
    text-decoration: underline;
}
.wrap-contact-form .contact-form .include-form {}
.contact-form .include-form .convertforms input,
.contact-form .include-form .convertforms textarea {
    background-color: transparent;
}
.contact-form .include-form .convertforms input.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.contact-form .include-form .convertforms input.custom-checkbox + label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    padding-top: 10px;
}
.contact-form .include-form .convertforms input.custom-checkbox + label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #F61C1C;
    border-radius: 4px;
    margin-right: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.contact-form .include-form .convertforms input.custom-checkbox:checked + label::before {
    border-color: #F61C1C;
    background-color: #F61C1C;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
/* стили при наведении курсора на checkbox */
.contact-form .include-form .convertforms input.custom-checkbox:not(:disabled):not(:checked) + label:hover::before {
    border-color: #F61C1C;
}
/* стили для активного состояния чекбокса (при нажатии на него) */
.contact-form .include-form .convertforms input.custom-checkbox:not(:disabled):active + label::before {
    background-color: #F61C1C;
    border-color: #F61C1C;
}
/* стили для чекбокса, находящегося в фокусе */
.contact-form .include-form .convertforms input.custom-checkbox:focus + label::before {
    box-shadow: 0 0 0 0.2rem rgba(246, 28, 28, 0.25);
}
/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.contact-form .include-form .convertforms input.custom-checkbox:focus:not(:checked) + label::before {
    border-color: #1751a7;
}
/* стили для чекбокса, находящегося в состоянии disabled */
.contact-form .include-form .convertforms input.custom-checkbox:disabled + label::before {
    background-color: #e9ecef;
}
/*----------- page about -----------*/
#HeaderAbout {}
.title-slogan-about {
    margin-bottom: 60px;
}
.title-slogan-about .h1 {
    color: #ffffff;
    margin-bottom: 20px;
}
.title-slogan-about p {
    color: #ffffff;
    margin-bottom: 0;
}
#DescAbout {}
#DescAbout .sppb-row-container {}
.img-about {}
.img-about #sppb-addon-1652096921900 {
    background-position: 78% 50% !important;
}
.text-about {
    padding-top: 60px;
}
#WeWork {}
.blocks-we-work {}
.blocks-we-work .h3 {
    margin-bottom: 50px;
}
.blocks-we-work .num-block {}
.blocks-we-work .num-block .wrap-num-block {}
.blocks-we-work .num-block .wrap-num-block .num {
    width: 70px;
    height: 70px;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    color: #4F4F4F;
    border: 2px solid #E0E0E0;
    border-radius: 12px;
    margin-bottom: 25px;
    line-height: 2.7;
}
.blocks-we-work .num-block .wrap-num-block:hover .num {
    color: #ffffff;
    border: 2px solid #437be3;
    background-color: #437be3;
}
.blocks-we-work .num-block .wrap-num-block .h6 {
    margin-bottom: 15px;
    font-weight: 700;
}
.blocks-we-work .num-block .wrap-num-block p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.2;
    height: 52px;
}
#OurSertif {}
.images-our-sertif {}
.images-our-sertif .h3 {
    margin-bottom: 50px;
}
.images-our-sertif .img-sertif {}
.images-our-sertif .img-sertif a img {}
.images-our-sertif .img-sertif a img:hover,
.images-our-sertif .img-sertif a img:focus {
    opacity: 0.7;
}
/************** blog-productions ************/
.blog-productions .custom-our-prod {
    margin-top: 20px;
}
.item-product {
    width: 100%;
    float: left;
}
.item-product .img-title-prod {}
.item-product .img-title-prod .img-prod {}
.item-product .img-title-prod .img-prod img {
    border-radius: 6px;
}
.item-product .img-title-prod .desc-img-prod {}
.item-product .img-title-prod .desc-img-prod .h2 {
    margin-bottom: 25px;
}
.item-product .img-title-prod .desc-img-prod p {
    margin-bottom: 25px;
}
.item-product .img-title-prod .desc-img-prod p:last-child {
    margin-bottom: 0;
}
.item-product .img-title-prod .desc-img-prod ul {}
.item-product .img-title-prod .desc-img-prod ul li {
    line-height: 2;
}
.item-product .seo-text-prod {}
.item-product .seo-text-prod .h2 {
    margin-bottom: 30px;
}
.item-product .seo-text-prod p {}
.item-product .seo-text-prod p:last-child {
    margin-bottom: 0;
}
.item-product .images-productions {}
.item-product .images-productions .block-img {}
.item-product .images-productions .block-img img,
.item-product .images-productions .block-img a img {
    border-radius: 6px;
}
.item-product .images-productions .block-img a img:hover,
.item-product .images-productions .block-img a img:focus {
    opacity: 0.7;
}
.item-product .form-application {}
.item-product .form-application .title-form {}
.item-product .form-application .title-form .h3 {
    text-align: center;
}
.item-product .form-application .title-form p {
    margin-bottom: 0;
    text-align: center;
}
.item-product .form-application .title-form p a {
    color: #1F1F1F;
}
.item-product .form-application .title-form p a:hover,
.item-product .form-application .title-form p a:focus {
    text-decoration: underline;
}
.item-product .form-application .row-form {
    margin-top: 60px;
}
.item-product .form-application .row-form .include-form {}
.item-product .form-application .row-form .include-form .convertforms input {
    background-color: transparent;
}

/************** blog-services ************/
.blog-services .custom-our-services {
    padding: 10px 0;
}
.item-service .img-title-prod .desc-img-prod {
    padding-top: 70px;
}
.item-service .advantages-serv {}
.item-service .advantages-serv .block-advan {}
.item-service .advantages-serv .block-advan .wrap-block-advan {
    display: flex;
}
.item-service .advantages-serv .block-advan .img-advan {
    flex: 0 0 84px;
    margin-right: 25px;
}
.item-service .advantages-serv .block-advan .text-advan {
    font-weight: 700;
    font-size: 16px;
    padding-top: 25px;
}
.item-service .advantages-serv .block-advan-1 .text-advan {}
.item-service .advantages-serv .block-advan-2 .text-advan {}
.item-service .advantages-serv .block-advan-3 .text-advan {}

/******** Thank Page ******/
#ThankPage {
    padding-top: 25vh!important;
    height: 100vh;
}
#ThankPage p {
    color: #3a424c;
    font-size: 200%;
    font-weight: 700;
}
#ThankPage p a {
    color: #da251c;
}
#ThankPage p a:hover {
    text-decoration: none;
    color: #b91109;
}

/********* other *********/
.su-counter-wrapper {
    padding: 0;
}
.su-counter-number {
    line-height: 1;
}
.wf-icon-zoom-image > svg {
    fill: #437be3!important;
}
#goTopSpan {
    color: #ffffff;
    padding: 0 12px;
    border-radius: 6px;
    background-color: #F61C1C;
}
.offcanvas-backdrop {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10;
}

/************* form **************/
.convertforms .cf-content-wrap,
.convertforms .cf-form-wrap {
    padding: 15px 0 !important;
}
.convertforms .cf-select::after {
    border-color: #437be3 transparent transparent transparent !important;
}
.convertforms .cf-form-wrap input {
    border-top: none;
    border-left: none;
    border-right: none;
}
.convertforms .cf-form-wrap textarea {
    resize: none;
    border-top: none;
    border-left: none;
    border-right: none;
}

/******** 404 ***********/
.error-page-inner {
    padding-top: 20px;
    padding-bottom: 80px;
}
.error-page-inner .img-error {
    text-align: center;
    margin-bottom: 30px;
}
.error-page-inner .img-error img {
    max-width: 25%;
}
.error-page-inner p {
    font-size: 18px;
    font-weight: 600;
}
.error-page-inner ul li {
    font-size: 16px;
}
.error-page-inner .right-error-page-inner ul li {
    list-style: none;
}
.error-page-inner a {
    color: red;
}

/******** modal ******/

.fox-container textarea:focus,
.fox-container input[type="text"]:focus,
.fox-container input[type="email"]:focus {
    border-color: rgba(234, 177, 48, 0.8) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(234, 177, 48, 0.6) !important;
}
.btn.disabled {
    opacity: 1;
}
.modal-header .close::after {
    content: "";
}
.form-modal-dialog {
    max-width: 720px;
}
.form-modal-dialog .row {
    background-color: #ffffff;
}
.form-modal-dialog .block-modal {
    padding: 0;
}
.form-modal-dialog .img-modal {}
.form-modal-dialog .img-modal img {
    position: relative;
    z-index: 10;
    width: 100%;
}
.form-modal-dialog .form-modal {
    height: 100%;
}
.form-modal-dialog .form-modal .modal-content {
    height: 100%;
    border-radius: 0;
    border: none;
}
.form-modal-dialog .form-modal .modal-content .modal-header {
    justify-content: end;
}
.form-modal-dialog .form-modal .modal-body {
    padding-top: 0;
    width: 85%;
    margin: 0 auto;
}
.form-modal-dialog .form-modal .modal-body .cf-form-wrap {
    padding: 15px 0;
}
.form-modal-dialog .modal-body .modal-title {
    color: #000;
    margin: 20px 0;
}
.modal-header {
    border-bottom: none;
}
.modal-header .modal-title {
    margin: 0 auto;
}
.modal-header .btn-close {
    margin-left: 0;
}