* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
 body, html {
     width: 100%;
     height: 100%;
}
 .infoshel-article-page__firstSlide {
     background-color: #f9f9f9;
}
 .infoshel-article-page__firstSlide-usabilityBg {
     background: #ffffff;
     position: relative;
}
 .infoshel-article-page__firstSlide-usabilityBg .container {
     position: relative;
}
 .infoshel-article-page__firstSlide-text {
     margin-top: 70px;
     margin-bottom: 100px;
}
 .infoshel-article-page__firstSlide-text button {
     height: 46px;
}
 .infoshel-article-page__firstSlide-text p {
     font-family: 'Open Sans', sans-serif;
     font-size: 18px;
     color: #2e2e2e;
}
 .infoshel-article-page__firstSlide-text h2 {
     margin-bottom: 30px;
}
 .infoshel-article-page__firstSlide {
     position: relative;
}
 .infoshel-article-page__firstSlide-web-img {
     background: url("../img/infoshell2/web/web@3x.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 528px;
     height: 501px;
     margin-top: 28px;
}
 .infoshel-article-page__firstSlide-andr-img {
     background: url(../img/infoshell2/android/android@3x.png) no-repeat left;
     -webkit-background-size: cover;
     background-size: cover;
     width: 700px;
     height: 613px;
     margin-top: 28px;
     position: relative;
     left: -300px;
}
 .infoshel-article-page__webService {
     background: #2e2e2e;
     color: #f9f9f9;
     padding-top: 70px;
     padding-bottom: 34px;
     height: 440px;
}
 .infoshel-article-page__webService h2 {
     text-align: center;
}
 .infoshel-article-page__webService-row {
     margin-top: 30px;
     row-gap: 30px;
}
 .infoshel-article-page__webService-block-bg {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-article-page__webService-block-bottom {
     margin-top: auto;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .infoshel-article-page__orderWeb {
     background: #ffffff;
     padding-top: 70px;
     padding-bottom: 56px;
}
 .infoshel-article-page__orderWeb h2 {
     text-align: center;
     display: block;
     margin-bottom: 14px;
     max-width: 565px;
     margin-left: auto;
     margin-right: auto;
}
 .infoshel-article-page__list-services {
     background-color: #f9f9f9;
     padding-top: 70px;
     padding-bottom: 80px;
}
 .infoshel-article-page__list-services h2 {
     text-align: center;
     display: block;
     margin-bottom: 14px;
     max-width: 600px;
     margin-left: auto;
     margin-right: auto;
}
 .infoshel-article-page__orderWeb-block {
     padding-top: 40px;
}
 .infoshel-article-page__orderWeb-block>p {
     font-size: 18px;
     font-family: 'Open Sans', sans-serif;
     line-height: 1.33;
     letter-spacing: -0.2px;
}
 .infoshel-article-page__orderWeb-block-img {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 24px;
}
 .infoshel-article-page__orderWeb-block-img span {
     font-weight: bold;
     font-size: 18px;
     letter-spacing: -0.4px;
     color: #282828;
     line-height: 1;
     max-width: 203px;
}
 .infoshel-article-page__list-services-block {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     margin-top: 40px;
}
 .infoshel-article-page__list-services-block p {
     margin-bottom: 0;
}
 .infoshel-article-page__list-services-block-img {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-align-self: baseline;
     -ms-flex-item-align: baseline;
     align-self: baseline;
}
 .infoshel-article-page__list-services-column {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     height: 100%;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .infoshel-article-page__orderWeb-icon-rocket {
     background: url("../img/infoshell2/web/16.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
}
 .infoshel-article-page__orderWeb-icon-cycle {
     background: url("../img/infoshell2/web/17.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
}
 .infoshel-article-page__orderWeb-icon-arms {
     background: url("../img/infoshell2/web/18.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
}
 .infoshel-article-page__orderWeb-icon-mountain {
     background: url("../img/infoshell2/web/19.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
}
 .infoshel-article-page__list-services-icon-russia {
     background: url("../img/infoshell2/android/russia.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
     display: block;
}
 .infoshel-article-page__list-services-icon-android {
     background: url("../img/infoshell2/android/android.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
     display: block;
}
 .infoshel-article-page__list-services-icon-ios {
     background: url("../img/infoshell2/android/ios.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
     display: block;
}
 .infoshel-article-page__list-services-icon-google {
     background: url("../img/infoshell2/android/11.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
     display: block;
}
 .infoshel-article-page__list-services-icon-diagram {
     background: url("../img/infoshell2/android/13.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
     display: block;
}
 .infoshel-article-page__list-services-icon-video {
     background: url("../img/infoshell2/android/15.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
     display: block;
}
 .infoshel-article-page__list-services-icon-dollar {
     background: url("../img/infoshell2/ios/dollar.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
     display: block;
}
 .infoshel-article-page__list-services-icon-iphone {
     background: url("../img/infoshell2/ios/iphone.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
     display: block;
}
 .infoshel-article-page__list-services-icon-phone {
     background: url("../img/infoshell2/ios/phone.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
     display: block;
}
 .infoshel-article-page__list-services-icon-bag {
     background: url("../img/infoshell2/ios/bag.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
     display: block;
}
 .infoshel-article-page__list-services-icon-apple {
     background: url("../img/infoshell2/ios/apple.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
     display: block;
}
 .infoshel-article-page__orderWeb-icon-rocket-yellow {
     background: url("../img/infoshell2/ios/rocket-yellow.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
}
 .infoshel-article-page__orderWeb-icon-head-yellow {
     background: url("../img/infoshell2/ios/head-yellow.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
}
 .infoshel-article-page__orderWeb-icon-arms-yellow {
     background: url("../img/infoshell2/ios/arms-yellow.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
}
 .infoshel-article-page__orderWeb-icon-mountain-yellow {
     background: url("../img/infoshell2/ios/mountain-yellow.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 54px;
     height: 54px;
     margin-right: 16px;
}
 .infoshel-article-page__list-services-bottom-text {
     margin-top: 40px;
}
 .infoshel-article-page__list-services-bottom-text p {
     font-size: 16px;
     letter-spacing: -0.1px;
     color: #2e2e2e;
     font-family: 'Open Sans', sans-serif;
}
 .color-grey {
     background-color: #2e2e2e;
     color: #f9f9f9;
}
 .color-grey span {
     color: #f9f9f9;
}
 .infoshel-article-page__list-services-column-block-img {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
}
 .infoshel-article-page__list-services-column-block {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
}
 .infoshel-article-page__firstSlide-ios-img {
     background: url("../img/infoshell2/ios/ios@3x.png") no-repeat right;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 598px;
     height: 100%;
     margin-top: 28px;
     position: relative;
     left: -90px;
}
 .infoshel-article-page__design {
     padding-top: 70px;
}
 .infoshel-article-page__design h2 {
     text-align: center;
     margin-bottom: 40px;
}
 .infoshel-article-page__design-animation {
     height: 62.5vw;
     position: relative;
}
 .infoshel-article-page__design-animation img {
     width: 100%;
     position: absolute;
     bottom: -61px;
}
 .infoshel-article-page__design-block {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     margin-bottom: 45px;
}
 .infoshel-article-page__design-blockHeader {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 24px;
}
 .infoshel-article-page__design-blockHeader p {
     font-size: 18px;
     font-weight: bold;
     line-height: 1.11;
     letter-spacing: -0.2px;
     margin-bottom: 0;
     max-width: 250px;
}
 .infoshel-article-page__design-blockHeader-img {
     min-width: 54px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin-right: 23px;
}
 .orange-phone {
     background: url("../img/infoshell2/usability-analytics/orange-phone.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 54px;
     height: 54px;
     display: block;
}
 .web-design {
     background: url("../img/infoshell2/usability-analytics/web-design.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 54px;
     height: 54px;
     display: block;
}
 .watch-icon {
     background: url("../img/infoshell2/usability-analytics/watch-icon.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 54px;
     height: 54px;
     display: block;
}
 .interface-icon {
     background: url("../img/infoshell2/usability-analytics/interface-icon.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 54px;
     height: 54px;
     display: block;
}
 .usability-audit {
     background: url("../img/infoshell2/usability-analytics/usability-audit.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 54px;
     height: 54px;
     display: block;
}
 .infoshel-article-page__firstSlide-usabilityAnalytics-img {
     position: absolute;
     top: 0;
     right: 0;
     background: url("../img/infoshell2/usability-analytics/header-uiu-x.png") no-repeat bottom right;
     -webkit-background-size: cover;
     background-size: cover;
     width: 100%;
     max-width: 1440px;
     height: 100%;
     margin-left: 0;
     margin-right: 0;
}
 .infoshel-article-page__design-blockMain p {
     font-size: 18px;
     font-family: 'Open Sans', sans-serif;
     line-height: 1.33;
     letter-spacing: -0.2px;
     margin-bottom: 0;
}
 .infoshel-article-page__process {
     padding-top: 140px;
     padding-bottom: 80px;
     position: relative;
     z-index: 10;
     background-color: #f9f9f9;
}
 .infoshel-article-page__process h2 {
     text-align: center;
}
 .infoshel-article-page__process-circle {
     width: 160px;
     height: 160px;
     position: relative;
}
 .infoshel-article-page__process-circleRed {
     background: url("../img/infoshell2/usability-analytics/workprocess-01.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-article-page__process-circleRed:before {
     content: '';
     position: absolute;
     background: url("../../img/infoshell2/usability-analytics/red.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 100%;
     height: 145px;
     right: -90px;
     bottom: -70px;
}
 .infoshel-article-page__process-circlePurple {
     background: url("../img/infoshell2/usability-analytics/workprocess-02.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-article-page__process-circlePurple:before {
     content: '';
     position: absolute;
     background: url("../../img/infoshell2/usability-analytics/violet.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 110px;
     height: 166px;
     right: -75px;
     bottom: 70px;
}
 .infoshel-article-page__process-circleGreen {
     background: url("../img/infoshell2/usability-analytics/workprocess-03.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-article-page__process-circleGreen:before {
     content: '';
     position: absolute;
     background: url("../../img/infoshell2/usability-analytics/green.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 148px;
     height: 163px;
     right: -93px;
     bottom: -76px;
}
 .infoshel-article-page__process-circleBlue {
     background: url("../img/infoshell2/usability-analytics/workprocess-04.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-article-page__process-circleBlue:before {
     content: '';
     position: absolute;
     background: url("../../img/infoshell2/usability-analytics/blue.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 110px;
     height: 166px;
     right: -75px;
     bottom: 70px;
}
 .infoshel-article-page__process-circleYellow {
     background: url("../img/infoshell2/usability-analytics/workprocess-05.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-article-page__process-container {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     height: 450px;
     margin-top: 63px;
}
 .infoshel-article-page__process-block {
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     position: relative;
     height: 258px;
}
 .infoshel-article-page__process-block p {
     max-width: 241px;
     text-align: center;
     margin-top: 13px;
     font-size: 18px;
     font-family: 'Open Sans', sans-serif;
     line-height: 1.33;
     letter-spacing: -0.2px;
     color: #2e2e2e;
}
 .infoshel-article-page__process-block:nth-child(odd) {
     -webkit-align-self: flex-start;
     -ms-flex-item-align: start;
     align-self: flex-start;
}
 .infoshel-article-page__process-block:nth-child(even) {
     -webkit-align-self: flex-end;
     -ms-flex-item-align: end;
     align-self: flex-end;
}
 .ui-widget.ui-widget-content {
     -webkit-box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.13);
     box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.13);
     max-width: 316px;
}
 .infoshel-article-page__process-block img {
     position: absolute;
     right: 25px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-article-page__process-block img:hover {
     -webkit-filter: invert(100%);
     filter: invert(100%);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .tooltip-inner {
     background-color: #fff !important;
     padding: 15px;
     color: #000;
     text-align: left;
     font-size: 12px;
}
 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
     border-top-color: #fff !important;
}
 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
     border-right-color: #fff !important;
}
 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
     border-bottom-color: #fff !important;
}
 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
     border-left-color: #fff !important;
}
 .infoshel-article-page__design-sites {
     position: relative;
}
 .infoshel-article-page__design-sites h2 {
     text-align: center;
     margin-bottom: 42px;
}
 .infoshel-article-page__design-sites-container {
     padding-top: 70px;
     padding-bottom: 45px;
     position: relative;
}
 .infoshel-article-page__design-sites-container:before {
     content: '';
     position: absolute;
     background: url("../img/infoshell2/usability-analytics/green.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 130px;
     height: 34px;
     top: 0;
     right: 50px;
}
 .infoshel-article-page__design-sites-img {
     max-width: 100%;
     width: 100%;
}
 .infoshel-article-page__design-sites-block {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
}
 .infoshel-article-page__design-sites-block-header {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 20px;
}
 .infoshel-article-page__design-sites-block-header p {
     margin-bottom: 0;
     font-size: 18px;
     font-weight: bold;
     line-height: 1;
     letter-spacing: -0.4px;
     color: #ffffff;
     font-family: 'Montserrat', sans-serif;
     max-width: 170px;
}
 .orange-web-attachment {
     background: url("../img/infoshell2/usability-analytics/orange-web-attachment.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 54px;
     height: 54px;
     display: block;
}
 .orange-landing {
     background: url("../img/infoshell2/usability-analytics/orange-landing.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 54px;
     height: 54px;
     display: block;
}
 .orange-icon-server {
     background: url("../img/infoshell2/usability-analytics/orange-icon-server.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 54px;
     height: 54px;
     display: block;
}
 .infoshel-article-page__design-sites-block-header-img {
     margin-right: 17px;
}
 .infoshel-article-page__design-sites-block-main p {
     font-family: 'Open Sans', sans-serif;
}
 .infoshel-article-page__leadership {
     padding-top: 70px;
     padding-bottom: 80px;
     background-color: #f9f9f9;
}
 .infoshel-article-page__leadership h2 {
     text-align: center;
     max-width: 480px;
     margin-left: auto;
     margin-right: auto;
     display: block;
}
 .infoshel-article-page__leadership-block {
     padding: 45px 72px 42px 30px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     background: #ffffff;
     -webkit-border-radius: 8px;
     border-radius: 8px;
     margin-top: 60px;
}
 .infoshel-article-page__leadership-block-img {
     max-width: 170px;
     margin-right: 33px;
     width: 100%;
}
 .infoshel-article-page__leadership-block-img img {
     width: 100%;
}
 .infoshel-article-page__leadership-block-text p:nth-child(1) {
     font-size: 22px;
     font-weight: bold;
     line-height: 1;
     letter-spacing: -0.3px;
     color: #2e2e2e;
}
 .infoshel-article-page__leadership-block-text p:nth-child(2) {
     font-size: 16px;
     font-weight: 600;
     line-height: 1.31;
     letter-spacing: -0.1px;
     color: #2e2e2e;
     margin-bottom: 22px;
}
 .infoshel-article-page__leadership-block-text p:nth-child(3), .infoshel-article-page__leadership-block-text p:nth-child(4) {
     font-size: 16px;
     line-height: 1.38;
     letter-spacing: -0.1px;
     color: #2e2e2e;
     margin-bottom: 6px;
}
 .infoshel-article-page__community {
     padding-top: 70px;
     padding-bottom: 80px;
}
 .infoshel-article-page__community h2 {
     max-width: 620px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 57px;
}
 .infoshel-article-page__community-block {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
}
 .infoshel-article-page__community-block p {
     margin-top: 12px;
     font-size: 18px;
     font-weight: bold;
     line-height: 1.33;
     letter-spacing: -0.2px;
     color: #f9f9f9;
}
 .infoshel-article-page__community-container {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     margin-left: auto;
     margin-right: auto;
     max-width: 120px;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .infoshel-article-page__materials-h2 {
     max-width: 715px;
     margin-left: auto;
     margin-right: auto;
}
 .infoshel-article-page .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
     background-color: #ffc225;
}
 @media (min-width: 768px) and (max-width: 1199.98px) {
     .infoshel-article-page__firstSlide-andr-img {
         margin-top: 150px;
         left: -300px;
    }
     .infoshel-article-page__firstSlide-web-img {
         height: 100%;
    }
}
 @media (max-width: 1199.98px) {
     .infoshel-article-page__webService {
         height: auto;
    }
     .infoshel-article-page__webService-row {
         padding-left: 30px;
         padding-right: 30px;
    }
     .infoshel-article-page__webService-row>div {
         position: relative;
    }
     .infoshel-article-page__webService-block {
         padding: 27px 15px 20px 15px;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-transition: 0.3s;
         -o-transition: 0.3s;
         transition: 0.3s;
         position: relative;
         margin-left: 10px;
         margin-right: 10px;
         color: #2e2e2e;
         z-index: 1;
         height: 320px;
    }
     .infoshel-article-page__webService-block button {
         margin-top: auto;
         height: 46px;
         position: relative;
         width: 100%;
         background: #ffffff;
         opacity: 1;
    }
     .infoshel-article-page__webService-block h4 {
         font-size: 20px;
         font-weight: bold;
         z-index: 1;
    }
     .infoshel-article-page__webService-block .infoshel-article-page__webService-block-bg {
         background-color: #ffc225;
         -webkit-transition: 0.3s;
         -o-transition: 0.3s;
         transition: 0.3s;
    }
     .infoshel-article-page__webService-block span {
         font-size: 14px;
         font-weight: bold;
         margin-bottom: 14px;
         display: block;
         text-transform: uppercase;
         color: #2e2e2e;
         opacity: 1;
         z-index: 1;
    }
     .infoshel-article-page__webService-block ul {
         padding-left: 0;
         z-index: 1;
    }
     .infoshel-article-page__webService-block li {
         list-style-type: none;
    }
}
 @media (min-width: 1200px) {
     .infoshel-article-page__webService-block {
         padding: 27px 5px 20px 5px;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         height: 260px;
         -webkit-transition: 0.3s;
         -o-transition: 0.3s;
         transition: 0.3s;
         position: relative;
         margin-left: 10px;
         margin-right: 10px;
    }
     .infoshel-article-page__webService-block button {
         margin-top: auto;
         height: 46px;
         opacity: 0;
         position: relative;
         width: 100%;
    }
     .infoshel-article-page__webService-block h4 {
         font-size: 20px;
         font-weight: bold;
    }
     .infoshel-article-page__webService-block:hover {
         color: #2e2e2e;
         z-index: 1;
         height: 320px;
    }
     .infoshel-article-page__webService-block:hover .infoshel-article-page__webService-block-bg {
         background-color: #ffc225;
         -webkit-transform: scale(1.1, 1.1);
         -ms-transform: scale(1.1, 1.1);
         transform: scale(1.1, 1.1);
         -webkit-transition: 0.3s;
         -o-transition: 0.3s;
         transition: 0.3s;
    }
     .infoshel-article-page__webService-block:hover button {
         background: #ffffff;
         opacity: 1;
    }
     .infoshel-article-page__webService-block:hover span {
         color: #2e2e2e;
         opacity: 1;
    }
     .infoshel-article-page__webService-block:hover * {
         -webkit-transform: scale(1, 1);
         -ms-transform: scale(1, 1);
         transform: scale(1, 1);
    }
     .infoshel-article-page__webService-block span {
         font-size: 14px;
         font-weight: bold;
         color: #f9f9f9;
         opacity: 0.5;
         margin-bottom: 14px;
         display: block;
         text-transform: uppercase;
    }
     .infoshel-article-page__webService-block ul {
         padding-left: 0;
    }
     .infoshel-article-page__webService-block li {
         list-style-type: none;
    }
}
 @media (max-width: 767.98px) {
     .infoshel-article-page .owl-theme .owl-nav.disabled+.owl-dots {
         margin-top: 28px;
    }
     .infoshel-article-page__webService {
         padding-top: 30px;
    }
     .infoshel-article-page__orderWeb {
         padding-top: 20px;
         padding-bottom: 45px;
    }
     .infoshel-article-page__firstSlide-ios-img {
         height: 80%;
         width: 480px;
    }
     .infoshel-article-page__orderWeb-icon {
         min-width: 38px;
         height: 38px;
    }
     .infoshel-article-page__orderWeb-block-img span {
         font-size: 16px;
         max-width: 192px;
    }
     .infoshel-article-page__orderWeb-block>p {
         font-size: 14px;
    }
     .infoshel-article-page__orderWeb-column-block p {
         font-size: 14px;
    }
     .infoshel-article-page__webService-block {
         height: 300px;
         background-color: #ffc225;
         color: #2e2e2e;
         padding: 27px 15px 24px 15px;
    }
     .infoshel-article-page__webService-block span {
         color: #2e2e2e;
         opacity: 1;
    }
     .infoshel-article-page__webService-block button {
         opacity: 1;
         background: #ffffff;
    }
     .infoshel-article-page__webService-block:hover {
         height: 300px;
    }
     .infoshel-article-page__webService-block-bg {
         display: none;
    }
     .infoshel-article-page__webService {
         height: auto;
    }
     .infoshel-article-page__firstSlide-text {
         margin-bottom: 35px;
         margin-top: 30px;
    }
     .infoshel-article-page__firstSlide-text p {
         font-size: 14px;
    }
     .infoshel-article-page__webService-block h4 {
         font-size: 18px;
    }
     .infoshel-article-page__webService-block li {
         font-size: 14px;
    }
}
 @media (max-width: 575.98px) {
     .infoshel-article-page__web .infoshel-article-page__firstSlide-text h2 {
         height: 200px;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center;
         width: 50%;
         position: relative;
         font-size: 20px;
    }
     .infoshel-article-page__web .infoshel-article-page__firstSlide-text h2:before {
         content: '';
         position: absolute;
         right: -100%;
         top: 0;
         background: url("../../img/infoshell2/web/web-mob.png") no-repeat center;
         -webkit-background-size: 100% auto;
         background-size: 100% auto;
         width: 145px;
         height: 200px;
    }
     .infoshel-article-page__android .infoshel-article-page__firstSlide-text h2 {
         height: 200px;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center;
         width: 50%;
         position: relative;
         font-size: 20px;
    }
     .infoshel-article-page__android .infoshel-article-page__firstSlide-text h2:before {
         content: '';
         position: absolute;
         right: -110%;
         top: 0;
         background: url("../../img/infoshell2/android/android.png") no-repeat right;
         -webkit-background-size: 100% auto;
         background-size: 100% auto;
         width: 223px;
         height: 200px;
    }
     .infoshel-article-page__ios .infoshel-article-page__firstSlide-text h2 {
         height: 200px;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center;
         width: 50%;
         position: relative;
         font-size: 20px;
    }
     .infoshel-article-page__ios .infoshel-article-page__firstSlide-text h2:before {
         content: '';
         position: absolute;
         right: -135%;
         top: 0;
         background: url("../../img/infoshell2/ios/ios@3x.png") no-repeat right;
         -webkit-background-size: 100% auto;
         background-size: 100% auto;
         width: 220px;
         height: 200px;
    }
     .infoshel-article-page__firstSlide-web-img, .infoshel-article-page__firstSlide-andr-img, .infoshel-article-page__firstSlide-ios-img {
         display: none;
    }
     .infoshel-article-page__webService-row {
         padding-left: 15px;
         padding-right: 15px;
    }
}
 @media (min-width: 420px) and (max-width: 767.98px) {
     .infoshel-article-page__ios .infoshel-article-page__firstSlide-text h2:before {
         content: '';
         position: absolute;
         right: -100%;
         top: 0;
         background: url(../../img/infoshell2/ios/ios@3x.png) no-repeat right;
         -webkit-background-size: 100% auto;
         background-size: 100% auto;
         width: 220px;
         height: 200px;
    }
     .infoshel-article-page__android .infoshel-article-page__firstSlide-text h2:before {
         right: -100%;
    }
}
 .ui-tooltip, .arrow:after {
     -webkit-border-radius: 4px;
     border-radius: 4px;
     -webkit-box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.13);
     box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.13);
     background-color: #ffffff;
     border: none !important;
}
 .ui-tooltip {
     padding: 10px 20px;
     color: #2e2e2e;
     font-size: 14px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
     border: none !important;
}
 .arrow {
     width: 70px;
     height: 16px;
     overflow: hidden;
     position: absolute;
     left: 50%;
     margin-left: -35px;
     bottom: -16px;
}
 .arrow.top {
     top: 5px;
     bottom: auto;
     -webkit-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     transform: rotate(270deg);
     z-index: 999999;
}
 .arrow.left {
     left: -10px;
     z-index: 999999;
}
 .arrow:after {
     content: "";
     position: absolute;
     left: 20px;
     top: -20px;
     width: 25px;
     height: 25px;
     -webkit-box-shadow: 6px 5px 9px -9px black;
     box-shadow: 6px 5px 9px -9px black;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .arrow.top:after {
     bottom: -20px;
     top: auto;
}
 .infoshel-main-form {
     background-color: #373838;
}
 .infoshel-main-form__container {
     padding-top: 30px;
     padding-bottom: 0;
     font-family: 'Montserrat', sans-serif;
}
 .infoshel-main-form__container h1 {
     color: #F9F9F9;
     text-align: center;
     font-weight: bold;
     font-size: 40px;
}
 .infoshel-main-form__title-text {
     font-size: 16px;
     font-weight: 500;
     text-align: center;
     color: #f4f4f4;
     line-height: 1.5;
     width: 80%;
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 .infoshel-main-form__form-left {
     max-width: 384px;
     width: 100%;
}
 .infoshel-main-form__form-right {
     width: 100%;
     margin-left: 23px;
}
 .infoshel-main-form__form {
     margin-top: 70px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding-bottom: 30px;
}
 .infoshel-main-form__form label {
     color: #f9f9f9;
     font-size: 14px;
     font-weight: bold;
     text-transform: uppercase;
     margin-bottom: 9px;
}
 .infoshel-main-form__form .form-group {
     margin-bottom: 24px;
}
 .infoshel-main-form__form input {
     height: 54px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     background-color: #ffffff;
}
 textarea {
     resize: none;
     height: 275px !important;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     background-color: #ffffff;
}
 .infoshel-main-form__block-btn {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .infoshel-main-form__block-btn-download {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     color: #ffffff;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     cursor: pointer;
}
 .infoshel-main-form__block-btn-download span {
     background: url("../../img/infoshell2/form-page/attach-file.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 46px;
     height: 46px;
     margin-right: 15.5px;
     display: block;
}
 .infoshel-main-form__block-btn-download p {
     margin-bottom: 0;
     font-size: 16px;
     font-family: 'Open Sans', sans-serif;
}
 .infoshel-main-form__form-btn {
     height: 46px;
}
 .modal-body {
}
 @media (max-width: 940px) {
     .infoshel-main-form__block-btn {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-align: start;
         -webkit-align-items: flex-start;
         -ms-flex-align: start;
         align-items: flex-start;
    }
     .infoshel-main-form__block-btn-download {
         margin-bottom: 27px;
    }
}
 @media (max-width: 767.98px) {
     .infoshel-main-form__block-btn-download-text-bottom {
         font-size: 13px !important;
    }
     .infoshel-main-form__title-text {
         display: none;
    }
     .infoshel-main-form__form {
         margin-top: 21px;
    }
     .infoshel-main-form__container h1 {
         font-size: 24px;
    }
     .infoshel-main-form__form-btn {
         width: 100%;
    }
}
 @media (max-width: 700px) {
     .infoshel-main-form__form {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
    }
     .infoshel-main-form__form-right {
         margin-left: 0;
    }
     .infoshel-main-form__form-left {
         max-width: 100%;
    }
}
 html, body {
     overflow-x: hidden;
}
/* body {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
}
 */
/* .wow {
     visibility: hidden;
}
 */
 .header, .page-surround, .side-menu {
     -webkit-transition: all .3s linear;
     -o-transition: all .3s linear;
     transition: all .3s linear;
}
 .infoshel-page {
     font-family: 'Montserrat', sans-serif;
     overflow-x: hidden;
     position: relative;
     width: 100%;
}
 .infoshel-page *:focus {
     outline: none;
}
 .infoshel-button {
     -webkit-border-radius: 2px;
     border-radius: 2px;
     background-color: #ffc225;
     border: none;
     font-size: 17px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #282828;
     padding-left: 30px;
     padding-right: 30px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-button:hover {
     background: #ffffff;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-article-page__webService .infoshel-button:hover {
     background-color: #000;
     color: #fff;
}
 .infoshel-h2 {
     font-size: 40px;
     font-weight: bold;
}
 .infoshel-container {
     max-width: 1220px;
     padding-left: 10px;
     padding-right: 10px;
     margin-left: auto;
     margin-right: auto;
}
 .infoshel-page.active {
     position: relative;
}
.side-menu {
     position: fixed !important;
     height: 100% !important;
     z-index: 100 !important;
     width: 100% !important;
     max-width: 420px !important;
     top: 0;
     left: -110% !important;
     background: #2e2e2e !important;
     padding-left: 16px;
     padding-right: 16px;
     overflow-y: scroll !important;
}
 .side-menu.active {
     left: 0 !important;
     visibility: visible !important;
}
	
@media only screen and (max-width: 767.98px) {
	.side-menu__menu .side-menu__menu-link {
		text-align: left !important;
	}
	
	.header-icon {
		flex: 0 0 26px;
		fill: #fff;
	}
	
	.arrow-menu {
		fill: #fff;
	}
	
	.side-menu__social-links{
		justify-content: start !important;
		padding: 5px;
	}

}


 .side-menu__header {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     margin-bottom: 57px;
}
 .side-menu__header-close {
     background: url("../img/infoshell2/header/menu-close.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 24px;
     height: 24px;
     display: block;
}
 .side-menu__header-logo img {
     min-width: 60px;
     height: 60px;
}
 .side-menu__menu ul {
     margin-left: 0;
     padding-left: 0;
     list-style-type: none;
}
 .side-menu__menu ul>li {
     width: 100%;
}
 .side-menu__menu .side-menu__menu-link {
     text-align: left;
     margin-bottom: 24px;
     padding-left: 5px;
     position: relative;
}
 .side-menu__menu-link a {
     font-size: 16px;
     font-weight: 500;
     color: #ffffff;
     text-decoration: none;
}
 .side-menu__menu-link:hover>a {
     color: #ffc225;
}
 .infoshel-header .icon {
     width: 24px;
     height: 24px;
     fill: white;
}
 .opened-menu {
     overflow: hidden;
     visibility: hidden;
     height: 0;
     transition: transform 0.3s linear;
     transform: rotateX(-90deg);
     transform-origin: 0 0;
     opacity: 0;
     background: #2e2e2e;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     border-top: 1px solid rgba(255, 255, 255, 0.1);
}
 .opened-menu__nav-list {
     padding: 0;
     margin: 0;
}
 .opened-menu__nav-list li>a {
     margin-bottom: 13px;
     display: flex;
     align-items: center;
     gap: 16px;
}
 .opened-menu__nav-list li>a:hover {
     color: #ffc225;
     text-decoration: underline;
}
 .opened-menu__nav-list li>a:hover .icon {
     fill: #ffc225;
}
 .opened-menu.opened {
     height: auto;
     transform: rotateX(0deg);
     visibility: visible;
     opacity: 1;
     margin-top: 16px;
     padding: 20px;
}
 .menu-button {
     display: flex;
     align-items: center;
     background: transparent;
     outline: none;
     border: 0;
     color: #fff;
     font-size: 16px;
     font-weight: 500;
     color: #ffffff;
}
 .menu-button:hover {
     color: #ffc225;
}
 .menu-button:hover .icon {
     fill: #ffc225;
}
 .menu-button:focus {
     outline: none;
     border: 0;
}
 .menu-button .icon {
     width: 8px;
     height: 6px;
}
 .btn_active {
     color: #ffc225;
}
 .btn_active .icon {
     fill: #ffc225;
}
 .arrow-menu {
     display: inline-block;
     padding: 0px 5px;
     transition: 0.3s linear;
}
 .btn_active .arrow-menu {
     transform: rotate(180deg);
}
 .side-menu__menu-btn {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     margin-left: 8px;
     margin-right: 8px;
}
 .side-menu__menu-btn button {
     width: 100%;
     margin-bottom: 10px;
     font-size: 17px;
     font-weight: bold;
     text-align: center;
     color: #282828;
}
 .side-menu__menu-button {
     height: 46px;
}
 .side-menu__menu-button-white {
     background-color: #ffffff;
}
 .side-menu__social-links {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: flex-start;
     -webkit-justify-content: flex-start;
     -ms-flex-pack: flex-start;
     justify-content: flex-start;
     margin-top: 20px;
}
 .side-menu__social-link {
     min-width: 24px;
     height: 24px;
     margin-left: 12px;
     margin-right: 12px;
}
 .side-menu__social-link-vk {
     background: url("../img/infoshell2/header/vk-normal.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .side-menu__social-link-fb {
     background: url("../img/infoshell2/header/fb-normal.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .side-menu__social-link-dr {
     background: url("../img/infoshell2/header/dr-normal.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .side-menu__social-link-bh {
     background: url("../img/infoshell2/header/bh-normal.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-header {
     background-color: #2e2e2e;
     width: 100%;
     height: 65px;
     z-index: 100;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
}
 .infoshel-header p, .infoshel-header a {
     color: #ffffff;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-header__opened-menu {
     position: absolute;
     top: 60px;
}
 .infoshel-header__menu-link a:focus {
     color: #ffc225 !important;
     text-decoration: none;
}
 .infoshel-header__container-nav-menu a:hover {
     color: #ffc225;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     text-decoration: none;
}
 .infoshel-header__container {
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     max-width: 1220px;
     flex-wrap: nowrap !important;
     margin-left: auto !important;
     margin-right: auto !important;
}
 .infoshel-header__container-logo {
     min-width: 80px;
     height: 65px;
}
 .infoshel-header__container-logo a {
     background: url("../img/infoshell2/main.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 80px;
     height: 78px;
     display: block;
     position: absolute;
}
 .infoshel-header__container-nav-menu .icon {
     background: none;
}
 .infoshel-header__container-nav-menu {
     padding-left: 20px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 0;
}
 .infoshel-header__container-nav-menu li {
     list-style-type: none;
     margin-left: 20px;
     margin-right: 20px;
     font-size: 16px;
     font-weight: 500;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: -0.3px;
}
 .infoshel-header__container-content {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .infoshel-header__container-socialNetworks {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     margin-left: auto;
}
 .infoshel-header__container-socialNetworks ul {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 0;
}
 .infoshel-header__container-socialNetworks ul li {
     list-style-type: none;
     margin-left: 3px;
     margin-right: 3px;
}
 .infoshel-header__container-socialNetworks-icon {
     min-width: 24px;
     height: 24px;
     opacity: 0.8;
     display: block;
}
 .infoshel-header__container-socialNetworks-vk {
     background: url("../img/infoshell2/vk-normal.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-header__container-socialNetworks-fb {
     background: url("../img/infoshell2/fb-normal.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-header__container-socialNetworks-dr {
     background: url("../img/infoshell2/dr-normal.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-header__container-socialNetworks-bh {
     background: url("../img/infoshell2/bh-normal.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-header__container-socialNetworks-ins {
     background: url("../img/infoshell2/ins.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-header__container-phones {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin-left: 42px;
     font-size: 13px;
     font-weight: 500;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.38;
     letter-spacing: -0.3px;
}
 .infoshel-header__container-phones p {
     margin-bottom: 5px;
}
 .infoshel-header__container-requestCall {
     margin-left: 42px;
}
 .infoshel-header__container-requestCall span {
     font-weight: bold;
     font-size: 12px;
     text-align: right;
}
 .infoshel-header__container-requestCall a {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     margin-top: 3px;
}
 @-webkit-keyframes flipAnimationUp {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     50% {
         -webkit-transform: rotate(420deg);
         transform: rotate(420deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @keyframes flipAnimationUp {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     50% {
         -webkit-transform: rotate(420deg);
         transform: rotate(420deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @-webkit-keyframes flipAnimationDown {
     from {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
     to {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
}
 @keyframes flipAnimationDown {
     from {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
     to {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
}
 .infoshel-header__container-requestCall-icon {
     background: url("../img/infoshell2/ic-call-normal.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 30px;
     height: 30px;
     display: block;
     margin-left: 11px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-header__container-requestCall.class-name1:hover a {
     text-decoration: none;
}
 .infoshel-header__container-requestCall.class-name1:hover span {
     color: #2a7937;
     font-weight: bold;
}
 .infoshel-header__container-requestCall.class-name1:hover .infoshel-header__container-requestCall-icon {
     background: url("../img/infoshell2/ic-call-normal-green.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     -webkit-animation: flipAnimationUp 0.5s ease-in-out;
     animation: flipAnimationUp 0.5s ease-in-out;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
}
 .infoshel-header__container-requestCall.class-name2 span {
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     color: #ffffff;
}
 .infoshel-header__container-requestCall.class-name2 .infoshel-header__container-requestCall-icon {
     background: url("../img/infoshell2/ic-call-normal.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     -webkit-animation: flipAnimationDown 0.3s ease-in-out;
     animation: flipAnimationDown 0.3s ease-in-out;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
}
 .infoshel-main-slider {
     position: relative;
     overflow: hidden;
}
 .infoshel-main-slider .owl-nav {
     position: absolute;
     width: 100%;
     top: 40%;
}
 .infoshel-main-slider .owl-theme .owl-nav {
     margin-top: 0;
}
 .infoshel-main-slider .owl-theme .owl-nav button {
     width: 80px;
     height: 80px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}
 .infoshel-main-slider .owl-theme .owl-nav button span {
     display: none;
}
 .infoshel-main-slider .owl-theme .owl-nav button:hover {
     background-color: rgba(46, 46, 46, 0.8);
}
 .infoshel-main-slider .owl-dots {
     position: absolute;
     bottom: 120px;
     right: 80px;
}
 .infoshel-main-slider .owl-theme .owl-dots .owl-dot.active span, .infoshel-main-slider .owl-theme .owl-dots .owl-dot:hover span {
     background-color: #ffc225;
     opacity: 1;
}
 .infoshel-main-slider .owl-theme .owl-dots .owl-dot span {
     opacity: 0.35;
     background-color: #ffffff;
     width: 8px;
     height: 8px;
     margin: 5px;
}
 .infoshel-main-slider .owl-prev {
     left: 50px;
}
 .infoshel-main-slider .owl-next {
     right: 50px;
}
 .infoshel-main-slider__img img {
     width: 100%;
     height: 100%;
}
 .infoshel-main-slider__bottom-text {
     position: absolute;
     bottom: 0;
     width: 100%;
     z-index: 10;
     padding: 20px 10px;
}
 .infoshel-main-slider__bottom-text span {
     font-size: 24px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     color: #ffffff;
}
 .infoshel-main-slider__bottom-text-bg {
     background-color: rgba(46, 46, 46, 0.8);
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .infoshel-main-slider__bottom-text-container {
     max-width: 1220px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     margin-left: auto;
     margin-right: auto;
     height: 100%;
     position: relative;
     z-index: 1;
}
 .infoshel-main-slider__btn {
     height: 46px;
}
 .infoshel-main-services {
     width: 100%;
     background-color: #f9f9f9;
}
 .infoshel-main-services__logos {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     margin-bottom: 40px;
     width: 100%;
     padding-left: 10px;
     padding-right: 10px;
}
 .infoshel-main-services__logos-icon {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin-left: auto;
     margin-right: auto;
     min-width: 144px;
     height: 95px;
}
 .infoshel-main-services__logos-captain_morgan {
     background: url("../img/infoshell2/services/logo01.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__logos-philip_morris {
     background: url("../img/infoshell2/services/logo02.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__logos-faberlic {
     background: url("../img/infoshell2/services/logo03.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__logos-shanel {
     background: url("../img/infoshell2/services/logo04.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__logos-zenit {
     background: url("../img/infoshell2/services/02-normal@2x.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__logos-bol {
     background: url("../img/infoshell2/services/07-normal@2x.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__logos-sber {
     background: url("../img/infoshell2/services/logo05.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__logos-insignia {
     background: url("../img/infoshell2/services/logo06.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__logos-dostaevskiy {
     background: url("../img/infoshell2/services/logo07.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__logos-mrsk {
     background: url("../img/infoshell2/services/05-normal@2x.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__logos-kinohod {
     background: url("../img/infoshell2/services/logo08.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__logos-fix_price {
     background: url("../img/infoshell2/services/logo09.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__logos-emblem {
     background: url("../img/infoshell2/services/08-normal@2x.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__logos-pek {
     background: url("../img/infoshell2/services/09-normal@2x.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__logos-freshoffice {
     background: url("../img/infoshell2/services/logo10.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__main {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     padding-bottom: 80px;
     padding-top: 50px;
}
 .infoshel-main-services__main-container {
     row-gap: 30px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     margin-top: 36px;
}
 .infoshel-main-services__main-block {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
}
 .infoshel-main-services__main-block:hover {
     text-decoration: none;
}
 .infoshel-main-services__main-block-color {
     width: 100%;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 45px 88px;
     -webkit-border-radius: 8px;
     border-radius: 8px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-main-services__main-block-color:hover {
     -webkit-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-main-services__main-block-color:hover .infoshel-main-services__main-icon {
     -webkit-transform: scale(0.80, 0.80);
     -ms-transform: scale(0.80, 0.80);
     transform: scale(0.80, 0.80);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-main-services__main-block-color-ios {
     background-color: #ffc225;
}
 .infoshel-main-services__main-block-color-android {
     background-color: #01c56b;
}
 .infoshel-main-services__main-block-color-web {
     background-color: #0093ff;
}
 .infoshel-main-services__main-block-color-mob {
     background-color: #876fff;
}
 .infoshel-main-services__main-icon {
     min-width: 107px;
     height: 107px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-main-services__main-icon-ios {
     background: url("../img/infoshell2/services/ios.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__main-icon-android {
     background: url("../img/infoshell2/services/android.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__main-icon-web {
     background: url("../img/infoshell2/services/computer.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__main-icon-mob {
     background: url("../img/infoshell2/services/game.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-services__main-block-h3 {
     font-size: 22px;
     font-weight: bold;
     text-align: center;
     color: #2e2e2e;
     margin-top: 24px;
}
 .infoshel-main-itProduct {
     background-color: #2e2e2e;
     padding-top: 70px;
     padding-bottom: 80px;
     color: #f9f9f9;
}
 .infoshel-main-itProduct__container {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
}
 .infoshel-main-itProduct__content {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 100%;
     margin-top: 40px;
}
 .infoshel-main-itProduct__content-block {
     padding: 50px 10px 50px 0;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-border-radius: 8px;
     border-radius: 8px;
     background-color: rgba(176, 176, 176, 0.05);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-main-itProduct__content-block:hover {
     -webkit-transform: scale(1.2, 1.2);
     -ms-transform: scale(1.2, 1.2);
     transform: scale(1.2, 1.2);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-main-itProduct__content-block:hover .infoshel-main-itProduct__content-icon {
     -webkit-transform: scale(0.8, 0.8);
     -ms-transform: scale(0.8, 0.8);
     transform: scale(0.8, 0.8);
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 .infoshel-main-itProduct__content-block-text {
     margin-bottom: 0;
     font-size: 18px;
     font-weight: bold;
}
 .infoshel-main-itProduct__content-icon {
     min-width: 100px;
     height: 100px;
     -webkit-transition: 0.8s;
     -o-transition: 0.8s;
     transition: 0.8s;
}
 .infoshel-main-itProduct__content-icon-automation {
     background: url("../img/infoshell2/services/automation.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-itProduct__content-icon-profit {
     background: url("../img/infoshell2/services/profit.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-itProduct__content-icon-audience {
     background: url("../img/infoshell2/services/audience.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
/*---------------------------------------------------------------------------------------*/
 .infoshel-main-ourWork {
    /*background-color: #f9f9f9;
    */
     padding-bottom: 80px;
     padding-top: 70px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
}
/*.infoshel-main-ourWork .owl-theme .owl-nav [class*='owl-']:hover {
     background: initial;
}
 .infoshel-main-ourWork .owl-next {
     right: 50px;
     top: 63%;
}
 .infoshel-main-ourWork .owl-next:before {
     content: '';
     background: url(../img/infoshell2/ourWork/right-chevron.svg) no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 3.5002em;
}
 .infoshel-main-ourWork .owl-next span {
     display: none;
}
 .infoshel-main-ourWork .owl-prev {
     left: 50px;
     top: 63%;
}
 .infoshel-main-ourWork .owl-prev:before {
     content: '';
     background: url(../img/infoshell2/ourWork/left-chevron.svg) no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 3.5002em;
}
 .infoshel-main-ourWork .owl-prev span {
     display: none;
}
 .infoshel-main-ourWork__slider {
     margin-top: 40px;
}
 .infoshel-main-ourWork__slider-img {
     margin-left: 20px;
     margin-right: 20px;
     width: 384px;
}
 .infoshel-main-ourWork__slider-img .infoshel-main-ourWork__slider-img-text h4 {
     font-size: 22px;
     font-weight: bold;
     color: #2e2e2e;
     display: block;
     margin-top: 25px;
}
 .infoshel-main-ourWork__slider-img .infoshel-main-ourWork__slider-img-text p {
     font-size: 18px;
     color: #2e2e2e;
}
 */
 .infoshel-main-ourWork__title-span {
     font-size: 18px;
     font-weight: 600;
     text-align: center;
     color: #313131;
     display: block;
}
 .infoshel-main-ourWork__h2 {
     margin: 0;
     text-align: center;
}
 .infoshel-main-ourWork__buttons {
     margin-top: 30px;
     margin-bottom: 30px !important;
}
 .infoshel-main-ourWork__tab {
     -webkit-border-radius: 2px;
     border-radius: 2px;
     background-color: #ffffff !important;
     border: none;
     font-size: 14px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #282828 !important;
     padding: 5px;
     margin-right: 20px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-main-ourWork__tab a {
     color: #282828 !important;
}
 .infoshel-main-ourWork__buttons>li>a.active {
     background: #ffc225 !important;
}
 .infoshel-main-ourWork__tab a:hover {
     background: #ffc225 !important;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-main-ourWork .tab-content {
     background-color: #2e2e2e;
     color: #ffffff;
}
 .infoshel-main-ourWork__flex-container {
     display: flex;
     justify-content: flex-start;
}
 .infoshel-main-ourWork__flex-container .infoshel-main-ourWork__text {
     width: 50%;
     padding: 50px;
}
 .infoshel-main-ourWork__flex-container .infoshel-main-ourWork__video {
     width: 550px;
     height: 315px;
}
 .infoshel-main-ourWork__flex-container .infoshel-main-ourWork__text h3 {
     font-size: 20px;
     font-weight: bold;
     color: #E1C049;
     margin-bottom: 30px;
}
 .infoshel-main-ourWork__flex-container .infoshel-main-ourWork__text p {
     font-size: 14px;
}
 @media (max-width: 767.98px) {
     .infoshel-main-ourWork__flex-container .infoshel-main-ourWork__text {
         width: 100%;
    }
     .infoshel-main-ourWork__flex-container{
         flex-wrap: wrap;
    }
}
 .infoshel-main-ourWork__slider-img-block {
     position: relative;
}
 .infoshel-main-ourWork__slider-img-icon {
     position: absolute;
     background: rgba(0, 0, 0, 0.2);
     -webkit-border-radius: 50%;
     border-radius: 50%;
     width: 41px;
     height: 41px;
}
 .infoshel-main-ourWork__icon-web:before {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     margin: auto;
     background: url("../img/infoshell2/ourWork/web.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 36px;
     height: 36px;
}
 .infoshel-main-ourWork__icon-ios:before {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     margin: auto;
     background: url("../img/infoshell2/ourWork/ios.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 36px;
     height: 36px;
}
 .infoshel-main-ourWork__icon-surfprise-ios {
     top: 8px;
     left: 8px;
}
 .infoshel-main-ourWork__icon-android:before {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     margin: auto;
     background: url("../img/infoshell2/ourWork/android.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 36px;
     height: 36px;
}
 .infoshel-main-ourWork__icon-surfprise-android {
     top: 8px;
     left: 55px;
}
 .infoshel-main-ourWork__icon-easyStyle-ios {
     top: 8px;
     left: 8px;
}
 .infoshel-main-ourWork__icon-kino-ios {
     top: 8px;
     left: 8px;
}
 .infoshel-main-ourWork__icon-kino-android {
     top: 8px;
     left: 55px;
}
 .infoshel-main-ourWork__slider-img span {
     opacity: 0;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-main-ourWork__slider-img:hover span {
     opacity: 1;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-main-trust {
     padding-bottom: 80px;
     padding-top: 70px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
}
 .infoshel-main-trust2 {
     background-color: #2e2e2e;
     padding-bottom: 80px;
     padding-top: 70px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
}
 .infoshel-main-trust__h2 {
     margin: 10px;
     text-align: center;
}
 .infoshel-main-trust2__h2 {
     color: #fff;
     margin: 10px;
     text-align: center;
}
 .infoshel-main-trust__title-span {
     font-size: 18px;
     font-weight: 600;
     text-align: center;
     color: #313131;
     display: block;
}
 .infoshel-main-trust2__title-span {
     font-size: 18px;
     font-weight: 600;
     text-align: center;
     color: #fff;
     display: block;
}
 .infoshel-main-trust__logo {
     min-width: 200px;
     height: 200px;
     margin: 5px;
     padding: 0;
     background-color: #F5F5F5 !important;
}
 .infoshel-main-trust2__logo {
     min-width: 200px;
     height: 200px;
     margin: 5px;
     padding: 0;
     background-color: #333333 !important;
}
 .infoshel-main-trust__logo:hover, .infoshel-main-trust2__logo:hover {
     background-color: #FFD94F !important;
}
 .infoshel-main-trust__logo-morgan {
     background: transparent url("../img/infoshell2/services/captain-morgan.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust__logo-morgan:hover {
     background: transparent url("../img/infoshell2/services/captain-morgan-black.png") no-repeat center;
}
 .infoshel-main-trust__logo-faberlic {
     background: transparent url("../img/infoshell2/services/faberlic.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust__logo-faberlic:hover {
     background: transparent url("../img/infoshell2/services/faberlic-black.png") no-repeat center;
}
 .infoshel-main-trust__logo-zenit {
     background: transparent url("../img/infoshell2/services/zenit.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust__logo-zenit:hover {
     background: transparent url("../img/infoshell2/services/zenit-black.png") no-repeat center;
}
 .infoshel-main-trust__logo-kinohod {
     background: transparent url("../img/infoshell2/services/kinohod.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust__logo-kinohod:hover {
     background: transparent url("../img/infoshell2/services/kinohod-black.png") no-repeat center;
}
 .infoshel-main-trust__logo-sber {
     background: transparent url("../img/infoshell2/services/logo-sber.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust__logo-sber:hover {
     background: transparent url("../img/infoshell2/services/sber-black.png") no-repeat center;
}
 .infoshel-main-trust__logo-PhilipMorris {
     background: transparent url("../img/infoshell2/services/PhilipMorris.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust__logo-PhilipMorris:hover {
     background: transparent url("../img/infoshell2/services/PhilipMorris-black.png") no-repeat center;
}
 .infoshel-main-trust__logo-chanel {
     background: transparent url("../img/infoshell2/services/chanel.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust__logo-chanel:hover {
     background: transparent url("../img/infoshell2/services/chanel-black.png") no-repeat center;
}
 .infoshel-main-trust__logo-pek {
     background: transparent url("../img/infoshell2/services/pek.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust__logo-pek:hover {
     background: transparent url("../img/infoshell2/services/pek-black.png") no-repeat center;
}
 .infoshel-main-trust__logo-dostaevskiy {
     background: transparent url("../img/infoshell2/services/dostaevskiy.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust__logo-dostaevskiy:hover {
     background: transparent url("../img/infoshell2/services/dostaevskiy-black.png") no-repeat center;
}
 .infoshel-main-trust__logo-insignia {
     background: transparent url("../img/infoshell2/services/insignia.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust__logo-insignia:hover {
     background: transparent url("../img/infoshell2/services/insignia-black.png") no-repeat center;
}
 .infoshel-main-trust__logo-Mgu {
     background: transparent url("../img/infoshell2/services/Mgu.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust__logo-Mgu:hover {
     background: transparent url("../img/infoshell2/services/mgu-black.png") no-repeat center;
}
 .infoshel-main-trust__logo-Samsung {
     background: transparent url("../img/infoshell2/services/Samsung.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust2__logo-Samsung:hover {
     background: transparent url("../img/infoshell2/services/Samsung-black.png") no-repeat center;
}
 .infoshel-main-trust__logo-FreshOffice {
     background: transparent url("../img/infoshell2/services/FreshOffice.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust__logo-FreshOffice:hover {
     background: transparent url("../img/infoshell2/services/fresh-black.png") no-repeat center;
}
 .infoshel-main-trust__logo-FixPrice {
     background: transparent url("../img/infoshell2/services/FixPrice.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust__logo-FixPrice:hover {
     background: transparent url("../img/infoshell2/services/fix-price-black.png") no-repeat center;
}
 .infoshel-main-trust__logo-vkontakte {
     background: transparent url("../img/infoshell2/services/vkontakte.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust__logo-vkontakte:hover {
     background: transparent url("../img/infoshell2/services/vk-black.png") no-repeat center;
}
 .infoshel-main-trust2__logo-morgan {
     background: transparent url("../img/infoshell2/services/CaptainMorgan-light-gray.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust2__logo-morgan:hover {
     background: transparent url("../img/infoshell2/services/captain-morgan-black.png") no-repeat center;
}
 .infoshel-main-trust2__logo-faberlic {
     background: transparent url("../img/infoshell2/services/fl-light-gray.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust2__logo-faberlic:hover {
     background: transparent url("../img/infoshell2/services/faberlic-black.png") no-repeat center;
}
 .infoshel-main-trust2__logo-zenit {
     background: transparent url("../img/infoshell2/services/zenit-light-gray.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust2__logo-zenit:hover {
     background: transparent url("../img/infoshell2/services/zenit-black.png") no-repeat center;
}
 .infoshel-main-trust2__logo-kinohod {
     background: transparent url("../img/infoshell2/services/kinohod-light-gray.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust2__logo-kinohod:hover {
     background: transparent url("../img/infoshell2/services/kinohod-black.png") no-repeat center;
}
 .infoshel-main-trust2__logo-sber {
     background: transparent url("../img/infoshell2/services/sber-light-gray.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust2__logo-sber:hover {
     background: transparent url("../img/infoshell2/services/sber-black.png") no-repeat center;
}
 .infoshel-main-trust2__logo-PhilipMorris {
     background: transparent url("../img/infoshell2/services/PhilipMorris-light-gray.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust2__logo-PhilipMorris:hover {
     background: transparent url("../img/infoshell2/services/PhilipMorris-black.png") no-repeat center;
}
 .infoshel-main-trust2__logo-chanel {
     background: transparent url("../img/infoshell2/services/chanel-light-gray.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust2__logo-chanel:hover {
     background: transparent url("../img/infoshell2/services/chanel-black.png") no-repeat center;
}
 .infoshel-main-trust2__logo-pek {
     background: transparent url("../img/infoshell2/services/pek-light-gray.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust2__logo-pek:hover {
     background: transparent url("../img/infoshell2/services/pek-black.png") no-repeat center;
}
 .infoshel-main-trust2__logo-dostaevskiy {
     background: transparent url("../img/infoshell2/services/dostaevskiy-gray.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust2__logo-dostaevskiy:hover {
     background: transparent url("../img/infoshell2/services/dostaevskiy-black.png") no-repeat center;
}
 .infoshel-main-trust2__logo-insignia {
     background: transparent url("../img/infoshell2/services/insignia-light-gray.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust2__logo-insignia:hover {
     background: transparent url("../img/infoshell2/services/insignia-black.png") no-repeat center;
}
 .infoshel-main-trust2__logo-Mgu {
     background: transparent url("../img/infoshell2/services/mgu-light-gray.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust2__logo-Mgu:hover {
     background: transparent url("../img/infoshell2/services/mgu-black.png") no-repeat center;
}
 .infoshel-main-trust2__logo-Samsung {
     background: transparent url("../img/infoshell2/services/Samsung-light-gray.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust2__logo-Samsung:hover {
     background: transparent url("../img/infoshell2/services/Samsung-black.png") no-repeat center;
}
 .infoshel-main-trust2__logo-FreshOffice {
     background: transparent url("../img/infoshell2/services/fresh-light-gray.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust2__logo-FreshOffice:hover {
     background: transparent url("../img/infoshell2/services/fresh-black.png") no-repeat center;
}
 .infoshel-main-trust2__logo-FixPrice {
     background: transparent url("../img/infoshell2/services/FixPrice-light-gray.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust2__logo-FixPrice:hover {
     background: transparent url("../img/infoshell2/services/fix-price-black.png") no-repeat center;
}
 .infoshel-main-trust2__logo-vkontakte {
     background: transparent url("../img/infoshell2/services/vk-light-gray.png") no-repeat center;
     width: 100%;
     height: 100%;
}
 .infoshel-main-trust2__logo-vkontakte:hover {
     background: transparent url("../img/infoshell2/services/vk-black.png") no-repeat center;
}
 .infoshel-main-scrum {
     background-color: #2e2e2e;
     color: #f9f9f9;
     padding-top: 70px;
     padding-bottom: 100px;
}
 .infoshel-main-scrum__container {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     margin-top: 60px;
}
 .infoshel-main-scrum__content-block {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     height: 100%;
     position: relative;
}
 .infoshel-main-scrum__list {
     font-size: 80px;
     font-weight: bold;
     color: #ffc225;
     line-height: 60px;
     margin-right: 20px;
     min-width: 42px;
}
 .infoshel-main-scrum__title {
     font-size: 22px;
     font-weight: bold;
     color: #ffc225;
     margin-bottom: 12px;
     display: block;
}
 .infoshel-main-scrum__text p {
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
     color: #f4f4f4;
}
 .infoshel-main-scrum__h2 {
     text-align: center;
}
 .infoshel-main-scrum__briefly {
     font-size: 18px;
     font-weight: 500;
     text-align: center;
     color: #f4f4f4;
}
 .infoshel-main-scrum__content-block-first:before {
     content: '';
     position: absolute;
     background: url("../img/infoshell2/SCRUM/path-1-desctop.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 25.2px;
     height: 123.2px;
     bottom: 0;
     left: 15px;
}
 .infoshel-main-scrum__content-block-first:after {
     content: '';
     position: absolute;
     background: url("../img/infoshell2/SCRUM/path-2.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 36.6px;
     height: 127.3px;
     bottom: 0;
     right: -35px;
}
 .infoshel-main-scrum__bottom-text {
     position: absolute;
     bottom: -16px;
     opacity: 0.7;
     font-family: 'Open Sans', sans-serif;
     font-size: 14px;
     color: #f9f9f9;
     left: 60px;
}
 .infoshel-main-scrum__content-block-second:before {
     content: '';
     position: absolute;
     background: url("../img/infoshell2/SCRUM/path-3.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 25.2px;
     height: 123.2px;
     bottom: 1px;
     left: 25px;
}
 .infoshel-main-scrum__content-block-second:after {
     content: '';
     position: absolute;
     background: url("../img/infoshell2/SCRUM/path-4.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 54.8px;
     height: 124.2px;
     bottom: 0;
     right: -45px;
}
 .infoshel-main-reviews {
     background: url("../img/infoshell2/reviews/bg-review@2x.png") no-repeat center;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
     width: 100%;
     height: auto;
     padding-top: 70px;
     padding-bottom: 80px;
}
 .infoshel-main-reviews__h2 {
     margin-top: 0;
     margin-bottom: 0;
     text-align: center;
}
 .infoshel-main-reviews__title {
     font-size: 18px;
     font-weight: 600;
     text-align: center;
     color: #313131;
     margin-top: 12px;
     margin-bottom: 40px;
}
 .infoshel-main-reviews__container {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .infoshel-main-reviews__block {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
}
 .infoshel-main-reviews__block-name {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
}
 .infoshel-main-reviews__block-name img {
     -webkit-border-radius: 50%;
     border-radius: 50%;
     min-width: 80px;
     height: 80px;
     background: #999999;
     margin-right: 12px;
     margin-bottom: 40px;
}
 .infoshel-main-reviews__block-name span {
     font-size: 22px;
     font-weight: bold;
     color: #2e2e2e;
}
 .infoshel-main-reviews__block-name p {
     font-size: 16px;
     font-weight: 600;
     color: #2e2e2e;
     font-family: 'Open Sans', sans-serif;
}
 .infoshel-main-reviews__block-comment {
     font-family: 'Open Sans', sans-serif;
     font-size: 18px;
     color: #2e2e2e;
}
 .infoshel-main-reviews__btn {
     height: 46px;
     display: block;
     margin-left: auto;
     margin-right: auto;
     margin-top: 35px;
}
 .infoshel-main-calculator {
     padding-top: 70px;
     padding-bottom: 80px;
     background: url("../img/infoshell2/calculator/reviews-bg.jpg") no-repeat center;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
     width: 100%;
     height: auto;
     color: #f9f9f9;
}
 .infoshel-main-calculator__list-steps {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     margin-bottom: 100px;
     margin-top: 85px;
}
 .infoshel-main-calculator__list-step {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-flex: 1;
     -webkit-flex: 1;
     -ms-flex: 1;
     flex: 1;
     margin-left: 36px;
     position: relative;
}
 .infoshel-main-calculator__list-step.active {
     color: #ffc225;
}
 .infoshel-main-calculator__list-step.active:before {
     content: '';
     position: absolute;
     width: 25px;
     height: 25px;
     background: url("../img/infoshell2/calculator/check-done.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     top: -25px;
     left: 50%;
}
 .infoshel-main-calculator__list-step:first-child {
     margin-left: 0;
}
 .infoshel-main-calculator__list-step span {
     font-size: 60px;
     font-weight: bold;
     margin-right: 9px;
}
 .infoshel-main-calculator__list-step p {
     font-size: 20px;
     font-weight: bold;
     line-height: 1;
     margin-bottom: 0;
}
 .infoshel-main-calculator__platforms {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .infoshel-main-calculator__platform {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding-top: 20px;
     padding-bottom: 20px;
     background: url("../img/infoshell2/calculator/bg-normal.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 220px;
     height: 100px;
     margin-right: 20px;
     cursor: pointer;
     position: relative;
}
 .infoshel-main-calculator__platform:before {
     content: '';
     background: url("../img/infoshell2/calculator/check-mark-dissabled.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     position: absolute;
     width: 32px;
     height: 32px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     top: -4.5px;
     right: -5px;
}
 .infoshel-main-calculator__platform:last-child {
     margin-right: 0;
}
 .infoshel-main-calculator__platform p {
     margin-bottom: 0;
     font-size: 16px;
     font-weight: 600;
     line-height: 1.13;
     width: 130px;
}
 .infoshel-main-calculator__platform .infoshel-main-calculator__platform-icon {
     margin-right: 8px;
}
 .infoshel-main-calculator__platform .infoshel-main-calculator__platform-iconIos {
     background: url("../img/infoshell2/calculator/calculator__ios-icon-white.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 48px;
     height: 48px;
}
 .infoshel-main-calculator__platform .infoshel-main-calculator__platform-iconAndroid {
     background: url("../img/infoshell2/calculator/calculator__android-icon-white.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 48px;
     height: 48px;
}
 .infoshel-main-calculator__platform .infoshel-main-calculator__platform-iconWeb {
     background: url("../img/infoshell2/calculator/calculator__web-icon-white.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 49px;
     height: 50px;
     margin-left: 40px;
}
 .infoshel-main-calculator__platform.active:before {
     content: '';
     background: url("../img/infoshell2/calculator/check-mark.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     position: absolute;
     width: 32px;
     height: 32px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     top: -4.5px;
     right: -5px;
}
 .infoshel-main-calculator__platform-ios p {
     position: relative;
     bottom: -4px;
}
 .infoshel-main-calculator__platform.active {
     background: url("../img/infoshell2/calculator/bg-pressed.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 220px;
     height: 100px;
}
 .infoshel-main-calculator__platform.active p {
     color: #282828;
}
 .infoshel-main-calculator__platform.active .infoshel-main-calculator__platform-iconIos {
     background: url("../img/infoshell2/calculator/calculator__ios-icon-black.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 48px;
     height: 48px;
}
 .infoshel-main-calculator__platform.active .infoshel-main-calculator__platform-iconAndroid {
     background: url("../img/infoshell2/calculator/calculator__android-icon-black.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 48px;
     height: 48px;
}
 .infoshel-main-calculator__platform.active .infoshel-main-calculator__platform-iconWeb {
     background: url("../img/infoshell2/calculator/calculator__web-icon-black.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 48px;
     height: 48px;
}
 .infoshel-main-calculator__platform-ios.active p {
     position: relative;
     bottom: -4px;
}
 .infoshel-main-calculator__h2 {
     text-align: center;
}
 .infoshel-main-calculator__title {
     text-align: center;
     font-family: 'Open Sans', sans-serif;
     font-size: 18px;
     font-weight: 600;
}
 .infoshel-main-calculator__btn-group {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     max-width: 290px;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     margin-left: auto;
     margin-right: auto;
     margin-top: 64px;
}
 .infoshel-main-calculator__btn-group button {
     height: 46px;
     width: 100%;
     font-size: 17px;
     font-weight: bold;
}
 .infoshel-main-calculator__btn-group .infoshel-main-calculator__btn-prev {
     background: initial;
     border: solid 2px #ffc225;
     color: #ffc225;
     opacity: 0.5;
     margin-right: 4px;
}
 .infoshel-main-calculator__btn-group .infoshel-main-calculator__btn-next {
     margin-left: 4px;
}
 .infoshel-main-blog {
     padding-bottom: 84px;
     padding-top: 70px;
     background-color: #f9f9f9;
}
 .infoshel-main-blog .icon.Arrow_next:before, .infoshel-main-blog .owl-next:before {
     background: url("../img/infoshell2/blog/normal.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 17px;
     height: 22px;
}
 .infoshel-main-blog .icon.Arrow_prev:before, .infoshel-main-blog .owl-prev:before {
     background: url("../img/infoshell2/blog/normal.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 17px;
     height: 22px;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}
 .infoshel-main-blog .owl-carousel .owl-nav button.owl-prev, .infoshel-main-blog .owl-carousel .owl-nav button.owl-next, .infoshel-main-blog .owl-carousel button.owl-dot {
     background: initial;
}
 .infoshel-main-blog .owl-prev, .infoshel-main-blog .owl-next {
     top: 30%;
     margin-top: -20px;
}
 .infoshel-main-blog .owl-prev span, .infoshel-main-blog .owl-next span {
     display: none;
}
 .infoshel-main-blog .owl-prev {
     left: -50px;
}
 .infoshel-main-blog .owl-next {
     right: -50px;
}
 .infoshel-main-blog__slider {
     margin-top: 40px;
}
 .infoshel-main-blog__slider-block {
     width: 95%;
     margin-left: auto;
     margin-right: auto;
     display: block !important;
     overflow: hidden;
     -webkit-border-top-left-radius: 10px;
     border-top-left-radius: 10px;
     -webkit-border-top-right-radius: 10px;
     border-top-right-radius: 10px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-main-blog__slider-block img {
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-main-blog__slider-block .infoshel-main-blog__slider-text p {
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-main-blog__slider-block:hover {
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-main-blog__slider-block:hover img {
     -webkit-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .infoshel-main-blog__slider-block:hover .infoshel-main-blog__slider-text p {
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     display: block;
     -webkit-transform: translateY(10px);
     -ms-transform: translateY(10px);
     transform: translateY(10px);
     color: #555555;
}
 .infoshel-main-blog__slider-block-img {
     width: 100%;
     height: 100%;
     overflow: hidden;
}
 .infoshel-main-blog__slider-text {
     margin-top: 24px;
}
 .infoshel-main-blog__slider-text span {
     font-size: 22px;
     font-weight: bold;
     color: #2e2e2e;
     margin-bottom: 23px;
     display: block;
     line-height: 1;
     letter-spacing: -0.3px;
}
 .infoshel-main-blog__slider-text p {
     font-family: 'Open Sans', sans-serif;
     font-size: 18px;
     color: #2e2e2e;
}
 .infoshel-new-footer {
     background-color: #2e2e2e;
     min-height: 89px;
     width: 100%;
     padding-bottom: 50px;
    /* position: absolute;
     bottom: 0;
     z-index: 1;
     */
     color: #fff;
     font-size: 16px;
}
 .infoshel-new-footer .icon {
     width: 20px;
     height: 20px;
     fill: white;
     flex: 0 0 auto;
}
/* ------------------ */
 .infoshel-new-footer a {
     text-decoration: none;
     color: #fff;
}
 .infoshel-new-footer a:hover .icon {
     fill: #ffc225;
}
 .infoshel-new-footer__social-links {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: flex-start;
     -webkit-justify-content: flex-start;
     -ms-flex-pack: flex-start;
     justify-content: flex-start;
     margin-top: 20px;
}
/* --------------------- */
 .infoshel-new-footer__container {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     flex-direction: column;
}
 .infoshel-new-footer__header {
     margin-bottom: 40px;
     margin-top: 30px;
     width: 100%;
     column-gap: 50px;
     display: flex;
     align-items: center;
}
 .infoshel-new-footer__container-logo a {
     background: url("../img/infoshell2/main.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 92px;
     height: 89px;
     position: relative;
     display: block;
     margin-top: -15px;
}
 .infoshel-new-footer__container-download {
     flex: 0 0 26%;
     display: flex;
     align-items: center;
     gap: 8px;
}
 .infoshel-new-footer__container-download a {
     font-size: 18px;
     font-weight: bold;
     color: #ffc225;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     white-space: nowrap;
}
 .infoshel-new-footer__container-download a:hover {
     color: #ffc225;
}
 .infoshel-new-footer__container-download span {
     background: url("../img/infoshell2/footer/download.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 18px;
     height: 25px;
     display: block;
     margin-left: 11px;
}
 .infoshel-new-footer__container-phone {
     color: #ffffff;
     font-size: 16px;
     font-weight: 500;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     gap: 16px;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 100%;
     max-width: 560px;
}
 .infoshel-new-footer__container-phone p {
     margin-bottom: 0px;
     gap: 10px;
     display: flex;
     font-size: 20px;
}
 .infoshel-new-footer__container-phone a {
     font-size: 18px;
     font-weight: 500;
     color: #ffc225;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
}
 .infoshel-new-footer a:hover {
     color: #ffc225;
     text-decoration: underline;
}
 .infoshel-new-footer__infoshel-button {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 8px;
     max-width: 261px;
     font-size: 14px;
     padding: 10px;
     width: 100%;
}
 .infoshel-new-footer__infoshel-button span {
     background: url("../img/infoshell2/footer/call-footer.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 16px;
     height: 16px;
     display: block;
     margin-right: 7px;
}
 .infoshel-new-footer__main {
     display: flex;
     justify-content: space-between;
     gap: 40px;
}
 .infoshel-new-footer__text {
     margin-bottom: 30px;
}
 .infoshel-new-footer__services, .infoshel-new-footer__call, .infoshell-footer__contacts {
     flex: 1 1 33.333%;
}
 .services-menu__title, .contacts-info__title {
     color: rgba(255, 255, 255, 80%);
     font-weight: 600;
}
 .services-menu__list, .contacts-info__list {
     list-style-type: none;
}
 .contacts-info__list a, .services-menu__list a {
     display: flex;
     align-items: center;
     gap: 8px;
     padding-bottom: 4px;
     padding-top: 4px;
}
 .contacts-info__list li:last-child {
     margin-top: 20px;
}
 .contacts-info__list li {
     display: flex;
     gap: 8px;
     align-items: center;
}
 .infoshel-new-footer__container-socialNetworks-vcru {
     background: url(../img/infoshell2/vcru.png) no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-new-footer__container-socialNetworks-bh {
     margin-left: 0px;
     background: url(../img/infoshell2/bh-normal.svg) no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .contacts-info__list li {
     padding-bottom: 4px;
     padding-top: 4px;
}
 .infoshel-new-footer__contacts {
     flex: 1 1 33.333%;
}
 .infoshel-new-footer__footer {
     margin-top: 30px;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .infoshel-new-footer .infoshell-telegram {
     display: block;
     background: url(https://infoshell.ru/wp-content/themes/mark_up/css/../img/infoshell2/footer/invalid-name.svg) no-repeat center;
     background-size: 100% auto;
     -webkit-background-size: 100% auto;
     width: 68px;
     height: 68px;
     position: fixed;
     bottom: 15px;
     right: 15px;
     z-index: 100;
}
 .privacy-text a {
     color: #ffc225;
}
 .copyright-text {
     color: rgba(255, 255, 255, 80%);
}
 .infoshel-main-itProduct__h2, .infoshel-main-blog__h2 {
     text-align: center;
}
 .infoshel-main-blog__container {
     max-width: 1200px;
     margin-left: auto;
     margin-right: auto;
}
 .with-full-map {
     position: relative;
     z-index: 1;
}
 .with-full-map__bg {
     background: #ffffff;
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
}
 #map {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
}
 .infoshel-main-card {
     padding-top: 50px;
     padding-bottom: 80px;
     background: #f9f9f9;
     position: relative;
     overflow: hidden;
}
 .infoshel-main-card .popover {
     display: block;
     max-width: 520px;
     width: auto;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
     background-color: #ffffff;
     position: absolute;
     border: none;
}
 .infoshel-main-card .popover:before {
     content: '';
     position: absolute;
     bottom: -21px;
     left: 46.3%;
     z-index: 1;
     border: 11px solid transparent;
     border-top: 10px solid #ffffff;
}
 .infoshel-main-card .popover-marker {
     width: 60px;
     height: 60px;
     position: absolute;
     bottom: -50px;
     left: 40%;
}
 .infoshel-main-card .popover span {
     font-size: 18px;
     color: #2e2e2e;
     display: block;
     margin-left: 16px;
}
 .infoshel-main-card .popover .close {
     position: absolute;
     right: 5px;
     top: 1px;
}
 .infoshel-main-card .popover-content {
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     padding: 0;
     position: relative;
}
 .infoshel-main-card__accordion {
     padding: 24px 25px 24px 24px;
     max-width: 409px;
     position: relative;
     z-index: 2;
}
 #accordion .ui-widget-content {
     border: none;
     -webkit-border-radius: 0;
     border-radius: 0;
     border-bottom: 1px solid rgba(86, 86, 87, 0.1);
     padding-left: 30px !important;
}
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
     background: initial;
}
 .infoshel-main-card__accordion h3 {
     font-size: 18px !important;
     font-weight: bold;
     color: #282828;
     font-family: 'Montserrat', sans-serif;
     border: none;
     display: -webkit-box !important;
     display: -webkit-flex !important;
     display: -ms-flexbox !important;
     display: flex !important;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-border-radius: 0;
     border-radius: 0;
     border-bottom: 1px solid rgba(86, 86, 87, 0.1);
     padding-top: 17px !important;
     padding-bottom: 17px !important;
     padding-left: 30px !important;
     position: relative;
}
 .infoshel-main-card__accordion h3:before {
     content: '';
     position: absolute;
     left: 0;
     top: 16px;
     background: url("../img/infoshell2/contact/point-black.svg") no-repeat center;
     min-width: 12px;
     height: 38px;
     display: block;
}
 .infoshel-main-card__accordion h3 .infoshel-main-card__accordion-checkon {
     background: url("../img/infoshell2/contact/check-off.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 16px;
     height: 16px;
     display: block;
     margin-left: auto;
}
 .infoshel-main-card__accordion-write h3:before {
     display: none !important;
}
 .infoshel-main-card__accordion h3.ui-accordion-header-active {
     border-bottom: none;
}
 .infoshel-main-card__accordion h3.ui-accordion-header-active:before {
     content: '';
     position: absolute;
     left: 0;
     top: 16px;
     background: url("../img/infoshell2/contact/point-yellow.svg") no-repeat center;
     min-width: 12px;
     height: 38px;
     display: block;
}
 .infoshel-main-card__accordion h3.ui-accordion-header-active .infoshel-main-card__accordion-checkon {
     background: url("../img/infoshell2/contact/check-on.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     width: 16px;
     height: 16px;
     display: block;
     margin-left: auto;
}
 .infoshel-main-card__accordion__title {
     font-size: 22px;
     font-weight: bold;
     color: #2e2e2e;
     font-family: 'Montserrat', sans-serif;
     display: block;
}
 .infoshel-main-card__accordion__title-top {
     margin-bottom: 36px;
}
 .infoshel-main-card__accordion__title-bottom {
     margin-top: 24px;
}
 .infoshel-main-card__accordion-list {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
    /* -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between*/
     ;
     width: 210px;
     margin-top: 31px;
     position: relative;
}
 .infoshel-main-card__accordion-link {
     width: 40px;
     height: 40px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}
 .infoshel-main-card__accordion-link-vk {
     background: url("../img/infoshell2/contact/vk-normal.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
/*.infoshel-main-card__accordion-link-fb {
     background: url("../img/infoshell2/contact/fb-normal.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
*/
 .infoshel-main-card__accordion-link-in {
     background: url("../img/infoshell2/contact/in-normal.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
 .infoshel-main-card__accordion-link-bh {
     background: url("../img/infoshell2/contact/bh-normal.svg") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
/*.infoshel-main-card__accordion-link-ins {
     background: url("../img/infoshell2/contact/ins.png") no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
}
*/
 .infoshel-main-card__accordion.infoshel-main-card__accordion-write {
     padding-top: 21px;
     padding-bottom: 21px;
     margin-top: 12px;
}
 .infoshel-main-card__accordion.infoshel-main-card__accordion-write h3 {
     border-bottom: none;
}
 .infoshel-main-card__accordion p {
     font-family: 'Montserrat', sans-serif;
     position: relative;
}
 @media (max-width: 1200px) {
     .infoshel-main-scrum__bottom-text {
         bottom: 15px;
    }
     .infoshel-container {
         padding-left: 15px;
         padding-right: 15px;
    }
     .infoshel-main-ourWork .owl-nav {
         display: none !important;
    }
     .infoshel-header__container-nav-menu li {
         margin-left: 10px;
         margin-right: 10px;
    }
     .infoshel-header__container-requestCall, .infoshel-header__container-phones {
         margin-left: 30px;
    }
     .infoshel-main-services__main-container {
         -webkit-flex-wrap: wrap;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
    }
     .infoshel-main-services__main-block {
         margin-left: auto;
         margin-right: auto;
         height: 300px;
    }
     .infoshel-main-scrum__container {
         -webkit-flex-wrap: wrap;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
    }
     .infoshel-main-scrum__content-block {
         width: 100%;
         margin-bottom: 70px;
    }
     .infoshel-main-scrum__content-block-first:before, .infoshel-main-scrum__content-block-second:before {
         background: url("../img/infoshell2/SCRUM/path-5.svg") no-repeat center;
         -webkit-background-size: 100% auto;
         background-size: 100% auto;
         width: 2px;
         height: 48%;
         bottom: 10px;
         left: 20px;
    }
     .infoshel-main-scrum__content-block-first:after, .infoshel-main-scrum__content-block-second:after {
         display: none;
    }
     .infoshel-main-calculator__list-steps {
         -webkit-flex-wrap: wrap;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
    }
     .infoshel-main-calculator__list-step {
         width: 33%;
         margin-left: 0;
         -webkit-box-flex: 1;
         -webkit-flex: auto;
         -ms-flex: auto;
         flex: auto;
         padding-left: 20px;
         padding-right: 20px;
    }
}
 @media (min-width: 994px) and (max-width: 1042px) {
     .infoshel-header__container-nav-menu {
         margin-left: 0;
    }
     .infoshel-header__container-nav-menu li {
         font-size: 14px;
    }
}
 @media (max-width: 1036px) {
     .infoshel-header__container-socialNetworks ul {
         padding-left: 20px;
    }
     .infoshel-header__container-requestCall, .infoshel-header__container-phones {
         margin-left: 20px;
    }
     .infoshel-main-itProduct__content {
         -webkit-flex-wrap: wrap;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
     .infoshel-main-itProduct__content-block {
         margin-bottom: 20px;
         max-width: 384px;
         margin-left: auto;
         margin-right: auto;
         padding-right: 5px;
    }
}
 @media (max-width: 993px) {
     .infoshel-header__container-logo {
         position: relative;
         left: 6px;
    }
     .infoshel-header__container-menu, .infoshel-header__container-socialNetworks, .infoshel-header__container-phones, .infoshel-header__container-requestCall span {
         display: none;
    }
     .infoshel-header__container {
         -webkit-box-pack: start;
         -webkit-justify-content: flex-start;
         -ms-flex-pack: start;
         justify-content: flex-start;
    }
     .infoshel-header__container-requestCall {
         margin-left: 0;
    }
     .infoshel-header__container-content {
         width: auto;
         position: absolute;
         right: 50px;
         top: 14px;
    }
     .infoshel-header__container-burger {
         position: absolute;
         width: 40px;
         right: 0;
         height: 40px;
    }
     .infoshel-header__container-burger-line {
         width: 16px;
         height: 4px;
         background: #ffffff;
         -webkit-border-radius: 20%;
         border-radius: 20%;
         position: absolute;
         top: 17px;
    }
     .infoshel-header__container-burger-line:before {
         content: '';
         position: absolute;
         top: 10px;
         width: 24px;
         height: 4px;
         background: #ffffff;
         -webkit-border-radius: 20%;
         border-radius: 20%;
    }
     .infoshel-header__container-burger-line:after {
         content: '';
         position: absolute;
         bottom: 10px;
         width: 24px;
         height: 4px;
         background: #ffffff;
         -webkit-border-radius: 20%;
         border-radius: 20%;
    }
     .infoshel-main-reviews__container {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
    }
     .infoshel-main-reviews__block {
         width: 100%;
         margin-bottom: 40px;
    }
     .infoshel-main-reviews__block-name img {
         margin-bottom: 15px;
    }
}
 @media (max-width: 767.98px) {
     .infoshel-new-footer__main, .infoshel-new-footer__header, .infoshel-new-footer__footer {
         flex-direction: column;
         align-items: flex-start;
    }
     .infoshel-main-scrum__content-block-bottom {
         margin-top: -50px;
    }
     .infoshel-main-blog__slider-text p {
         font-size: 14px;
    }
     .infoshel-main-blog__slider-text span {
         font-size: 18px;
    }
     .infoshel-main-card__accordion p {
         font-size: 11.2px;
    }
     .infoshel-main-card__accordion h3 {
         font-size: 12px !important;
    }
     .infoshel-main-card__accordion__title {
         font-size: 16px !important;
    }
     .infoshel-main-blog__h2 {
         margin-bottom: 24px;
    }
     .infoshel-main-blog {
         padding-top: 10px;
         padding-bottom: 60px;
    }
     .infoshel-main-calculator__title {
         font-size: 15px;
         font-family: 'Montserrat', sans-serif;
    }
     .infoshel-main-calculator__list-step.active:before {
         display: none;
    }
     .infoshel-main-calculator__list-steps {
         margin-bottom: 10px;
         margin-top: 23px;
    }
     .infoshel-main-calculator__list-step p {
         font-size: 18px;
    }
     .infoshel-main-calculator__list-step.active {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
    }
     .infoshel-main-calculator__list-step {
         display: none;
    }
     .infoshel-main-calculator__platform {
         margin-left: 0;
         margin-right: 0;
         margin-bottom: 20px;
    }
     .infoshel-main-calculator__platforms {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
    }
     .infoshel-main-reviews__btn {
         margin-top: 0;
    }
     .infoshel-main-reviews__block {
         margin-bottom: 24px;
    }
     .infoshel-main-reviews__block-name img {
         min-width: 60px;
         height: 60px;
         margin-bottom: 0;
    }
     .infoshel-main-reviews__block-comment {
         font-size: 14px;
         margin-top: 15px;
    }
     .infoshel-main-reviews__block-name p {
         font-size: 14px;
         font-family: 'Montserrat', sans-serif;
         font-weight: normal;
    }
     .infoshel-main-reviews__block-name span {
         font-size: 18px;
    }
     .infoshel-main-reviews__h2 {
         margin-bottom: 24px;
    }
     .infoshel-main-reviews__title {
         display: none;
    }
     .infoshel-main-reviews {
         padding-top: 50px;
         padding-bottom: 20px;
         background: #f9f9f9;
    }
     .infoshel-main-scrum__bottom-text {
         bottom: 15px;
    }
     .infoshel-main-scrum__text p, .infoshel-main-scrum__bottom-text {
         font-size: 12px;
    }
     .infoshel-main-scrum__title {
         font-size: 18px;
    }
     .infoshel-main-scrum__list {
         font-size: 64px;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
     .infoshel-main-scrum__container {
         margin-top: 20px;
    }
     .infoshel-main-scrum__briefly {
         font-size: 15px;
         line-height: 1.07;
         letter-spacing: -0.3px;
    }
     .infoshel-main-scrum {
         padding-top: 30px;
         padding-bottom: 0;
    }
     .infoshel-main-itProduct__content {
         margin-top: 14px;
    }
     .infoshel-main-services__main-block-color {
         padding: 15px 0;
    }
     .infoshel-main-services__main-container {
         -webkit-box-align: start;
         -webkit-align-items: flex-start;
         -ms-flex-align: start;
         align-items: flex-start;
         margin-top: 6px;
    }
     .infoshel-main-itProduct__content-block {
         padding-top: 35px;
         padding-bottom: 35px;
    }
     .infoshel-main-ourWork__slider-img .infoshel-main-ourWork__slider-img-text h4 {
         font-size: 18px;
    }
     .infoshel-main-ourWork__slider-img .infoshel-main-ourWork__slider-img-text p {
         font-size: 14px;
    }
     .infoshel-main-ourWork__slider {
         margin-top: 24px;
    }
     .infoshel-main-ourWork__title-span {
         font-size: 15px;
         width: 275px;
         display: block;
         margin-left: auto;
         margin-right: auto;
         line-height: 1.07;
         letter-spacing: -0.3px;
    }
     .infoshel-main-ourWork__h2 {
         margin-bottom: 12px;
    }
     .infoshel-main-ourWork {
         padding-top: 30px;
         padding-bottom: 30px;
    }
     .infoshel-main-itProduct__content-block-text {
         font-size: 14px;
    }
     .infoshel-main-services__main-block {
         height: auto;
         margin-bottom: 20px;
    }
     .infoshel-main-itProduct {
         padding-top: 30px;
         padding-bottom: 30px;
    }
     .infoshel-main-services__main {
         padding-bottom: 0;
    }
     .infoshel-main-services__main-block-h3 {
         font-size: 12px;
         margin-top: 14px;
    }
     .infoshel-main-services__main h2 {
         margin-top: 50px;
    }
     .infoshel-main-services__logos {
         margin-bottom: 0;
    }
     .infoshel-main-slider .owl-dots {
         position: absolute;
         bottom: 72px;
         right: 10px;
    }
     .infoshel-main-slider__img-first {
         content: url("../img/infoshell2/header/img-01@3x.jpg");
         width: 100%;
         -webkit-background-size: 100% auto;
         background-size: 100% auto;
    }
     .infoshel-main-slider__img-second {
         content: url("../img/infoshell2/header/img-02@3x.jpg");
         width: 100%;
         -webkit-background-size: 100% auto;
         background-size: 100% auto;
    }
     .infoshel-main-slider__img-three {
         content: url("../img/infoshell2/header/img-03@3x.jpg");
         width: 100%;
         -webkit-background-size: 100% auto;
         background-size: 100% auto;
    }
     .infoshel-main-slider__img-fourth {
         content: url("../img/infoshell2/header/img-04@3x.jpg");
         width: 100%;
         -webkit-background-size: 100% auto;
         background-size: 100% auto;
    }
     .infoshel-main-slider__img-five {
         content: url("../img/infoshell2/header/img-05@3x.jpg");
         width: 100%;
         -webkit-background-size: 100% auto;
         background-size: 100% auto;
    }
     .infoshel-main-slider__img-seven {
         content: url("../img/infoshell2/header/img-06@3x.jpg");
         width: 100%;
         -webkit-background-size: 100% auto;
         background-size: 100% auto;
    }
     .infoshel-main-slider__btn {
         display: none;
    }
     .infoshel-main-slider__bottom-text {
         height: auto;
         padding-top: 9px;
         padding-bottom: 13px;
    }
     .infoshel-main-slider__bottom-text span {
         font-size: 15px;
    }
     .infoshel-h2 {
         font-size: 24px !important;
    }
     .infoshel-main-calculator__list-step {
         width: 50%;
    }
     .infoshel-new-footer__container {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
    }
     .infoshel-new-footer__container-phone {
         width: 100%;
         -webkit-box-align: start;
         -webkit-align-items: flex-start;
         -ms-flex-align: start;
         align-items: flex-start;
    }
     .infoshel-new-footer__container-phone p, .infoshel-new-footer__container-phone a {
         margin-left: 0;
         margin-right: 0;
    }
     .infoshel-new-footer {
         height: auto;
         padding-bottom: 40px;
    }
     .infoshel-new-footer__container-phone a {
         font-size: 16px;
    }
     .infoshel-new-footer__container-download {
         margin-left: 0;
         margin-bottom: 30px;
    }
     .infoshel-new-footer__container-download a {
         letter-spacing: -0.6px;
    }
     .infoshel-new-footer__container-phone {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
    }
     .infoshel-new-footer__container-download {
         width: 100%;
    }
     .infoshel-new-footer__container-link {
         position: absolute;
         right: 0;
         bottom: 0;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center;
    }
     .infoshel-new-footer__container-link a {
         background: url("../img/infoshell2/footer/invalid-name.svg") no-repeat center;
         -webkit-background-size: 100% auto;
         background-size: 100% auto;
         min-width: 68px;
         height: 68px;
         display: block;
    }
     .infoshel-main-card__accordion {
         padding-left: 17px;
         padding-right: 17px;
    }
     .infoshel-main-card {
         padding-top: 154px;
         padding-bottom: 230px;
    }
     .infoshel-main-card .popover span {
         font-size: 16px;
    }
     .infoshel-new-footer__footer .infoshel-new-footer__text {
         margin-bottom: 16px;
    }
     .popover-content {
         height: 100%;
    }
     .infoshel-main-card .popover-marker {
         left: 40%;
    }
}
 @media (max-width: 575.98px) {
     .infoshel-main-itProduct__content>div {
         padding-left: 0;
         padding-right: 0;
    }
     .infoshel-main-ourWork__slider-img {
         width: 288px;
         margin-left: 3px;
         margin-right: 3px;
    }
     .infoshel-main-blog__slider-block {
         width: 288px;
         margin-left: 2px;
         margin-right: 2px;
         display: block !important;
    }
     .infoshel-main-blog__slider-block img {
         height: auto;
         background: #999999;
    }
     .infoshel-main-services__logos-icon {
         width: 86.4px;
         min-width: 86px;
    }
     .infoshel-main-form__container {
         padding-left: 0;
         padding-right: 0;
    }
}
 .icon.Arrow_prev:before, .owl-prev:before {
     width: 2.5002em;
     height: 4.0998em;
     background-position: 0 -4.1em;
}
 .icon.Arrow_next:before, .owl-next:before {
     width: 2.5002em;
     height: 4.0998em;
     background-position: 0 0;
}
 .icon:before, .owl-next:before, .owl-prev:before {
     display: inline-block;
     content: ' ';
     vertical-align: middle;
     background-image: url(../img/infoshell2/svg/sprite.svg);
     background-repeat: no-repeat;
     -webkit-background-size: 9.7098em 220.6em;
     background-size: 9.7098em 220.6em;
     position: relative;
}
 .owl-prev, .owl-next {
     position: absolute !important;
}
 .modal-infoshel {
     background-color: rgba(55, 56, 56, 0.7);
     padding-right: 0 !important;
}
 .modal-infoshel .modal-content {
     background: initial;
}
 .modal-infoshel .close span {
     background: url(../img/infoshell2/header/menu-close.svg) no-repeat center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     min-width: 24px;
     height: 24px;
     display: block;
}
 @media (min-width: 576px) {
     .modal-dialog.modal-infoshel-form {
         max-width: 1040px;
         margin: 1.75rem auto;
    }
     .modal-dialog.modal-email-book {
         max-width: none;
    }
}
 .our-work-page img {
     width: 100%;
}
 .our-work-page .infoshel-main-ourWork__slider-img {
     margin-left: 0;
     margin-right: 0;
     width: 100%;
     margin-bottom: 70px;
}
 a, a:active, a:visited, a:hover {
     text-decoration: none;
}
 .infoshel-main-blog__slider-block img {
     height: 250px;
     object-fit: cover;
}
 .infoshel-main-ourWork__slider-img-block img {
     border-radius: 8px;
     -webkit-border-radius: 8px;
}
 @media (min-width: 1280px) {
}
 .infoshel-main-reviews {
     position: relative;
     overflow: hidden;
}
 .infoshel-main-reviews .owl-nav {
     position: absolute;
     width: 100%;
     top: 40%;
}
 .infoshel-main-reviews .owl-theme .owl-nav {
     margin-top: 0;
}
 .infoshel-main-reviews .owl-theme .owl-nav button {
     width: 80px;
     height: 80px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}
 .infoshel-main-reviews .owl-theme .owl-nav button span {
     display: none;
}
 .infoshel-main-reviews .owl-theme .owl-nav button.owl-prev {
     left: -60px;
}
 .infoshel-main-reviews .owl-theme .owl-nav button.owl-next {
     right: -60px;
}
 .infoshel-main-reviews .owl-theme .owl-nav button:hover {
     background-color: rgba(46, 46, 46, 0.8);
}
 .infoshel-main-development-stages {
     padding-top: 30px;
     padding-bottom: 30px;
}
 .infoshel-main-development-stages__h2 {
     margin: 0;
     text-align: center;
}
 .section-header, .section-header-dark {
     font-size: 24px 
}
 .development-stages {
     margin-top: 80px 
}
 .development-stages--stage, .development-stages--stage-inner, .development-stages--stage-last, .development-stages--stage-preinner {
     position: relative;
     display: table;
     width: 100% 
}
 .development-stages--stage:after {
     position: absolute;
     z-index: -1;
     bottom: 0;
     left: 98px;
     height: 100px;
     border-right: 4px dashed #7fbdd6 
}
 .development-stages--stage-inner {
     box-sizing: border-box;
     padding-left: 150px 
}
 .development-stages--stage-inner:after, .development-stages--stage-inner:before {
     position: absolute;
     content: '' 
}
 .development-stages--stage-inner:before {
     top: -50%;
     left: 170px;
     width: 44px;
     height: 54%;
     border-top: 4px dashed #7fbdd6;
     border-right: 4px dashed #7fbdd6 
}
 .development-stages--stage-inner:after {
     top: -48%;
     left: 20px;
     width: 115px;
     height: 96%;
     border-bottom: 4px dashed #7fbdd6;
     border-left: 4px dashed #7fbdd6 
}
 .development-stages--stage-last {
     margin-top: 50px 
}
 .development-stages--stage-last:after {
     position: absolute;
     top: -50px;
     left: 176px;
     width: 38px;
     height: 45%;
     border-right: 4px dashed #feca2e;
     border-bottom: 4px dashed #feca2e 
}
 .development-stages--stage-last-arrow-down {
     font-size: .75em;
     font-weight: 700;
     position: absolute;
     top: 15px;
     left: 189px;
     padding-top: 23px;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     -webkit-transform-origin: 0 50%;
     -ms-transform-origin: 0 50%;
     transform-origin: 0 50%;
     color: #feca2e;
     background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAgCAYAAABQISshAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdZJREFUeNrcmD8ohGEcx5/3vUuxmJTdKlkYKGIwiEQ6MTCcQQakKyyEcqckDBdFyUD+RCKDgRgMN1FWyUYWFoNwvs/5vaWn39udW+73+Nan697fO9yne9/3+T6v85UoU1mkCOyCanAFQuBJ5SBOxU3q081S4gzUgiCoASMqx/mrSCE4BaXG8WKbRDyJcma2bYtIATgBlcxsEBzaIKIljkEVMxsDS0pA0onkgQNQx8wmQEwJiZtGYg80MLNZMKUExU8kALZAMzObB6NKWFwfiQ3QxsyWQUQJjCnigDXQxZy7CvpBUrqIloiDHua8TdAnVcIUWaAfa2YHdINPJTgOlcaYT1+6o8vpXbDDPYrjgxbRi9qMsjsRLfJCPcrmvLrqn8SlVdr2TOuNUZQuLatv9iB90ZUjHwwYJ5WAMC2QIh+/3FZ3iCqImRBVloD0e8RLki6jdeY8/Y+s0OovXsST6aVKYiZMFcaxQUTRvaAryT4z0xVmzhYRT6YTHDGzYUk7w0x2iPqR205vTszoR/W4LSKeTCs4Z2aTknaKmVSUN9Ckfl6Nmokya49YEU+mESSY2SJosUUk1TDpjco1M+uwSeS3zK1x/NE2EZ1nUA8uwAe4lNCgvwUYAGY1XX4AlSUuAAAAAElFTkSuQmCC);
     background-repeat: no-repeat;
     background-position: left top;
     background-size: 25px 18px 
}
 .development-stages--stage-image {
     width: 200px 
}
 .development-stages--stage-content, .development-stages--stage-image {
     display: table-cell;
     vertical-align: middle 
}
 .development-stages--stage-content {
     padding-left: 40px 
}
 .development-stages--stage-head {
     font-size: 1.3125em;
     margin-top: 0;
     font-weight: bold;
}
 .development-stages--stage-text {
     margin-top: 0;
     margin-bottom: 0 
}
 .development-stages--stage-arrow-down, .development-stages--stage-arrow-up {
     position: absolute;
     background-size: 27px 25px 
}
 .development-stages--stage-arrow-up {
     font-size: .75em;
     font-weight: 700;
     bottom: 50%;
     left: 40px;
     margin-bottom: 20px;
     padding-top: 35px;
     white-space: nowrap;
     color: #7fbdd6;
     background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAyCAYAAAAX1CjLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeBJREFUeNrsl79LQlEUx30pDi5vEvoXAgcnB51scHNxKHColiIcDHLQJsWhbBFqiIZ+QIPQj0VqKrIm/4SaItzqXxDEvhdO8Lhczfd4V69xDnxA3jn3nPvR9/Bdq/r8FvAYe6BMnw/BgZcmteWlgI4IeVzXcEiJ2Ac2qAQMiQWX9RY4kqR+o0w5a97ExIZPQHFMTZFqrHkRC4JLsD1Brai5oDVGi4kNXoF1F303aE3QVLEwuAF5D73ztDZsmpjY0B3IKXIfE17LUY+wKWIRcA+yipz4FQqK6wXKyZGlXpFZi4kNPICMIteiW6yvyPUp11LkMtQzMisx8Sf7BNKK2jOwBgZj+g2o5lyRS1Nve9piYuAjSCrqTsHWH1JOuU1aI0eSZtjTEouCV5BQ1DTp+Rm66DukNU1FLkGzorrFxIAOiCvy4uW25FLKKVeiHnLEaWZUp9gtiClyVZ9eaivUS44YzdYmlhpxJKn7OKdOPeVI6RTrStd26FjidzSotzO6usTEeWyFjhyL4Bq0NT7Tx6AHVsHXiOfPN7FvsDvFl4K25i/P00FzboLFWIzFWIzFWIzFWIzFWIzFWIzFWIzFWIzFWIzFWIzFKEKz3kCt82682AvfigaLff5XsZ7pYj8CDACKCE4K3FGT5QAAAABJRU5ErkJggg==);
     background-repeat: no-repeat;
     background-position: top left 
}
 .development-stages--stage-arrow-down {
     top: -50%;
     left: 176px;
     width: 27px;
     height: 25px;
     margin-top: 20px;
     background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAyCAYAAAAX1CjLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAihJREFUeNrsmj1LA0EQhu805B+IdiKp0llbRUErxcYoWgh+FGKhKIJWmlQxIEJSiGijFoJBQsRO8KPRwspCtLIXrNJYBOR8B0aIx5hcQjasYQZeltvZndknt7e3y8Xdun7xHLvNreRMDETF+jbHfuuup9N/AOtpVTCnXjDXIvU3EqwlLfTXqtIsS9y8GpuKLfuMKZiCKZiCKZiCKZiCKZiCKZiCKZiCKZiCKZiCKZiC1WIhU4ETN6+dKNahLugsMRC9MAmCfKMoJqB3KG3yjuWgFWgSKiDxkkEoil3gXJQzZxKsz3edwQA2DEBRzIw/t0mwe6EuhYFsNjAHxUpJuU2CxaFnoT4JuO0GxKcYSaGecsZdz/NMPtAdKK6gXsG9C61B5QOIQbe+dvQx8K7smj4Q7kCrQswnaAgL1YfR5Z4S8GAfBTcNbM+p8q8An7ncR4KiHDHOaf49hkRF+hWhB8G9AB1C7QFCUZsD7uO3B75Txaa+oDnhoDDNyOagkypw7dxmXvBRzMFyqKbuPJD4E8UwP3N+m4JOobDgC7NvSvBRrGGO/XvOmlw8/lhQaKDn0IjgfoMiAerILqExQJWs2CvyQMagvOCOBKzLc4ySVZtghhvnKVarnXLfkpW7e8B9oZiGjmrodsx9vqw+tjDcLLQfoDm1mQkCZct5jFavRShboU2W2wRe6Ww5aNKAl+kcJfjS7Ktp+Q45dhkdQYp8QP2BStUT6FuAAQB/+YQ1GK2fMAAAAABJRU5ErkJggg==);
     background-repeat: no-repeat;
     background-position: top right 
}
 img.idea {
     position: absolute;
     top: -40%;
     left: -4% 
}
 .clock {
     position: absolute;
     right: 0;
     bottom: 90%;
     width: 420px;
     color: #accbd6 
}
 .clock b {
     font-size: 1.3125em;
     display: block;
     margin-bottom: .5em 
}
 .clock img {
     float: left;
     margin-right: 20px 
}
 .section-header-dark {
     font-size: 2.25em;
     font-weight: 700;
     margin-top: 0;
     margin-bottom: 25px;
     text-align: center 
}
 .section-header-dark, .section-text-darl {
     color: #2e2e2e 
}
/* .infoshel-main-slider .owl-dots {
     position: absolute;
     bottom: 120px;
     right: 80px;
}
 .infoshel-main-slider .owl-theme .owl-dots .owl-dot.active span, .infoshel-main-slider .owl-theme .owl-dots .owl-dot:hover span {
     background-color: #ffc225;
     opacity: 1;
}
 .infoshel-main-slider .owl-theme .owl-dots .owl-dot span {
     opacity: 0.35;
     background-color: #ffffff;
     width: 8px;
     height: 8px;
     margin: 5px;
}
 .infoshel-main-slider .owl-prev {
     left: 50px;
}
 .infoshel-main-slider .owl-next {
     right: 50px;
}
 */
 .infoshel-company-banner {
     padding-top: 70px;
     padding-bottom: 80px;
     color: #f9f9f9;
     background: linear-gradient(to right, #FFF 60%, #FFD950 40%);
}
 .infoshel-company-container {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     padding-left: 200px;
}
 .infoshel-company-banner img {
     float: left;
     padding-right: 10px;
}
 .infoshel-company-banner__h2 {
     color: #2E2E2E;
     font-size: 26px;
     font-weight: bold;
}
 .infoshel-company-banner_logo {
     padding-top: 100px;
     width: 600px;
}
 .infoshel-company-banner_video {
     width: 622px;
     height: 383px;
}
 .infoshel-company-text {
     background-color: #2e2e2e;
     padding-top: 70px;
     padding-bottom: 70px;
     font-weight: bold;
     font-size: 18px;
     line-height: 20px;
     color: #f9f9f9;
}
 .infoshel-company-mission {
     background: linear-gradient(to right, #FFD950 60%, #FFF 40%);
}
 .infoshel-company-mission-container {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
}
 .infoshel-company-mission-text {
     background-color: #FFD950;
     width: 70%;
     padding: 70px 40px 70px 0;
     font-weight: 600;
}
 .infoshel-company-mission-text2 {
     width: 30%;
     padding: 80px 0 70px 40px;
     font-size: 18px;
     font-weight: bold;
}
 .header-icon {
     width: 40px;
     height: 40px;
}
 .tech-systems, .vr-with-mobile, .developed-projects {
     padding: 50px 0px;
}
 #vr-hero{
     background-image: url(/wp-content/uploads/2017/12/img-header-vr.jpg);
}
 #corporate-hero {
     background-image: url(/wp-content/uploads/2018/03/developing_applications_for_iOS__article_image.png);
}
 #crm-erp .infoshel-article-page__firstSlide {
     background-image: url(/wp-content/uploads/2024/11/img-header-crm.jpg);
}
 #game-hero .infoshel-article-page__firstSlide {
     background-image: url(/wp-content/uploads/2024/11/bg-game-slide02-1.jpg);
}
 .full-img {
     background-repeat: no-repeat;
     background-size: cover;
}
 .full-img #carousel-default {
     background-color: #fff !important;
}
 .col-sm-8{
     margin-bottom: 50px;
     margin-top: 50px;
}
 .second-title {
     margin-bottom: 50px;
}
 .col-item-4 {
     float: left;
}
 .col-item-4 {
     width: 23.5%;
     margin-left: 2%;
}
 .col-item-4:first-of-type {
     margin-left: 0;
}
 .col-item-4:nth-child(4n+1) {
     clear: both;
     margin-left: 0;
}
 .what-we-do--icon:before {
     -webkit-transition: all .3s ease-out;
}
 .what-we-do--icon:before {
     content: '';
}
 .what-we-do {
     text-align: center;
     color: #fff;
}
 .what-we-do--icon {
     position: relative;
     width: 100px;
     height: 100px;
     margin-right: auto;
     margin-left: auto;
     text-align: center;
}
 .what-we-do--icon:before {
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     transition: all .3s ease-out;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     border-radius: 15px;
     background-color: #fff;
}
 .what-we-do--text {
     line-height: 1.125;
     margin-top: 25px;
     -webkit-transition: all .3s ease-out;
     transition: all .3s ease-out;
}
 .what-we-do--text {
     min-height: 6.75em;
}
 .what-we-do:hover {
     color: #edb934;
}
 .what-we-do:hover .what-we-do--icon:before {
     -webkit-transform: none;
     -ms-transform: none;
     transform: none;
     background-color: #edb934;
}
 @media (max-width:985px) {
     .col-item-4.what-we-do {
         width: 48%;
         margin-top: 25px;
         margin-bottom: 25px;
         margin-left: 4%;
    }
     .col-item-4.what-we-do:nth-child(2n+1) {
         clear: both;
         margin-left: 0;
    }
}
 @media (max-width:766px) {
     .what-we-do--text {
         display: none;
    }
}
/*! CSS Used from: Embedded */
 section.what-we-do-section {
     width: 100%;
     min-height: 535px;
     background: url(http://infoshell.ru/wp-content/themes/mark_up/infoshell_new/img/crm/bg-05.jpg);
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 section.what-we-do-section .what-we-do-block {
     max-width: 1047px;
     margin: 0 auto;
     margin-top: 86px;
}
 section.what-we-do-section h2 {
     font-size: 36px;
     text-transform: uppercase;
     font-weight: bold;
     line-height: 1;
     letter-spacing: -0.5px;
     text-align: center;
     color: #ffffff;
     margin-top: 0;
     margin-bottom: 0;
}
 section.what-we-do-section .what-we-do--text p {
     text-align: center;
     font-size: 16px;
     font-weight: 500;
     line-height: 1.13;
     letter-spacing: -0.3px;
     text-align: center;
     color: #fafafa;
     margin-top: 0px;
}
 .what-we-do--text {
     margin-top: 40px;
}
 .what-we-do {
     width: 255px;
     display: inline-block !important;
     float: inherit !important;
     vertical-align: top;
}
 .what-we-do:hover {
     color: #fafafa !important;
}
 .what-we-do--icon:before, .what-we-do:hover .what-we-do--icon:before {
     background-color: #fff;
     transform: rotate(45deg);
}
 .what-we-do-items {
     text-align: center;
}
 .col-item-4:nth-child(n+2) {
     margin-left: 100px;
}
 .what-we-do--icon:before {
     background-color: inherit !important;
     transform: inherit !important;
     transition: inherit !important;
     background-repeat: no-repeat !important;
}
 .what-we-do--icon {
     width: 134px !important;
     height: 134px !important;
}
 .what-we-do--icon-one:before {
     background: url(http://infoshell.ru/wp-content/themes/mark_up/infoshell_new/img/crm/ic-work-01.svg);
}
 .what-we-do--icon-two:before {
     background: url(http://infoshell.ru/wp-content/themes/mark_up/infoshell_new/img/crm/ic-work-02.svg);
}
 .what-we-do--icon-three:before {
     background: url(http://infoshell.ru/wp-content/themes/mark_up/infoshell_new/img/crm/ic-work-03.svg);
}
 @media only screen and (min-width : 768px) and (max-width : 1024px) {
     .what-we-do-block .col-item-4:nth-child(n+1) {
         margin: 0 !important;
         width: 52%;
    }
     section.what-we-do-section h2 {
         padding-top: 0 !important;
    }
}
 @media only screen and (max-width : 480px) {
     .what-we-do-block .col-item-4:nth-child(n+2) {
         margin-left: 0px;
    }
     .what-we-do-block .what-we-do--text {
         display: block;
    }
     .what-we-do {
         width: 55% !important;
    }
     .col-item-4.what-we-do {
         margin-top: 0px !important;
         margin-bottom: 0px !important;
    }
     section.what-we-do-section h2 {
         padding-top: 0 !important;
    }
     section h2 {
         line-height: 0.97 !important;
         font-size: 29px !important;
    }
     .body-crm section {
         padding: 45px 0;
    }
     .body-crm h2 {
         font-size: 24px;
    }
     .body-crm p {
         font-size: 12px;
    }
}
 .col-item-4 {
     float: left;
}
 .col-item-4 {
     width: 23.5%;
     margin-left: 2%;
}
 .col-item-4:first-of-type {
     margin-left: 0;
}
 .col-item-4:nth-child(4n+1) {
     clear: both;
     margin-left: 0;
}
 .what-we-do--icon:before {
     -webkit-transition: all .3s ease-out;
}
 .what-we-do--icon:before {
     content: '';
}
 .what-we-do {
     text-align: center;
     color: #fff;
}
 .what-we-do--icon {
     position: relative;
     width: 100px;
     height: 100px;
     margin-right: auto;
     margin-left: auto;
     text-align: center;
}
 .what-we-do--icon:before {
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     transition: all .3s ease-out;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     border-radius: 15px;
     background-color: #fff;
}
 .what-we-do--text {
     line-height: 1.125;
     margin-top: 25px;
     -webkit-transition: all .3s ease-out;
     transition: all .3s ease-out;
}
 .what-we-do--text {
     min-height: 6.75em;
}
 .what-we-do:hover {
     color: #edb934;
}
 .what-we-do:hover .what-we-do--icon:before {
     -webkit-transform: none;
     -ms-transform: none;
     transform: none;
     background-color: #edb934;
}
 @media (max-width:985px) {
     .col-item-4.what-we-do {
         width: 48%;
         margin-top: 25px;
         margin-bottom: 25px;
         margin-left: 4%;
    }
     .col-item-4.what-we-do:nth-child(2n+1) {
         clear: both;
         margin-left: 0;
    }
}
 @media (max-width:766px) {
     .what-we-do--text {
         display: none;
    }
}
 section.projects-done {
     width: 100%;
     min-height: 944px;
     background: url(http://infoshell.ru/wp-content/themes/mark_up/infoshell_new/img/corporate/bg-2.jpg);
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 section.projects-done .projects-done-block {
     max-width: 950px;
     margin: 0 auto;
}
 section.projects-done .projects-done-block h2 {
     font-size: 36px;
     font-weight: bold;
     line-height: 1;
     letter-spacing: -0.5px;
     text-align: center;
     color: #282828;
     margin-bottom: 24px;
     margin-top: 0;
     text-transform: uppercase;
}
 section.projects-done .projects-done-require-btn {
     text-align: center;
     margin-top: 22px;
}
 section.projects-done .proj-content span.title {
     display: block;
     font-size: 20px;
     font-weight: 900;
     line-height: 1.1;
     letter-spacing: -0.1px;
     text-align: left;
     color: #282828;
     padding-bottom: 19px;
     text-transform: uppercase;
}
 section.projects-done .proj-content span.title:before {
     content: '';
     position: absolute;
     left: -27px;
     top: 3px;
     width: 16px;
     height: 16px;
     transform: rotate(-45deg);
     border-radius: 3px;
     background-color: #edb933;
}
 section.projects-done .proj-content span.text {
     display: block;
     font-size: 16px;
     line-height: 1.25;
     letter-spacing: -0.3px;
     text-align: left;
     color: #525252;
}
 section.projects-done .proj-content .proj-item {
     margin-bottom: 32px;
     position: relative;
}
 section.projects-done .proj-content {
     margin-top: 63px;
}
 section.our-advantages .advantages-block h2 {
     font-size: 36px;
     font-weight: bold;
     line-height: 0.67;
     letter-spacing: -0.5px;
     text-align: center;
     color: #282828;
     margin: 0;
     text-transform: uppercase;
}
 section.our-advantages .advantages-list {
     text-align: center;
     padding-top: 62px;
     max-width: 1047px;
     margin: 0 auto;
}
 section.our-advantages .advantage {
     display: inline-block;
     width: 250px;
     vertical-align: top;
     text-align: center;
}
 section.our-advantages .advantage:nth-child(n+4) {
     margin-top: 51px;
}
 section.our-advantages .advantage:not(:nth-child(3n)) {
     margin-right: 100px;
}
 section.our-advantages .advantage span.title {
     font-size: 18px;
     font-weight: bold;
     letter-spacing: -0.1px;
     text-align: center;
     text-transform: uppercase;
     color: #282828;
     display: block;
     height: 42px;
     margin-top: 15px;
}
 section.our-advantages .advantage span.text {
     font-size: 16px;
     line-height: 1.25;
     letter-spacing: -0.3px;
     text-align: center;
     color: #525252;
     display: block;
     margin-top: 20px;
}
 #crm-erp section {
     padding: 100px 0;
}
 #crm-erp .infoshel-article-page__firstSlide{
     padding: 0;
}
 #crm-erp .h2za {
     text-align: center;
}
/*! CSS Used from: Embedded */
 @media only screen and (max-width : 768px) {
     #crm-erp section {
         padding: 60px 0;
    }
}
 @media only screen and (min-width : 768px) and (max-width : 1024px) {
     section.our-advantages .advantage:not(:nth-child(3n)) {
         margin-right: 0px;
    }
     section.our-advantages .advantage:nth-child(2n) {
         margin-right: 0px;
    }
     section.our-advantages .advantages-block {
         padding-top: 0 !important;
    }
     section.our-advantages {
         min-height: 555px;
    }
}
 @media only screen and (max-width : 480px) {
     section.our-advantages .advantages-block {
         padding-top: 0 !important;
    }
     #crm-erp section h2 {
         line-height: 0.97 !important;
         font-size: 29px !important;
    }
     section.our-advantages .advantage:not(:nth-child(3n)) {
         margin-right: 0px;
    }
     section.our-advantages .advantage:nth-child(n+4) {
         margin-top: 0px;
    }
     section.our-advantages .advantage {
         margin-top: 40px !important;
    }
     #crm-erp section {
         padding: 45px 0;
    }
     #crm-erp h2 {
         font-size: 24px;
    }
}
/* game-service-block */

 .block-with-bg {
     background-size: cover !important;
     background-attachment: fixed !important;
}
 .block-with-bg.nofixbg {
     background-attachment: scroll;
}
 .carousel-arrows {
     position: relative;
     width: 100%;
     z-index: 2;
}
 .carousel-arrows a.carousel-arrow {
     background: url("https://infoshell.ru/wp-content/themes/mark_up/images/carousel-arrows.png") no-repeat top left;
     height: 41px;
     width: 25px;
     display: block;
     position: absolute;
     left: -35px;
}
 .carousel-arrows a.carousel-arrow.a-right {
     background-position: -314px -168px;
     left: auto;
     right: -35px;
}
 .portfolio-carousel-arrows a.carousel-arrow {
     left: -50px;
}
 .portfolio-carousel-arrows a.carousel-arrow.a-right {
     right: -50px;
}
 .portfolio-carousel-arrows.carousel-arrows a {
     top: 132px;
}
 .portfolio-carousel {
     position: relative;
     top: 0;
     left: 0;
     width: 100%;
     margin: 0 0 -5%;
}
 .portfolio-carousel {
     margin: 0;
}
 .header-carousel-text {
     left: 0;
     width: 100%;
     z-index: 1;
     color: #fff;
     overflow: hidden;
}
 .header-carousel-text img, .anim-block {
     position: relative;
     opacity: 0.1;
}
 .portfolio-carousel .header-carousel-text {
     top: 220px;
}
 .portfolio-carousel .caroufredsel_wrapper {
     z-index: 0 !important;
}
 .projects {
     background: url("https://infoshell.ru/wp-content/themes/mark_up/images/projects-bg.jpg") no-repeat top center;
}
 .carousel-item {
     overflow: hidden;
}
 .carousel-item-text {
     color: #fff;
}
 @media (min-width: 1280px) {
     .portfolio-carousel h2 {
         top: 10px;
    }
}
 .carousel-item {
     position: relative;
}
 a {
     text-decoration: none;
}
 .container {
     margin: 0 auto;
     position: relative;
}
 .container:before, .container:after, .row:before, .row:after {
     display: table;
     content: " ";
}
 .container:after, .row:after {
     clear: both;
}
 #game-hero section {
     padding: 80px 0;
}
 h2 {
     text-transform: uppercase;
     color: #fff;
     font-size: 36px;
     font-weight: 700;
     padding-bottom: 70px;
}
 h3 {
     font-weight: 500;
     font-size: 18px;
     text-transform: uppercase;
     margin-top: 20px;
     margin-bottom: 10px;
}
 .col-md-4, .col-md-8 {
     float: left;
     min-height: 1px;
     width: 33.3333%;
     padding-left: 10px;
     padding-right: 10px;
     position: relative;
}
 .col-md-8 {
     width: 66.66666667%;
}
 .portfolio-carousel {
     position: relative;
}
 .portfolio-carousel h2 {
     left: 0;
     position: absolute;
     text-align: center;
     top: 20px;
     width: 100%;
     z-index: 2;
     text-align: center;
}
 .carousel-item {
     overflow: hidden;
}
 .block-with-bg {
     background-attachment: fixed !important;
}
 .left-list>li {
     display: block;
     float: left;
}
 .carousel-arrows {
     position: relative;
     width: 100%;
     z-index: 2;
}
 .carousel-arrows a.carousel-arrow {
     background: url("https://infoshell.ru/wp-content/themes/mark_up/images/sprite.png") -246px -168px no-repeat;
     display: block;
     height: 41px;
     left: -35px;
     position: absolute;
     width: 25px;
}
 .portfolio-carousel-arrows.carousel-arrows a {
     top: 132px;
}
 .portfolio-carousel-arrows a.carousel-arrow {
     left: -50px;
}
 .portfolio-carousel-arrows a.carousel-arrow.a-right {
     background-position: -314px -168px;
     right: -50px;
     left: auto;
}
 .carousel-item-text {
     color: #fff;
}
 .carousel-item-text ul {
     margin-bottom: 25px;
}
 .btn {
     display: inline-block;
     padding: 12px 15px;
     color: #fff;
     text-transform: uppercase;
     font-size: 18px;
     transition: all 0.25s linear;
     position: relative;
}
 .btn-default {
     font-size: 16px;
     font-weight: 700;
     border: 2px solid #fff;
     padding-left: 35px;
     padding-right: 35px;
}
 .btn-default:hover {
     background-color: #fff;
     color: #000;
}
 .header-carousel-text img, .anim-block {
     position: relative;
     opacity: 0;
}
 @media (min-width: 768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 960px;
    }
}
 .game-service-block {
     position: relative;
}
 .game_carousel .header-carousel-text {
     padding-top: 30px;
}
 .portfolio-carousel img.anim-block {
     width: 100%;
}
 .projects .portfolio-carousel .carousel-item {
     height: 790px;
     position: relative;
     overflow: hidden;
}
 .game-service-block .projects .portfolio-carousel .carousel-item {
     height: 690px;
     padding-top: 80px;
}
 .game-service-block {
     padding: 0;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .portfolio-carousel-arrows a.carousel-arrow {
         left: 0;
    }
     .portfolio-carousel-arrows a.carousel-arrow.a-right {
         right: 0;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .container {
         width: auto;
    }
     .btn {
         font-size: 18px;
         padding: 9px 16px;
    }
     .container {
         padding: 0 10px;
    }
     #game-hero section {
         padding: 40px 0;
    }
     .col-md-4, .col-md-8 {
         float: none;
         width: auto;
    }
     .portfolio-carousel img.anim-block {
         display: block;
         max-width: 100%;
         width: auto !important;
         margin-left: auto;
         margin-right: auto;
    }
     .portfolio-carousel-arrows a.carousel-arrow {
         left: 0;
    }
     .portfolio-carousel-arrows a.carousel-arrow.a-right {
         right: 0;
    }
     .anim-block {
         text-align: center;
    }
     .anim-block .carousel-item-text {
         display: none;
    }
     h2 {
         padding-bottom: 30px;
    }
     .game-service-block {
         display: block;
    }
     .projects .portfolio-carousel .carousel-item, .game-service-block .projects .portfolio-carousel .carousel-item {
         height: auto;
    }
     .anim-block h3 {
         display: block;
         text-align: center;
         font-size: 20px;
         padding-top: 20px;
    }
     .game_carousel .anim-block {
         padding-bottom: 20px;
    }
     .game_carousel img.anim-block {
         max-width: 80%;
    }
     .portfolio-carousel h2 {
         font-size: 36px;
    }
}
 @media (max-width: 767px) {
     .btn {
         font-size: 14px;
         padding: 7px 10px;
    }
     .container {
         padding: 0 10px;
    }
     #game-hero section {
         padding: 20px 0;
    }
     .col-md-4, .col-md-8 {
         float: none;
         width: auto;
    }
     .portfolio-carousel img.anim-block {
         display: block;
         max-width: 100%;
         width: auto;
         margin-left: auto;
         margin-right: auto;
    }
     .portfolio-carousel-arrows a.carousel-arrow {
         left: 0;
    }
     .portfolio-carousel-arrows a.carousel-arrow.a-right {
         right: 0;
    }
     .anim-block {
         text-align: center;
    }
     .anim-block .carousel-item-text {
         display: none;
    }
     h2 {
         padding-bottom: 30px;
         font-size: 21px;
    }
     .game-service-block {
         display: block;
    }
     .projects .portfolio-carousel .carousel-item, .game-service-block .projects .portfolio-carousel .carousel-item {
         height: auto;
    }
     .anim-block h3 {
         display: block;
         text-align: center;
         font-size: 14px;
         padding-top: 20px;
    }
     .game_carousel .anim-block {
         padding-bottom: 20px;
    }
     .game_carousel img.anim-block {
         max-width: 80%;
    }
     .portfolio-carousel h2 {
         font-size: 21px;
    }
}
 @media (max-width: 767px) {
     .carousel-arrows a.carousel-arrow {
         left: -15px;
    }
     .carousel-arrows a.carousel-arrow.a-right {
         right: -15px;
    }
}
 .container p {
     font-size: 18px;
}
 a {
     color: #0275d8;
     text-decoration: none;
}
 a:focus, a:hover {
     color: #014c8c;
     text-decoration: underline;
}
 img {
     vertical-align: middle;
}
 h2, h3 {
     margin-bottom: .5rem;
     font-family: inherit;
     font-weight: 500;
     line-height: 1.1;
     color: inherit;
}
 h2 {
     font-size: 2rem;
}
 h3 {
     font-size: 1.75rem;
}
 .container {
     position: relative;
     margin-left: auto;
     margin-right: auto;
     padding-right: 15px;
     padding-left: 15px;
}
 @media (min-width:576px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:768px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:992px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:1200px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:576px) {
     .container {
         width: 540px;
         max-width: 100%;
    }
}
 @media (min-width:768px) {
     .container {
         width: 720px;
         max-width: 100%;
    }
}
 @media (min-width:992px) {
     .container {
         width: 960px;
         max-width: 100%;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1140px;
         max-width: 100%;
    }
}
 .row {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px;
}

 .col-md-4, .col-md-8 {
     position: relative;
     width: 100%;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
}
 @media (min-width:576px) {
     .col-md-4, .col-md-8 {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:768px) {
     .col-md-4, .col-md-8 {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:992px) {
     .col-md-4, .col-md-8 {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:1200px) {
     .col-md-4, .col-md-8 {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:768px) {
     .col-md-4 {
         -webkit-box-flex: 0;
         -webkit-flex: 0 0 33.333333%;
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
    }
     .col-md-8 {
         -webkit-box-flex: 0;
         -webkit-flex: 0 0 66.666667%;
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
    }
}
 .btn {
     display: inline-block;
     font-weight: 400;
     line-height: 1.25;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border: 1px solid transparent;
     padding: .5rem 1rem;
     font-size: 1rem;
     border-radius: .25rem;
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
}
 .btn:focus, .btn:hover {
     text-decoration: none;
}
 .btn:focus {
     outline: 0;
     -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
     box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
}
 .btn:disabled {
     cursor: not-allowed;
     opacity: .65;
}
 .btn:active {
     background-image: none;
}
 .carousel-item {
     position: relative;
     display: none;
     width: 100%;
}
 @media (-webkit-transform-3d) {
     .carousel-item {
         -webkit-transition: -webkit-transform .6s ease-in-out;
         transition: -webkit-transform .6s ease-in-out;
         -o-transition: -o-transform .6s ease-in-out;
         transition: transform .6s ease-in-out;
         transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
         -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
         -webkit-perspective: 1000px;
         perspective: 1000px;
    }
}

/*! CSS Used from: Embedded */
 @media only screen and (max-width : 480px) {
     section h2 {
         line-height: 0.97 !important;
         font-size: 29px !important;
    }
}
 .container {
     margin-right: auto;
     margin-left: auto;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width:768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width:992px) {
     .container {
         width: 970px;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1170px;
    }
}

 .col-md-4, .col-md-8 {
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width:992px) {
     .col-md-4, .col-md-8 {
         float: left;
    }
     .col-md-8 {
         width: 66.66666667%;
    }
     .col-md-4 {
         width: 33.33333333%;
    }
}
 .btn {
     display: inline-block;
     margin-bottom: 0;
     font-weight: normal;
     text-align: center;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     background-image: none;
     border: 1px solid transparent;
     white-space: nowrap;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.4;
}
 .btn:focus, .btn:active:focus {
     outline: 1px auto #6ae;
}
 .btn:hover, .btn:focus {
     color: #333;
     text-decoration: none;
}
 .btn:active {
     outline: 0;
     background-image: none;
     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
}
 .btn-default {
     color: #333;
     background-color: #fff;
     border-color: #ccc;
}
 .btn-default:focus {
     color: #333;
     background-color: #e6e6e6;
     border-color: #8c8c8c;
}
 .btn-default:hover {
     color: #333;
     background-color: #e6e6e6;
     border-color: #adadad;
}
 .btn-default:active {
     color: #333;
     background-color: #e6e6e6;
     border-color: #adadad;
}
 .btn-default:active:hover, .btn-default:active:focus {
     color: #333;
     background-color: #d4d4d4;
     border-color: #8c8c8c;
}
 .btn-default:active {
     background-image: none;
}
 .container:before, .container:after, .row:before, .row:after {
     content: " ";
     display: table;
}
 .container:after, .row:after {
     clear: both;
}
/* process-develop why-mobile-block */
 .list-inline>li {
     display: inline-block;
     padding: 0 7px;
}
 ul.list-inline {
     margin-bottom: 30px;
}
 .container {
     margin: 0 auto;
     position: relative;
}
 .container:before, .container:after {
     display: table;
     content: " ";
}
 .container:after {
     clear: both;
}
 h2 {
     text-transform: uppercase;
     color: #fff;
     font-size: 36px;
     font-weight: 700;
     padding-bottom: 70px;
}
 @media (min-width: 768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 960px;
    }
}
 .list-advantages li {
     color: #404040;
     font-size: 16px;
     vertical-align: top;
     margin: 0 10px;
}
 .btn-cicle {
     display: block;
     width: 140px;
     height: 140px;
     border-radius: 1000px;
     background-color: #f8c137;
     margin: 0 auto 20px;
     text-align: center;
     -webkit-transition: -webkit-transform .2s ease-out;
     -moz-transition: -moz-transform .2s ease-out;
     -o-transition: -o-transform .2s ease-out;
     -ms-transition: -ms-transform .2s ease-out;
     transition: transform .2s ease-out;
}
 .list-advantages li:hover .btn-cicle {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
     transform: scale(1.1);
}
 .btn-cicle-inner {
     display: table-cell;
     width: 140px;
     height: 140px;
     vertical-align: middle;
}
 .process-develop {
     background: url("https://infoshell.ru/wp-content/themes/mark_up/images/pic2.jpg") no-repeat;
     background-size: cover;
     background-attachment: fixed;
     min-height: 960px;
}
 .process-develop .btn-cicle, .process-develop .btn-cicle-inner {
     width: 120px;
     height: 120px;
     position: relative;
}
 .process-develop .list-advantages li {
     width: 19.5%;
     margin: 0;
     color: #fff;
     font-size: 14px;
}
 .process-develop .list-advantages {
     position: relative;
     margin-bottom: 60px;
}
 .process-develop .list-advantages:before {
     content: '';
     position: absolute;
     height: 20px;
     width: 685px;
     top: 60px;
     left: 140px;
     background-color: #f8c137;
}
 .why-mobile-block {
     background: url("https://infoshell.ru/wp-content/themes/mark_up/images/bg-why-mobile.jpg") no-repeat top center;
     background-size: cover;
     background-attachment: fixed;
     min-height: 500px;
}
 .bold {
     font-weight: 700;
}
 .txt-block {
     display: block;
     font-size: 35px;
     line-height: 1;
}
 .why-mobile-block .btn-cicle-inner {
     color: #404040;
     font-size: 30px;
     width: 180px;
     height: 180px;
}
 .why-mobile-block .btn-cicle {
     width: 180px;
     height: 180px;
}
 .why-mobile-block .list-advantages:before {
     background-color: transparent;
     height: 0;
     width: 0;
}
 .btn-cicle-white {
     background-color: #fff;
}
 .why-mobile-block .list-advantages li {
     margin-left: 50px;
}
 .why-mobile-block .list-advantages li:first-child {
     margin-left: 0;
}
 .why-mobile-block .help-text {
     font-size: 15px;
}
 .no-margin {
     margin: 0 !important;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .process-develop.why-mobile-block .list-advantages li {
         width: auto;
         margin: 0 10px;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .container {
         width: auto;
    }
     .why-mobile-block {
         height: auto;
         min-height: 100px;
    }
     .container {
         padding: 0 10px;
	 }
     h2 {
         padding-bottom: 30px;
    }
     .list-advantages li {
         font-size: 16px;
    }
     .process-develop {
         min-height: 100px;
    }
     .process-develop .list-advantages li:after {
         content: "";
         display: block;
         clear: both;
    }
     .process-develop .btn-cicle-inner, .process-develop .btn-cicle {
         width: 80px;
         height: 80px;
    }
     .process-develop .list-advantages {
         margin-bottom: 20px;
    }
     .process-develop .list-advantages li .help-text {
         overflow: hidden;
    }
     .process-develop .list-advantages:before {
         width: 90%;
         left: 4%;
    }
     .why-mobile-block .list-advantages {
         text-align: center;
    }
     .why-mobile-block .list-advantages li {
         margin-left: 0;
         margin-bottom: 20px;
         margin-top: 0 !important;
         display: inline-block;
         width: 22%;
         text-align: center;
    }
     .why-mobile-block .btn-cicle {
         width: 110px;
         height: 110px;
         float: none;
         margin-right: auto;
         margin-left: auto;
         margin-bottom: 10px;
    }
     .why-mobile-block .btn-cicle-inner {
         width: 110px;
         height: 110px;
         font-size: 18px;
    }
     .why-mobile-block .btn-cicle-inner .txt-block {
         font-size: 40px;
    }
     ul.list-inline {
         margin-bottom: 0;
    }
     ul.list-inline li {
         width: 20%;
         padding: 0;
         margin: 0 0 20px;
    }
     ul.list-inline li .btn-cicle, ul.list-inline li .btn-cicle-inner {
         width: 140px;
         height: 140px;
    }
     ul.list-inline li .btn-cicle {
         margin-bottom: 20px;
    }
}
 @media (max-width: 767px) {
     .container {
         padding: 0 10px;
    }
     h2 {
         padding-bottom: 30px;
         font-size: 21px;
    }
     .list-advantages li {
         font-size: 14px;
    }
     .process-develop .list-advantages {
         text-align: left;
    }
     .process-develop .list-advantages li {
         width: 100%;
         display: block;
         clear: both;
    }
     .process-develop .list-advantages li:after {
         content: "";
         display: block;
         clear: both;
    }
     .process-develop .btn-cicle {
         float: left;
         margin-right: 20px;
         margin-bottom: 0;
    }
     .process-develop .btn-cicle-inner, .process-develop .btn-cicle {
         width: 80px;
         height: 80px;
    }
     .process-develop .list-advantages {
         margin-bottom: 20px;
    }
     .process-develop .list-advantages li .help-text {
         overflow: hidden;
    }
     .process-develop .list-advantages li+li {
         margin-top: 20px;
    }
     .process-develop .list-advantages:before {
         background-color: transparent;
         width: 0;
         height: 0;
    }
     .why-mobile-block .list-advantages {
         text-align: center;
    }
     .why-mobile-block .list-advantages li {
         margin-left: 0;
         margin-bottom: 20px;
         margin-top: 0 !important;
         display: inline-block;
         width: 45%;
         text-align: center;
    }
     .why-mobile-block .btn-cicle {
         width: 110px;
         height: 110px;
         float: none;
         margin-right: auto;
         margin-left: auto;
         margin-bottom: 10px;
    }
     .why-mobile-block .btn-cicle-inner {
         width: 110px;
         height: 110px;
         font-size: 18px;
    }
     .why-mobile-block .btn-cicle-inner .txt-block {
         font-size: 30px;
    }
     ul.list-inline {
         margin-bottom: 0;
    }
     ul.list-inline li {
         width: 45%;
         padding: 0;
         margin: 0 0 20px;
    }
     ul.list-inline li:first-child {
         display: block;
         margin-left: auto !important;
         margin-right: auto !important;
    }
     ul.list-inline li .btn-cicle, ul.list-inline li .btn-cicle-inner {
         width: 110px;
         height: 110px;
    }
     ul.list-inline li .btn-cicle {
         margin-bottom: 10px;
    }
}
 h2 {
     margin-top: 0;
     margin-bottom: .5rem;
}
 ul {
     margin-top: 0;
     margin-bottom: 1rem;
}
 h2 {
     margin-bottom: .5rem;
     font-family: inherit;
     font-weight: 500;
     line-height: 1.1;
     color: inherit;
}
 h2 {
     font-size: 2rem;
}
 .list-inline {
     padding-left: 0;
     list-style: none;
}
 .container {
     position: relative;
     margin-left: auto;
     margin-right: auto;
     padding-right: 15px;
     padding-left: 15px;
}
 @media (min-width:576px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:768px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:992px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:1200px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:576px) {
     .container {
         width: 540px;
         max-width: 100%;
    }
}
 @media (min-width:768px) {
     .container {
         width: 720px;
         max-width: 100%;
    }
}
 @media (min-width:992px) {
     .container {
         width: 960px;
         max-width: 100%;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1140px;
         max-width: 100%;
    }
}
 .text-center {
     text-align: center !important;
}
 @media only screen and (max-width : 480px) {
     section h2 {
         line-height: 0.97 !important;
         font-size: 29px !important;
    }
}
/*! CSS Used from: Embedded */
 .process-develop h2 {
     color: #fff;
}
 h2 {
     font-family: inherit;
     font-weight: 500;
     line-height: 1.1;
     color: inherit;
}
 h2 {
     margin-top: 20px;
     margin-bottom: 10px;
}
 h2 {
     font-size: 30px;
}
 ul {
     margin-top: 0;
     margin-bottom: 10px;
}
 .list-inline {
     padding-left: 0;
     list-style: none;
     margin-left: -5px;
}
 .list-inline>li {
     display: inline-block;
     padding-left: 5px;
     padding-right: 5px;
}
 .container {
     margin-right: auto;
     margin-left: auto;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width:768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width:992px) {
     .container {
         width: 970px;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1170px;
    }
}
 .container:before, .container:after {
     content: " ";
     display: table;
}
 .container:after {
     clear: both;
}
/* process-develop advantages-web */
 #game-hero .icon {
     display: inline-block;
     background-image: url("https://infoshell.ru/wp-content/themes/mark_up/images/sprite.png");
     background-repeat: no-repeat;
     vertical-align: middle;
}
 .icon-email {
     width: 25px;
     height: 22px;
     background-position: -72px -9px;
     vertical-align: -2px;
     margin-right: 7px;
}
 .icon-idea {
     width: 44px;
     height: 50px;
     background-position: -7px -389px;
}
 .icon-market {
     width: 50px;
     height: 43px;
     background-position: -197px -394px;
}
 .icon-dev-adv {
     width: 50px;
     height: 50px;
     background-position: -298px -390px;
}
 .icon-web-adv {
     width: 48px;
     height: 48px;
     background-position: -12px -488px;
}
 .icon-testing {
     width: 34px;
     height: 50px;
     background-position: -210px -486px;
}
 .icon-start {
     width: 45px;
     height: 50px;
     background-position: -406px -486px;
}
 .icon-promotion {
     width: 50px;
     height: 42px;
     background-position: -101px -489px;
}
 .icon-support {
     width: 45px;
     height: 45px;
     background-position: -304px -489px;
}
 .icon-game-design {
     width: 40px;
     height: 49px;
     background-position: -383px -265px;
}
 .text-center {
     text-align: center;
}
 .list-inline>li {
     display: inline-block;
     padding: 0 7px;
}
 ul.list-inline {
     margin-bottom: 30px;
}
 .container {
     margin: 0 auto;
     position: relative;
}
 .container:before, .container:after {
     display: table;
     content: " ";
}
 .container:after {
     clear: both;
}
 h2 {
     text-transform: uppercase;
     color: #fff;
     font-size: 36px;
     font-weight: 700;
     padding-bottom: 70px;
}
 .btn {
     display: inline-block;
     padding: 12px 15px;
     color: #fff;
     text-transform: uppercase;
     font-size: 18px;
     transition: all 0.25s linear;
     position: relative;
}
 .btn-primary {
     background-color: #f26b5e;
}
 .btn-primary:hover {
     background-color: #fd4938;
}
 @media (min-width: 768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 960px;
    }
}
 .list-advantages li {
     color: #404040;
     font-size: 16px;
     vertical-align: top;
     margin: 0 10px;
}
 .btn-cicle {
     display: block;
     width: 140px;
     height: 140px;
     border-radius: 1000px;
     background-color: #f8c137;
     margin: 0 auto 20px;
     text-align: center;
     -webkit-transition: -webkit-transform .2s ease-out;
     -moz-transition: -moz-transform .2s ease-out;
     -o-transition: -o-transform .2s ease-out;
     -ms-transition: -ms-transform .2s ease-out;
     transition: transform .2s ease-out;
}
 .list-advantages li:hover .btn-cicle {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
     transform: scale(1.1);
}
 .btn-cicle-inner {
     display: table-cell;
     width: 140px;
     height: 140px;
     vertical-align: middle;
}
 .process-develop .btn-cicle, .process-develop .btn-cicle-inner {
     width: 120px;
     height: 120px;
     position: relative;
}
 .process-develop .list-advantages li {
     width: 19.5%;
     margin: 0;
     color: #fff;
     font-size: 14px;
}
 .process-develop .list-advantages {
     position: relative;
     margin-bottom: 60px;
}
 .process-develop .list-advantages:before {
     content: '';
     position: absolute;
     height: 20px;
     width: 685px;
     top: 60px;
     left: 140px;
     background-color: #f8c137;
}
 .process-develop .list-advantages .title {
     text-transform: uppercase;
     padding-bottom: 20px;
     padding-top: 10px;
     min-height: 70px;
}
 .advantages-web {
     background: url("https://infoshell.ru/wp-content/themes/mark_up/images/bg-game-web.jpg") no-repeat top center;
     background-size: cover;
     background-attachment: fixed;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .advantages-web.process-develop .list-advantages:before {
         left: 115px;
         width: 525px;
         top: 45px;
    }
     .advantages-web.process-develop .btn-cicle, .advantages-web.process-develop .btn-cicle-inner {
         height: 100px;
         position: relative;
         width: 100px;
    }
     .btn-primary {
         font-size: 12px;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .container {
         width: auto;
    }
     .btn {
         font-size: 18px;
         padding: 9px 16px;
    }
     .container {
         padding: 0 10px;
    }
     h2 {
         padding-bottom: 30px;
    }
     .list-advantages li {
         font-size: 16px;
    }
     .process-develop {
         min-height: 100px;
    }
     .process-develop .list-advantages li:after {
         content: "";
         display: block;
         clear: both;
    }
     .process-develop .btn-cicle-inner, .process-develop .btn-cicle {
         width: 80px;
         height: 80px;
    }
     .process-develop .list-advantages {
         margin-bottom: 20px;
    }
     .process-develop .list-advantages li .title, .process-develop .list-advantages li .help-text {
         overflow: hidden;
    }
     .process-develop .list-advantages li .title {
         padding-bottom: 0;
    }
     .process-develop .list-advantages .title {
         min-height: 0;
    }
     .process-develop .list-advantages:before {
         width: 90%;
         left: 4%;
    }
     ul.list-inline {
         margin-bottom: 0;
    }
     ul.list-inline li {
         width: 20%;
         padding: 0;
         margin: 0 0 20px;
    }
     ul.list-inline li .btn-cicle, ul.list-inline li .btn-cicle-inner {
         width: 140px;
         height: 140px;
    }
     ul.list-inline li .btn-cicle {
         margin-bottom: 20px;
    }
}
 @media (max-width: 767px) {
     .btn {
         font-size: 14px;
         padding: 7px 10px;
    }
     .container {
         padding: 0 10px; 
    }
     h2 {
         padding-bottom: 30px;
         font-size: 21px;
    }
     .list-advantages li {
         font-size: 14px;
    }
     .process-develop .list-advantages {
         text-align: left;
    }
     .process-develop .list-advantages li {
         width: 100%;
         display: block;
         clear: both;
    }
     .process-develop .list-advantages li:after {
         content: "";
         display: block;
         clear: both;
    }
     .process-develop .btn-cicle {
         float: left;
         margin-right: 20px;
         margin-bottom: 0;
    }
     .process-develop .btn-cicle-inner, .process-develop .btn-cicle {
         width: 80px;
         height: 80px;
    }
     .process-develop .list-advantages {
         margin-bottom: 20px;
    }
     .process-develop .list-advantages li .title, .process-develop .list-advantages li .help-text {
         overflow: hidden;
    }
     .process-develop .list-advantages li .title {
         padding-bottom: 0;
    }
     .process-develop .list-advantages li+li {
         margin-top: 20px;
    }
     .process-develop .list-advantages:before {
         background-color: transparent;
         width: 0;
         height: 0;
    }
     .process-develop .list-advantages .title {
         min-height: 0;
    }
     ul.list-inline {
         margin-bottom: 0;
    }
     ul.list-inline li {
         width: 45%;
         padding: 0;
         margin: 0 0 20px;
    }
     ul.list-inline li:first-child {
         display: block;
         margin-left: auto !important;
         margin-right: auto !important;
    }
     ul.list-inline li .btn-cicle, ul.list-inline li .btn-cicle-inner {
         width: 110px;
         height: 110px;
    }
     ul.list-inline li .btn-cicle {
         margin-bottom: 10px;
    }
}
 .container p {
     font-size: 18px;
}
/*! CSS Used from: Embedded */
 section {
     display: block;
}
 a {
     background-color: transparent;
     -webkit-text-decoration-skip: objects;
}
 a:active, a:hover {
     outline-width: 0;
}
 @media print {
     *, ::after, ::before, div::first-letter, div::first-line, li::first-letter, li::first-line, p::first-letter, p::first-line {
         text-shadow: none !important;
         -webkit-box-shadow: none !important;
         box-shadow: none !important;
    }
     a, a:visited {
         text-decoration: underline;
    }
     h2, p {
         orphans: 3;
         widows: 3;
    }
     h2 {
         page-break-after: avoid;
    }
}
 *, ::after, ::before {
     -webkit-box-sizing: inherit;
     box-sizing: inherit;
}
 h2 {
     margin-top: 0;
     margin-bottom: .5rem;
}
 p {
     margin-top: 0;
     margin-bottom: 1rem;
}
 ul {
     margin-top: 0;
     margin-bottom: 1rem;
}
 a {
     color: #0275d8;
     text-decoration: none;
}
 a:focus, a:hover {
     color: #014c8c;
     text-decoration: underline;
}
 a {
     -ms-touch-action: manipulation;
     touch-action: manipulation;
}
 h2 {
     margin-bottom: .5rem;
     font-family: inherit;
     font-weight: 500;
     line-height: 1.1;
     color: inherit;
}
 h2 {
     font-size: 2rem;
}
 .list-inline {
     padding-left: 0;
     list-style: none;
}
 .container {
     position: relative;
     margin-left: auto;
     margin-right: auto;
     padding-right: 15px;
     padding-left: 15px;
}
 @media (min-width:576px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:768px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:992px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:1200px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:576px) {
     .container {
         width: 540px;
         max-width: 100%;
    }
}
 @media (min-width:768px) {
     .container {
         width: 720px;
         max-width: 100%;
    }
}
 @media (min-width:992px) {
     .container {
         width: 960px;
         max-width: 100%;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1140px;
         max-width: 100%;
    }
}
 .btn {
     display: inline-block;
     font-weight: 400;
     line-height: 1.25;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border: 1px solid transparent;
     padding: .5rem 1rem;
     font-size: 1rem;
     border-radius: .25rem;
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
}
 .btn:focus, .btn:hover {
     text-decoration: none;
}
 .btn:focus {
     outline: 0;
     -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
     box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
}
 .btn:disabled {
     cursor: not-allowed;
     opacity: .65;
}
 .btn:active {
     background-image: none;
}
 .btn-primary {
     color: #fff;
     background-color: #0275d8;
     border-color: #0275d8;
}
 .btn-primary:hover {
     color: #fff;
     background-color: #025aa5;
     border-color: #01549b;
}
 .btn-primary:focus {
     -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
     box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
}
 .btn-primary:disabled {
     background-color: #0275d8;
     border-color: #0275d8;
}
 .btn-primary:active {
     color: #fff;
     background-color: #025aa5;
     background-image: none;
     border-color: #01549b;
}
 .text-center {
     text-align: center !important;
}
/*! CSS Used from: Embedded */
 .email-us-btn {
     border: none !important;
     border-radius: 0px !important;
     color: #fff !important;
     padding: 12px 15px 12px 15px !important;
     max-width: 270px;
     display: block !important;
     margin: 0 auto;
}
/*! CSS Used from: Embedded */
 section {
     display: block;
}
 ul {
     margin-top: 0;
     margin-bottom: 10px;
}
 ul {
     margin-top: 0;
     margin-bottom: 1rem;
}
/*! CSS Used from: Embedded */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
 .icon:before {
     display: inline-block;
     content: ' ';
     vertical-align: middle;
     background-image: url("https://infoshell.ru/wp-content/themes/mark_up/img/infoshell2/svg/sprite.svg");
     background-repeat: no-repeat;
     -webkit-background-size: 9.7098em 220.6em;
     background-size: 9.7098em 220.6em;
     position: relative;
}
 a, a:active, a:visited, a:hover {
     text-decoration: none;
}
 section {
     display: block;
}
 @media only screen and (max-width : 480px) {
     section h2 {
         line-height: 0.97 !important;
         font-size: 29px !important;
    }
}
 a {
     color: #37b;
     text-decoration: none;
}
 a:hover, a:focus {
     color: #23527c;
     text-decoration: underline;
}
 a:focus {
     outline-offset: -2px;
}
 h2 {
     font-family: inherit;
     font-weight: 500;
     line-height: 1.1;
     color: inherit;
}
 h2 {
     margin-top: 20px;
     margin-bottom: 10px;
}
 h2 {
     font-size: 30px;
}
 p {
     margin: 0 0 10px;
}
 .text-center {
     text-align: center;
}
 ul {
     margin-top: 0;
     margin-bottom: 10px;
}
 .list-inline {
     padding-left: 0;
     list-style: none;
     margin-left: -5px;
}
 .list-inline>li {
     display: inline-block;
     padding-left: 5px;
     padding-right: 5px;
}
 .container {
     margin-right: auto;
     margin-left: auto;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width:768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width:992px) {
     .container {
         width: 970px;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1170px;
    }
}
 .btn {
     display: inline-block;
     margin-bottom: 0;
     font-weight: normal;
     text-align: center;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     background-image: none;
     border: 1px solid transparent;
     white-space: nowrap;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.4;
}
 .btn:focus, .btn:active:focus {
     outline: 1px auto #6ae;
}
 .btn:hover, .btn:focus {
     color: #333;
     text-decoration: none;
}
 .btn:active {
     outline: 0;
     background-image: none;
     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
}
 .btn-primary {
     color: #fff;
     background-color: #37b;
     border-color: #2e6da4;
}
 .btn-primary:focus {
     color: #fff;
     background-color: #286090;
     border-color: #122b40;
}
 .btn-primary:hover {
     color: #fff;
     background-color: #286090;
     border-color: #204d74;
}
 .btn-primary:active {
     color: #fff;
     background-color: #286090;
     border-color: #204d74;
}
 .btn-primary:active:hover, .btn-primary:active:focus {
     color: #fff;
     background-color: #204d74;
     border-color: #122b40;
}
 .btn-primary:active {
     background-image: none;
}
 .container:before, .container:after {
     content: " ";
     display: table;
}
 .container:after {
     clear: both;
}
 #game-hero .infoshel-article-page__firstSlide {
     padding: 0;
}
 #game-hero .attach-file .icon{
     background-image: none;
}

 .icon-email {
     width: 25px;
     height: 22px;
     background-position: -72px -9px;
     vertical-align: -2px;
     margin-right: 7px;
}
 .icon-price-install {
     width: 57px;
     height: 57px;
     background-position: -6px -587px;
}
 .icon-price-top {
     width: 50px;
     height: 63px;
     background-position: -257px -586px;
}
 .icon-price-dev {
     width: 50px;
     height: 49px;
     background-position: -132px -590px;
}
 .icon-price-expirience {
     width: 99px;
     height: 50px;
     background-position: -347px -596px;
}
 .text-center {
     text-align: center;
}
 .list-inline>li {
     display: inline-block;
     padding: 0 7px;
}
 ul.list-inline {
     margin-bottom: 30px;
}
 .container {
     margin: 0 auto;
     position: relative;
}
 .container:before, .container:after {
     display: table;
     content: " ";
}
 .container:after {
     clear: both;
}
 h2 {
     text-transform: uppercase;
     color: #fff;
     font-size: 36px;
     font-weight: 700;
     padding-bottom: 70px;
}
 .btn {
     display: inline-block;
     padding: 12px 15px;
     color: #fff;
     text-transform: uppercase;
     font-size: 18px;
     transition: all 0.25s linear;
     position: relative;
}
 .btn-primary {
     background-color: #f26b5e;
}
 .btn-primary:hover {
     background-color: #fd4938;
}
 .our-advantages {
     background-color: #fff;
}
 .our-advantages .btn {
     margin-top: 50px;
}
 @media (min-width: 768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 960px;
    }
}
 .list-advantages li {
     color: #404040;
     font-size: 16px;
     vertical-align: top;
     margin: 0 10px;
}
 .btn-cicle {
     display: block;
     width: 140px;
     height: 140px;
     border-radius: 1000px;
     background-color: #f8c137;
     margin: 0 auto 20px;
     text-align: center;
     -webkit-transition: -webkit-transform .2s ease-out;
     -moz-transition: -moz-transform .2s ease-out;
     -o-transition: -o-transform .2s ease-out;
     -ms-transition: -ms-transform .2s ease-out;
     transition: transform .2s ease-out;
}
 .list-advantages li:hover .btn-cicle {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
     transform: scale(1.1);
}
 .btn-cicle-inner {
     display: table-cell;
     width: 140px;
     height: 140px;
     vertical-align: middle;
}
 .advantages-promotion-app {
     background: url("https://infoshell.ru/wp-content/themes/mark_up/images/pic3.jpg") top center no-repeat;
     background-size: cover;
     background-attachment: fixed;
     min-height: 450px;
}
 .advantages-promotion-app .list-advantages li {
     color: #fff;
     width: 200px;
}
 .advantages-promotion-app .list-advantages .btn-cicle {
     background-color: #fff;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .btn-primary {
         font-size: 12px;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .container {
         width: auto;
    }
     .btn {
         font-size: 18px;
         padding: 9px 16px;
    }
     .container {
         padding: 0 10px;
    }
     section {
         padding: 40px 0;
    }
     h2 {
         padding-bottom: 30px;
    }
     .list-advantages li {
         font-size: 16px;
    }
     ul.list-inline {
         margin-bottom: 0;
    }
     ul.list-inline li {
         width: 20%;
         padding: 0;
         margin: 0 0 20px;
    }
     ul.list-inline li .btn-cicle, ul.list-inline li .btn-cicle-inner {
         width: 140px;
         height: 140px;
    }
     ul.list-inline li .btn-cicle {
         margin-bottom: 20px;
    }
     .our-advantages .btn {
         margin-top: 20px;
    }
     .advantages-promotion-app .list-advantages li {
         width: 45%;
    }
     .advantages-promotion-app .list-advantages li:first-child {
         display: inline-block;
         margin-left: 0;
         margin-right: 0;
         margin-top: 20px;
    }
}
 @media (max-width: 767px) {
     .btn {
         font-size: 14px;
         padding: 7px 10px;
    }
     .container {
         padding: 0 10px;
    }
     section {
         padding: 20px 0;
    }
     h2 {
         padding-bottom: 30px;
         font-size: 21px;
    }
     .list-advantages li {
         font-size: 14px;
    }
     .advantages-promotion-app .list-advantages li+li {
         margin-top: 20px;
    }
     ul.list-inline {
         margin-bottom: 0;
    }
     ul.list-inline li {
         width: 45%;
         padding: 0;
         margin: 0 0 20px;
    }
     ul.list-inline li:first-child {
         display: block;
         margin-left: auto !important;
         margin-right: auto !important;
    }
     ul.list-inline li .btn-cicle, ul.list-inline li .btn-cicle-inner {
         width: 110px;
         height: 110px;
    }
     ul.list-inline li .btn-cicle {
         margin-bottom: 10px;
    }
     .our-advantages .btn {
         margin-top: 20px;
    }
     .advantages-promotion-app .list-advantages li {
         width: 45%;
    }
     .advantages-promotion-app .list-advantages li:first-child {
         display: inline-block;
         margin-left: 0;
         margin-right: 0;
         margin-top: 20px;
    }
}
 .container p {
     font-size: 18px;
}
 .btn {
     display: inline-block;
     font-weight: 400;
     line-height: 1.25;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border: 1px solid transparent;
     padding: .5rem 1rem;
     font-size: 1rem;
     border-radius: .25rem;
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
}
 .btn:focus, .btn:hover {
     text-decoration: none;
}
 .btn:focus {
     outline: 0;
     -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
     box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
}
 .btn:disabled {
     cursor: not-allowed;
     opacity: .65;
}
 .btn:active {
     background-image: none;
}
 .btn-primary {
     color: #fff;
     background-color: #0275d8;
     border-color: #0275d8;
}
 .btn-primary:hover {
     color: #fff;
     background-color: #025aa5;
     border-color: #01549b;
}
 .btn-primary:focus {
     -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
     box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
}
 .btn-primary:disabled {
     background-color: #0275d8;
     border-color: #0275d8;
}
 .btn-primary:active {
     color: #fff;
     background-color: #025aa5;
     background-image: none;
     border-color: #01549b;
}
 .text-center {
     text-align: center !important;
}
/*! CSS Used from: Embedded */
 .email-us-btn {
     border: none !important;
     border-radius: 0px !important;
     color: #fff !important;
     padding: 12px 15px 12px 15px !important;
     max-width: 270px;
     display: block !important;
     margin: 0 auto;
}
/*! CSS Used from: Embedded */

 .btn {
     display: inline-block;
     font-weight: 400;
     line-height: 1.25;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border: 1px solid transparent;
     padding: .5rem 1rem;
     font-size: 1rem;
     border-radius: .25rem;
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
}
 .btn:focus, .btn:hover {
     text-decoration: none;
}
 .btn:focus {
     outline: 0;
     -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
     box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
}
 .btn:disabled {
     cursor: not-allowed;
     opacity: .65;
}
 .btn:active {
     background-image: none;
}
 ul {
     margin-top: 0;
     margin-bottom: 10px;
}
 ul {
     margin-top: 0;
     margin-bottom: 1rem;
}
 @media only screen and (max-width : 480px) {
     section h2 {
         line-height: 0.97 !important;
         font-size: 29px !important;
    }
}
 .container {
     margin-right: auto;
     margin-left: auto;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width:768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width:992px) {
     .container {
         width: 970px;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1170px;
    }
}
 .btn {
     display: inline-block;
     margin-bottom: 0;
     font-weight: normal;
     text-align: center;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     background-image: none;
     border: 1px solid transparent;
     white-space: nowrap;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.4;
}
 .btn:focus, .btn:active:focus {
     outline: 1px auto #6ae;
}
 .btn:hover, .btn:focus {
     color: #333;
     text-decoration: none;
}
 .btn:active {
     outline: 0;
     background-image: none;
     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
}
 .container:before, .container:after {
     content: " ";
     display: table;
}
 .container:after {
     clear: both;
}
 .list-inline>li {
     display: inline-block;
     padding: 0 7px;
}
 ul.list-inline {
     margin-bottom: 30px;
}
 .container {
     margin: 0 auto;
     position: relative;
}
 .container:before, .container:after {
     display: table;
     content: " ";
}
 .container:after {
     clear: both;
}
 h2 {
     text-transform: uppercase;
     color: #fff;
     font-size: 36px;
     font-weight: 700;
     padding-bottom: 70px;
}
 @media (min-width: 768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 960px;
    }
}
 .list-advantages li {
     color: #404040;
     font-size: 16px;
     vertical-align: top;
     margin: 0 10px;
}
 .btn-cicle {
     display: block;
     width: 140px;
     height: 140px;
     border-radius: 1000px;
     background-color: #f8c137;
     margin: 0 auto 20px;
     text-align: center;
     -webkit-transition: -webkit-transform .2s ease-out;
     -moz-transition: -moz-transform .2s ease-out;
     -o-transition: -o-transform .2s ease-out;
     -ms-transition: -ms-transform .2s ease-out;
     transition: transform .2s ease-out;
}
 .list-advantages li:hover .btn-cicle {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
     transform: scale(1.1);
}
 .btn-cicle-inner {
     display: table-cell;
     width: 140px;
     height: 140px;
     vertical-align: middle;
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .container {
         width: auto;
    }
     .container {
         padding: 0 10px;
    }
     
     h2 {
         padding-bottom: 30px;
    }
     .list-advantages li {
         font-size: 16px;
    }
     ul.list-inline {
         margin-bottom: 0;
    }
     ul.list-inline li {
         width: 20%;
         padding: 0;
         margin: 0 0 20px;
    }
     ul.list-inline li .btn-cicle, ul.list-inline li .btn-cicle-inner {
         width: 140px;
         height: 140px;
    }
     ul.list-inline li .btn-cicle {
         margin-bottom: 20px;
    }
}
 @media (max-width: 767px) {
     .container {
         padding: 0 10px;
    }

     h2 {
         padding-bottom: 30px;
         font-size: 21px;
    }
     .list-advantages li {
         font-size: 14px;
    }
     ul.list-inline {
         margin-bottom: 0;
    }
     ul.list-inline li {
         width: 45%;
         padding: 0;
         margin: 0 0 20px;
    }
     ul.list-inline li:first-child {
         display: block;
         margin-left: auto !important;
         margin-right: auto !important;
    }
     ul.list-inline li .btn-cicle, ul.list-inline li .btn-cicle-inner {
         width: 110px;
         height: 110px;
    }
     ul.list-inline li .btn-cicle {
         margin-bottom: 10px;
    }
}
 h2 {
     margin-top: 0;
     margin-bottom: .5rem;
}
 ul {
     margin-top: 0;
     margin-bottom: 1rem;
}
 h2 {
     margin-bottom: .5rem;
     font-family: inherit;
     font-weight: 500;
     line-height: 1.1;
     color: inherit;
}
 h2 {
     font-size: 2rem;
}
 .list-inline {
     padding-left: 0;
     list-style: none;
}
 .container {
     position: relative;
     margin-left: auto;
     margin-right: auto;
     padding-right: 15px;
     padding-left: 15px;
}
 @media (min-width:576px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:768px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:992px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:1200px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:576px) {
     .container {
         width: 540px;
         max-width: 100%;
    }
}
 @media (min-width:768px) {
     .container {
         width: 720px;
         max-width: 100%;
    }
}
 @media (min-width:992px) {
     .container {
         width: 960px;
         max-width: 100%;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1140px;
         max-width: 100%;
    }
}
 .text-center {
     text-align: center !important;
}
 @media only screen and (max-width : 480px) {
     section h2 {
         line-height: 0.97 !important;
         font-size: 29px !important;
    }
}
 h2 {
     font-family: inherit;
     font-weight: 500;
     line-height: 1.1;
     color: inherit;
}
 h2 {
     margin-top: 20px;
     margin-bottom: 10px;
}
 h2 {
     font-size: 30px;
}
 ul {
     margin-top: 0;
     margin-bottom: 10px;
}
 .list-inline {
     padding-left: 0;
     list-style: none;
     margin-left: -5px;
}
 .list-inline>li {
     display: inline-block;
     padding-left: 5px;
     padding-right: 5px;
}
 .container {
     margin-right: auto;
     margin-left: auto;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width:768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width:992px) {
     .container {
         width: 970px;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1170px;
    }
}
 .container:before, .container:after {
     content: " ";
     display: table;
}
 .container:after {
     clear: both;
}
 .icon-email {
     width: 25px;
     height: 22px;
     background-position: -72px -9px;
     vertical-align: -2px;
     margin-right: 7px;
}
 .text-center {
     text-align: center;
}
 .list-inline>li {
     display: inline-block;
     padding: 0 7px;
}
 ul.list-inline {
     margin-bottom: 30px;
}
 .container {
     margin: 0 auto;
     position: relative;
}
 .container:before, .container:after {
     display: table;
     content: " ";
}
 .container:after {
     clear: both;
}
 h2 {
     text-transform: uppercase;
     color: #fff;
     font-size: 36px;
     font-weight: 700;
     padding-bottom: 70px;
}
 .btn {
     display: inline-block;
     padding: 12px 15px;
     color: #fff;
     text-transform: uppercase;
     font-size: 18px;
     transition: all 0.25s linear;
     position: relative;
}
 .btn-primary {
     background-color: #f26b5e;
}
 .btn-primary:hover {
     background-color: #fd4938;
}
 @media (min-width: 768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 960px;
    }
}
 .list-advantages li {
     color: #404040;
     font-size: 16px;
     vertical-align: top;
     margin: 0 10px;
}
 .btn-cicle {
     display: block;
     width: 140px;
     height: 140px;
     border-radius: 1000px;
     background-color: #f8c137;
     margin: 0 auto 20px;
     text-align: center;
     -webkit-transition: -webkit-transform .2s ease-out;
     -moz-transition: -moz-transform .2s ease-out;
     -o-transition: -o-transform .2s ease-out;
     -ms-transition: -ms-transform .2s ease-out;
     transition: transform .2s ease-out;
}
 .list-advantages li:hover .btn-cicle {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
     transform: scale(1.1);
}
 .btn-cicle-inner {
     display: table-cell;
     width: 140px;
     height: 140px;
     vertical-align: middle;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .btn-primary {
         font-size: 12px;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .container {
         width: auto;
    }
     .btn {
         font-size: 18px;
         padding: 9px 16px;
    }
     .container {
         padding: 0 10px;
    }
    
     h2 {
         padding-bottom: 30px;
    }
     .list-advantages li {
         font-size: 16px;
    }
     ul.list-inline {
         margin-bottom: 0;
    }
     ul.list-inline li {
         width: 20%;
         padding: 0;
         margin: 0 0 20px;
    }
     ul.list-inline li .btn-cicle, ul.list-inline li .btn-cicle-inner {
         width: 140px;
         height: 140px;
    }
     ul.list-inline li .btn-cicle {
         margin-bottom: 20px;
    }
}
 @media (max-width: 767px) {
     .btn {
         font-size: 14px;
         padding: 7px 10px;
    }
     .container {
         padding: 0 10px;
    }
    
     h2 {
         padding-bottom: 30px;
         font-size: 21px;
    }
     .list-advantages li {
         font-size: 14px;
    }
     ul.list-inline {
         margin-bottom: 0;
    }
     ul.list-inline li {
         width: 45%;
         padding: 0;
         margin: 0 0 20px;
    }
     ul.list-inline li:first-child {
         display: block;
         margin-left: auto !important;
         margin-right: auto !important;
    }
     ul.list-inline li .btn-cicle, ul.list-inline li .btn-cicle-inner {
         width: 110px;
         height: 110px;
    }
     ul.list-inline li .btn-cicle {
         margin-bottom: 10px;
    }
}
 .container p {
     font-size: 18px;
}

 a {
     background-color: transparent;
     -webkit-text-decoration-skip: objects;
}
 a:active, a:hover {
     outline-width: 0;
}
 @media print {
     *, ::after, ::before, div::first-letter, div::first-line, li::first-letter, li::first-line, p::first-letter, p::first-line {
         text-shadow: none !important;
         -webkit-box-shadow: none !important;
         box-shadow: none !important;
    }
     a, a:visited {
         text-decoration: underline;
    }
     h2, p {
         orphans: 3;
         widows: 3;
    }
     h2 {
         page-break-after: avoid;
    }
}
 *, ::after, ::before {
     -webkit-box-sizing: inherit;
     box-sizing: inherit;
}
 h2 {
     margin-top: 0;
     margin-bottom: .5rem;
}
 p {
     margin-top: 0;
     margin-bottom: 1rem;
}
 ul {
     margin-top: 0;
     margin-bottom: 1rem;
}
 a {
     color: #0275d8;
     text-decoration: none;
}
 a:focus, a:hover {
     color: #014c8c;
     text-decoration: underline;
}
 a {
     -ms-touch-action: manipulation;
     touch-action: manipulation;
}
 h2 {
     margin-bottom: .5rem;
     font-family: inherit;
     font-weight: 500;
     line-height: 1.1;
     color: inherit;
}
 h2 {
     font-size: 2rem;
}
 .list-inline {
     padding-left: 0;
     list-style: none;
}
 .container {
     position: relative;
     margin-left: auto;
     margin-right: auto;
     padding-right: 15px;
     padding-left: 15px;
}
 @media (min-width:576px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:768px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:992px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:1200px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:576px) {
     .container {
         width: 540px;
         max-width: 100%;
    }
}
 @media (min-width:768px) {
     .container {
         width: 720px;
         max-width: 100%;
    }
}
 @media (min-width:992px) {
     .container {
         width: 960px;
         max-width: 100%;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1140px;
         max-width: 100%;
    }
}
 .btn {
     display: inline-block;
     font-weight: 400;
     line-height: 1.25;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border: 1px solid transparent;
     padding: .5rem 1rem;
     font-size: 1rem;
     border-radius: .25rem;
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
}
 .btn:focus, .btn:hover {
     text-decoration: none;
}
 .btn:focus {
     outline: 0;
     -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
     box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
}
 .btn:disabled {
     cursor: not-allowed;
     opacity: .65;
}
 .btn:active {
     background-image: none;
}
 .btn-primary {
     color: #fff;
     background-color: #0275d8;
     border-color: #0275d8;
}
 .btn-primary:hover {
     color: #fff;
     background-color: #025aa5;
     border-color: #01549b;
}
 .btn-primary:focus {
     -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
     box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
}
 .btn-primary:disabled {
     background-color: #0275d8;
     border-color: #0275d8;
}
 .btn-primary:active {
     color: #fff;
     background-color: #025aa5;
     background-image: none;
     border-color: #01549b;
}
 .text-center {
     text-align: center !important;
}
 .email-us-btn {
     border: none !important;
     border-radius: 0px !important;
     color: #fff !important;
     padding: 12px 15px 12px 15px !important;
     max-width: 270px;
     display: block !important;
     margin: 0 auto;
}

 ul {
     margin-top: 0;
     margin-bottom: 10px;
}
 ul {
     margin-top: 0;
     margin-bottom: 1rem;
}
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
 .icon:before {
     display: inline-block;
     content: ' ';
     vertical-align: middle;
     background-image: url("https://infoshell.ru/wp-content/themes/mark_up/img/infoshell2/svg/sprite.svg");
     background-repeat: no-repeat;
     -webkit-background-size: 9.7098em 220.6em;
     background-size: 9.7098em 220.6em;
     position: relative;
}
 a, a:active, a:visited, a:hover {
     text-decoration: none;
}

 @media only screen and (max-width : 480px) {
     section h2 {
         line-height: 0.97 !important;
         font-size: 29px !important;
    }
}
 a {
     color: #37b;
     text-decoration: none;
}
 a:hover, a:focus {
     color: #23527c;
     text-decoration: underline;
}
 a:focus {
     outline-offset: -2px;
}
 h2 {
     font-family: inherit;
     font-weight: 500;
     line-height: 1.1;
     color: inherit;
}
 h2 {
     margin-top: 20px;
     margin-bottom: 10px;
}
 h2 {
     font-size: 30px;
}
 p {
     margin: 0 0 10px;
}
 .text-center {
     text-align: center;
}
 ul {
     margin-top: 0;
     margin-bottom: 10px;
}
 .list-inline {
     padding-left: 0;
     list-style: none;
     margin-left: -5px;
}
 .list-inline>li {
     display: inline-block;
     padding-left: 5px;
     padding-right: 5px;
}
 .container {
     margin-right: auto;
     margin-left: auto;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width:768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width:992px) {
     .container {
         width: 970px;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1170px;
    }
}
 .btn {
     display: inline-block;
     margin-bottom: 0;
     font-weight: normal;
     text-align: center;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     background-image: none;
     border: 1px solid transparent;
     white-space: nowrap;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.4;
}
 .btn:focus, .btn:active:focus {
     outline: 1px auto #6ae;
}
 .btn:hover, .btn:focus {
     color: #333;
     text-decoration: none;
}
 .btn:active {
     outline: 0;
     background-image: none;
     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
}
 .btn-primary {
     color: #fff;
     background-color: #37b;
     border-color: #2e6da4;
}
 .btn-primary:focus {
     color: #fff;
     background-color: #286090;
     border-color: #122b40;
}
 .btn-primary:hover {
     color: #fff;
     background-color: #286090;
     border-color: #204d74;
}
 .btn-primary:active {
     color: #fff;
     background-color: #286090;
     border-color: #204d74;
}
 .btn-primary:active:hover, .btn-primary:active:focus {
     color: #fff;
     background-color: #204d74;
     border-color: #122b40;
}
 .btn-primary:active {
     background-image: none;
}
 .container:before, .container:after {
     content: " ";
     display: table;
}
 .container:after {
     clear: both;
}
/*! CSS Used from: Embedded */
 .our-advantages h2 {
     color: #fff;
}
/*! CSS Used from: Embedded */
 @media (min-width: 768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 960px;
    }
}
 @media (min-width: 1200px) {
     .container {
         width: 960px !important;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .container {
         width: auto;
    }
}
/*! CSS Used from: Embedded */
 @media (min-width: 768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 960px;
    }
}
 @media (min-width: 1200px) {
     .container {
         width: 960px !important;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .container {
         width: auto;
    }
}
/*! CSS Used from: Embedded */

 a {
     background-color: transparent;
}
 a:active, a:hover {
     outline: 0;
}
 *, *:before, *:after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 a {
     color: #37b;
     text-decoration: none;
}
 a:hover, a:focus {
     color: #23527c;
     text-decoration: underline;
}
 a:focus {
     outline-offset: -2px;
}
 h2 {
     font-family: inherit;
     font-weight: 500;
     line-height: 1.1;
     color: inherit;
}
 h2 {
     margin-top: 20px;
     margin-bottom: 10px;
}
 h2 {
     font-size: 30px;
}
 p {
     margin: 0 0 10px;
}
 .text-center {
     text-align: center;
}
 ul {
     margin-top: 0;
     margin-bottom: 10px;
}
 .list-inline {
     padding-left: 0;
     list-style: none;
     margin-left: -5px;
}
 .list-inline>li {
     display: inline-block;
     padding-left: 5px;
     padding-right: 5px;
}
 .container {
     margin-right: auto;
     margin-left: auto;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width:768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width:992px) {
     .container {
         width: 970px;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1170px;
    }
}
 .btn {
     display: inline-block;
     margin-bottom: 0;
     font-weight: normal;
     text-align: center;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     background-image: none;
     border: 1px solid transparent;
     white-space: nowrap;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.4;
}
 .btn:focus, .btn:active:focus {
     outline: 1px auto #6ae;
}
 .btn:hover, .btn:focus {
     color: #333;
     text-decoration: none;
}
 .btn:active {
     outline: 0;
     background-image: none;
     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
}
 .btn-primary {
     color: #fff;
     background-color: #37b;
     border-color: #2e6da4;
}
 .btn-primary:focus {
     color: #fff;
     background-color: #286090;
     border-color: #122b40;
}
 .btn-primary:hover {
     color: #fff;
     background-color: #286090;
     border-color: #204d74;
}
 .btn-primary:active {
     color: #fff;
     background-color: #286090;
     border-color: #204d74;
}
 .btn-primary:active:hover, .btn-primary:active:focus {
     color: #fff;
     background-color: #204d74;
     border-color: #122b40;
}
 .btn-primary:active {
     background-image: none;
}
 .container:before, .container:after {
     content: " ";
     display: table;
}
 .container:after {
     clear: both;
}

 .col-md-6 {
     width: 50%;
     float: left;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 section {
     position: relative;
}
 .case-item {
     width: 100%;
     min-height: 250px;
}
 .case-item .thumbnail {
     float: left;
     width: 100px;
     height: 100px;
     margin-right: 15px;
}
 .case-item .overflow {
     overflow: hidden;
}
 .case-name {
     font-size: 24px;
     line-height: 1.2;
     color: #2e2e2e;
     font-weight: 700;
     margin: 0 0 15px;
}
 .case-position {
     font-size: 18px;
     line-height: 1.2;
     color: #2e2e2e;
     font-weight: 700;
     background-color: #f2bb30;
     padding: 10px;
     margin-bottom: 20px;
}
 .case-text {
     font-size: 18px;
     line-height: 1.2;
     color: #2e2e2e;
     font-weight: normal;
}
 .text-center {
     text-align: center;
}
 .case-carousel .col-md-6 {
     min-height: 315px;
}
 .container {
     margin: 0 auto;
     position: relative;
}
 .container:before, .container:after, .row:before, .row:after {
     display: table;
     content: " ";
}
 .container:after, .row:after {
     clear: both;
}
 h2 {
     text-transform: uppercase;
     color: #fff;
     font-size: 36px;
     font-weight: 700;
     padding-bottom: 70px;
}
 .txt-black {
     color: #2e2e2e;
}
 @media (min-width: 768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 960px;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .container {
         width: auto;
    }
     .container {
         padding: 0 10px;
    }
     section {
         padding: 40px 0;
    }
     .col-md-6 {
         float: none;
         width: auto;
    }
     .col-md-6+.col-md-6 {
         margin-top: 25px;
    }
     h2 {
         padding-bottom: 30px;
    }
     .case-item .thumbnail {
         float: none;
         margin: 10px auto;
         display: block;
    }
     .case-name {
         text-align: center;
    }
     .promotion-page-projects .case-carousel .col-md-6 {
         min-height: 0;
         max-height: 600px;
         float: left;
         width: 50%;
         margin-top: 25px;
    }
}
 @media (max-width: 767px) {
     .container {
         padding: 0 10px;
    }
     section {
         padding: 20px 0;
    }
     .col-md-6 {
         float: none;
         width: auto;
    }
     .col-md-6+.col-md-6 {
         margin-top: 25px;
    }
     h2 {
         padding-bottom: 30px;
         font-size: 21px;
    }
     .case-item .thumbnail {
         float: none;
         margin: 10px auto;
         display: block;
    }
     .case-name {
         text-align: center;
    }
     .promotion-page-projects .case-carousel .col-md-6 {
         min-height: 0;
         max-height: 600px;
    }
}
 .container p {
     font-size: 18px;
}
/*! CSS Used from: Embedded */
 section {
     display: block;
}
 img {
     border-style: none;
}
 @media print {
     *, ::after, ::before, div::first-letter, div::first-line, p::first-letter, p::first-line {
         text-shadow: none !important;
         -webkit-box-shadow: none !important;
         box-shadow: none !important;
    }
     img {
         page-break-inside: avoid;
    }
     h2, p {
         orphans: 3;
         widows: 3;
    }
     h2 {
         page-break-after: avoid;
    }
}
 *, ::after, ::before {
     -webkit-box-sizing: inherit;
     box-sizing: inherit;
}
 h2 {
     margin-top: 0;
     margin-bottom: .5rem;
}
 p {
     margin-top: 0;
     margin-bottom: 1rem;
}
 img {
     vertical-align: middle;
}
 h2 {
     margin-bottom: .5rem;
     font-family: inherit;
     font-weight: 500;
     line-height: 1.1;
     color: inherit;
}
 h2 {
     font-size: 2rem;
}
 .container {
     position: relative;
     margin-left: auto;
     margin-right: auto;
     padding-right: 15px;
     padding-left: 15px;
}
 @media (min-width:576px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:768px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:992px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:1200px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:576px) {
     .container {
         width: 540px;
         max-width: 100%;
    }
}
 @media (min-width:768px) {
     .container {
         width: 720px;
         max-width: 100%;
    }
}
 @media (min-width:992px) {
     .container {
         width: 960px;
         max-width: 100%;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1140px;
         max-width: 100%;
    }
}

 .col-md-6 {
     position: relative;
     width: 100%;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
}
 @media (min-width:576px) {
     .col-md-6 {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:768px) {
     .col-md-6 {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:992px) {
     .col-md-6 {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:1200px) {
     .col-md-6 {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:768px) {
     .col-md-6 {
         -webkit-box-flex: 0;
         -webkit-flex: 0 0 50%;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
}
 .text-center {
     text-align: center !important;
}

/*! CSS Used from: Embedded */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
 @media only screen and (max-width : 480px) {
     section h2 {
         line-height: 0.97 !important;
         font-size: 29px !important;
    }
}
 section {
     position: relative;
}
 .container {
     margin: 0 auto;
     position: relative;
}
 .container:before, .container:after, .row:before, .row:after {
     display: table;
     content: " ";
}
 .container:after, .row:after {
     clear: both;
}
 h2 {
     text-transform: uppercase;
     color: #fff;
     font-size: 36px;
     font-weight: 700;
     padding-bottom: 70px;
}
 @media (min-width: 768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 960px;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .container {
         width: auto;
    }
     .container {
         padding: 0 10px;
    }
     h2 {
         padding-bottom: 30px;
    }
}
 @media (max-width: 767px) {
     .container {
         padding: 0 10px;
    }
     h2 {
         padding-bottom: 30px;
         font-size: 21px;
    }
}
 .container p {
     font-size: 18px;
}
 img {
     vertical-align: middle;
}
 h2 {
     margin-bottom: .5rem;
     font-family: inherit;
     font-weight: 500;
     line-height: 1.1;
     color: inherit;
}
 h2 {
     font-size: 2rem;
}
 .container {
     position: relative;
     margin-left: auto;
     margin-right: auto;
     padding-right: 15px;
     padding-left: 15px;
}
 @media (min-width:576px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:768px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:992px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:1200px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:576px) {
     .container {
         width: 540px;
         max-width: 100%;
    }
}
 @media (min-width:768px) {
     .container {
         width: 720px;
         max-width: 100%;
    }
}
 @media (min-width:992px) {
     .container {
         width: 960px;
         max-width: 100%;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1140px;
         max-width: 100%;
    }
}

 
 @media only screen and (max-width : 480px) {
     section h2 {
         line-height: 0.97 !important;
         font-size: 29px !important;
    }
}
 .container {
     margin-right: auto;
     margin-left: auto;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width:768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width:992px) {
     .container {
         width: 970px;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1170px;
    }
}

 .container:before, .container:after, .row:before, .row:after {
     content: " ";
     display: table;
}
 .container:after, .row:after {
     clear: both;
}
 .container {
     margin: 0 auto;
     position: relative;
}
 .container:before, .container:after {
     display: table;
     content: " ";
}
 .container:after {
     clear: both;
}
 h2 {
     text-transform: uppercase;
     color: #fff;
     font-size: 36px;
     font-weight: 700;
     padding-bottom: 70px;
}
 @media (min-width: 768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 960px;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .container {
         width: auto;
    }
     .container {
         padding: 0 10px;
    }
     section {
         padding: 40px 0;
    }
     h2 {
         padding-bottom: 30px;
    }
}
 @media (max-width: 767px) {
     .container {
         padding: 0 10px;
    }
     section {
         padding: 20px 0;
    }
     h2 {
         padding-bottom: 30px;
         font-size: 21px;
    }
}
 h2 {
     margin-top: 0;
     margin-bottom: .5rem;
}
 h2 {
     margin-bottom: .5rem;
     font-family: inherit;
     font-weight: 500;
     line-height: 1.1;
     color: inherit;
}
 h2 {
     font-size: 2rem;
}
 .container {
     position: relative;
     margin-left: auto;
     margin-right: auto;
     padding-right: 15px;
     padding-left: 15px;
}
 @media (min-width:576px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:768px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:992px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:1200px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:576px) {
     .container {
         width: 540px;
         max-width: 100%;
    }
}
 @media (min-width:768px) {
     .container {
         width: 720px;
         max-width: 100%;
    }
}
 @media (min-width:992px) {
     .container {
         width: 960px;
         max-width: 100%;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1140px;
         max-width: 100%;
    }
}
 .text-center {
     text-align: center !important;
}
 @media only screen and (max-width : 480px) {
     section h2 {
         line-height: 0.97 !important;
         font-size: 29px !important;
    }
}
 h2 {
     font-family: inherit;
     font-weight: 500;
     line-height: 1.1;
     color: inherit;
}
 h2 {
     margin-top: 20px;
     margin-bottom: 10px;
}
 h2 {
     font-size: 30px;
}
 .container {
     margin-right: auto;
     margin-left: auto;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width:768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width:992px) {
     .container {
         width: 970px;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1170px;
    }
}
 .container:before, .container:after {
     content: " ";
     display: table;
}
 .container:after {
     clear: both;
}
 .text-center {
     text-align: center;
}
 .container {
     margin: 0 auto;
     position: relative;
}
 .container:before, .container:after {
     display: table;
     content: " ";
}
 .container:after {
     clear: both;
}
 h2 {
     text-transform: uppercase;
     color: #fff;
     font-size: 36px;
     font-weight: 700;
     padding-bottom: 70px;
}
 @media (min-width: 768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 960px;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .container {
         width: auto;
    }
     .container {
         padding: 0 10px;
    }
     section {
         padding: 40px 0;
    }
     h2 {
         padding-bottom: 30px;
    }
}
 @media (max-width: 767px) {
     .container {
         padding: 0 10px;
    }
     section {
         padding: 20px 0;
    }
     h2 {
         padding-bottom: 30px;
         font-size: 21px;
    }
}
 .container p {
     font-size: 18px;
}
 section {
     display: block;
}
 @media print {
     *, ::after, ::before, div::first-letter, div::first-line, p::first-letter, p::first-line {
         text-shadow: none !important;
         -webkit-box-shadow: none !important;
         box-shadow: none !important;
    }
     h2, p {
         orphans: 3;
         widows: 3;
    }
     h2 {
         page-break-after: avoid;
    }
}
 *, ::after, ::before {
     -webkit-box-sizing: inherit;
     box-sizing: inherit;
}
 h2 {
     margin-top: 0;
     margin-bottom: .5rem;
}
 p {
     margin-top: 0;
     margin-bottom: 1rem;
}
 h2 {
     margin-bottom: .5rem;
     font-family: inherit;
     font-weight: 500;
     line-height: 1.1;
     color: inherit;
}
 h2 {
     font-size: 2rem;
}
 .container {
     position: relative;
     margin-left: auto;
     margin-right: auto;
     padding-right: 15px;
     padding-left: 15px;
}
 @media (min-width:576px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:768px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:992px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:1200px) {
     .container {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 @media (min-width:576px) {
     .container {
         width: 540px;
         max-width: 100%;
    }
}
 @media (min-width:768px) {
     .container {
         width: 720px;
         max-width: 100%;
    }
}
 @media (min-width:992px) {
     .container {
         width: 960px;
         max-width: 100%;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1140px;
         max-width: 100%;
    }
}
 .text-center {
     text-align: center !important;
}
 
 @media only screen and (max-width : 480px) {
     section h2 {
         line-height: 0.97 !important;
         font-size: 29px !important;
    }
}

 .container:after {
     clear: both;
}
/*! CSS Used from: Embedded */
 @media (min-width: 768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 960px;
    }
}
 @media (min-width: 1200px) {
     .container {
         width: 960px !important;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .container {
         width: auto;
    }
}
/*! CSS Used from: Embedded */
 @media (min-width: 768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 960px;
    }
}
 @media (min-width: 1200px) {
     .container {
         width: 960px !important;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .container {
         width: auto;
    }
}
 p {
     margin: 0 0 10px;
}
 .text-center {
     text-align: center;
}
 .container {
     margin-right: auto;
     margin-left: auto;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width:768px) {
     .container {
         width: 750px;
    }
}
 @media (min-width:992px) {
     .container {
         width: 970px;
    }
}
 @media (min-width:1200px) {
     .container {
         width: 1170px;
    }
}

 .col-md-6 {
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width:992px) {
     .col-md-6 {
         float: left;
    }
     .col-md-6 {
         width: 50%;
    }
}
 .thumbnail {
     display: block;
     padding: 4px;
     margin-bottom: 20px;
     line-height: 1.4;
     background-color: #fff;
     border: 1px solid #ddd;
     -webkit-transition: border .2s ease-in-out;
     -o-transition: border .2s ease-in-out;
     transition: border .2s ease-in-out;
}
 .container:before, .container:after, .row:before, .row:after {
     content: " ";
     display: table;
}
 .container:after, .row:after {
     clear: both;
}
 #promotion .infoshel-article-page__firstSlide {
     background-image: url("/wp-content/uploads/2024/11/bg-promotion-app.jpg");
}

#promotion section {
	padding: 80px 0;
}

#promotion .infoshel-article-page__firstSlide {
	padding: 0;
}

.swiper-wrapper {
	height: auto !important;
}

.testimonials-client__item {
	height: auto !important;
}

.infoshel-page .modal:before {
	height: 0;
}
.infoshel-page .modal-content {
	max-width: 100%;
}
.infoshel-page .input_group {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 7px;
}
.infoshel-page .input_textarea {
	border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 7px;
}