@media (max-width: 480px) {
body {overflow-x: hidden;}
}

.wp-block-heading {color: #000 !important; height: auto !important;}
.feedback___checkbox--block {margin: 17px 0px; position: relative; line-height: 12px;}
.feedback___checkbox--block .wpcf7-list-item {margin: 0 4px 0 0px !important;line-height: 12px;}
.feedback___checkbox--block p {width: 100% !important; max-width: 100% !important; text-align: left !important; line-height: 12px;}
.feedback___checkbox--block .wpcf7-not-valid-tip {position: absolute; bottom: -17px;}

.feedback___checkbox--block  a {font-size: 10px;  font-weight: normal;  letter-spacing: normal;text-transform: uppercase; text-decoration: underline; }
.only_mobile--max {display: none}

@media (max-width: 768px) {
.only_mobile--max {display: block}
}

@media (max-width: 940px) {
.feedback___checkbox--block {max-width: 380px;}
.feedback___checkbox--block  a {display: inline-block; position: relative; line-height: 12px;}
.feedback___checkbox--block .wpcf7-not-valid-tip {position: absolute; bottom: -27px;}
#contact-1 .card.large-padding {padding: 20px !important}
}

@media (max-width: 420px) {
.feedback___checkbox--block p {font-size: 8px; line-height: 10px;}
.feedback___checkbox--block span {font-size: 8px;}
.feedback___checkbox--block  a {font-size: 8px;  line-height: 10px;}
}

.content .privacy__left {text-align: left !important;}



.full-screen-section {min-height: 0px !important}
h1 {font-size: 24px !important; color: #dedede  !important; }
h2 {font-size: 27px; text-transform: uppercase; line-height: 120%; margin-bottom: 37px;}

.header-buttons-wrapper .button {background-color: transparent !important; border-color: #dedede !important; color: #dedede !important}
.header-subtitle {font-size: 18px !important; padding-bottom: 17px; color: #dedede !important;}

.navigation-bar.homepage {border-bottom: solid 1px rgba(255, 255, 255, 0.177)}

ul.dropdown-menu > li > a {font-size: 12px;}
.shadow-large {box-shadow: 0 0px 0px 0 rgba(0,0,0, 0), 0 0px 0px rgba(0,0,0,0);}


.button.round {border-radius: 7px;}


#about-1 .section-title-col {max-width: 100% !important; margin: 0px !important; width: 100% !important; flex-basis: 100%;}
#about-1 h5 {font-size: 14px !important; text-align: left; margin-bottom: 27px; font-weight: bold; text-transform: uppercase; line-height: 150%}
#about-1 .section-title-col p.lead {text-align: left;}
#about-1 .text-center {text-align: left !important}
#about-1 .col-sm-7 img {border-radius: 17px;}


#about-1, #features-1, #counters-1, #counters-1 {background-color: #fff !important}
#content-2, #overlappable-1, #clients-2, #content-1, #team-1  {background-color: #f2f2f2 !important}


#features-1 .card.bordered.y-move {min-height: 300px; background: #fff; box-shadow:0 10px 20px rgba(189,189,189,.19),0 6px 6px rgba(189,189,189,.23)}

#content-1 {padding-bottom: 0px !important; margin-bottom: -7px;}
#content-2 {padding-bottom: 0px !important; margin-bottom: -37px;}
#content-2 h2 {margin-bottom: 7px;}

#content-2 .col-sm-9 {position: relative;}
#content-2 .col-sm-9::after {display: block; position: absolute; bottom: -7px; left: 50%; transform: translate(-50%); width: 77px; height: 3px; background: #000;}

#clients-2 .section-title-col {position: relative;}
#clients-2 .section-title-col h2 {display: block; position: relative;}
#clients-2 .section-title-col h2::after {content: ''; display: block; position: absolute; bottom: -17px; left: 50%; transform: translate(-50%); width: 77px; height: 3px; background: #000;}
#clients-2 h2 {margin-bottom: 77px;}
#clients-2 h2 {margin-top: 37px;}

#features-1 .section-title-col {position: relative;}
#features-1 .section-title-col h2 {display: block; position: relative;}
#features-1 .section-title-col h2::after {content: ''; display: block; position: absolute; bottom: -17px; left: 50%; transform: translate(-50%); width: 77px; height: 3px; background: #000;}

#counters-1 .section-title-col {position: relative;}
#counters-1 .section-title-col h2 {display: block; position: relative;}
#counters-1 .section-title-col h2::after {content: ''; display: block; position: absolute; bottom: -17px; left: 50%; transform: translate(-50%); width: 77px; height: 3px; background: #000;}


#team-1 .section-title-col h2 {display: block; position: relative;}
#team-1 .section-title-col h2::after {content: ''; display: block; position: absolute; bottom: -17px; left: 50%; transform: translate(-50%); width: 77px; height: 3px; background: #000;}


#about-1 h2 {display: block; position: relative; margin-bottom: 57px;}
#about-1 h2::after {content: ''; display: block; position: absolute; bottom: -17px; left: 0%; transform: translate(0%); width: 77px; height: 3px; background: #000;}


#content-1 h2 {display: block; position: relative; margin-bottom: 57px;}
#content-1 h2::after {content: ''; display: block; position: absolute; bottom: -17px; left: 0%; transform: translate(0%); width: 77px; height: 3px; background: #000;}


#cta-1 {background-position: center center !important;}

#overlappable-1 h5.font-400 {font-weight: bold; letter-spacing: normal;}
#overlappable-1 i.fa.icon {background-color: #0b0c36; color: silver; font-size: 2.5rem;}
.shadow-large-black {box-shadow: none !important}

#features-1 i.fa.icon {background-color: #0b0c36; color: silver; border-color: #000; }

#overlappable-1 .spaced-cols > div {margin-bottom: 47px;}
#about-1 .overlay-box-offset.offset-border.shadow-medium.border-color1.hide-xs {display: none}
#about-1 .col-xs.bottom-xs.flexbox.image-group-bottom-3-img {display: none}

#clients-2 {padding-bottom: 77px;}
.logo__image--block {display: flex; height: 227px; margin-top: -177px; margin-bottom: 27px;}
.logo__image--block img {max-width: 227px; margin: auto;}


#features-1 {padding-bottom: 127px;}
#counters-1 {padding-bottom: 97px; padding-top: 87px;}
#counters-1 .section-title-col p {margin: 57px 0px;}

#team-1 .section-title-col p {margin: 57px 0px 0px 0px;}
#features-1 .section-title-col p {margin: 57px 0px;}

#content-1 p {padding-bottom: 57px; color: #050821;}
#content-1 img {max-width: 480px; float: right;}

.yandex__captcha--container {max-width: 420px; margin: 17px 0px;}
.feedback___buttons--block {display: flex; align-items: center; justify-content: space-between; margin: 17px 0px; flex-wrap: wrap;}
.feedback___buttons--block::before, .feedback___buttons--block::after {display: none !important}
.feedback___buttons--block p {padding: 0 !important}

@media (max-width: 480px) {
.yandex__captcha--container {max-width: 100%; overflow: hidden; min-width: 0px !important;}
}

#portfolio-1 h2 {color: #000 !important}
#portfolio-1 h5 {text-transform: uppercase; font-size: 14px !important;}
#portfolio-1 a.link {color: #fff !important; font-size: 11px !important; text-transform: uppercase; height: 36px; width: 177px; border-radius: 5px; display: flex; align-items: center; justify-content: center; background: #778899; text-decoration: none; margin: auto;}
#portfolio-1 .button.small.color2 {text-transform: uppercase; font-size: 10px !important;}
.dzen__bottom--block img {width: 48px; height: 48px; margin-bottom: 24px;}
.dzen__bottom--block {text-align: center;}

.dzen__bottom--link {cursor: pointer; color: #fff; display: block; position: relative; top: -5px;}
.footer__bottom--block {cursor: pointer;;}
.footer__bottom--block a {text-decoration: none !important}

.footer-content a {color: #FF9800; text-decoration: none;}
.footer-content a:hover { text-decoration: underline; color: #FF9800;}

#team-1 .round.face {max-width: 67px; min-width: 67px; border-radius: 50%;}

#contact-1 label {font-size: 10px; font-weight: normal;  letter-spacing: normal}
#contact-1 .wpcf7-not-valid-tip {font-size: 10px; font-weight: normal; letter-spacing: normal}
#contact-1 input[type="submit"] {background: #313036 !important; border-color: #313036 !important; color: #fff !important; min-width: 177px;}



#contact-1 input[type="text"] {border-radius: 7px;}
#contact-1 textarea {border-radius: 7px;}

#contact-1 .wpcf7-response-output {color: #000; font-size: 10px; line-height: 130%; border: solid 1px #FF9800; border-radius: 7px; text-transform: uppercase; padding: 17px 30px; text-align: center;}
#contact-1 .required__fileld {color: red; font-weight: bold;}
#contact-1 .wpcf7-spinner {display: none !important}
#contact-1  {padding: 87px 0px 97px 0px;}



@media (min-width: 1199px) {
#about-1 img {position: relative; top: 32px;}
#team-1 {position: relative;}
#team-1 .spaced-cols {position: relative; z-index: 2;}
#team-1 p.lead {position: absolute; width: 100%; height: 2px; background: #dedede; top: 167px; left: 50%; transform: translate(-50%); max-width: 1032px; z-index: 1}
}

@media (min-width: 768px) {
#about-1 .col-sm-5 {flex-basis: 58% !important; max-width: 58% !important; width: 58% !important}
#about-1 .col-sm-7 {flex-basis: 42% !important; max-width: 42% !important; width: 42% !important}
}

@media (max-width: 769px) {
#contact-1 .wpcf7-response-output {padding: 12px 17px}
h1 {font-size: 18px !important; }
.header-subtitle {font-size: 14px !important;}

h2 {font-size: 21px;}

.logo__image--block {display: flex; height: 177px; margin-top: -7px; margin-bottom: 27px;}
.logo__image--block img {max-width: 177px;}
#overlappable-1 .spaced-cols > div {margin-top: 27px;}

#content-2 {margin-bottom: 0px; padding: 87px 0px;}
#about-1 {padding: 67px 0px 87px 0px;}
#overlappable-1 {padding-bottom: 97px;}
#features-1 {padding: 87px 0px 97px 0px;}
#counters-1 {padding: 67px 0px 77px 0px;}
#clients-2 {padding: 87px 0px 97px 0px;}
#clients-2 h2 {margin-bottom: 97px; margin-top: 0px;}

#team-1 {padding: 77px 0px 77px 0px;} 
#content-1 {padding: 87px 0px 0px 0px;}
#content-1 img {max-width: 320px; float: none; margin: auto;}
#content-1 p {padding-bottom: 0px;}

#features-1 .card.bordered.y-move  {min-height: auto;}
#content-1 h2::after {left: 50%; transform: translate(-50%); }
}

@media (max-width: 381px) {
h2 {font-size: 18px;}
#about-1 h5 {font-size: 12px !important;}
}

.footer-bg-accent {background-color: #778899 !important}
.footer-content a {color: #fff; text-decoration: none;}
.footer-content a:hover { text-decoration: underline; color: #fff;}


.button.color2 {background: transparent !important; border: solid 2px #fff !important; border-radius: 7px;}
#clients-2 {display: none}

#team-1 .round.face {filter: grayscale(50%);}
#about-1 img {filter: grayscale(87%);}

#overlappable-1 i.fa.icon {background-color: #050821;}
#features-1 i.fa.icon {background-color: #050821;}
.header-homepage .button.big.color1 {display: none}
.header-homepage .button.big.color-white.round.outline {width: calc(100% - 37px); max-width: 267px;}

.contact-1-mc::before {background-color: rgba(0, 0, 0, 0.37);}

#counters-1 .color1 {color: #050821;}
#counters-1 .color2 {color: #050821;}
#counters-1 .color4 {color: #050821;}

.circle-counter.color1, .circle-counter.color3 {stroke: #778899;}
.circle-counter.color4 {stroke: #050821;}
.circle-counter.color2 {stroke: #c0c0c0;}

.circle-counter.color1 .circle-bar {stroke: #c0c0c0;} 
.circle-counter.color4 .circle-bar {stroke: #778899;}
.circle-counter.color2 .circle-bar {stroke: #050821;}
#counters-1 h2.font-100 {color: #050821; font-size: 36px;}

.footer-contact-boxes .footer-content {background-color: #000; border-top: solid 2px #778899}

@media (min-width: 1921px) {
/*.header-homepage:not(.header-slide).color-overlay::before {opacity: 1;}*/
#cta-1 {background-image: none !important; background: #000 !important}
#contact-1 {background-image: none !important; background: #000 !important}
}



