/* ------------------- Desktop --------------------------- */
/* ------------------ header.php ------------------------- */
*{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
a {text-decoration: none;cursor: pointer;color: inherit;}
.container{display:block;margin:0 auto;width:1140px;position:relative;justify-content:space-between;}
ol,ul{list-style:none}
body input:focus:required:invalid,
body textarea:focus:required:invalid{}
body input:required:valid,body textarea:required:valid{}
body{font-family: "ProximaNova-Regular",Arial,sans-serif;font-size:16px;min-width:320px;position:relative;line-height:1.6;overflow-x:hidden}
.form-control{display:block;width: 290px;font-size:14px;line-height:1.5;color:#495057;background-color:#fff;height: 33px;margin-bottom: 10px;padding-left: 20px;}
button,select{text-transform:none}
button,input{overflow:visible;}button,input,optgroup,select,textarea{margin:0;font-size:inherit;line-height:inherit}
button{border-radius:0}
button#button:hover{background-color:#146f8e}
@font-face {
  font-display: swap;
  font-family: "ProximaNova-Bold";
  src: url('../fonts/ProximaNova-Bold/ProximaNova-Bold.eot'); /* IE 9 Compatibility Mode */
  src: url('../fonts/ProximaNova-Bold/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
       url('../fonts/ProximaNova-Bold/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg'), /* Chrome < 4, Legacy iOS */
       url('../fonts/ProximaNova-Bold/ProximaNova-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ProximaNova-Bold/ProximaNova-Bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
       url('../fonts/ProximaNova-Bold/ProximaNova-Bold.woff2') format('woff2'); /* Super Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ProximaNova-Regular";
  src: url('../fonts/ProximaNova-Regular/ProximaNova-Regular.eot'); /* IE 9 Compatibility Mode */
  src: url('../fonts/ProximaNova-Regular/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
       url('../fonts/ProximaNova-Regular/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg'), /* Chrome < 4, Legacy iOS */
       url('../fonts/ProximaNova-Regular/ProximaNova-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ProximaNova-Regular/ProximaNova-Regular.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
       url('../fonts/ProximaNova-Regular/ProximaNova-Regular.woff2') format('woff2'); /* Super Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'FontAwesome';
  src: url('../fonts/FontAwesome/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
       url('../fonts/FontAwesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/FontAwesome/fontawesome-webfont.woff?v=4.7.0') format('woff'),
       url('../fonts/FontAwesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/FontAwesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

@-webkit-keyframes fa-spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}}
@keyframes fa-spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}}
.header {width: 100%;position: absolute;padding-top: 30px;}
.header__main {}
.header__main .container{display:flex;}
.header__main .header__logo-col{display: flex;align-items:center;}
.header__main .header__logo-col .header__logo{margin-right:30px;margin-top: 6px;}
.header__main .header__logo-col .header__logo img{display:block;width: 276px;height: 54px;}
.header__main .header__contact-col{display:flex;align-items:center;justify-content: flex-end;margin-top:7px;text-align: inherit;}
.header__main .header__contact-col .header__phone-box{text-align:right;margin:0 20px 0 20px;}
.header__main .header__contact-col .header__working-hours{font-size:12px;color:#8b8a8a;line-height:1;margin:0 0 4px 0;}
.header__main .header__contact-col .header__phone-box .header__phone{font-size:18px;color:#000000;line-height:1;text-decoration:none;display:block;font-family: "ProximaNova-Bold",Arial,sans-serif;}
.header__popup-callback {display: inherit;margin-right: 20px;}
@-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; }30% { left: 110%; margin-left: 80px; }100% { left: 110%; margin-left: 80px; } }
@-webkit-keyframes shake {0% {transform: translateX(0);}25% {transform: translateX(-2px);}50% {transform: translateX(0);}100% {transform: translateX(-2px);}}
@keyframes shake {0% {transform: translateX(0);}25% {transform: translateX(-2px);}50% {transform: translateX(0);}100% {transform: translateX(-2px);}}
@-webkit-keyframes pulse {0% {transform: scale(0);}50% {transform: scale(1);}100% {transform: scale(1);opacity: 0;}}
@keyframes pulse {0% {transform: scale(0);}50% {transform: scale(1);}100% {transform: scale(1);opacity: 0;}}

a.popup {border-bottom: 1px solid;height: 21px;}
/* ------------------- Desktop --------------------------- */
/* ------------------ header-banner.php ------------------ */
.head-block{padding: 170px 0 140px;width:100%;background-size: cover;background-position: 0% 100%;background-image: url(../img/head-block/minimalism.jpg);}
.head-block__info li{background: url(../img/head-block/check.png) left 12px no-repeat;line-height: 40px;padding: 0 0 0 26px;background-size: 16px;font-size: 17px;}
.head-block__title h1{font-size: 40px;line-height: 50px;display:inline-block;margin:0 0 20px;width: 700px;}
.head-block__column {padding: 30px 0px 20px 0px;}
/* ------------------- Desktop --------------------------- */
/* ------------------ schema-work.php --------------------- */
.schema-work{overflow:hidden;padding:40px 0 60px;background: #fbfbfb;}
.schema-work__column{margin: 20px 10px 20px 10px;display:inline-flex;width: 300px;padding-left: 50px;flex-direction: column;padding-left: 50px;margin-bottom: 30px;}
.schema-work__item--img {display: flex;margin-bottom: 5px;align-items: flex-end;}
.schema-work__item--img img {width: 300px;height: 68px;position: relative;}
.schema-work__item--info {/* width: 343px; */margin: 0px auto;}
.schema-work__item--info:nth-child(1){width: 343px;}
.schema-work__column .schema-work__item--info:nth-child(1){width: 343px;}
.schema-work__item--title{font-size: 16px;line-height: 2.3em;font-family: "ProximaNova-Bold",Arial,sans-serif;}
.schema-work__number {font-size: 35px;color: #8ab6ff;margin-left: -26px;padding-right: 5px;margin-top: 0px;height: 45px;}
.schema-work__item--list {font-size: 14px;color: #353535;}
/* ------------------- Desktop --------------------------- */
/* ------------------ portfolio.php ------------------ */
.portfolio {overflow: hidden;padding-top: 50px;background-color: #fafafac2;}
.portfolio__row.b-1 {padding: 20px 0px 60px 0px;}
.portfolio__row.b-2 {background-color: #fafafac2;margin: 0px auto;padding: 60px 0px 90px 0px;}
.portfolio__title.section__header {margin-right: 70px;}
.portfolio__info {padding: 15px 10px 20px 50px;}
.portfolio__item {padding: 12px 0px 0px 15px;display: flex;}
.portfolio__item--info {float: right;width: 270px;display: flex;}
.portfolio__item--title {font-size: 15px;}
.portfolio__item--tit h3 {border-bottom: 2px solid #4187CE;margin-bottom: 20px;font-size: 18px;font-family: "ProximaNova-Bold",Arial,sans-serif;}
.portfolio__item--infor {text-align: left;float: right;width: 270px;}
.portfolio__item--works {font-size: 13px;line-height: 1.7;margin-left: 35px;}
.portfolio__item--works ul li:before {content: "";display: block;position: relative;top: 12px;left: -11px;width: 4px;height: 4px;background: #4187CE;border-radius: 50%;}
.portfolio__item--list {font-size: 13px;margin-top: 3px;margin-left: 4px;font-family: "ProximaNova-Bold",Arial,sans-serif;}
.portfolio__column{display:flex;margin:0 auto;width: 72%;background-color: #ffffff;box-shadow: 0 13px 24px 0 rgb(0 0 0 / 6%);}
.portfolio__gallery{position: relative;padding-top: 430px;width: 610px;}
.portfolio__gallery>img{position: absolute;left: 0;top: 0;transition: all 0.5s;width: 650px;height: 430px;}
.portfolio__gallery label {margin: 8px 0 0 8px;border: 3px solid #ffffff;float: left;cursor: pointer;transition: all 0.5s;opacity: 0.7;}
.portfolio__gallery label img{display: block; width: 107px; height: 72px;}
.portfolio__gallery input[name='slide_switch'] {display: none;}
.portfolio__gallery input[name='slide_switch']:checked+label {border: 3px solid #4187CE; opacity: 1;}
.portfolio__gallery input[name='slide_switch'] ~ img {opacity: 0;transform: scale(1.1);}
.portfolio__gallery input[name='slide_switch']:checked+label+img {opacity: 1; transform: scale(1);}
.portfolio__gallery input[name='slide_switch2'] {display: none;}
.portfolio__gallery input[name='slide_switch2']:checked+label {border: 3px solid #4187CE; opacity: 1;}
.portfolio__gallery input[name='slide_switch2'] ~ img {opacity: 0;transform: scale(1.1);}
.portfolio__gallery input[name='slide_switch2']:checked+label+img {opacity: 1; transform: scale(1);}
/* ------------------- Desktop --------------------------- */
/* ------------------ list-make --------------------- */
.list-make {background-color: #e2e2e2;overflow: hidden;padding: 40px 0px 70px;}
.list-make__row {margin: 0px auto;width: 1140px;padding: 0px;}
.list-make__column{margin-bottom: 37px;margin-right: 40px;display: inline-flex;}
.list-make__column .item .item-header, .list-make__column .item .item-header {position: relative;margin-bottom: 8px;}
.list-make__item--title {font-size: 16px;font-family: "ProximaNova-Bold",Arial,sans-serif;margin: 0px;line-height: 1.6em;color: #000000;text-transform: uppercase;margin-bottom: -5px;line-height: 20px;}
.list-make__column .item .item-header h3 svg, .list-make__column .item .item-header h3 svg {content: "";left: 0;display: block;position: absolute;}
.list-make__column .item .content2 p, .list-make__column .item .content2 p {font-size: 14px;font-weight: 400;line-height: 1.5;}
.list-make__column .item .conten2 p, .list-make__column .item .content2 p {color: #000!important;}
.list-make__column {width: 520px;background-color: #fff;height: 176px;border-radius: 10px;}
.list-make .list-make__column .item .item-header, .list-make__column .item .item-header {margin-left: 20px;}
.list-make__item {display: flex;padding: 11px;border-radius: 20px;height: 190px;}
.list-make__item--img img {width: 125px;height: 136px;float: left;}
.list-make__item--list ul {text-align: left;list-style: none;margin: 10px 0 20px;}
.list-make__item--list ul li {color: #1a1a1a;line-height: 21px;padding: 0px 0 0px 14px;background-size: 8px;font-size: 15px;}
.list-make__item--img {display: inherit;float: left;width: 130px;height: 136px;padding: 6px 10px 10px 10px;}
.list-make__item--info {float: right;padding: 7px 15px 0px 10px;}
/* ------------------- Desktop --------------------------- */
/* ------------------ prices.php ------------------ */
.prices{padding:40px 0 70px;background-color: #f3f3f3;}
.prices .container{max-width:1600px;text-align:center;width:100%}
.prices__row{display:inline-flex;margin: 0px auto;width: 90%;}
.prices__column{display:block;background:#fff;padding: 0 40px 100px 40px;position:relative;color: #3B3B3B;border: 1px solid #e2e2e2;box-shadow: 0 13px 24px 0 rgb(0 0 0 / 26%);/* width: 25%; */}
.prices__column:hover{box-shadow:0 13px 24px 0 rgb(0 0 0 / 11%);}
.prices__item--title{display:block;margin-top: 20px;font-size:20px;font-family: "ProximaNova-Bold",Arial,sans-serif;}
.prices__item--info {width: 320px;font-size: 14px;margin: 10px 0px 20px 0px;border-bottom: 1px solid #c1c1c1;}
.prices__item--title h3 {border-bottom: 2px solid #4187CE;}
.prices__item--img img {width: 280px;height: 190px;}
.prices__item--price{font-size:16px;margin-bottom: 18px;color: #4187CE;}
.prices__item--list-title{color:#484747;margin-bottom:10px;font-size:15px;margin: 15px 10px 10px 0;text-align:left;font-family: "ProximaNova-Bold",Arial,sans-serif;}
.prices__list-title {color: #606060;margin-bottom: 10px;font-size: 14px;margin: 5px 0px -11px 0;font-family: "ProximaNova-Bold",Arial,sans-serif;}
.prices__item--list ul{text-align:left;list-style:none;margin: 10px 0 10px;padding:0 10px 0 25px}
.prices__item--list ul li{padding: 5px 0px 0px 12px;border-bottom: 1px dashed #EDEDF2;}
.prices__item--list li {font-family: 'ProximaNovaBook',Arial,sans-serif;color: #323232;line-height: 1.5;margin: 0 0 2px 0;padding: 0 0 0 16px;position: relative;font-size: 15px;}
.prices__item--list li:before {content: '';position: absolute;display: block;width: 4px;height: 4px;background: #adadad;top: 12px;left: 0px;}

a.knopka{position: absolute;bottom: 45px;left: calc(42% - 101px);width: 260px;background: #ffffff;color: #4187CE;padding: 11px 0;font-size: 16px;display: block;border: 2px solid #4187CE;transition: all 0.6s;text-decoration: none;}
a.knopka:hover{background:#4187CE;color: #ffffff;}
.section__header{font-size:35px;text-align:center;color:#000;padding-bottom: 40px;font-family: "ProximaNova-Bold",Arial,sans-serif;}
/* ------------------- Desktop --------------------------- */
/* ------------------ footer.php ------------------------- */
footer{background: #dadada;}
.footer_container{display:flex;flex-flow:row wrap;padding:30px 20px 20px;max-width:1140px;margin:0 auto;position:relative;}
.footer-logo{margin-bottom:2em;}
.footer-logo img {width: 276px;height: 54px;}
.footer a.active {color: #9e9e9e;}
.footer-logo p{padding-right:20%;font-size: 14px;padding-bottom: 10px;}
.footer__requisites {padding-top: 20px;}
.footer__privacy a {font-size: 14px;margin-top: 3px;text-decoration: underline;}
.footer-logo{flex: 1 0;}
/* ------------------- Desktop --------------------------- */
/* ------------------ callback-form.php ------------------ */
form#form {padding: 30px 30px 20px 30px;background-color: #fff;margin: auto;position: relative;text-align: center;}
.hidden{display:none}
#form h4{font-size:30px;margin:0 auto;font-family: "ProximaNova-Bold",Arial,sans-serif;}
#form span{padding-bottom:20px}
button.btn2{background:#4187CE;margin:13px auto 0;text-transform:uppercase;text-decoration:none !important;text-decoration:none;height:44px;line-height:45px;padding:0 55px;font-size:14px;letter-spacing:1px;color:#fff;cursor:pointer;border:none}
form input:after{border:none}
/* ------------------- Desktop --------------------------- */
/* ------------------ magnific-popup --------------------- */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-auto-cursor .mfp-content {cursor: auto;max-width: 470px;}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-content form input{width:90%;height:44px;margin-top:13px;border:1px solid #aaa;padding-left: 20px;}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none !important}
.mfp-s-ready .mfp-preloader{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action: manipulation; }
button::-moz-focus-inner {padding: 0;border: 0; }
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;}
.mfp-close:hover,.mfp-close:focus{opacity:1}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}

/* ------------------- Desktop ----------------------------- */
/* ------------------ contacts.php ------------------------- */
.contacts__left {width: 18%;border-left: 2px solid #146f8e;padding-left: 25px;}
.contacts__right {width: 40%;}
.contacts__item {padding: 5px 0px 0px 0px;height: auto;display: flex;}
.contacts__item--title {font-size: 15px;line-height: 1.6em;font-family: "ProximaNova-Bold",Arial,sans-serif;}
.contacts__item--list {font-size: 15px;}
.contacts__form {display: inline-flex;padding: 0px 60px 0 20px;}
.contacts__form-row {display: block;}
.contacts__col {text-align: center;max-width: 100%;margin: 0px auto;}
button#button {width: 310px;background: #3ea8f3;color: #fff !important;padding: 5px 0;cursor: pointer;}
input.form-control {border: 0px;}

.estimate__info {width: 42%;float: left;margin-top: 80px;margin-left: 50px;}
.estimate__img {float: right;margin-top: 120px;width: 45%;}
.estimate__img img {width: 80%;/* height: 320px; *//* background-color: #c5c5c5; */padding: 25px 25px 0px 25px;}
.estimate__info--name {font-family: 'ProximaNova-Bold';font-size: 17px;}
.estimate__info--post {color: #928f8f;font-size: 14px;padding-top: 0px;}
.estimate__info--biog {font-size: 14px;padding-top: 7px;}
.estimate__img--info {width: 79%;border-left: 3px solid #4288d0;margin: 10px 0px 0px 10px;padding: 5px 10px 5px 15px;}
.estimate__column {height: 520px;}
.estimate {overflow: hidden;padding: 40px 0 70px;background-color: #fbfbfb;}
.estimate__info--title {font-size: 22px;font-family: "ProximaNova-Bold",Arial,sans-serif;margin-bottom: 45px;}
.estimate__info--span {margin-top: 12px;font-size: 15px;text-align: center;}
.estimate__info--item {margin: 10px 0px 15px 0px;}
a.estimate__popup {background-color: #f33e43;color: #fff;font-size: 17px;padding: 17px 40px 17px 40px;border-radius: 30px;box-shadow: 0 9px 40px 0 rgb(50 50 50 / 30%);width: 200px;background: #ff8500;display: block;}
.estimate__btn {display: block;left: calc(50% - 120px);width: 180px;background: #4187CE;padding: 11px 18px;font-size: 15px;text-decoration: none;color: #fff;transition: all 0.6s;text-align: center;margin: 0px auto;margin-top: 30px;}
.estimate__btn:hover {background: #4376ab;}

.materials__info {width: 43%;float: right;margin-top: 60px;}
.materials__img {float: left;margin-top: 80px;}
.materials__img img {width: 451px;height: 267px;}
.materials__column {height: 380px;}
.materials {overflow: hidden;padding: 40px 0 60px;background: #eee;}
.materials__info--title {font-size: 24px;font-family: "ProximaNova-Bold",Arial,sans-serif;margin-bottom: 45px;}
.materials__item li {background: url(../img/head-block/check.png) left 8px no-repeat;line-height: 23px;padding: 0 0 0 23px;background-size: 16px;font-size: 16px;margin-top: 15px;}

.kompleks__info {width: 42%;float: left;margin-top: 40px;}
.kompleks__img {float: right;margin-top: 20px;}
.kompleks__img img {width: 540px;height: 460px;}
.kompleks__column {height: 420px;}
.kompleks {overflow: hidden;padding: 40px 0 70px;background-color: #fbfbfb;}
.kompleks__info--title {font-size: 22px;font-family: "ProximaNova-Bold",Arial,sans-serif;margin-bottom: 45px;}
.kompleks__info--item {margin: 10px 0px 15px 0px;}
.kompleks__btn {display: block;left: calc(50% - 120px);width: 180px;background: #4187CE;padding: 11px 18px;font-size: 15px;text-decoration: none;color: #fff;transition: all 0.6s;text-align: center;margin: 0px auto;margin-top: 30px;}
.kompleks__btn:hover {background: #4376ab;}

.monitoring__info {width: 43%;float: right;margin-top: 60px;}
.monitoring__img {float: left;margin-top: 40px;width: 40%;text-align: center;}
.monitoring__img img {width: 260px;height: 470px;}
.monitoring__column {height: 420px;}
.monitoring {overflow: hidden;padding: 40px 0 40px;background: #eee;}
.monitoring__info--title {font-size: 28px;font-family: "ProximaNova-Bold",Arial,sans-serif;margin-bottom: 45px;}
.monitoring__info--item {margin: 10px 0px 20px 0px;;font-size: 15px;}
.monitoring__item li {background: url(../img/head-block/check.png) left 8px no-repeat;line-height: 33px;padding: 0 0 0 23px;background-size: 16px;font-size: 16px;}

.error {padding-top: 160px;padding-bottom: 80px;}
.error__title {font-size: 90px;color: #989490;line-height: 1;padding-bottom: 30px;padding-top: 20px;}
a.error-btn {background-color: #3e97f3;color: #fff;font-size: 16px;padding: 10px 30px 10px 30px;}
.error__description {padding-bottom: 30px;padding-top: 40px;font-family: 'ProximaNova-Bold';font-size: 19px;}
.error__row {height: 100%;text-align: center;margin: 0px auto;}


.overlay2 {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, .5);display: none;z-index: 9999;}
.popupss {position: fixed;width: 300px;height: 190px;left: 50%;top: 43%;padding: 30px 40px 40px 40px;;background-color: #FFF;transform: translate(-50%, -50%);}
.close-popup {position: absolute;top: 15px;right: 15px;width: 23px;height: 23px;cursor: pointer;}
.close-popup:before {content: '';background-color: #000;position: absolute;height: 1px;width: 31px;top: 11px;left: -4px;transform: rotate(-45deg);}
.close-popup:after {content: '';background-color: #000;position: absolute;height: 1px;width: 31px;top: 11px;transform: rotate(45deg);left: -4px;}

.overlay {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, .5);display: none;}
.popups {position: absolute;width: 300px;height: 190px;left: 50%;top: 40%;transform: translate(-50%, -50%);padding: 30px 40px 40px 40px;;background-color: #FFF;}
.close-popup {position: absolute;top: 15px;right: 15px;width: 23px;height: 23px;cursor: pointer;}
.close-popup:before {content: '';background-color: #000;position: absolute;height: 1px;width: 31px;top: 11px;left: -4px;transform: rotate(-45deg);}
.close-popup:after {content: '';background-color: #000;position: absolute;height: 1px;width: 31px;top: 11px;transform: rotate(45deg);left: -4px;}

.form-succes-icon {background: url(../img/succes.png) no-repeat;width: 114px;height: 114px;padding-bottom: 25px;display: block;text-align: center;margin: 0px auto;}
.form-succes__title {font-size: 23px;line-height: 24px;color: #676767;margin-bottom: 7px;font-family: "ProximaNova-Bold",Arial,sans-serif;}
.form-succes__subtitle {font-size: 17px;}

.contacts__col-title {font-size: 26px;line-height: 1.6em;color: #000000;text-align: center;padding: 10px 0px 5px 0px;font-family: "ProximaNova-Bold",Arial,sans-serif;}

.privacy {padding: 130px 0 50px;}
.privacy-content h2 {font-size: 21px;color: #333333;line-height: 1;padding: 0 0 10px 0;margin: 50px 0 30px 0;}
.privacy-content p {font-size: 14px;color: #333;line-height: 1.5;margin: 0 0 10px 0;padding: 0 15px 0 0;}
.privacy__row {width: 70%;margin: 0px auto;}
.privacy__title.section__header {padding-bottom: 10px;}
.prices__item--list ul li{font-size: 14px;}

.scroll {height: auto;max-height: 272px;overflow: auto;height: 260px;overflow-y: auto;overflow-x: hidden;position: relative;padding-right: 10px;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;}
.scroll::-webkit-scrollbar {width: 5px;background: #f6f9f9;border-radius: 2px}
.scroll::-webkit-scrollbar-thumb {width: 5px;background: #adadad;border-radius: 3px;}
/* ------------- smal notebooks and Ipad pro ------------- */
/* ----------------------- All --------------------------- */
@media only screen and (max-width: 1024px){
.container {width: 95%;}
.portfolio .container {width: 100%;}
.header{padding-top: 10px;}
.head-block .container {width: 80%;}
.section__header {font-size: 32px;}
.schema-work__row {width: 95%;}
.schema-work__item--img img {width: 200px;height: 35px;}
.schema-work__item--title {font-size: 14px;}
.schema-work__item--list {font-size: 14px;}
.schema-work__column {padding: 15px 10px 15px 10px;width: 305px;margin-bottom: 27px;margin-right: 30px;}
.schema-work__item--info {width: 300px;}
.schema-work__row {width: 98%;}
.portfolio__column {padding-left: 90px;width: 87%;}
.portfolio__gallery>img{width: 540px;height: 360px;}
.portfolio__gallery label img {width: 87px;height: 62px;}
.portfolio__gallery{padding-top: 360px;}
.prices__column{margin: 19px;padding: 0 10px 85px 10px;}
.prices__item--list ul li{font-size: 14px;}
.prices__item--list-title{margin: 15px 10px -8px 20px;}
.prices__item--list ul {margin: 10px 0px 30px;padding: 0 10px 0 55px;}
.prices__item--title {margin: 14px 0;font-size: 18px;}
.head-block__title h1{font-size: 45px;}
.head-block{padding: 110px 0 50px;}
.header__main .header__contact-col .header__phone-box .header__phone {font-size: 17px;}
.error {padding-top: 40px;padding-bottom: 30px;}
.error__title {font-size: 80px;line-height: 1;padding-bottom: 20px;padding-top: 50px;}
a.error-btn {font-size: 16px;padding: 10px 30px 10px 30px;}
.error__description {padding-bottom: 30px;padding-top: 30px;}
.error__row {height: 100%;text-align: center;margin: 0px auto;}
.popupss{top: 48%;}
.list-make__row {width: 100%;}
.list-make__row {margin: 0px auto;text-align: center;}
.head-block .container {width: 80%;}
.header__main .header__contact-col .header__phone-box {text-align: right;margin: 0 40px 0 20px;}
.materials__img img {width: 510px;height: 350px}
.monitoring__img img {width: 510px;height: 350px;}
.prices__item--list ul li{font-size: 13px;}
button#button {width: 252px;}
.contacts__right {width: 40%;}
.contacts__form {padding: 0px 20px 0 20px;}
.contacts__left {width: 23%;}
.footer-logo img {width: 225px;height: 55px;}
}
/* Tablets (portrait and landscape) ----------- */
/* ------------------- Tablets --------------------------- */
/* ------------------ header.php ------------------------- */
@media only screen and (min-width: 768px) and (max-width: 999px) {
.section__header {font-size: 32px;}
.container {width: 90%;}
.header__logo-col {margin-top: 0px;margin-left: 25px;}
.header__main .header__logo-col .header__slogan{display:none}
.header__main .container{width:100%;padding:0;margin-top: 10px;}
.header__main .header__logo-col .header__logo img{width:170px;height: 55px;}
.header__main .header__logo-col .header__logo{margin-left:12px;margin-top: 0px;}
.header__main .header__contact-col .header__phone-box{margin:0px;}
.header__main .header__contact-col{display:flex;align-items:center;justify-content:flex-end;margin-top:0px;margin-right:60px}
.head-block__column {max-width: 80%;margin: 0px auto;}
.head-block .container {width: 80%;}
/* ------------------- Tablets --------------------------- */
/* ------------------ header-banner.php ------------------ */
.head-block {padding: 150px 0 50px;}
.head-block__title {text-align: center;}
.head-block__title h1 {font-size: 38px;width: 500px;}
.head-block__advantages {width: 590px;}
.head-block__advantages li {line-height: 37px;padding: 0 0 0 21px;background-size: 12px;font-size: 17px;}
/* ------------------- Tablets --------------------------- */
/* ------------------ schema-work.php --------------------- */
.schema-work {display: flex;}
.schema-work__row {width: 100%;text-align: center;margin-left: 10px;}
.schema-work__item--info {text-align: left;}
.schema-work__column {margin-right: 0px;margin-bottom: 0px;}
/* ------------------- Tablets --------------------------- */
/* ------------------ portfolio.php ------------------ */
.portfolio__title.section__header {margin-right: 0px;}
.portfolio__column {padding-left: 0px;display: block;width: 100%;box-shadow: none;}
.portfolio__gallery {width: 75%;margin: 0px auto;}
.portfolio__gallery>img {width: 100%;height: 100%;}
.portfolio__info {padding-left: 50px;padding-top: 100px;width: 100%;}
.portfolio__item {padding: 4px;height: auto;width: 42%;text-align: center;margin: 0px auto;}
.portfolio__item--info {float: right;width: 100%;margin-left: 0px;width: 100%;}
.portfolio {background-color: #ffffff;}
.portfolio__row.b-2 {background-color: #ffffff;}
/* ------------------- Tablets ---------------------------- */
/* ------------------ list-make -------------------------- */
.list-make__row {margin: 0px auto;width: max-content;text-align: center;}
.list-make__column {display: flex;margin-right: 0px;width: 510px;}
.list-make__section-title {font-size: 30px;}

/* ------------------- Tablets --------------------------- */
/* ------------------ prices.php ------------------ */
.prices__row {display: block;}
.prices__column {width: 390px;margin: 0px auto;margin-bottom: 50px;}
.prices__item--title {padding: 20px 0;margin: 0px;}

.mfp-container {text-align: center;position: absolute;width: 100%;height: 50%;left: 0;top: 0;padding: 0 8px;box-sizing: border-box;bottom: 0px;}
/* ------------------- Tablets --------------------------- */
/* ------------------ footer.php ------------------------- */

/* ------------------- Tablets --------------------------- */
/* ------------------ callback-form.php ------------------ */
.form-control{width: 230px;}

/* ------------------- Tablets ---------------------------- */
/* ------------------ magnific-popup --------------------- */

.error {padding-top: 100px;padding-bottom: 70px;}
.error__title {font-size: 50px;line-height: 1;padding-bottom: 20px;padding-top: 50px;}
a.error-btn {font-size: 16px;padding: 10px 30px 10px 30px;}
.error__description {padding-bottom: 30px;padding-top: 20px;}
.error__row {height: 100%;text-align: center;margin: 0px auto;}

.estimate__info {width: 47%;float: left;margin-top: 30px;margin-left: 0px;}
.estimate__img {float: right;width: 41%;}
.estimate__img img {width: 70%;height: 290px;}
.estimate__column {height: 440px;}
.estimate__info--title {font-size: 18px;}
.estimate__btn {display: block;}
.estimate__info--item {margin: 10px 0px 20px 0px;font-size: 15px;}
.estimate__img--info {width: 100%;margin: 0px;}

.materials__info {width: 47%;margin-top: 30px;}
.materials__img {width: 47%;}
.materials__img img {width: 100%;height: 210px;}
.materials__column {height: 270px;}
.materials__info--title {font-size: 18px;}
.container {width: 95%;}
.materials__info--item {margin: 10px 0px 20px 0px;font-size: 13px;}
.materials__item--title {font-size: 11px;}

.kompleks__info {width: 47%;float: left;}
.kompleks__img {float: right;width: 42%;margin-top: 120px;}
.kompleks__img img {width: 100%;height: 220px;}
.kompleks__column {height: 440px;}
.kompleks__info--title {font-size: 18px;}
.kompleks__btn {display: block;}
.container {width: 95%;}
.kompleks__info--item {margin: 10px 0px 20px 0px;font-size: 15px;}

.monitoring__info {width: 47%;margin-top: 30px;}
.monitoring__img {width: 47%;}
.monitoring__img img {width: 50%;height: 320px;}
.monitoring__column {height: 270px;}
.monitoring__info--title {font-size: 18px;}
.container {width: 90%;}
.monitoring__item--title {font-size: 11px;}

.popupss {top: 22%;}
.privacy__row {width: 90%;}

}
/* Phones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px) {
/* ------------------- Phones ---------------------------- */
/* ------------------ header.php ------------------------- */
.header__main .header__logo-col .header__slogan{display:none}
.callback{display:none}
.header__main .container{width:100%;display: block;margin: 15px 10px 0px 0px;}
.header__main .header__contact-col .header__phone-box .header__phone{font-size: 16px;}
.header__main .header__contact-col .header__working-hours{font-size:14px}
.header__main .header__logo-col .header__logo img{width: 200px;height: 50px;}
.header__main .header__logo-col .header__logo{margin-left:12px}
.header__main .header__contact-col .header__phone-box{margin:0px;text-align: center;margin-top: 13px;}
.header__main .header__contact-col{display: grid;align-items:center;justify-content: center;text-align: center;margin: 0px auto;}
.head-block__column {max-width: 80%;margin: 0px auto;}
/* ------------------- Phones ---------------------------- */
/* ------------------ header-banner.php ------------------ */
.head-block{background-position: 46% 100%;background-color: #dddddd;/* background-image: none; */}
.head-block .container{width:100%;}
.head-block__advantages{width:100%;margin: 25px 0px 30px;}
.head-block__title h1{font-size:27px;width: 100%;text-align: center;margin-top: 25px;}
.head-block__advantages li{background: url(../img/head-block/check.png) left 5px no-repeat;line-height:21px;padding:0 0 0 21px;background-size:12px;font-size:16px;margin-bottom:12px;}
/* ------------------- Phones ---------------------------- */
/* ------------------ schema-work.php --------------------- */
.schema-work{display: flex;padding: 40px 0 30px;}
.container {width: 100%;}
.section__header {font-size: 23px;}
.schema-work__column{padding:0px;border-radius:5px;width: 100%;margin-bottom: 37px;margin-right: 0px;}
.schema-work__item--img {float: initial;width: 100%;text-align: center;height: inherit;}
.schema-work__item--img img {width: 80%;height: 100%;}
.schema-work__item--info {float: initial;padding:0px;width: 82%;text-align: left;}
.schema-work__item--title{font-size: 16px;}
.schema-work__row {width: 95%;margin: 0px auto;}
.schema-work__item--list {font-size: 16px;margin: 0px auto;}
.schema-work__item {width: 100%;text-align: center;}
/* ------------------- Phones ---------------------------- */
/* ------------------ portfolio.php ------------------ */
.portfolio__title.section__header {margin-right: 0px;}
.portfolio {margin: 0px auto;}
.portfolio .container{width:100%}
.portfolio__row{display:block;margin:0 auto;}
.portfolio__column {display: table-cell;padding-left: 0px;}
.portfolio__gallery{width: 100%;position: relative;padding-top: 260px;margin: 0px 0px 120px 0px;height: 80%;}
.portfolio__gallery>img{position: absolute; left: 0; top: 0; transition: all 0.5s; width: 100%;height: 260px;}
.portfolio__gallery label {margin: 8px 0 0 8px; border: 3px solid #ffffff; float: left; cursor: pointer; transition: all 0.5s; opacity: 0.6;}
.portfolio__gallery label img{display: block; width: 100px; height: 60px;}
.portfolio__gallery input[name='slide_switch'] {display: none;}
.portfolio__gallery input[name='slide_switch']:checked+label {border: 3px solid #007eff; opacity: 1;}
.portfolio__gallery input[name='slide_switch'] ~ img {opacity: 0;transform: scale(1.1);}
.portfolio__gallery input[name='slide_switch']:checked+label+img {opacity: 1; transform: scale(1);}
.portfolio__info {width: 90%;padding-left: 15px;padding-top: 40px;max-width: 350px;}
.portfolio__info--descr {width: 100%;padding: 5px 5px 5px 15px;font-size: 17px;}
.portfolio__row.b-2 {background-color: #ffffff;}
.portfolio {background-color: #ffffff;}
.portfolio__column {box-shadow: none;}

.advantages__item--title {font-size: 16px;}
.advantages__item--list {font-size: 16px;}
.estimate__info--item {font-size: 16px;}
.estimate__info--span {margin-bottom: 30px;}
.schema-work__number {margin-left: 0px;}
.estimate__info--biog {text-align: left;margin-left: 10px;}
.estimate__img--info {margin: 10px 0px 0px 30px;padding: 5px 10px 5px 0px;}
/* ------------------- Phones ----------------------------- */
/* ------------------ list-make -------------------------- */
.list-make__column{width: 100%;border-radius: 10px;display: inherit;height: 100%;padding: 10px 10px 0px 10px;}
.list-make__row {width: 90%;/* background-color: #ffffff; */display: inline-table;margin: 0px auto;/* display: table-caption; */padding-left: 8px;}
.list-make__item--img img {width: 90px;height: 100px;border-radius: 0px;float: inherit;}
.list-make__item--title {font-size: 14px;}
.list-make__item--list ul li {color: #1a1a1a;line-height: 20px;padding: 1px 0px 1px 8px;font-size: 13px;}
.list-make__item--info {padding: 10px 5px 10px 10px;width: 100%;float: inherit;}
.list-make__item--img {width: 25%;height: 50%;margin-top: 30px;float: inherit;padding: 0px;}
.list-make__item--img:nth-child(2){width: 110px;height: 100px;}
.list-make__item {width: 100%;margin: 0px auto;text-align: -webkit-center;padding: 0px;height: auto;}
.list-make__section-title {font-size: 24px;}

.kompleks__info--item {font-size: 16px;}
/* ------------------- Phones ---------------------------- */
/* ------------------ prices.php ------------------ */
.prices .container{max-width:400px;text-align:center;justify-content:space-between;width:100%;position:relative;margin:0 auto}
.prices {background: #eee;padding: 40px 0 0px;display: flex;}
.prices__row {display: initial;}
.prices__item--title{padding: 20px 0px 0px 0px;margin: 0px;}
.prices__column {padding: 0 20px 75px 20px;margin: 10px 0px 50px 0px;}
.prices__item--list-title{margin: 15px 0px 15px 0;}
.scroll {height: auto;max-height: 272px;overflow: auto;height: 260px;overflow-y: auto;overflow-x: hidden;position: relative;padding-right: 10px;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;margin-right: 60px;}
.prices__item--list ul {margin: 10px 0px 30px;padding: 0 10px 0 35px;}
a.more-info {font-size: 18px;}
.form-control{display:block;width: 270px;font-size: 16px;line-height:1.5;color:#495057;background-color:#fff;height: 40px;}
/* ------------------- Phones ---------------------------- */
/* ------------------ footer.php ------------------------- */
.footer{display:flex;flex-flow:row wrap;padding: 20px;max-width: 100%;margin:0 auto;position:relative;}
.footer > *{padding: 30px 0px 20px;}
.footer-bottom{text-align:center;color:#999;padding-top:20px}
.footer-logo p{padding-right:20%;font-size: 18px;}
.footer-logo{margin-left: 30px;}
.footer a{font-size:18px;margin-bottom: 18px;}
/* ------------------- Phones ---------------------------- */
/* ------------------ callback-form.php ------------------ */
    /*Disable Animation on Mobile Devices*/
.hidden{display:none}
#form h4{font-size:30px;margin:0 auto;}
#form span{padding-bottom:20px}
button.btn2{margin:13px auto 0;text-transform:uppercase;text-decoration:none !important;text-decoration:none;height:46px;line-height:45px;padding:0 55px;font-size:14px;letter-spacing:1px;color:#fff;cursor:pointer;border:none;}
.mfp-container {text-align: inherit;position: absolute;width: 100%;height: 60%;left: 0;top: 0;padding: 0 8px;box-sizing: border-box;bottom: 0px;}
.mfp-auto-cursor .mfp-content {max-width: 100%;}
form#form {padding: 30px 30px 20px 30px;background-color: #fff;margin: 0px auto;position: relative;text-align: center;}
.popupss {top: 35%;}
/* ------------------- Phones ---------------------------- */
/* ------------------ magnific-popup --------------------- */

/* ------------------- Phones ----------------------------- */
/* ------------------ contacts.php ------------------------- */
.contacts {overflow: hidden;padding: 40px 0 70px;}
.contacts__row {width: 95%;}
.contacts__left {width: 100%;float: inherit;margin: 0px auto;max-width: 80%;padding-left: 0px;}
.contacts__item--img {float: left;width: 30px;height: 0px;margin-top: 2px;}
.contacts__item--info {float: right;padding-left: 0px;width: 270px;}
.contacts__item {padding: 15px 15px 10px 15px;height: auto;display: flex;}
.contacts__item--title {font-size: 16px;line-height: 1.6em;color: #000000;text-transform: uppercase;}
.contacts__item--list {font-size: 16px;}
.contacts__right {width: 100%;margin: 0px auto;float: inherit;text-align: center;}
.contacts__form {display: inline-flex;padding: 0px 0px 0 30px;}
form#contacts__contact-form {display: block;max-width: 470px;margin: auto;position: relative;text-align: center;padding: 25px;border: 1px solid #FCC936;}
.contacts__form-row {display: block;}
.contacts__col {max-width: 100%;}
.contacts__col #button {width: 290px;padding: 0px;font-size: 16px;height: 40px;}

.error {padding-top: 220px;padding-bottom: 90px;}
.error__title {font-size: 40px;line-height: 1;padding-bottom: 20px;padding-top: 50px;}
a.error-btn {font-size: 16px;padding: 10px 30px 10px 30px;}
.error__description {padding-bottom: 30px;padding-top: 20px;}
.error__row {height: 100%;text-align: center;margin: 0px auto;}

.contacts__form {padding: 20px 0px 50px 0px;}

.estimate__img {text-align: center;float: inherit;margin: 0px auto;width: 100%;margin-left: 0px;}
.estimate__img img {width: 85%;height: 70%;}
.estimate__column {height: 100%;width: 85%;margin: 0px auto;}
.estimate__info {width: 100%;float: left;margin: 0px auto;}
.estimate__info--title {font-size: 18px;padding-top: 20px;}

.estimate__btn {display: block;}
.estimate__item {padding: 0px 0px 10px 0px;}
.estimate__btn {top: 20px;padding: 11px 18px;}

.materials__img {float: inherit;margin: 0px auto;width: 100%;margin-left: 0px;}
.materials__img img {width: 100%;height: 100%;}
.materials__column {height: 100%;width: 90%;margin: 0px auto;}
.materials__info {width: 100%;float: left;margin: 0px auto;}
.materials__info--title {font-size: 18px;padding-top: 20px;}

.kompleks__img {float: inherit;margin: 0px auto;width: 100%;margin-left: 0px;}
.kompleks__img img {width: 100%;height: 100%;}
.kompleks__column {height: 100%;width: 90%;margin: 0px auto;}
.kompleks__info {width: 100%;float: left;margin: 0px auto;margin-bottom: 30px;}
.kompleks__info--title {font-size: 18px;padding-top: 20px;}
.kompleks__btn {display: block;}
.kompleks__item {padding: 0px 0px 10px 0px;}
.kompleks__btn {top: 20px;padding: 11px 18px;}

.monitoring__img {float: inherit;margin: 0px auto;width: 100%;margin-left: 0px;}
.monitoring__img img {width: 60%;height: 90%;}
.monitoring__column {height: 100%;width: 90%;margin: 0px auto;}
.monitoring__info {width: 100%;float: left;margin: 0px auto;}
.monitoring__info--title {font-size: 18px;padding-top: 20px;}

.privacy__row {width: 90%;}

.header__popup-callback .popup {font-size: 20px;margin-top: 30px;border-bottom: 1px solid;height: 28px;color: #0d49f1;}
.head-block {padding: 220px 0 50px;}
.header__main .header__logo-col {text-align: center;margin: 0px auto;width: 50%;margin-left: 75px;}
.header__main .header__contact-col .header__phone-box .header__phone {font-size: 20px;}
.header__popup-callback {text-align: center;margin: 0px auto;}

}
@media only screen and (max-width: 767px) and (orientation: landscape)  {
.container{width: 60%;}
.portfolio .container {width: 60%;}
}
@media only screen and (max-width: 380px){
.header__main .header__contact-col .header__phone-box .header__phone {font-size: 22px;}
.list-make__list ul li {/* font-size: 13px; */}
.list-make__section-title {font-size: 20px;}
}
@media only screen and (max-width: 360px){
}
@media only screen and (max-width: 320px) {
.header__main .header__logo-col .header__logo {margin-left: 12px;margin-right: 0px;margin-top: 1px;}
.contacts__form {padding: 10px 20px 20px 20px;}
.contacts__left {width: 90%;margin: 0px auto;}
.contacts__col-title {font-size: 19px;}
.list-make__section-title {font-size: 18px;}
form#contacts__contact-form {width: 80%;}
header {height: 43px;}
.head-block__title h1 {font-size: 24px;}
.head-block__advantages li {padding: 0 0 0 19px;background-size: 11px;font-size: 15px;margin-bottom: 12px;}
.head-block__column {max-width: 90%;}
.section__header {font-size: 19px;}
.portfolio__gallery label img {width: 80px;}
.footer {padding: 0px;}
.prices__item--list ul li {font-size: 14px;padding: 2px 0 2px 20px;}
.prices__item--list ul {padding: 0 10px 0 5px;}
}