body, .mini-navbar, .navbar-custom {
    background-color: #151515 !important;
    color: #ECECEC;
}

body {
    font-family: "Inter", 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

h1, .h1, 
h2, .h2, 
h3, .h3, 
h4, .h4, 
h5, .h5 {
    font-family: 'Neue Machina', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}

h1 span, .h1 span, 
h2 span, .h2 span, 
h3 span, .h3 span, 
h4 span, .h4 span, 
h5 span, .h5 span{
    color: #00B5B2 !important;
}

h1, .h1 {
    font-size: 96px;
    font-weight: 700;
    line-height: 96px;
}

h2, .h2 {
    font-size: 46px !important;
}

h3, .h3 {
    font-size: 32px !important;
}

.h4, h4 {
    font-size: 22px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.breadcrumbs a, .breadcrumbs span {
    color: #ECECEC;
    font-size: medium;
    white-space: break-spaces;
}

.breadcrumbs a {
    text-decoration: underline;
}

.article-stat {
    color: #ECECEC;
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    line-height: 27px;
    padding-bottom: 40px;
}

.article-stat .date {
    color: #00B5B2;
}

.navbar-custom .navbar-nav li a {
    color: #ECECEC;
}

.bg-gray, .bg-dark, .bg-gray {
    background-color: #151515 !important;
    border-bottom: none;
    border-top: none;
    
    color: #ECECEC;
}

.about-company-preim {
    background-color: #1E1E1E;
    padding: 64px;
    margin-bottom:25px
}

.rubriks {
    background-color: #1E1E1E;
    padding: 45px 45px;
    margin-bottom:25px
}

.rubriks .h3 {
    margin-bottom: 25px;
}

.blog-popular-mini-right-item {
    background: #2D2D2D;
    border: 1px solid #2D2D2D;
    border-radius: 0px;
    padding: 15px 15px;
}

.rubriks li::marker, .rubriks a {
    color: #00B5B2;
    font-size: inherit;
}

.rubriks a:hover, .rubriks a:focus, .rubriks a:active, .rubriks a:hover > span {
    color: #ECECEC !important;
} 

.blog-popular-mini-right-item a > span {
     color: #ECECEC;
}

.blog-popular-mini-right-item a.title-popular-article {
    display: block;
    padding-left: 15px;
}

.blog-popular-mini-right-item a:hover > span {
    color: #00B5B2 !important;
}

.about-company-preim span.fake-title {
    font-family: 'Neue Machina';
    font-size: 84px;
    color: #00B5B2;
    display: block;
    line-height: normal !important;
    margin: 0;
}

.about-company-preim h3 > strong {
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    line-height: 31.2px;
    
    margin-bottom: 15px;
}

.about-company-preim p.desc {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.6px;

}

.about-company-preim h3 {
    margin-top: 0px;
}

#kviz-right-opener.closed {
    display: none !important;
}


.about-company-preim p.desc {
    padding: 0px 20% 0px 0px;
    margin: 0px;
}


.social-circle li a {
    background-color: #1E1E1E;
    color: #ECECEC;
    border-radius: inherit;
    font-size: 18px;
}

.social-circle li a:hover {
    background-color: #ECECEC;
    color: #1E1E1E !important;
}


.footer a {
    color: #ECECEC;
}

.footer a:hover {
    color: #00B5B2 !important;
}

.social-circle {
    margin: 40px 0 10px 0;
}


.font-size-14 {
    font-size: 14px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-32 {
    font-size: 32px !important;
    line-height: 38px !important;
}

.font-size-34 {
    font-size: 34px !important;
    line-height: 40px !important;
}

.font-size-64 {
    font-size: 64px;
    line-height: 70px !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.text-color-base {
    color: #00B5B2;
}

li::marker {
    color: #00B5B2 !important;
}

ul {
    list-style-type: square;
}

.w-100 {
    width: 100%;
}

.btn {
    border-radius: 0px;
    text-transform: none;
    box-shadow: none !important;
    text-shadow: none !important;
    
    white-space:normal !important;
    word-wrap: break-word; 
    padding: 13px 30px;
}

.btn:focus {
    outline: none !important;
}

.btn-pdng {
        padding: 15px 0px;
}

.btn-success, #pdopage .btn-more, .btn-custom {
    border: 2px solid #00B5B2 !important;
    background: #00B5B2;
    color: #1E1E1E !important;
}

.btn-success:hover, .btn-success:active, .btn-success:focus, .btn-custom:focus, .btn-custom:hover {
    /*
    background: #ECECEC !important;
    color: #1E1E1E  !important;
    border: 2px solid #00B5B2;
    */
    
    background-color: #1EFFFB !important;
    color: #1E1E1E !important;
    border: 2px solid #1EFFFB !important;
}

.item-step-desc {
    padding-left: 25px;
    font-size: 16px;
}

.item-step-desc ul {
    padding-left: 18px;
}

.step-work-row .h3 {
    font-weight: 700 !important;
    margin-bottom: 35px;
}

.item-step-desc li {
    margin-bottom: 20px;
}

.another-bg {
    background-color: #1E1E1E !important;
}

.review-item {
    /*
    background-color: #1E1E1E;
    */
        padding: 5px 35px;
    margin-bottom: 25px;
}

.reviews-ocenka-block {
        display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 5px 35px;
    margin-bottom: 25px;
    
    flex-direction: column;
    margin: 40px 0px;
}

.reviews-ocenka-block .rate-ocenka {
    line-height: normal;
    font-size: 40px;
    margin-bottom: 3%;
}

.reviews-ocenka-block .ya-logo {
    margin-right: 0px;
}

.reviews-ocenka-block .rate-stars {
    text-align: center;
}

.reviews-ocenka-block .rate-ocenka {
    margin-right: 0px;
}


.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #0AB8B6 !important;
      font-size: xx-large !important;
}

.owl-prev {
  left: -2rem;
}

.owl-next {
  right: -2rem;
}

.section-contacts-map .h3 {
    margin-top: 0px;
    font-weight: 700;
}

.contacts-map-content {
    padding-left: 0px;
}

.section-contacts-map li::marker {
    color: #00B5B2;
    font-size: larger;
}

.section-contacts-map ul {
    padding-left: 20px;
    list-style-type: square !important;
    margin-bottom: 25px !important;
}

.section-contacts-map a {
    color: #00B5B2;
}

.section-contacts-map a:hover {
    color: #ECECEC;
}

.title-blog-article, .title-blog-article:hover {
    color: #ECECEC;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

.article-main-image img {
    float: left;
    margin: 0px;
    max-width: 100%;
}

.inline-gallery-container div.slick-track, .inline-gallery-container div.slick-slide, .inline-gallery-container div.slick-slide > div {
    margin-bottom: 0px;
    margin-top: 0px;
}

.blog-article-content h1, .blog-article-content h2, .blog-article-content h3, .blog-article-content h4, .blog-article-content h5 {
    text-align:left !important;
}

#block-advantages .about-company-facts-pc {
    padding: 0px;
}

blockquote {
    border-left: 4px solid #00B5B2 !important;
    background-color: #1E1E1E;
    font-style: italic;
    font-size: 16px;
    font-weight: 400;
    line-height: 26.4px;
    text-align: left;
}

.blog-article-content blockquote, .blog-article-content p, .blog-article-content div {
    text-align: justify;
}

.slick-prev {
    left: 0%;
}

.slick-next {
    right: 3%;
}

.slick-next:before, .slick-prev:before {
    color: #FFFFFF;
    padding: 10px 16px;
    font-size: xx-large;
    background-color: rgba(30, 30, 30, 0.55);
    font-family: "Font Awesome 5 Pro";
    font-weight: 500 !important;
}

.slick-next, .slick-prev{
    top: 48%;
}

 .slick-prev:before {
    content: "\f053";
}

.slick-next:before {
    content: "\f054";
}

.slick-dotted.slick-slider, .slick-list, .slick-track, .slick-slide {
    margin-bottom: 0px;
    margin-top: 0px;
}

.slick-dots {
    top: 85%;
}

.slick-dots li button {
    width: 30px !important;
    height: 10px !important;
    box-shadow: 0px 1.81px 1.81px 0px #00000026 !important;
    background-color: #FFFFFF !important;
}

.slick-dots li.slick-active button, .slick-dots.slick-active li button, .slick-dots li.slick-active button:before, .slick-dots li.slick-active {
    background-color: #0AB8B6 !important;
    width: 55px !important;
}

.slick-dots li.slick-active button:before, .slick-dots li button:before {
    opacity: 0 !important;
}

.slick-dots li button:before, .slick-dots li {
    width: 30px !important;
    height: 9px !important;
}


.slick-dots li button {
    padding: 4px !important;
    height: 8px !important;
}


.slick-dots li button:before, .slick-dots li {
    width: 30px !important;
    height: 8px !important;
}

.slick-dots li.slick-active button:before, .slick-dots li button:before, .slick-dots li button:before:hover, .slick-dots li button:before {
    opacity: 0 !important;
}

.modal-dialog {
    border: 3px solid #292929 !important;
    border-radius: 0px !important;
}

.modal-dialog .close {
    color: #ECECEC !important;
    font-weight: 300 !important;
    opacity: 1 !important;
    font-size: xx-large !important;
}

.form-control {
    height: 40px;
}

.modal-content {
    background-color: #292929;
    padding: 25px;
}

.modal-header {
    border-bottom: none;
}

.modal-title {
    font-size: 28px;
    text-align: left;
    font-weight: 700;
}

.form-control {
    border-radius: 0px;
    border: 1px solid #fff;
}

label {
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px;
}

.modal-header {
    padding-bottom: 0px;
}

.modal-body .btn {
    width: 100%;
}

.about-company-pc li > strong {
    display:block;
    margin-bottom: 5px;
}

.about-company-pc ul {
    margin-bottom: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-35 {
    margin-bottom: 35px;
}

.panel-group .panel {
    border-radius: 0;
    border-color: initial;
    margin-bottom: 20px;
}

.panel-default>.panel-heading {
    color: rgba(236, 236, 236, 1);
    background-color: #1E1E1E;
    border-color: #1E1E1E;
}


.panel {
    background-color: initial;
}

.panel-as-text .panel-heading, .panel-as-text .panel-body {
    padding-left: 0px;
    padding-right: 0px;
}

.panel-as-text .panel-heading a:hover, .panel-as-text .panel-heading a:active, .panel-as-text .panel-heading a:focus {
    color: #00B5B2;
}

.panel-as-text ul {
    margin-bottom: 0px;
    padding-left: 25px;
}

.panel-as-text .panel-body ul li::marker {
    color: #1e1e1e !important;
}

.panel-as-text .panel-body {
    border: none !important;
    padding: 0px;
}

.panel-as-text .panel-title {
    font-size: unset;
}

.panel-group .panel-as-text{
    border: none;
}






.panel-group .panel-heading a.collapsed .token-collaps:after {
    content: "\f067";
}
.panel-group .panel-heading a .token-collaps:after {
    content: "\f00d";
    font-family: "Font Awesome 5 Pro";
    font-size: 25px;
    color: #fff;
    font-weight: 300;
    transition: all 0.3s ease-in-out 0s;
}

.panel-group .panel-heading .token-collaps {
    float: right;
}


.about-company-pc ul:last-child {
    margin-bottom: 0px !important;
}

.about-company-pc ul:last-child p {
    margin-bottom: 0px !important;
}



.blog-section .slick-next:be , .blog-section .slick-prev:before {
    font-size -large;
} 

.blog-section .slick-next {
    right: 5%;
    z-index: 666;
}

.blog-section .slick-prev {
    left: 4%;
    z-index: 666;
}

.blog-section .slick-slide {
    outline: none;
}

.blog-section blockquote {
  border-left: 10px solid #449d44;
}

.blog-section ol, .blog-section ul  {
    padding-left: 25px;
}

#block-advantages {
    padding: 0px;
}

#block-advantages .about-company-facts li {
    margin-top: 10px;
}

.about-company-facts-pc {
    padding-top: 25px;
    padding-bottom: 25px;
}

.about-company-facts-mobile {
    padding-top: 0px;
    padding-bottom: 0px;
}

.about-company-facts {
    background-color: #1E1E1E;
    padding: 55px 35px;
    margin-bottom:25px
}

.about-company-facts h3 {
    margin-top: 0px;
}

.card-with-image-company-fact {
    background-color: #1E1E1E;
    padding: 45px 25px;
    margin-bottom:25px
}

@media (min-width: 1560px) {
    .col-advantages-center .line-3, .col-advantages-center .line-4 {
        margin-bottom:0px
    }
    
    #cta-setction-phone-company .w-100 {
        width: 65% !important;
    }
}

.about-company-facts ol, .about-company-facts ul  {
    padding-left: 20px;
}

#accordion-facts-company .panel-as-text .panel-heading, #accordion-facts-company .panel-as-text .panel-body {
    padding: 25px 25px;
}

#accordion-facts-company .panel-body div.col-md-6 {
    width: 100%;
}

#accordion-facts-company .panel-as-text .panel-body ul li::marker {
    color: #00B5B2 !important;
}

#accordion-facts-company .panel-as-text ul {
    padding-left: 20px;
}

#accordion-facts-company .panel-as-text ul li {
    margin-bottom: 10px;
}

#accordion-facts-company .panel-default>.panel-heading {
    color: rgba(236, 236, 236, 1);
    background-color: #303030;
    border-color: #303030;
}

#accordion-facts-company .panel-body {
    background-color: #1E1E1E;
}


.mt-25 {
    margin-top: 25px;
}

.mtb-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}


.portfolio-section .slick-next {
    right: 6%;
}

.portfoliu-category .slick-next {
    right: 5%;
}

.portfolio-section .slick-prev {
    z-index: 999;
}

.portfolio-item-work {
    margin-bottom: 25px;
}

.portfolio-item-work .btn-success {
    background: none;
    color: #ECECEC !important;
    border: 2px solid #ECECEC !important;
    margin-bottom: 10px;
    line-height: normal;
}

.portfolio-item-work .btn:active, .portfolio-item-work .btn:focus {
    background: #151515 !important;
    color: #ECECEC !important;
}

.portfolio-item-work:hover .btn-success {
    color: #1E1E1E !important;
    background: #ECECEC !important;
}

.porftolio-main-page-placeholder div:nth-child(n+9) {
  display: none;
}

.portfolio-item-work .work-title {
    padding: 10px 15px;
    margin: 0 auto;
}

.portfolio-filters .equal-inputs {
    margin-bottom: 15px;
}

.portfolio-item-work .btn {
    margin-bottom: 10px;
}

.portfoliu-category #block-calc-cta {
    display:none;
}

.portfoliu-category .portfolio-item-work .btn{
    display: flex;
    justify-content: center;
    align-items: center;
}


.portfolio-section .tab-content>.tab-pane{
  display: block !important;
  height: 0px;
  overflow: hidden;
}

.portfolio-section .tab-pane.active{
  height: auto;
}

.portfolio-section .nav-tabs > li {
    float:none;
    display:inline-block;
    zoom:1;
    max-width: 13%;
}

.portfolio-section .nav-tabs {
    text-align:center;
}


.portfolio-section .nav>li>a {
    border: 2px solid #151515;
    background-color: #1E1E1E;
    border-bottom: 0px solid #ECECEC;
    border-radius: 0px;
    padding: 0 !important;
    margin: 0px 15px;
    
    text-align: left;
    
    transition: all 0.3s ease-in-out 0s;
}

.portfolio-section .nav>li>a:focus, .portfolio-section .nav>li>a:hover {
    border: 2px solid #ECECEC;
    background-color: #151515;
    border-bottom: 0px solid #ECECEC;
}

.portfolio-section .img-tab {
    max-width:65%;
    margin: 0 auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
    filter: alpha(opacity = 50);
    
    transition: all 0.3s ease-in-out 0s;
}

.portfolio-section .nav-tabs>li.active>a .img-tab, .portfolio-section .nav-tabs>li.active>a:focus .img-tab, .portfolio-section .nav-tabs>li.active>a:hover .img-tab, .portfolio-section .nav>li>a:focus .img-tab, .portfolio-section .nav>li>a:hover .img-tab {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
    filter: alpha(opacity = 100);
}


.portfolio-section .nav-tabs>li.active>a, .portfolio-section .nav-tabs>li.active>a:focus, .portfolio-section .nav-tabs>li.active>a:hover {
    background-color: initial;
    border: 2px solid #ECECEC;
    border-bottom: 4px solid #151515;
    margin-bottom: -2px;
}

.portfolio-section .nav-tabs {
    border-bottom: 2px solid #ECECEC;
}

.portfolio-item-work .work-title {
    max-width: 100%;
}

.row-subtitle-cat {
    margin-top: 35px;
    margin-bottom: 35px;
}

.portfolio-section .h2 {
    margin-bottom: 45px;
}



.pagination>li>a, .pagination>li>span {
    background-color: #FFFFFF;
    border: none;
    margin: 0px 5px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #1E1E1E !important;
    background-color: #00B5B2;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #1E1E1E !important;
    background-color: #00B5B2;
    border-color: #00B5B2;
}

.pagination>li>a, .pagination>li>span {
    color: #1E1E1E;
}

.pagination>li.disabled {
    display: none;
}

.param-work-title {
    margin-bottom: 5px;
}

.param-work-lnk, .param-work-lnk a, .param-work-lnk a:hover, .param-work-lnk a:focus {
    color: #FFFFFF !important;
}

.param-work-lnk a:hover, .param-work-lnk a:focus {
    color: #00B5B2 !important;
}


.slide-with-bg-current {
    background-position: center;
    background-repeat: no-repeat;
}

.slide-with-bg-current .backdrop-bg{
    backdrop-filter: blur(10px);
}


.materials-bar .navbar-nav>li {
    background: #1E1E1E;
}

.materials-bar .mini-navbar .navbar-nav>li>a:hover, .materials-bar .mini-navbar .navbar-nav>li:hover, .materials-bar .mini-navbar .navbar-nav>li:hover>a, .materials-bar .mini-navbar .navbar-nav>li.active>a:hover, .materials-bar .mini-navbar .navbar-nav>li.active:hover {
    background: #00B5B2;
    color: #1E1E1E;
}

.materials-bar .mini-navbar .navbar-nav>li.active, .materials-bar .mini-navbar .navbar-nav>li.active>a, .materials-bar .mini-navbar .navbar-nav>li.active>a:hover {
    background-color: #00B5B2 !important;
    color: #1E1E1E;
}

.materials-bar .navbar-nav>li>a:focus, .materials-bar .navbar-nav>li>a:hover {
    background: #00B5B2;
    color: #1E1E1E;
}

.mini-navbar .navbar-nav>li>a {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding: 0px;
}

.mini-navbar .navbar-nav>li {
    padding: 0px !important;
}

#block-how-orde-mobile {
    display: none;
}



.dropdown-menu {
    box-shadow: none;
    border-radius: 0 !important;
    border: 0;
}

.dropdown-menu {
    background-color: #1E1E1E;
}


.navbar-nav > li, .navbar-brand {
    display: table-cell;
    float: none;
    vertical-align: middle;
    text-align: center;
}

.navbar-nav>li {
    padding-top: 12px;
    padding-bottom: 9px;
}




@media (max-width: 1460px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    div.navbar-toggle {
        padding: 0;
        margin: 0;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    
    button.navbar-toggle {
        margin-left: 15px;
        font-size: 35px;
    }
}


@media (min-width: 768px) {
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        /*padding-left: 0px;*/
    }
}

.navbar-custom .navbar-nav li a {
    font-size: 16px !important;
}


.dropdown-menu {
	min-width: 300px;
	font-size: initial;
	padding: 20px 15px;
}
.dropdown-menu.columns-2 {
	min-width: 450px;
}
.dropdown-menu.columns-3 {
	min-width: 650px;
}
.dropdown-menu.columns-4 {
	min-width: 950px;
}
.dropdown-menu li {
	padding: 5px 15px;
	font-weight: 300;
}
.dropdown-menu.columns-1 li a, .dropdown-menu.columns-1 li strong {
    padding: 0px 15px;
    margin-bottom: 10px;
}
.multi-column-dropdown {
	list-style: none;
  margin: 0px;
  padding: 0px;
}
.multi-column-dropdown li a {
	display: block;
	clear: both;
	white-space: normal;
}
.dropdown-menu li a {
	font-size: 15px !important;
	font-weight: 500 !important;
}
.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #262626;
	background-color: #999;
}

.dropdown-menu strong.title-category {
    color: #00B5B2 !important;
}

.dropdown-menu a {
    color: #ECECEC;
}

/*
.navbar-custom .navbar-nav li a:hover, .navbar-custom .navbar-nav li a:focus, .navbar-custom .navbar-nav li a:active {
*/
.navbar-custom .navbar-nav li a:hover, .navbar-custom .navbar-nav .dropdown:hover > a {
    color: #00B5B2 !important;
}

.navbar-custom .navbar-nav li a:focus {
    color: #ECECEC;
}


.navbar-custom .nav>li>a:focus, .navbar-custom .nav>li>a:hover {
    background-color: inherit;
}

.multi-column-dropdown li a:hover {
    color: #00B5B2;
    background-color: inherit;
}

@media (max-width: 1460px) {
	#mobile-menu  .dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
	
	#mobile-menu-modal {
	    padding-right: 0px !important;
	}
	
	#mobile-menu .dropdown-menu li {
	    width: 100% !important;
	}
	
	#mobile-menu .dropdown-menu.multi-column .col-sm-3 {
	    width: 100% !important;
	}
	
	
	/*
	#mobile-menu-modal .submenu1:hover .dropdown-menu, #mobile-menu-modal .submenu1:active .dropdown-menu, #mobile-menu-modal .submenu1:focus .dropdown-menu, #mobile-menu-modal .submenu1.open .dropdown-menu {
	*/
	#mobile-menu-modal .submenu1.open .dropdown-menu {
	    position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        
	    width: 100%;
        display: block;
	}
	.logo-img-header {
        padding: 1% 0% 8% 2% !important;
    }
}

.kviz-incontent-block .quard {
    background-color: rgba(0, 0, 0, 0.55);
    padding: 5% 3%;
}

.kviz-incontent-block .block-step-kviz {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0AB8B6;
    padding: 20px 45px;
    text-align:center;
    
    font-weight: 700;
    color: #000000;

}

.kviz-incontent-block .mobile {
    display: none;
}

.kviz-incontent-block .only-pc {
    display: block;
}

.mt-35 {
    margin-top: 35px;
}

.btn-nw {
    font-weight: 600 !important;
}

#mobile-menu-modal .modal-dialog {
    padding: 0px;  
    margin: 0px;
    border: none !important;
}

#mobile-menu-modal .close {
    font-size: 46px !important;
}

#mobile-menu {
    position: relative;
    padding: 15px;
    margin-top: 5px;
}

#mobile-menu .navbar a.btn-outline-success {
    border: 1px solid #00B5B2;
}

#mobile-menu a.btn {
    border-radius: 0px;
    padding: 15px 10px !important;
}

#mobile-menu .btn {
    text-align: center;
    color: #1E1E1E !important;
    font-weight: 600;
}

#mobile-menu .btn-outline-success {
    border: 1px solid #00B5B2;
        color: #00B5B2 !important;
}

#mobile-menu-modal .modal-content {
    padding: 0px;
    min-height: 100vh;
}

#mobile-menu-modal .modal-footer {
    border-top: none !important;
}

#mobile-menu .navbar-nav {
    display: grid !important;
}

#mobile-menu a {
    color: #ECECEC !important;
    text-align: left;
}

#mobile-menu .dropdown-menu {
    padding: 15px 10px;
}

#mobile-menu .dropdown-menu li {
    font-weight: 400;
    padding-left: 5px;
    padding-bottom: 0px !important;
}

#mobile-menu .nav>li>a:focus, #mobile-menu .nav>li>a:hover {
    text-decoration: none;
    background-color: initial;
}

#mobile-menu .nav>li>a {
    padding: 0px 15px;
}

#mobile-menu .dropdown-menu li a, #mobile-menu .dropdown-menu li strong {
    font-size: large !important;
    font-weight: 400 !important;


    display: inline-block;
    width: 100%;
    margin: 0;
}

#mobile-menu .dropdown-menu li strong {
    font-weight: 700 !important;
}

#mobile-menu .multi-level {
    padding: 0px 10px;
}

#mobile-menu .dropdown-menu li strong {
    font-weight: 700 !important;
    margin-top: 15px;
    margin-bottom: 5px;
    display: block;
}

.navbar-brand .navbar-toggle {
    display: none;
}

.section-small-pdng {
    padding-top: 25px;
    padding-bottom: 25px;
}

.about-company-pc ul li {
    padding-bottom: 15px;
}

.navbar-custom .navbar-nav li a.btn-nw:hover, .navbar-custom .navbar-nav li a.btn-nw:focus, .navbar-custom .navbar-nav li a.btn-nw:active {
    color: #1E1E1E !important;
    background-color: #1EFFFB !important;
    color: #1E1E1E !important;
    border: 2px solid #1EFFFB !important;
}

@media (max-width: 576px) {
    #section-cta-designer {
        padding: 0 !important;
    }
}    

#block-calc-cta {
    padding: 0px 15px !important;
    padding-bottom: 15px !important;
}

section .h2 {
    margin-bottom: 35px;
}
    
.modal.fade:not(.in).right .modal-dialog {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
}

/*

    Смена расположения блоков

*/
@media (max-width: 772px) {
    /*
        Страница метариала
    */
    body.type-material {
        display:flex;
        flex-flow: column;
    }
    body.type-material #undefined-sticky-wrapper {
        order:1;
    }
    body.type-material .materials-bar {
        order:2;
    }
    body.type-material .section-breadcrumbs {
        order: 3;
    }
    body.type-material .home-screen {
        order: 4;
    }
    body.type-material .sectyiio-content {
        order: 5;
    }
    body.type-material .portfolio-section {
        order: 6;
    }
    body.type-material #block-advantages {
        order:7;
    }
    body.type-material #section-cta-designer {
        order:8;
    }
    body.type-material #block-how-orde-mobile {
        order: 9
    }
    body.type-material #block-calc-cta {
        order: 10
    }
    
    body.type-material #block-about {
        order: 11
    }
    body.type-material .section-contacts-map {
        order:12;
    }
    body.type-material #block-reviews {
        order: 13
    }
    body.type-material footer {
        order: 9999
    }
    
    
    
    
}  

@media (max-width: 768px){
    /*
        Главная страница
    */
    #main-page {
        display:flex;
        flex-flow: column;
    }
    #main-page #undefined-sticky-wrapper {
        order:1;
    }
    #main-page .home-screen {
        order: 1;
    }
    #main-page .sectyiio-content {
        order: 3;
    }
    #main-page .portfolio-section {
        order: 3;
    }
    #main-page #block-advantages {
        order: 4;
    }
    #main-page #block-how-order {
        order: 5;
    }
    #main-page #block-how-orde-mobile {
        order: 5
    }
    
    #main-page #block-calc-cta {
        order: 6
    }
    #main-page #block-about {
        order: 7
    }
    #main-page .section-contacts-map {
        order:8;
    }
    #main-page #block-reviews {
        order: 9
    }
    
    #main-page footer {
        order: 9999
    }
}
    
    
@media (max-width: 1199px){
    /*
        Страница примера работы
    */
    #page-portfolio-item {
        display:flex;
        flex-flow: column;
    }
    #page-portfolio-item #undefined-sticky-wrapper {
        order:1;
    }
    #page-portfolio-item .section-breadcrumbs {
        order: 1;
    }
    #page-portfolio-item #main-work-section {
        order: 2;
    }
    #page-portfolio-item #block-calc-cta {
        order: 3
    }
    #page-portfolio-item #block-advantages {
        order: 4;
    }
    #page-portfolio-item #block-advantages {
        order: 4
    }
    
    
    #page-portfolio-item #section-cta-designer {
        order:5;
    }
    
    #page-portfolio-item #block-how-order {
        order: 5;
    }
    #page-portfolio-item #block-how-orde-mobile {
        order: 5
    }
    #page-portfolio-item #block-about {
        order: 7
    }
    #page-portfolio-item .section-contacts-map {
        order:8;
    }
    #page-portfolio-item #block-reviews {
        order: 9
    }
    
    #page-portfolio-item #cta-setction-phone-company {
        order: 10
    }
    
    #page-portfolio-item footer {
        order: 9999
    }
}
    
@media (max-width: 768px){
    /*
        Страница примера работы
    */
    #page-portfolio-item {
        display:flex;
        flex-flow: column;
    }
    #page-portfolio-item #undefined-sticky-wrapper {
        order:1;
    }
    #page-portfolio-item .section-breadcrumbs {
        order: 1;
    }
    #page-portfolio-item #main-work-section {
        order: 2;
    }
    #page-portfolio-item #block-advantages {
        order: 4;
    }
    
    #page-portfolio-item #section-cta-designer {
        order:5;
    }
    
    #page-portfolio-item #block-how-order {
        order: 5;
    }
    #page-portfolio-item #block-how-orde-mobile {
        order: 5
    }
    
    
    #page-portfolio-item #block-calc-cta {
        order: 6
    }
    
    #page-portfolio-item #block-about {
        order: 7
    }
    #page-portfolio-item .section-contacts-map {
        order:8;
    }
    #page-portfolio-item #block-reviews {
        order: 9
    }
    
    #page-portfolio-item #cta-setction-phone-company {
        order: 10
    }
    
    #page-portfolio-item footer {
        order: 9999
    }
}
    
    
    
.section-breadcrumbs .h1 {
    padding-bottom: 35px;
}

.navbar-brand {
    padding-right: 0px;
}



@media (min-width: 1560px) {
    .portfolio-item-work .slick-dots, .portfolio-item-work .slick-prev, .portfolio-item-work .slick-next {
        display: none !important;
    }
    
    .portfolio-item-work:hover .slick-dots, .portfolio-item-work:hover .slick-prev, .portfolio-item-work:hover .slick-next {
        display: block !important;
    }
    
    .portfolio-item-work .work-title {
        max-width: 80%;
    }
}

@media (min-width: 720px) {
    .breadcrumbs a, .breadcrumbs span {
        font-family: Inter;
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
    }
}



@media (max-width: 1150px) {
    .blog-section .article-page-container, .blog-section .block-article, .blog-section .block-space, .blog-section .block-sidebar {
        display: flex;
        max-width: 100%;
        align-content: center;
        justify-content: center;
        flex-direction: column;
    }
    
    #pdopage > .container-fluid {
        padding: 0px;
    }
    
    body.blog .about-company-facts-pc {
        padding-bottom: 0px;
    }
    
    #block-how-order {
        padding-top: 0px;
    }
    
    .blog-section .block-article {
        display: flex;
        order: 3;
        width: 100%;
    }
    
    .blog-section .block-space {
        display: flex;
        order: 999;
        display: none;
    }
    
    .blog-section .block-sidebar {
        display: flex;
        order: 1;
        width: 100%;
    }
    
    .blog-section .article-slider {
        display: block;
        max-width: 100%;
    }
    
    .blog-section .container-fluid {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .rubriks li {
        margin-bottom: 10px;
        width: 50%;
        float: left;
        padding-right: 15px;
    }
    
    .populars-articles .col-lg-12 {
        width: 50% !important;
    }
    
    .vertical-content {
        display: flex;
    }
}

@media (min-width: 1560px) {
    .hidden-lg {
        display: inherit !important;
    }

    .hidden-xxl {
        display: none !important;
    }
    
    .portfoliu-category .portfolio-item-work .btn{
        /*padding: 12px 0px;*/
    }
    
    .home-screen h1 {
        margin: 15px 0px !important;
    }
    
    .section-breadcrumbs .h1 {
        font-size: 96px !important;
        font-weight: 700 !important;
        line-height: 96px !important;
    }
}

@media (max-width: 992px) {
    .section-breadcrumbs .h1 {
        padding-bottom: 15px;
    }
    
    .section-questions-botom {
        padding: 50px 25px !important;
    }

    .rubriks li {
        width: 100%;
        float: initial;
    }
    
    .vertical-content {
        display: flex;
    }
    
    .portfoliu-category #block-calc-cta {
        display:block;
    }
    
    
    /*
        font-size => height koeff 1.5
    */
    
    h1, .h1 {
		font-size: 54px !important;
        line-height: 48px !important;
	}
	h2, .h2 {
		font-size: 46px !important;
        line-height: 57px !important;
	}
	h3, .h3 {
		font-size: 24px !important;
        line-height: 31px !important;
        margin-bottom: 15px;
	}
	body, p, li {
	    font-size: 16px !important;
        line-height: 25px !important;
	}
    
    .porftolio-main-page-placeholder .portfolio-item-work .slick-active img {
        width: 100%;
    }
    
    .home-screen h1 {
        margin: 5px 0px !important;
    }
    
    .step-work-row .logog {
        max-width: 80% !important;
    }
}

@media (max-width: 772px) {
    
    h1, .h1 {
		font-size: 34px !important;
        line-height: 30px !important;
	}
	h2, .h2 {
		font-size: 32px !important;
        line-height: 32px !important;
	}
	h3, .h3 {
		font-size: 24px !important;
        line-height: 30px !important;
	}
	body, p, li {
	    font-size: 16px !important;
        line-height: 25px !important;
	}
	
	
    .blog-section .populars-articles {
        display: none;
    }
    
    #block-how-order {
        display: none;
    }
    
    #block-how-orde-mobile {
        display: block;
        padding-top: 40px;
        padding-bottom: 30px;
    }
    
    .kviz-incontent-block .mobile {
        display: block;
    }
    
    .kviz-incontent-block .only-pc {
        display: none;
    }
    
    .kviz-incontent-block .block-step-kviz {
        display: none
    }
    
    #mainPageFirstSampleScreenKviz {
        background: #303030 !important;
    }
    
    .kviz-incontent-block .quard {
        background-color: initial;
    }
}

@media (max-width: 676px) {
    .rubriks {
        padding: 25px 25px;
    }
	
	
	
	/*
	.header-btns .navbar-toggle {
        display: none;
    }
    */
    
    .logo-img-header {
        padding: 1% 0% 8% 2% !important;
    }
    
    .blog-article #block-how-orde-mobile {
        display: none !important;
    }
}

@media (max-width: 1460px) {
    .navbar-brand {
	    width: 100%;
	   margin-bottom: 5px;
	}
	
    
    .navbar-brand {
        text-align: left;
    }
}



.section-contacts-map li.li-hidden::marker {
    color: #151515 !important;
}

@media (max-width: 1460px) {
    .header-btns {
        width: 100%;
    }
    
    .header-btns .btn-nw {
        min-height: 54px;
        width: 100% !important;
        display: inline-flex !important;
        align-items: center !important;
    }
    
	.header-btns .navbar-right {
	    display: flex !important;
        margin-right: 0px !important;
        padding: 0px 15px !important;
	}
	
	.header-btns .navbar-right li {
	       width: 50% !important;
	}
	
	.navbar-brand .navbar-toggle {
        display: block !important;
        margin: 0px !important;
        padding: 0px !important;
    }
}




@media (min-width: 676px) {
    .reviews-ocenka-block {
        justify-content: initial;
        flex-direction: initial;
    }
    
    .reviews-ocenka-block .ya-logo {
        margin-right: 45px;
    }
    
    .reviews-ocenka-block .rate-ocenka {
        margin-right: 25px;
        font-size: 64px;
        margin-bottom: initial;
    }
    
    .reviews-ocenka-block .rate-stars {
        text-align: left;
    }
}


@media (max-width: 992px) {

    .about-company-pc {
        display: none;
    }
    
    .about-company-facts-pc {
        display: none;
    }
    
    .about-company-integers-block .btn-success {
        display: none;
    }
    
    
    .about-company-mobile {
        display: block;
    }
    
    .about-company-facts-mobile {
        display: block;
    }
    
    .vertical-content {
        display: block;
    }
    
    .section-cta {
        padding: 25px 25px;
    }
    
    .porftolio-main-page-placeholder div:nth-child(n+9) {
      display: none !important;
    }
    
    .porftolio-main-page-placeholder div:nth-child(n+7) {
         display: none;
    }
    
    .portfolio-section .img-tab {
        max-width: 80% !important;
    }
}

@media (min-width: 992px) {
    .contacts-map-content {
        padding-left: 25px;
    }
    
    .about-company-mobile {
        display: none;
    }
    
    .about-company-facts-mobile {
        display: none;
    }
    
    .about-company-pc {
        display: block;
    }
    
    .about-company-facts-pc {
        display: block;
    }
    
    .row-subtitle-cat {
        margin-top: 55px !important;
        margin-bottom: 45px !important;
    }
}


@media (min-width: 1460px) and (max-width: 1600px) {
    #headerMenuCenteredPC li a {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 14px !important;
    }
}

@media (max-width: 676px) {
    .header-btns {
        width: 100%;
    }
}

@media (max-width: 350px) {
    .call-back-block {
        display:none !important;
    }
    .btn-kviz {
        padding-right: 15px;    padding-left: 15px;
    }
}


@media (max-width: 1560px) {
    .porftolio-main-page-placeholder div:nth-child(n+9) {
      display: block;
    }
    
    .porftolio-main-page-placeholder div:nth-child(n+10) {
      display: none;
    }
    
    .portfolio-section .nav-tabs > li {
        max-width: 20%;
    }
    
    .portfolio-section .img-tab {
        max-width:55%;
    }
}


@media (max-width: 520px) {
    .home-screen h1 {
        font-size: 66px !important;
        line-height: 62px !important;
    }
}


.navbar-custom {
    background-color: rgba(21, 21, 21, 0.7) !important;
    backdrop-filter: blur(30px);
}

#headerMenuCenteredPC li a {
    font-weight: 400 !important;
}

@media (min-width: 768px) {
    #headerMenuCenteredPC>li {
        display: inline-block;
        margin: 0 auto;
    }
}







@media (max-width: 1460px) {
    .navbar-custom .navbar-nav li a:active {
        color: #00B5B2 !important;    
    }
    
    .navbar-custom .navbar-nav li a:focus {
        color: #00B5B2 !important;
    }
}
#mobile-menu .dropdown.open, #mobile-menu-modal .submenu1.open {
    background-color: #353535;
}

@media (min-width: 1461px) {
    #mobile-menu .dropdown.open, #mobile-menu-modal .submenu1:hover, #mobile-menu-modal .submenu1:active, #mobile-menu-modal .submenu1:focus, #mobile-menu-modal .submenu1.open {
        background-color: #353535;
    }
}

.backdrop-dark {
    display: block;
  position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: black;
   opacity: 0.8;
   z-index:1;
}

#mobile-menu .header-btns-mobile .btn, 
#workNeighbors .btn,
.portfolio-item-work .btn-success,
.header-btns .btn-nw, .right-subn-title {
    display: flex;
    justify-content: center;
    align-items: center;
}

.row-like-work {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.dropdown-menu {
    animation: none !important;
}

select.form-control option:hover,
select.form-control option:focus,
select.form-control option:active,
select.form-control option:checked {
    color: #00B5B2 !important;
    font-weight: bold;
}



select.form-control:has(option:checked:not([value=""])) {
    color: #00B5B2 !important;
    font-weight: bold;
}

select.form-control option:not(:checked) {
    color: initial;
    font-weight: initial;
}



@media (min-width: 768px) {
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 768px) {
    #accordion-facts-company .panel-as-text .panel-title strong {
        display: inline-block;
        max-width: 92%;
        word-wrap: break-word;
        word-break: break-word;
    }
    
    .h4, h4 {
        font-size: 18px !important;
    }
}

.btn-lg {
    padding: 12px 30px;
    
    font-family: Inter;
    font-size: 24px;
    font-weight: 600;
    line-height: 30.8px;
    text-align: center;

}


.home-header-2-content p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
}

#mainPageFirstSampleScreenKviz .kviz-radio-label, #mainPageFirstSampleScreenKviz .kviz-check-label {
    margin-bottom: 15px;
}

#home-screen .btn, #block-advantages .btn, #block-about .btn {
    font-size: 24px;
    font-weight: 600;
}

.portfolio-section .btn {
    font-size: inherit !important;
}


html{

    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

body
{
width: 100%;
max-width: 100%;
overflow-x: hidden;
}

.photo-slide-3 .another-photos-placeholder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: " ";
    display: none;
}

.slick-active .photo-slide-3 .another-photos-placeholder {
    display: block !important;
}


.footer {
    padding-top: 55px;
    padding-bottom: 55px;
}


.social-circle {
    margin: 28px 0 25px 0;
}

footer .list-inline>li {
    padding-right: 0px;
    padding-left: 24px;
}

footer .list-inline>li a > i {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;

}

footer .list-inline>li:first-child {
    padding-left: 0px;
}

.section-contacts-map {
    padding-top: 64px;
    padding-bottom: 98px;
}

.section-contacts-map .kod-carta img {
    border: 2px solid rgba(255, 255, 255, 1)
}

@media (max-width: 1559px) {
    .section-contacts-map .kod-carta {
        text-align: center !important;
        margin-bottom: 70px;
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    .section-contacts-map .equal-col-block {
        padding-right: 15%;
        padding-left: 15%;
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .section-contacts-map .equal-col-block {
        padding-right: 22%;
        padding-left: 22%;
    }
}

.section-contacts-map h3 {
    padding-top: 0px;
    padding-bottom: 64px;
    margin-bottom: 0px;
}

.section-contacts-map p.sub-title-block {
    font-size: 24px !important;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 40px;
}

.section-contacts-map .other-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;

}

.section-contacts-map .middle-text {
    font-size: 24px !important;
    font-weight: 700;
    line-height: 22px;
}

.section-contacts-map li.middle-text {
    margin-bottom: 5px;
}

.section-contacts-map .bottom-content {
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
    margin-top:50px;
    margin-bottom: 0px;
}


.section-breadcrumbs {
    padding: 49px 0px;
    padding-bottom: 45px
}

.section-breadcrumbs .breadcrumbs{
    margin-top: 25px;
}

@media (min-width: 992px) {
    .template-13 .section-breadcrumbs h1 {
        padding-right: 15%;
    }
}


@media (max-width: 773px) {
    .template-13 .step-work-row .logog {
        margin-bottom: 35px !important;
    }
}
.template-13 #block-sale {
    padding-top: 0px;
    padding-bottom: 60px;
}

.template-13 .step-work-row:first-child {
    margin-top: 0px !important;
}

.template-13 .step-work-row .h3 {
    margin-top: 0px !important;
    margin-bottom: 24px;
}

.template-13 .step-work-row {
    margin-bottom: 64px;
}

.template-13 .step-work-row:last-child {
    margin-bottom: 0px;
}


.sales-block-aboutcompany {
    padding-top:74px !important;
    padding-bottom:71px !important;
}

.sales-block-aboutcompany h3 {
    margin-top: 0px;
    margin-bottom: 48px;
}

.sales-block-aboutcompany .about-sale-tech-content p {
    font-size: 16px !important;
    font-weight: 400;
    line-height: 21.6px !important;
}

#block-back {
    padding-bottom: 80px;
}

#block-about {
    padding-top: 64px;
    padding-bottom: 90px;    
}

#block-about h3.h2 {
    margin-top: 0px;
    margin-bottom: 40px;
}

#block-about p.h4 {
    margin-top: 0px;
    margin-bottom: 62px;
    
    font-size: 18px;
    font-weight: 500;
    line-height: 24.3px;

}

.about-company-integers-block strong.h2 {
    font-family: Neue Machina;
    font-size: 56px;
    font-weight: 700;
    line-height: 50.4px;
    text-align: right;
    display: block;
    margin-top: 0;
    margin-bottom:20px;
}

#block-about .panel-default>.panel-heading {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;

}

#cta-setction-phone-company {
    padding-top: 95px;
    padding-bottom: 95px;
}

#cta-setction-phone-company .phone-number-h1 {
    font-family: Neue Machina;
    font-size: 32px !important;
    font-weight: 700;
    line-height: 43.2px !important;
    text-align: center;
    margin-bottom: 48px;
}


#block-how-order {
    padding-top: 48px;
    padding-bottom: 73px;
}

#block-how-order h3.h2 {
    margin-top: 0px;
    margin-bottom: 50px;
}

#block-how-orde-mobile h3.h2 {
    margin-top: 0px;
    margin-bottom: 20px;
    
    padding-left: 15%;
    padding-right: 15%;
    
    font-family: Neue Machina;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

#block-how-orde-mobile .nav-pills a {
    font-family: Neue Machina;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    padding: 26px 0;
}

#block-how-orde-mobile .tab-data p.h4 {
    margin-top: 0px;
    margin-bottom: 15px;
}

#block-how-orde-mobile .tab-data .desc {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 18.2px;
}

#block-how-orde-mobile .tab-data p.h4 > strong {
    font-family: Inter;
    font-size: 18px;
    font-weight: 700;
    line-height: 23.4px;
    text-align: left;
}

#block-reviews {
    padding-top: 64px !important;
    padding-bottom: 45px !important;
}

#block-reviews .review-item {
    margin-bottom: 0px;   
}

#block-reviews h3.h2 {
    font-family: Neue Machina;
    font-size: 46px;
    font-weight: 700;
    line-height: 57.5px;
    margin-top: 0px;
    margin-bottom: 45px;
}

#block-reviews .reviews-ocenka-block {
    margin-top: 0px;
    
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.review-item .author-fio > strong {
    font-family: Inter;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 19.5px !important;
}

.review-item .author-fio, .review-item .review-date {
    margin-bottom: 12px;
}

.review-item .review-date > strong {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500 !important;
    line-height: 14px;
}

.review-item .review-text {
    font-family: Inter !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 21.6px !important;
}

.review-item .review-date {
    line-height: 14px;
}

#section-cta-designer {
    padding-top: 125px;
    padding-bottom: 125px;
}

#section-cta-designer h3 {
    margin-bottom: 25px;
}

#section-cta-designer .subtitle {
    font-family: Inter !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 26px !important;
    
    margin-bottom: 25px;
}

#section-cta-designer ul.list-galoch li {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
}

#section-cta-designer  .header-form p.h3 {
    font-family: Neue Machina;
    font-size: 32px;
    font-weight: 700;
    line-height: 41.6px;
    
    margin-top: 0;
    margin-bottom: 25px;
}

#section-cta-designer .form-group {
    margin-bottom: 20px;
}

#pdopage .article-page-container h1.h2 {
    margin-top: 0px;
}

#pdopage .article-page-container .articale-desc-text > p {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.6px;
}

.rubriks a {
    font-family: Inter;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 24.3px !important;
    text-decoration: underline !important;
}

.populars-articles a {
    text-decoration: none !important;
}

.navbar-custom {
    padding: 15px 0px;
}

.template-37 .rassrochka-cta {
    padding: 95px 0;
}

.template-37 .rassrochka-cta .quard {
    padding: 45px 64px;
}

.template-37 .rassrochka-cta .quard  .h2 {
    line-height: 57px;
    padding-bottom: 15px;
}

.template-37 .rassrochka-cta .quard .h3 {
    font-family: Neue Machina;
    font-size: 36px !important;
    font-weight: 700;
    line-height: 46.8px;
}

.template-37 .rassrochka-cta .list-galoch li {
    font-family: Inter;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 22px;
}

@media (max-width: 772px) {
    .template-37 .rassrochka-cta {
        padding: 0px 0;
    }
    
    .template-37 .rassrochka-cta > .container {
        max-width: 100% !important;
    }
    
    .template-37 .rassrochka-cta .quard .h3 {
        font-size: 24px !important;
        line-height: 31.2px;
    }
    
    .template-37 .rassrochka-cta .quard  .h2 {
        line-height: 32px;
    }

    
    .article-stat {
        font-size: 16px;
        line-height: 21px;
        padding-bottom: 20px;
    }

    .rubriks a {
        font-family: Inter;
        font-size: 14px;
        font-weight: 500;
        line-height: 18.9px;
    }
    
    
    .review-item .review-text {
        font-size: 14px !important;
        line-height: 18.9px !important;
    }
    
    #section-cta-designer .subtitle {
        font-family: Inter;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 21.6px !important;
    }

    #block-reviews h3.h2 {
        margin-bottom: 10px;
    }
    
    #block-reviews {
        padding-top: 29px !important;
        padding-bottom: 35px !important;
    }
    
    #cta-setction-phone-company .phone-number-h1 {
        font-size: 20px !important;
        line-height: 27px !important;
        margin-bottom: 24px;
    }

    .panel-default .panel-body p, .panel-default .panel-body li {
        font-size: 14px;
        font-weight: 400;
        line-height: 18.2px;
    }
    
    .btn-lg {
        padding: 7px 15px;
        
        font-family: Inter;
        font-size: 14px;
        font-weight: 600;
        line-height: 30.8px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }
    
    #block-about .int-3 p.h4, #block-about .int-4 p.h4 {
        margin-bottom: 0px !important;
    }

    #block-about p.h4 {
        margin-bottom: 32px;
        font-size: 15px !important;
        font-weight: 500;
        line-height: 20.25px !important;
    }
    
    #block-about .panel-default>.panel-heading {
        font-size: 16px;
        font-weight: 600;
        line-height: 20.8px;
    }
    
    
    
    .about-company-integers-block strong.h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 36px;


        margin-bottom:7px;
    }

    #block-about h3.h2 {
        margin-bottom: 19px;
    }
    
    #block-back {
        padding-bottom: 47px;
    }
    
    .template-13 .step-work-row {
        margin-bottom: 40px;
    }
    
    .sales-block-aboutcompany .about-sale-tech-content p, .template-13 .step-work-row .item-step-desc p, .template-13 .step-work-row .item-step-desc li {
        font-size: 14px !important;
        line-height: 19px !important;
    }
    
    .template-13 .step-work-row .logog {
        margin-bottom: 40px !important;
    }
    
    .sales-block-aboutcompany h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 16px;
    }
    
    .sales-block-aboutcompany {
        padding-top:34px !important;
        padding-bottom:33px !important;
    }

    .section-breadcrumbs {
        padding: 20px 0px;
        padding-bottom: 32px
    }
    
    .section-contacts-map .kod-carta {
        margin-bottom: 24px;
    }
    
    .section-contacts-map .bottom-content {
        font-size: 14px !important;
        line-height: 22.4px !important;
        margin-top:32px;
    }

    .section-contacts-map p.sub-title-block {
        font-size: 16px !important;
        margin-bottom: 32px !important;
    }
    
    .section-contacts-map .middle-text {
        font-size: 20px !important;
    }

    .section-contacts-map li.middle-text {
        margin-bottom: 0px !important;
    }

    .section-contacts-map {
        padding-top: 29px;
        padding-bottom: 29px;
    }

    .section-contacts-map h3 {
        margin-top: 0px !important;
        padding-bottom: 29px;
        padding-left: 5%;
        padding-right: 5%;
    }
    
    .container-fluid {
        padding-right: 16px;
        padding-left: 16px;
    }
    
    footer p, footer a {
        font-size: 11px;
        font-weight: 400;
        line-height: 22px;
        text-align: center;
    }
    
    .template-13 section {
        padding: 0px 10%;    
    }
    
    #block-about {
        padding-top: 34px;
        padding-bottom: 24px;    
    }
    
    #section-cta-designer {
        padding: 25px 25px !important;
    }
    
    #section-cta-designer .home-wrapper-old {
        padding: 0% 0% !important;
    }
}

@media (min-width: 773px) and (max-width: 991px) {
    
    #cta-setction-phone-company .phone-number-h1 {
        margin-bottom: 24px;
    }
    
    #section-cta-designer {
        padding-top: 155px;
        padding-bottom: 155px;
    }
    
    #section-cta-designer .home-wrapper-old {
        padding: 0px;
    }

    
    .btn-lg {
        padding: 7px 15px;
        
        font-size: 16px;
        font-weight: 600;
        line-height: 30.8px;
    }
    
    
    .template-13 section {
        padding: 0px 10%;    
    }
    
    .template-13 .section-breadcrumbs h1 {
        font-size: 54px;
        line-height: 48.6px;
    }
    .container-fluid {
        padding-right: 32px;
        padding-left: 32px;
    }
    
    footer p, footer a {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: center;
    }
    
    .sales-block-aboutcompany {
        padding-top:50px !important;
        padding-bottom:46px !important;
    }

    #block-back {
        padding-bottom: 80px;
    }
    
    #block-about {
        padding-top: 60px;
        padding-bottom: 60px;    
    }
    
    #block-about h3.h2 {
        margin-bottom: 32px;
    }
    
    #block-about p.h4 {
        margin-bottom: 54px;
    }
    
    .about-company-integers-block strong.h2 {
        font-size: 56px !important;
        line-height: 50.4px !important;
        
        margin-bottom:20px;
    }
}

@media (min-width: 992px) and (max-width: 1679px) {
    .template-13 .section-breadcrumbs h1 {
        font-size: 76px;
        line-height: 76px;

    }
    
    #block-how-order {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    
    #block-about {
        padding-top: 77px;
        padding-bottom: 77px;    
    }
    
    #block-about .left-pdng {
        padding-left: 20%;
    }
}

@media (min-width: 1680px) {
    .template-13 .step-work-row .h3 {
        margin-bottom: 48px !important;
    }
    
    #block-about .left-pdng {
        padding-left: 30%;
    }
    
    .blog-article-row {
        padding-right: 20%;
    }
}