/* ------------------- 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}
.sections {padding-top: 93px;}
ol,ul{list-style:none}
body{font-family: "Pragmatica",Arial,sans-serif;font-size:16px;min-width:320px;position:relative;line-height:1.6;overflow-x:hidden}
.form-control{display:block;width:350px;font-size:14px;line-height:1.5;color:#495057;background-color:#fff;height:39px;margin-bottom:15px;border: 1px solid #8c8c8c;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}
.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}
.form-row>.col,.form-row>[class*=col-]{text-align:center}
@font-face {
    font-display: swap;
    font-family: "Pragmatica-Bold";
    src: url('../fonts/Pragmatica-Bold/Pragmatica-Bold.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/Pragmatica-Bold/Pragmatica-Bold.eot?#iefix') format('embedded-truetype'), /* IE < 9 */
         url('../fonts/Pragmatica-Bold/Pragmatica-Bold.svg#Pragmatica-Bold') format('svg'), /* Chrome < 4, Legacy iOS */
         url('../fonts/Pragmatica-Bold/Pragmatica-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Pragmatica-Bold/Pragmatica-Bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
         url('../fonts/Pragmatica-Bold/Pragmatica-Bold.woff2') format('woff2'); /* Super Modern Browsers */
}
@font-face {
  font-display: swap;
  font-family: "PragmaticaCond-Bold";
  src: url('../fonts/PragmaticaCond-Bold/PragmaticaCond-Bold.eot');
  src: url('../fonts/PragmaticaCond-Bold/PragmaticaCond-Bold.eot?#iefix') format('embedded-truetype'),
       url('../fonts/PragmaticaCond-Bold/PragmaticaCond-Bold.svg#PragmaticaCond-Bold') format('svg'),
       url('../fonts/PragmaticaCond-Bold/PragmaticaCond-Bold.ttf') format('truetype'),
       url('../fonts/PragmaticaCond-Bold/PragmaticaCond-Bold.woff') format('woff'),
       url('../fonts/PragmaticaCond-Bold/PragmaticaCond-Bold.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: "Pragmatica";
  src: url('../fonts/Pragmatica/Pragmatica.svg#Pragmatica') format('svg'),
       url('../fonts/Pragmatica/Pragmatica.ttf') format('truetype'),
       url('../fonts/Pragmatica/Pragmatica.woff') format('woff');
  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 {height: 93px;position: fixed;background-color: white;width: 100%;box-shadow: 0 0 12px rgb(0 0 0);border-color: rgba(240,240,240,0.2);z-index: 11;top: 0;left: 0;}
.header__main {padding-bottom: 6px;}
.header__main .container{display:flex}
.header__main .header__logo-col{display:flex;align-items:center}
.header__main .header__logo-col .header__logo{margin-right:10px;margin-top: 6px;}
.header__main .header__logo-col .header__logo img{display:block;width: 199px; height: 34px;}
.header__main .header__contact-col{display:flex;align-items:center;justify-content:flex-end;margin-top:7px}
.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-family: "Pragmatica-Bold",Arial,sans-serif;font-size:18px;color:#000000;line-height:1;text-decoration:none;display:block;}
.header__nav{background: -webkit-gradient(linear, left top, left bottom, from(#f3901e), to(#f07000));position:relative}
.header__nav>.container{position:static;width:100%;margin:0 auto;text-align:center}
.header__popup-callback {display: inherit;}
.custom-btn {display: -webkit-inline-box;-webkit-box-orient: horizontal;-webkit-box-direction: normal;position: relative;overflow: hidden;-webkit-box-shadow: 0px 9px 16px 0px rgb(250 73 35 / 25%);box-shadow: 0px 9px 16px 0px rgb(250 73 35 / 25%);-webkit-transition: ease 0.3s;transition: ease 0.3s;}
.custom-btn:before {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fa4923;opacity: 0;z-index: 1;-webkit-transition: ease 0.3s;transition: ease 0.3s;}
.custom-btn:after {content: "";display: block;width: 100%;height: 210px;position: absolute;left: -40px;top: -20px;z-index: 1;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.1s;transition: all 0.1s;-webkit-animation-name: slideme;animation-name: slideme;-webkit-animation-duration: 3s;animation-duration: 2s;-webkit-animation-delay: 0.05s;animation-delay: 0.05s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;background: linear-gradient( 103deg , rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0) 35%);}
@-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;}}
.header_link:before {position: absolute;content: '';top: 35px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: 21%;width: 10px;height: 10px;background: green;border-radius: 100%;z-index: 12;margin-right: -4px;}
.header_link::after {width: 21px;height: 21px;content: '';position: absolute;bottom: 0;top: 24px;background-color: green;border-radius: 100%;-webkit-animation: pulse 2s infinite ease-in-out;animation: pulse 2s infinite ease-in-out;right: 21%;margin-right: -9px;}
.popup{background-color:#f33e43;color:#fff;font-size:16px;padding: 8px 25px 8px 25px;font-family: "PragmaticaCond-Bold",Arial,sans-serif;margin-right: 50px;}
nav ul ul > li{border-bottom:1px solid #6d6464}
nav ul ul li a{display:inline-block;font-size:14px;color:#fff;line-height:1;text-decoration:none;transition:all ease 0.2s;position:relative;padding:12px 25px 12px 18px}
nav ul li:hover ul{display:block}
.header__nav-menu ul,.header__nav-menu ol{list-style:none}
.header__nav-menu > ul{display:flex;justify-content:center}
.header__nav-menu > ul li{position:relative}
.header__nav-menu > ul li .tt a {text-decoration: underline;font-family: Arial,sans-serif;font-size: 18px;font-weight: 700;}
.header__nav-menu > ul li > a i.fa{position:absolute;top:15px;left:12px;font-size:16px}
.header__nav-menu > ul li a{display:block;background: -webkit-gradient(linear, left top, left bottom, from(#f3901e), to(#f07000));padding: 14px 10px 12px 12px;font-family:Arial,sans-serif;font-size:16px;font-weight: 600;color:#fff;line-height:1;text-decoration:none;text-transform:initial;}
.header__nav-menu li a:hover{background:#f3901e;color:#d0c9c9}
.header__nav-menu li a.active{color:#c7c8ca}
.header__nav-menu li ul{position:absolute;width:270px;display:none;text-align:left;z-index:1;right: -90px;}
.header__nav-menu li > ul li{border-bottom:1px solid #c7c8ca}
.header__nav-menu > ul ul li a{padding:10px 22px 10px 18px;font-size:15px;text-transform:none;background:#f3901e}
.header__nav-menu > ul ul li a:hover{text-transform:none;background:#d47b14}
.header__nav-menu li > ul li ul{position:absolute;right:-150px;top:0}
.header__nav-menu li:hover > ul{display:block}
.header__nav-menu [type="checkbox"],.header__nav-menu label.toggleSubmenu{display:none}
.header__nav-menu label.toggleMenu{display:none;font-size:14px;height:25px;background:url(../img/header/menu.pngx) no-repeat;top:-37px;right:10px;cursor:pointer;z-index:10;position:absolute;width:37px}
.header__nav-menu label.toggleMenu .fa{position:absolute;top:15px;font-size:18px}
/* ------------------- Desktop --------------------------- */
/* ------------------ header-banner.php ------------------ */
.head-banner{padding: 90px 0 0px;width:100%;background: linear-gradient(to left, #54545370, #00000008),url(../img/head-banner/minimalism.jpg) no-repeat;background-size: cover;background-position: 0% 70%;}
.head-banner__advantages li{color:#ffffff;background:url(../img/marker.png) left 13px no-repeat;line-height:40px;padding:0 0 0 21px;background-size:10px;font-family: "PragmaticaCond-Bold",Arial,sans-serif;font-size:21px}
.head-banner__advantages{width: 520px;background-color: #f0f8ff94;}
.head-banner__title h1{font-size: 50px;line-height:normal;display:inline-block;margin: 0 0 30px;/* color:#fff; */font-family:"Pragmatica-Bold",Arial,sans-serif;text-transform:uppercase;width:690px;}
.head-banner__img {float: right;margin-top: -30px;}
.head-banner__img img {width: 60%;height: 100%;}
.head-banner__img {display: block;}
.head-banner__img1 {float: right;margin-top: -30px; margin-bottom: -7px;}
.head-banner__img1 img {width: 65%;height: 100%;}
.head-banner__img1 {display: none;}
.head-banner1 {display: flex;}
.zamer__popup-callback {text-align: center;padding-top: 30px;width: 380px;}
.zamer__btn {display: block; left: calc(50% - 120px);width: 250px;background: #eb7b01;padding: 11px 18px;font-family: "PragmaticaCond-Bold",Arial,sans-serif;font-size: 16px;border-radius: 10px;}
.head-banner__item {padding: 8px 0px 10px 5px;height: auto;display: -webkit-box;}
.head-banner__item--img {float: left;width: 45px;height: 0px;margin-top: -12px;padding-top: 10px;}
.head-banner__item--img img {width: 30px;height: 33px;}
.head-banner__item--title {font-size: 15px;/* font-family: "Pragmatica-Bold",Arial,sans-serif; */line-height: 1.6em;/* color: #ffffff; */margin-top: 5px;/* text-transform: uppercase; */}
.head-banner__item--list {font-family: "Pragmatica",Arial,sans-serif;font-size: 16px;}
.smeta__title.section__header {font-size: 35px;}
/* ------------------- Desktop --------------------------- */
/* ------------------ advantages.php --------------------- */
.advantages{background-color:#e6e6e6;overflow:hidden;padding:40px 0 60px}
.advantages__column{padding:20px 15px 20px 15px;border-radius:5px;background-color:#fff;height:auto;display:flow-root;width:484px;margin-bottom:37px;margin-right:40px;display:inline-flex;}
.advantages__item--img {float: left;width: 130px;height: 126px;}
.advantages__item--img img {width: 130px;height: 126px;}
.advantages__item--info {float: right;padding-left: 10px;width: 343px;margin: 0px auto;}
.advantages__item--info:nth-child(1){width: 343px;}
.advantages__column .advantages__item--info:nth-child(1){width: 343px;}
.advantages__item--title{font-size:16px;font-family:"Pragmatica-Bold",Arial,sans-serif;line-height:1.6em;color:#000000;text-transform:uppercase}
.advantages__item--list {font-family: "Pragmatica",Arial,sans-serif;font-size: 15px;}
.advantages__row {margin: 0px auto;width: 1114px;}
/* ------------------- Desktop --------------------------- */
/* ------------------ work-examples.php ------------------ */
.work-examples {overflow: hidden;padding-top: 50px;}
.work-examples__row.b-1 {padding: 20px 0px 70px 0px;}
.work-examples__row.b-2 {background-color: #fafafac2;margin: 0px auto;padding: 70px 0px 90px 0px;}
.work-examples__row.b-3 {background-color: #fafafac2;margin: 0px auto;padding: 70px 0px 90px 0px;}
.work-examples__title.section__header {margin-right: 70px;}
.work-examples__info {padding-left: 20px}
.work-examples__item {padding: 15px 0px 10px 5px;height: auto;display: flex;}
.work-examples__item--img {float: left;width: 55px;height: 0px;margin-top: 2px;}
.work-examples__item--img img {width: 40px;height: 40px;}
.work-examples__item--info {float: right;width: 270px;}
.work-examples__item--title {font-size: 15px;font-family: "Pragmatica-Bold",Arial,sans-serif;line-height: 1.6em;color: #000000;text-transform: uppercase;}
.work-examples__item--list {font-family: "Pragmatica",Arial,sans-serif;font-size: 16px;}
.download-smeta {text-decoration: underline;margin-top: 10px;}
.download-smeta:hover {color: blue;}
.work-examples__column{display:flex;margin:0 auto;padding-left: 70px;width: 75%;max-width: 1000px;}
.work-examples__gallery{position: relative;padding-top: 400px; width: 610px;}
.work-examples__gallery>img{position: absolute;left: 0;top: 0;transition: all 0.5s;width: 620px;height: 400px;}
.work-examples__gallery label {margin: 8px 0 0 8px; border: 3px solid #ffffff; float: left; cursor: pointer; transition: all 0.5s; opacity: 0.7;}
.work-examples__gallery label img{display: block; width: 107px; height: 72px;}
.work-examples__gallery input[name='slide_switch'] {display: none;}
.work-examples__gallery input[name='slide_switch']:checked+label {border: 3px solid #ff8500; opacity: 1;}
.work-examples__gallery input[name='slide_switch'] ~ img {opacity: 0;transform: scale(1.1);}
.work-examples__gallery input[name='slide_switch']:checked+label+img {opacity: 1; transform: scale(1);}
.work-examples__gallery input[name='slide_switch1'] {display: none;}
.work-examples__gallery input[name='slide_switch1']:checked+label {border: 3px solid #ff8500; opacity: 1;}
.work-examples__gallery input[name='slide_switch1'] ~ img {opacity: 0;transform: scale(1.1);}
.work-examples__gallery input[name='slide_switch1']:checked+label+img {opacity: 1; transform: scale(1);}

.work-examples__column3{display: flex;margin:0 auto;padding-left: 70px;width: 75%;max-width: 1000px;}
.work-examples__gallery3{position: relative;padding-top: 460px;width: 610px;margin: 0px auto;}
.work-examples__gallery3>img{position: absolute;left: 0;top: 0;transition: all 0.5s;width: auto;height: 460px;}
.work-examples__gallery3 label {margin: 8px 0 0 8px; border: 3px solid #ffffff; float: left; cursor: pointer; transition: all 0.5s; opacity: 0.7;}
.work-examples__gallery3 label img{display: block;width: 102px;height: 85px;}
.work-examples__gallery3 input[name='slide_switch2'] {display: none;}
.work-examples__gallery3 input[name='slide_switch2']:checked+label {border: 3px solid #ff8500; opacity: 1;}
.work-examples__gallery3 input[name='slide_switch2'] ~ img {opacity: 0;transform: scale(1.1);}
.work-examples__gallery3 input[name='slide_switch2']:checked+label+img {opacity: 1; transform: scale(1);}


/* ------------------- Desktop --------------------------- */
/* ------------------ work-examples2.php ------------------ */
.work-examples2 {overflow: hidden;padding-top: 50px;}
.work-examples2__row.b-1 {padding: 20px 0px 70px 0px;}
.work-examples2__row.b-2 {background-color: #fafafac2;margin: 0px auto;padding: 70px 0px 90px 0px;}
.work-examples2__title.section__header {margin-right: 70px;}
.work-examples2__info {padding-left: 20px}
.work-examples2__item {padding: 15px 0px 10px 5px;height: auto;display: flex;}
.work-examples2__item--img {float: left;width: 55px;height: 0px;margin-top: 2px;}
.work-examples2__item--img img {width: 40px;height: 40px;}
.work-examples2__item--info {float: right;width: 270px;}
.work-examples2__item--title {font-size: 15px;font-family: "Pragmatica-Bold",Arial,sans-serif;line-height: 1.6em;color: #000000;text-transform: uppercase;}
.work-examples2__item--list {font-family: "Pragmatica",Arial,sans-serif;font-size: 16px;}
.work-examples2__column{display:flex;margin:0 auto;padding-left: 70px;width: 75%;max-width: 1000px;}
.work-examples2__gallery{position: relative;padding-top: 400px; width: 610px;}
.work-examples2__gallery>img{position: absolute;left: 0;top: 0;transition: all 0.5s;width: 620px;height: 400px;}
.work-examples2__gallery label {margin: 8px 0 0 8px; border: 3px solid #ffffff; float: left; cursor: pointer; transition: all 0.5s; opacity: 0.7;}
.work-examples2__gallery label img{display: block; width: 107px; height: 72px;}
.work-examples2__gallery input[name='slide_switch'] {display: none;}
.work-examples2__gallery input[name='slide_switch']:checked+label {border: 3px solid #ff8500; opacity: 1;}
.work-examples2__gallery input[name='slide_switch'] ~ img {opacity: 0;transform: scale(1.1);}
.work-examples2__gallery input[name='slide_switch']:checked+label+img {opacity: 1; transform: scale(1);}
.work-examples2__gallery input[name='slide_switch1'] {display: none;}
.work-examples2__gallery input[name='slide_switch1']:checked+label {border: 3px solid #ff8500; opacity: 1;}
.work-examples2__gallery input[name='slide_switch1'] ~ img {opacity: 0;transform: scale(1.1);}
.work-examples2__gallery input[name='slide_switch1']:checked+label+img {opacity: 1; transform: scale(1);}
.work-examples2__gallery input[name='slide_switch2'] {display: none;}
.work-examples2__gallery input[name='slide_switch2']:checked+label {border: 3px solid #ff8500; opacity: 1;}
.work-examples2__gallery input[name='slide_switch2'] ~ img {opacity: 0;transform: scale(1.1);}
.work-examples2__gallery input[name='slide_switch2']:checked+label+img {opacity: 1; transform: scale(1);}
/* ------------------- Desktop --------------------------- */
/* ------------------ objects-now.php ------------------ */
.objects-now {background-color: #e6e6e6;overflow: hidden;padding-top: 50px;}
.objects-now__row.b-1 {padding: 20px 0px 70px 0px;}
.objects-now__row.b-2 {margin: 0px auto;padding: 70px 0px 90px 0px;}
.objects-now__title.section__header {margin-right: 70px;}
.objects-now__info {padding-left: 20px}
.objects-now__item {padding: 15px 0px 10px 5px;height: auto;display: flex;}
.objects-now__item--img {float: left;width: 55px;height: 0px;margin-top: 2px;}
.objects-now__item--img img {width: 40px;height: 40px;}
.objects-now__item--info {float: right;width: 270px;}
.objects-now__item--title {font-size: 15px;font-family: "Pragmatica-Bold",Arial,sans-serif;line-height: 1.6em;color: #000000;text-transform: uppercase;}
.objects-now__item--list {font-family: "Pragmatica",Arial,sans-serif;font-size: 16px;}
.download-smeta {text-decoration: underline;margin-top: 10px;}
.download-smeta:hover {color: blue;}
.objects-now__column{display:flex;margin:0 auto;padding-left: 70px;width: 75%;max-width: 1000px;}
.objects-now__gallery{position: relative;padding-top: 400px; width: 610px;}
.objects-now__gallery>img{position: absolute;left: 0;top: 0;transition: all 0.5s;width: 620px;height: 400px;}
.objects-now__gallery label {margin: 8px 0 0 8px; border: 3px solid #ffffff; float: left; cursor: pointer; transition: all 0.5s; opacity: 0.7;}
.objects-now__gallery label img{display: block; width: 107px; height: 72px;}
.objects-now__gallery input[name='slide_switch2'] {display: none;}
.objects-now__gallery input[name='slide_switch2']:checked+label {border: 3px solid #ff8500; opacity: 1;}
.objects-now__gallery input[name='slide_switch2'] ~ img {opacity: 0;transform: scale(1.1);}
.objects-now__gallery input[name='slide_switch2']:checked+label+img {opacity: 1; transform: scale(1);}
.objects-now__gallery input[name='slide_switch3'] {display: none;}
.objects-now__gallery input[name='slide_switch3']:checked+label {border: 3px solid #ff8500; opacity: 1;}
.objects-now__gallery input[name='slide_switch3'] ~ img {opacity: 0;transform: scale(1.1);}
.objects-now__gallery input[name='slide_switch3']:checked+label+img {opacity: 1; transform: scale(1);}
/* ------------------- Desktop --------------------------- */
/* ------------------ faq.php ---------------------------- */
details{display:block;width:540px;overflow:hidden;text-align:left;margin-top:9px}
summary::-webkit-details-marker{display:none}
summary::-moz-list-bullet{list-style-type:none}
summary::marker{display:none;} 
summary {border-bottom: 1px solid #e2e8f0;}
summary:before {top: .5em;left: .5em;color: transparent;background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;width: 1em;height: 1em;content: "";position: absolute;transition: transform .5s;}
details[open] > summary:before{transform:rotateZ(90deg)}summary ~ *{padding:20px 10px 10px 0}
details[open] summary ~ *{animation:sweep .5s ease-in-out}
@keyframes sweep{0%{opacity:0} 100%{opacity:1}}summary:focus{outline:0}
.faq__row{text-align:-webkit-center}
.faq__column--description {width: 100%;}
.faq__column--description p{line-height:1.75;padding-top:5px;padding-left:13px;padding-bottom:5px;margin-bottom:20px;margin-left:90px;border-left:3px solid #079820}
summary.faq__column--title{display:block;text-decoration:none;color:#404040;cursor: pointer;background:#fff;font-size:22px;position:relative;padding:10px 10px 0 36px;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;line-height:1.3}
section.faq{padding:20px 0 50px}
/* ------------------- Desktop --------------------------- */
/* ------------------ types-of-work.php ------------------ */
.types-of-work{background:#eee;padding:40px 0 70px}
.types-of-work .container{max-width:1600px;text-align:center;width:100%}
.types-of-work__row{display:inline-flex}
.types-of-work__item--prices {font-size: 19px;font-family: "Pragmatica-Bold",Arial,sans-serif;color: #e87c05;margin-left: 5px;margin-right: 5px;margin-top: -3px;}
.types-of-work__column{display:block;margin:16px;background:#fff;box-shadow:0 13px 24px 0 rgb(0 0 0 / 11%);padding: 0 30px 100px 30px;position:relative}
.types-of-work__item--title{display:block;font-family: "Pragmatica-Bold",Arial,sans-serif;;margin:20px 0;font-size:20px;}
.types-of-work__item--img img {width: 248px;height: 165px;}
.types-of-work__item--price{font-size: 16px;font-family:"Pragmatica-Bold",Arial,sans-serif;padding-top:18px;display: flex;margin-left: 25px;}
.types-of-work__item--list-title{color:#484747;margin-bottom:10px;font-size:15px;font-family:"Pragmatica-Bold",Arial,sans-serif;;margin:15px 10px -8px 0;text-align:left}
.types-of-work__item--price-title {font-size: 13px;color: #cb6f0a;}
.types-of-work__item--list ul{text-align:left;list-style:none;margin:10px 0 30px;padding:0 10px 0 25px}
.types-of-work__column:hover{border:4px solid #ff8500;margin:12px}
.types-of-work__item--list ul li{font-size: 15px;color:#1a1a1a;background:url(../img/marker.png) left 8px no-repeat;line-height:22px;padding:2px 0 2px 20px;background-size:10px}
a.knopka{position: absolute;bottom: 45px;left: calc(50% - 101px);width: 200px;background: #ff8500;color: #fff !important;padding: 11px 0;font-family: "PragmaticaCond-Bold",Arial,sans-serif;;font-size: 16px;border-radius: 25px;display: block;}
a.knopka:hover{background:#ca761b}
a.more-info {position: absolute;bottom: 12px;left: calc(50% - 51px);width: 95px;color: #565252;font-family: "PragmaticaCond-Bold",Arial,sans-serif;font-size: 16px;border-bottom: 1px dotted #EF3D5F;}
.section__header{font-family: "Pragmatica-Bold",Arial,sans-serif;font-size: 35px;text-align:center;text-transform:uppercase;color:#000;padding-bottom: 40px;}
/* ------------------- Desktop --------------------------- */
/* ------------------ footer.php ------------------------- */
footer{background:#011c39}
.footer_container{display:flex;flex-flow:row wrap;padding:30px 20px 20px;color:#fff;background-color:#011c39;max-width:1140px;margin:0 auto;position:relative}
.footer_container > *{flex:1 100%}
.footer-logo{margin-right:1.25em;margin-bottom:2em}
.footer-logo img {width: 194px;height: 34px;}
.footer a{text-decoration:none;font-size:14px;color:#969a9e;line-height:1;display:block;margin:0 0 14px 0}
.footer a.active {color: #dad8d8;}
.footer-menu__col:nth-child(2){margin-top:35px}
.footer-menu__col--title{padding-bottom:10px}
.footer-menu{display:flex;flex-flow:row wrap}
.footer-menu > *{flex:1 50%;margin-right:1.25em}
.footer-logo p{padding-right:20%;color:#999;font-size: 14px;}
.footer__requisites {padding-top: 20px;}
.footer__privacy a {font-size: 14px;margin-top: 3px;color: #cccccc;text-decoration: underline;}
.footer-menu > *{flex:1}
.footer-logo{flex:1 0}
.footer-menu{flex:2 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 input{box-shadow:0.1em 0.07em 5px rgb(122 122 122 / 70%);width:90%;height:44px;margin-top:13px;border:1px solid #aaa; padding-left: 20px;}
#form h4{text-transform:uppercase;font-size:30px;margin:0 auto;font-family: "PragmaticaCond-Bold",Arial,sans-serif;}
#form span{padding-bottom:20px}
button.btn2{background:#ff8500;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 --------------------- */
/* Magnific Popup CSS */
.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-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-auto-cursor .mfp-content{cursor:auto;max-width:470px;border: 7px solid #ff8800;}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none !important}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{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;font-family:Arial,Baskerville,monospace}
.mfp-close:hover,.mfp-close:focus{opacity:1}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
/* ------------------- Desktop --------------------------- */
/* ------------------ work-type-page --------------------- */
.work-type .container {width: 100%;}
.work-type__title.section__header {font-family: "Pragmatica-Bold",Arial,sans-serif;font-size: 35px;}
.work-type {background-color: rgba(243, 243, 243, 0.68);padding: 40px 0px 70px;}
.work-type__img img {width: 610px;height: 400px;}
.work-type__img {/* width: 610px; */}
.work-type__info {width: 100%;padding-left: 30px;}
.work-type__info--title {color: #3b3c40;font-size: 17px;padding-bottom: 1px;padding-top: 17px;font-family: "Pragmatica-Bold",Arial,sans-serif;text-transform: uppercase;}
.work-type__info--descr {color: #3b3c40;font-size: 15px;padding: 8px 8px 8px 18px;background-color: #FFFFFF;border: 1px solid rgba(179, 179, 179, 0.55);}
.work-type__column {display: flex;margin: 0px auto;width: 1060px;}
.work-type__popup-callback {padding-top: 30px;text-align: center;}
.work-type__row {margin-left: auto;margin-right: auto;display: block;align-items: center;}
.work-type__popup-callback .popup {background-color: #f33e43;color: #fff;font-size: 16px;padding: 15px 30px 15px 30px;margin-right: 50px;}
/* ------------------- Desctop ----------------------------- */
/* ------------------ work-process --------------------- */
.work-process {/* background-color: #e8e8e8; */overflow: hidden;padding: 40px 0px 70px;}
.container1 {width: 1340px;text-align: center;}
.work-process__column--item {/* text-align: left; */}
.work-process__row {margin: 0px auto;/* width: 1240px; */text-align: center;}
.work-process__column{display: inline-grid;}
.work-process__column--item .description {color: #000!important;font-size: 14px;font-weight: 400;line-height: 1.5;}
.work-process__column--item .item-header, .work-process__column .item .item-header {position: relative;margin-bottom: 8px;}
.work-process__item .title {font-size: 13px;font-family: "ProximaNova-Bold",Arial,sans-serif;margin: 0px;line-height: 1.6em;color: #000000;text-transform: uppercase;margin-bottom: -5px;}
.work-process__column--item .item-header h3 svg, .work-process__column .item .item-header h3 svg {content: "";left: 0;display: block;position: absolute;}
.work-process__column--item .content2 p, .work-process__column .item .content2 p {font-size: 14px;font-weight: 400;line-height: 1.5;}
.work-process__column--item .conten2 p, .work-process__column .item .content2 p {color: #000;}
.work-process__column {width: 370px;padding: 13px 3px 13px 3px;}
.work-process__column--item .item-header, .work-process__column .item .item-header {margin-left: 20px;}
.work-process__column--item .img img {max-width: 100%;width: 370px;height: 250px;}
.work-process__column--item .list ul {text-align: left;list-style: none;margin: 10px 0 30px;}
.work-process__column--item .list ul li {color: #1a1a1a;background: url(../img/marker.png) left 4px no-repeat;line-height: 18px;padding: 2px 0 2px 20px;background-size: 9px;font-size: 15px;}
.work-process__column--item .img {margin: 0px auto;}
.work-process__column--item .info {padding: 10px 15px 0px 20px;}
.work-process__column--item .text {font-size: 13px;margin-top: 7px;color: #282828;}
/* ------------------- Desctop ----------------------------- */
/* ------------------ documents --------------------- */
.documents {/* background-color: #e8e8e8; */overflow: hidden;padding: 40px 0px 70px;}
.documents__column--item {/* text-align: left; */padding: 0px 10px 0px 10px;}
.documents__row {margin: 0px auto;/* width: 1240px; */text-align: center;}
.documents__column{display: inline-grid;}
.documents__column--item .description {color: #000!important;font-size: 14px;font-weight: 400;line-height: 1.5;}
.documents__column--item .item-header, .documents__column .item .item-header {position: relative;margin-bottom: 8px;}
.documents__item .title {font-size: 13px;font-family: "ProximaNova-Bold",Arial,sans-serif;margin: 0px;line-height: 1.6em;color: #000000;text-transform: uppercase;margin-bottom: -5px;}
.documents__column--item .item-header h3 svg, .documents__column .item .item-header h3 svg {content: "";left: 0;display: block;position: absolute;}
.documents__column--item .content2 p, .documents__column .item .content2 p {font-size: 14px;font-weight: 400;line-height: 1.5;}
.documents__column--item .conten2 p, .documents__column .item .content2 p {color: #000;}
.documents__column {width: 370px;}
.documents__column--item .item-header, .documents__column .item .item-header {margin-left: 20px;}
.documents__column--item .img img {max-width: 100%;width: 370px;height: 500px;}
.documents__column--item .list ul {text-align: left;list-style: none;margin: 10px 0 30px;}
.documents__column--item .list ul li {color: #1a1a1a;background: url(../img/marker.png) left 4px no-repeat;line-height: 18px;padding: 2px 0 2px 20px;background-size: 9px;font-size: 15px;}
.documents__column--item .img {margin: 0px auto;}
.documents__column--item .info {padding: 10px 15px 0px 20px;}
.documents__column--item .text {font-size: 13px;margin-top: 7px;color: #282828;}
/* ------------------- Desktop --------------------------- */
/* ------------------ list-works --------------------- */
.list-works {background-color: #e8e8e8;overflow: hidden;padding: 40px 0px 70px;}
.list-works__row {margin: 0px auto;width: 1140px;text-align: center;}
.list-works__column{margin-bottom: 50px;margin-right: 20px;display: inline-grid;margin-left: 20px;}
.list-works__item--description {color: #000!important;font-size: 14px;font-weight: 400;line-height: 1.5;}
.list-works__column .item .item-header, .list-works__column .item .item-header {position: relative;margin-bottom: 8px;}
.list-works__item--title {font-size: 14px;font-family: "Pragmatica-Bold",Arial,sans-serif;margin: 0px;line-height: 1.6em;color: #000000;text-transform: uppercase;margin-bottom: -5px;}
.list-works__column .item .item-header h3 svg, .list-works__column .item .item-header h3 svg {content: "";left: 0;display: block;position: absolute;}
.list-works__column .item .content2 p, .list-works__column .item .content2 p {font-size: 14px;font-weight: 400;line-height: 1.5;}
.list-works__column .item .conten2 p, .list-works__column .item .content2 p {color: #000;}
.list-works__column {width: 330px;background-color: #fff;height: 420px;box-shadow: 0px 1px 8px 0px rgb(0 0 0 / 5%);}
.list-works .list-works__column .item .item-header, .list-works__column .item .item-header {margin-left: 20px;}
.list-works__item--img img {width: 150px;height: 150px;/* float: left; *//* border-radius: 100px; */}
.list-works__item--list ul {text-align: left;list-style: none;margin: 10px 0 30px;}
.list-works__item--list ul li {color: #1a1a1a;background: url(../img/marker.png) left 4px no-repeat;line-height: 18px;padding: 2px 0 2px 20px;background-size: 9px;font-size: 15px;}
.list-works__item--img {text-align: center;margin: 0px auto;width: 150px;height: 150px;padding: 20px;}
.list-works__item--info {/* float: right; */padding: 10px 15px 0px 20px;}
/* ------------------- Desktop --------------------------- */
/* ------------------ list-works2 --------------------- */
.list-works2 {background-color: #e8e8e8;overflow: hidden;padding: 40px 0px 70px;}
.list-works2__row {margin: 0px auto;width: 1140px;text-align: center;}
.list-works2__column{margin-bottom: 50px;margin-right: 20px;display: inline-grid;margin-left: 20px;}
.list-works2__item--description {color: #000!important;font-size: 14px;font-weight: 400;line-height: 1.5;}
.list-works2__column .item .item-header, .list-works2__column .item .item-header {position: relative;margin-bottom: 8px;}
.list-works2__item--title {font-size: 14px;font-family: "Pragmatica-Bold",Arial,sans-serif;margin: 0px;line-height: 1.6em;color: #000000;text-transform: uppercase;margin-bottom: -5px;}
.list-works2__column .item .item-header h3 svg, .list-works2__column .item .item-header h3 svg {content: "";left: 0;display: block;position: absolute;}
.list-works2__column .item .content2 p, .list-works2__column .item .content2 p {font-size: 14px;font-weight: 400;line-height: 1.5;}
.list-works2__column .item .conten2 p, .list-works2__column .item .content2 p {color: #000;}
.list-works2__column {width: 260px;background-color: #fff;height: 260px;box-shadow: 0px 1px 8px 0px rgb(0 0 0 / 5%);border-radius: 20px;}
.list-works2 .list-works2__column .item .item-header, .list-works2__column .item .item-header {margin-left: 20px;}
.list-works2__item--img img {width: 170px;height: 170px;/* float: left; */border-radius: 100px;}
.list-works2__item--list ul {text-align: left;list-style: none;margin: 10px 0 30px;}
.list-works2__item--list ul li {color: #1a1a1a;background: url(../img/marker.png) left 4px no-repeat;line-height: 18px;padding: 2px 0 2px 20px;background-size: 9px;font-size: 15px;}
.list-works2__item--img {text-align: center;margin: 0px auto;width: 170px;height: 170px;padding: 20px;}
.list-works2__item--info {/* float: right; */padding: 5px 15px 0px 20px;}
/* ------------------- Desctop ----------------------------- */
/* ------------------ contacts.php ------------------------- */
.contacts {overflow: hidden;padding: 20px 0 50px;}
.contacts__left {width: 50%;float: left;}
.contacts__item--img {float: left;width: 30px;height: 0px;margin-top: 2px;}
.contacts__item--info {float: right;padding-left: 30px;width: 270px;}
.contacts__item {padding: 15px 15px 10px 15px;background-color: #fff;height: auto;display: flex;}
.contacts__item--title {font-size: 16px;font-family: "Pragmatica-Bold",Arial,sans-serif;line-height: 1.6em;color: #000000;text-transform: uppercase;}
.contacts__item--list {font-family: "Pragmatica",Arial,sans-serif;font-size: 16px;}
.contacts__form {display: inline-flex;padding: 0px 20px 0 60px;}
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 {text-align: center;flex-basis: 0;flex-grow: 1;max-width: 100%;}
input.form-control.contacts__contact-form__input.contacts__contact-form__input_name {}
/* ------------------- Desctop ----------------------------- */
/* ------------------ price-list.php ------------------------- */
.contacts {overflow: hidden;padding: 40px 0 70px;}
.contacts__row {width: 95%;margin: 0px auto;}
.contacts__left {width: 50%;float: left;}
.contacts__item--img {float: left;width: 30px;height: 0px;margin-top: 2px;}
.contacts__item--img img {width: 48px;height: 48px;}
.contacts__item--info {float: right;padding-left: 30px;width: 270px;}
.contacts__item {padding: 15px 15px 10px 15px;background-color: #fff;height: auto;display: flex;}
.contacts__item--title {font-size: 16px;font-family: "Pragmatica-Bold",Arial,sans-serif;line-height: 1.6em;color: #000000;text-transform: uppercase;}
.contacts__item--list {font-family: "Pragmatica",Arial,sans-serif;font-size: 16px;}
.contacts__right {width: 42%;float: right;margin-top: 20px;}
.contacts .popup {display: none;}
.contacts__form {display: inline-flex;padding: 25px;border: 1px solid #f3901e;}
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 {text-align: center;flex-basis: 0;flex-grow: 1;max-width: 100%;}
input.form-control.contacts__contact-form__input.contacts__contact-form__input_name {}
.contacts__col #button {display: initial;width: 200px;background: #f33e43;color: #fff !important;padding: 10px 0;font-family: "PragmaticaCond-Bold",Arial,sans-serif;cursor: pointer;}
/* ------------------- Desctop ----------------------------- */
/* ------------------ price-list.php ------------------------- */
.price-list {padding: 40px 0 70px;}
.price-list__name {padding: 20px 0 10px;font-size: 25px;font-family: "Pragmatica-Bold",Arial,sans-serif;}
.price-list .container {/* width: 100%; */}
.content_table {width: 90%;background: #eaebec;margin: 0 auto;border-collapse: separate;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin-bottom: 15px;}
.content_table tr {text-align: center;-moz-box-shadow: 0 1px 2px #d1d1d1;-webkit-box-shadow: 0 1px 2px #d1d1d1;box-shadow: 0 1px 2px #d1d1d1;font-size: 14px;}
.content_table td:hover{background: #f2f2f2;background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);}
.content_table th {font-weight: bold;color: #020000;font-size: 14px;text-transform: uppercase;padding: 10px;background: #f07000;background: -webkit-gradient(linear, left top, left bottom, from(#f07000), to(#ffa400));background: -moz-linear-gradient(top, #ffd966, #f9ea4c);-moz-box-shadow: 0 1px 2px #d1d1d1;-webkit-box-shadow: 0 1px 2px #d1d1d1;box-shadow: 0 1px 2px #d1d1d1;}
.content_table tr td {padding: 5px 3px 0px 3px;background: #fafafa;background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));background: -moz-linear-gradient(top, #fbfbfb, #fafafa);}
.content_table tr td.list-n {text-align: left;padding: 5px 5px 0px 20px;background: #fafafa;font-family: "PragmaticaCond-Bold",Arial,sans-serif;}
#matnav .navwrap .nhead {font-weight: 700;font-size: 20px;line-height: 1.7;}
.blog-detail #matnav .navitems {padding-bottom: 50px;}
.navitems .navitem.biglink {padding-bottom: 5px;padding-top: 15px;position: relative;}
.navitems .navitem.biglink a {color: #333;font-size: 18px;font-family: "Pragmatica-Bold",Arial,sans-serif;border-bottom: 1px solid;}
.navitems .navitem a {font-size: 20px;line-height: 1.6em;}
.blog-detail .content a, .works .content a {text-decoration: none;border-bottom: 1px solid;}
th.list-uit {width: 40px;font-size: 13px;}
.navitems {width: 80%;margin: 40px auto;}
td.list-ids {font-size: 13px;}
/* ------------------- Desctop ----------------------------- */
/* ------------------ smeta --------------------- */
.smeta__info {width: 43%;float: left;margin-top: 80px;}
.smeta__img {float: right; margin-top:30px}
.smeta__img img {width: 480px;height: 574px;}
.smeta__column {height: 610px;}
.smeta {overflow: hidden;padding: 40px 0 70px;}
.smeta__info--title {font-family: "Pragmatica-Bold",Arial,sans-serif;font-size: 22px;}
.smeta__info--item {margin: 10px 0px 20px 0px;;font-size: 15px;}
.smeta__popup-callback {text-align: center;margin: 0px auto;padding-top: 30px;}
.smeta__item {padding: 0px 0px 10px 15px;height: auto;display: flex;}
.smeta__item--img {float: left;width: 40px;height: 0px;margin-top: 5px;}
.smeta__item--img img {width: 30px;height: 30px;}
.smeta__item--info {float: right;width: 330px;}
.smeta__item--title {font-size: 12px;font-family: "Pragmatica-Bold",Arial,sans-serif;line-height: 1.6em;color: #000000;text-transform: uppercase;}
.smeta__btn {display: block; left: calc(50% - 120px);width: 200px;background: #e5420b;padding: 11px 18px;font-family: "PragmaticaCond-Bold",Arial,sans-serif;font-size: 16px;border-radius: 25px;}
/* ------------------- Desctop ----------------------------- */
/* ------------------ kontrol --------------------- */
.kontrol__info {width: 43%;float: left;margin-top: 80px;}
.kontrol__img {float: right;margin-top: 170px;}
.kontrol__img img {width: 560px;height: 350px;}
.kontrol__column {height: 650px;}
.kontrol {overflow: hidden;padding: 40px 0px;background-color: #e6e6e6;}
.kontrol__info--title {font-family: "Pragmatica-Bold",Arial,sans-serif;font-size: 22px;}
.kontrol__info--item {margin: 10px 0px 20px 0px;;font-size: 15px;}
.kontrol__popup-callback {text-align: center;margin: 0px auto;padding-top: 30px;}
.kontrol__item {padding: 0px 0px 10px 15px;height: auto;display: flex;}
.kontrol__item--img {float: left;width: 40px;height: 0px;margin-top: 5px;}
.kontrol__item--img img {width: 30px;height: 30px;}
.kontrol__item--info {float: right;width: 330px;}
.kontrol__item--title {font-size: 12px;font-family: "Pragmatica-Bold",Arial,sans-serif;line-height: 1.6em;color: #000000;text-transform: uppercase;}
.kontrol__btn {display: block; left: calc(50% - 120px);width: 200px;background: #e5420b;padding: 11px 18px;font-family: "PragmaticaCond-Bold",Arial,sans-serif;font-size: 16px;border-radius: 25px;}
/* ------------------- Desctop ----------------------------- */
/* ------------------ technology --------------------- */
.materialy__info {width: 43%;float: right;margin-top: 60px;}
.materialy__img {float: left;margin-top:30px;}
.materialy__img img {width: 550px;height: 280px;}
.materialy {overflow: hidden;padding: 40px 0 70px;background: #eee;}
.materialy__info--title {font-family: "Pragmatica-Bold",Arial,sans-serif;font-size: 22px;}
.materialy__info--item {margin: 10px 0px 20px 0px;;font-size: 15px;}
.materials__info {float: right;margin-top: 30px;width: 43%;}
.materials__img {float: left;margin-top:30px;}
.materials__img img {width: 550px;height: 380px;}
.materials {overflow: hidden;padding: 40px 0 70px;background: #eee;}
.materials__info--title {font-family: "Pragmatica-Bold",Arial,sans-serif;font-size: 17px;}
.materials__info--item {margin: 1px 0px 20px 0px;;font-size: 15px;}
.materials__popup-callback {text-align: center;margin: 0px auto;padding-top: 30px;}
.materials__btn {display: block; left: calc(50% - 150px);width: 250px;background: #eb7b01;padding: 11px 18px;font-family: "PragmaticaCond-Bold",Arial,sans-serif;font-size: 16px;border-radius: 10px;}
.materials__gallery {position: relative;padding-top: 400px; width: 620px;float: left;}
.materials__gallery>img{position: absolute;left: 0;top: 0;transition: all 0.5s;width: 620px;height: 400px;}
.materials__gallery label {margin: 8px 0 0 8px; border: 3px solid #ffffff; float: left; cursor: pointer; transition: all 0.5s; opacity: 0.7;}
.materials__gallery label img{display: block; width: 107px; height: 72px;}
.materials__gallery input[name='slide_switch3'] {display: none;}
.materials__gallery input[name='slide_switch3']:checked+label {border: 3px solid #ff8500; opacity: 1;}
.materials__gallery input[name='slide_switch3'] ~ img {opacity: 0;transform: scale(1.1);}
.materials__gallery input[name='slide_switch3']:checked+label+img {opacity: 1; transform: scale(1);}
/* ------------------- Desctop ----------------------------- */
/* ------------------ design --------------------- */
.design__info {width: 43%;float: left;margin-top: 80px;}
.design__img {float: right; margin-top:30px}
.design__img img {width: 550px;height: 450px;}
.design__column {height: 610px;}
.design {overflow: hidden;padding: 40px 0 70px;}
.design__info--title {font-family: "Pragmatica-Bold",Arial,sans-serif;font-size: 22px;}
.design__info--item {margin: 10px 0px 20px 0px;;font-size: 15px;}
.design__popup-callback {text-align: center;margin: 0px auto;padding-top: 30px;}
.design__item {padding: 0px 0px 10px 15px;height: auto;display: flex;}
.design__item--img {float: left;width: 40px;height: 0px;margin-top: 5px;}
.design__item--img img {width: 30px;height: 30px;}
.design__item--info {float: right;width: 330px;}
.design__item--title {font-size: 12px;font-family: "Pragmatica-Bold",Arial,sans-serif;line-height: 1.6em;color: #000000;text-transform: uppercase;}
.design__btn {display: block; left: calc(50% - 120px);width: 200px;background: #e5420b;padding: 11px 18px;font-family: "PragmaticaCond-Bold",Arial,sans-serif;font-size: 16px;border-radius: 25px;}
/* ------------------- Desctop ----------------------------- */
/* ------------------ design-box --------------------- */
.design-box__info {width: 49%;float: left;margin-top: 10px;}
.design-box__img {float: right; margin-top:30px}
.design-box__img img {width: 400px;height: 285px;}
.design-box__column {/* height: 610px; */}
.design-box {overflow: hidden;padding: 15px 30px 20px;color: #ffffff;background: linear-gradient(to left, #2700ffc7, rgb(255 141 0));width: 78%;margin: 40px auto;}
.design-box__info--title {font-family: "Pragmatica-Bold",Arial,sans-serif;font-size: 20px;}
.design-box__info--item {margin: 5px 0px 10px 0px;;font-size: 14px;}
.design-box__popup-callback {text-align: center;margin: 0px auto;padding-top: 5px;}
.design-box__item {padding: 0px 0px 10px 15px;height: auto;display: flex;}
.design-box__item--img {float: left;width: 40px;height: 0px;margin-top: 5px;}
.design-box__item--img img {width: 30px;height: 30px;}
.design-box__item--info {float: right;width: 330px;}
.design-box__item--title {font-size: 12px;font-family: "Pragmatica-Bold",Arial,sans-serif;line-height: 1.6em;color: #000000;text-transform: uppercase;}
.design-box__btn {display: block; left: calc(50% - 120px);width: 200px;background: #e5420b;padding: 8px 0px;font-family: "PragmaticaCond-Bold",Arial,sans-serif;font-size: 14px;border-radius: 25px;}
/* ------------------- Desctop ----------------------------- */
/* ------------------ designer --------------------- */
.designer__info {width: 42%;float: left;margin-top: 30px;margin-left: 50px;}
.designer__img {float: right;margin-top:30px;width: 35%;}
.designer__img img {width: 260px;height: 320px;background-color: #c5c5c5;padding: 25px 25px 0px 25px;}
.designer__info--name {font-family: "Pragmatica-Bold",Arial,sans-serif;font-size: 17px;}
.designer__info--post {color: #928f8f;font-size: 14px;padding-top: 0px;}
.designer__info--biog {font-size: 14px;padding-top: 7px;}
.designer__img--info {width: 79%;border-left: 3px solid #f3901e;margin: 10px 0px 0px 10px;padding: 5px 10px 5px 15px;}
.designer__column {height: 520px;}
.designer {overflow: hidden;padding: 40px 0 70px;background-color: #fbfbfb;}
.designer__info--title {font-size: 18px;font-family: "Pragmatica-Bold",Arial,sans-serif;margin-bottom: 45px;}
.designer__info--span {margin-top: 40px;font-size: 15px;text-align: center;}
.designer__info--item {margin: 10px 0px 15px 0px;}
a.designer__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;}
.designer__btn {display: block; left: calc(50% - 120px);width: 200px;background: #e5420b;padding: 11px 18px;font-family: "PragmaticaCond-Bold",Arial,sans-serif;font-size: 16px;border-radius: 25px;}
.designer__btn:hover {background: #cc1e23;}
.designer__popup-callback {text-align: center;margin: 0px auto;padding-top: 30px;}
/* ------------------- Desctop ----------------------------- */
/* ------------------ credit --------------------- */
.credit__info {width: 42%;float: left;margin-top: 30px;}
.credit__img-info {float: right;margin-top: 0px;}
.credit__img-info img {width: 200px;height: 150px;}
.credit__img-ii img {width: 350px;height: 100px;}
.credit {overflow: hidden;padding: 50px 0 30px;background-color: #eee;}
.credit__title {font-size: 26px;font-family: "ProximaNova-Bold",Arial,sans-serif;width: 510px;text-align: center;}
.credit__item {margin: 10px 0px 15px 0px;}
.credit__btn {display: block;left: calc(50% - 120px);width: 180px;background: #ff0a0a;padding: 11px 18px;font-size: 16px;text-decoration: none;color: #ffffff;transition: all 0.6s;text-align: center;margin: 0px auto;margin-top: 30px;}
.credit__btn:hover {background: rgba(179, 14, 13, 0.87);}
.credit__sub-title {font-size: 19px;font-family: "ProximaNova-Bold",Arial,sans-serif;width: 510px;text-align: center;padding: 20px;}
.credit__img-i {display: inline-flex;}
.credit__img-3 {text-align: center;}
.credit__img-1 {padding: 0px 30px 20px 20px;}
.credit__img-2 {padding: 0px 20px 20px 30px;}
/* ------------------- Desctop ----------------------------- */
/* ------------------ technology --------------------- */
.technology {/* background-color: #e8e8e8; */overflow: hidden;padding: 40px 0px 70px;}
.container1 {width: 1340px;text-align: center;}
.technology__item {text-align: left;}
.technology__row {margin: 0px auto;/* width: 1240px; */text-align: center;}
.technology__column{display: inline-grid;}
.technology__item--description {color: #000!important;font-size: 14px;font-weight: 400;line-height: 1.5;}
.technology__column .item .item-header, .technology__column .item .item-header {position: relative;margin-bottom: 8px;}
.technology__item--title {font-size: 13px;font-family: "Pragmatica-Bold",Arial,sans-serif;margin: 0px;line-height: 1.6em;color: #000000;text-transform: uppercase;margin-bottom: -5px;}
.technology__column .item .item-header h3 svg, .technology__column .item .item-header h3 svg {content: "";left: 0;display: block;position: absolute;}
.technology__column .item .content2 p, .technology__column .item .content2 p {font-size: 14px;font-weight: 400;line-height: 1.5;}
.technology__column .item .conten2 p, .technology__column .item .content2 p {color: #000;}
.technology__column {width: 310px;}
.technology .technology__column .item .item-header, .technology__column .item .item-header {margin-left: 20px;}
.technology__item--img img {max-width: 100%;width: 180px; height: 210px;}
.technology__item--list ul {text-align: left;list-style: none;margin: 10px 0 30px;}
.technology__item--list ul li {color: #1a1a1a;background: url(../img/marker.png) left 4px no-repeat;line-height: 18px;padding: 2px 0 2px 20px;background-size: 9px;font-size: 15px;}
.technology__item--img {margin: 0px auto;}
.technology__item--info {padding: 10px 15px 0px 20px;}
.technology__item--text {font-size: 13px;margin-top: 7px;color: #282828;}

/* ------------------- Desctop ----------------------------- */
/* ------------------ technology-box --------------------- */
.technology-box__title.section__header {font-size: 25px;padding-bottom: 30px;}
.technology-box {/* background-color: #e8e8e8; */overflow: hidden;padding: 40px 0px 70px;}
.container1 {width: 1340px;text-align: center;}
.technology-box__item {text-align: left;}
.technology-box {text-align: center;background: linear-gradient(to left, #00d0ff38, rgb(255 141 0));padding: 20px 10px 40px 10px;width: 78%;
    margin: 40px auto;}
.technology-box__title.section__header {font-size: 25px;}
.technology-box__column{display: inline-grid;}
.technology-box__item--description {color: #000!important;font-size: 14px;font-weight: 400;line-height: 1.5;}
.technology-box__column .item .item-header, .technology-box__column .item .item-header {position: relative;margin-bottom: 8px;}
.technology-box__item--title {font-size: 13px;font-family: "Pragmatica-Bold",Arial,sans-serif;margin: 0px;line-height: 1.6em;color: #000000;text-transform: uppercase;margin-bottom: -5px;}
.technology-box__column .item .item-header h3 svg, .technology-box__column .item .item-header h3 svg {content: "";left: 0;display: block;position: absolute;}
.technology-box__column .item .content2 p, .technology-box__column .item .content2 p {font-size: 14px;font-weight: 400;line-height: 1.5;}
.technology-box__column .item .conten2 p, .technology-box__column .item .content2 p {color: #000;}
.technology-box__column {width: 280px;}
.technology-box .technology-box__column .item .item-header, .technology-box__column .item .item-header {margin-left: 20px;}
.technology-box__item--img img {max-width: 100%;width: 160px; height: 190px;}
.technology-box__item--list ul {text-align: left;list-style: none;margin: 10px 0 30px;}
.technology-box__item--list ul li {color: #1a1a1a;background: url(../img/marker.png) left 4px no-repeat;line-height: 18px;padding: 2px 0 2px 20px;background-size: 9px;font-size: 15px;}
.technology-box__item--img {margin: 0px auto;}
.technology-box__item--info {padding: 0px 15px 0px 20px;}
.technology-box__item--text {font-size: 13px;margin-top: 7px;color: #282828;}

.complex__info {width: 43%;float: left;margin-top: 30px;}
.complex__img {float: right;margin-top: -20px;}
.complex__img img {width: 40%;height: 100%;}
.complex {overflow: hidden;padding: 40px 0 70px;}
.complex__info--title {font-family: "Pragmatica-Bold",Arial,sans-serif;font-size: 22px;}
.complex__info--item {margin: 10px 0px 20px 0px;;font-size: 15px;}
.complex__popup-callback {text-align: center;margin: 0px auto;padding-top: 30px;}
.complex__item {padding: 0px 0px 10px 15px;height: auto;display: flex;}
.complex__item--img {float: left;width: 40px;height: 0px;margin-top: 5px;}
.complex__item--img img {width: 30px;height: 30px;}
.complex__item--info {float: right;width: 330px;}
.complex__item--title {font-size: 12px;font-family: "Pragmatica-Bold",Arial,sans-serif;line-height: 1.6em;color: #000000;text-transform: uppercase;}
.complex__btn {display: block; left: calc(50% - 120px);width: 200px;background: #e5420b;padding: 11px 18px;font-family: "PragmaticaCond-Bold",Arial,sans-serif;font-size: 16px;border-radius: 25px;}
.complex__title.section__header {font-size: 35px;}

.error {padding-top: 40px;padding-bottom: 30px;}
.error__title {font-family: "Pragmatica-Bold",Arial,sans-serif;font-size: 100px;color: #f3901e;line-height: 1;padding-bottom: 30px;padding-top: 20px;}
a.error-btn {background-color: #f33e43;color: #fff;font-size: 16px;padding: 10px 30px 10px 30px;font-family: "PragmaticaCond-Bold",Arial,sans-serif;}
.error__description {font-family: "Pragmatica-Bold",Arial,sans-serif;padding-bottom: 30px;padding-top: 40px;}
.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: 360px;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: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, .5);display: none;z-index: 9999;}
.popups {position: fixed;width: 360px;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;}

.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: 20px;line-height: 24px;font-weight: bold;color: #676767;margin-bottom: 7px;font-family: "Pragmatica-Bold",Arial,sans-serif;}
.form-succes__subtitle {font-size: 16px;}

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

.privacy {padding: 40px 0 50px;}
.privacy-content h2 {font-size: 21px;font-family: "Pragmatica-Bold",Arial,sans-serif;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;}
.types-of-work__item--list ul li{font-size: 14px;}

.faqs{text-align: -webkit-center;/* background-color: #c7c8ca; */padding: 50px 0px 70px 0px;}
.faqs label{/* font-family: 'Arial Narrow', Arial, sans-serif; */padding: 5px 20px;/* position: relative; */z-index: 20;display: block;height: 30px;cursor: pointer;line-height: 33px;font-size: 17px;background: #ffffff;box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1);margin: 5px 0px 5px 0px;width: 600px;text-align: left;}
.faqs label:hover{background: #eaeaea;}
.faqs input:checked + label,
.faqs input:checked + label:hover{background: #c6e1ec;color: #3d7489;text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 0px 2px 2px rgba(0,0,0,0.1);}
.faqs label:hover:after,
.faqs input:checked + label:hover:after{content: '';position: absolute;width: 24px;height: 24px;right: 13px;top: 7px;background: transparent url(../images/arrow_down.png) no-repeat center center;}
.faqs input:checked + label:hover:after{background-image: url(../images/arrow_up.png);}
.faqs input{display: none;}
.faqs article{width: 640px;background: #ffffff;margin-top: -1px;overflow: hidden;height: 0px;position: relative;z-index: 10;-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;transition: height 0.3s ease-in-out, box-shadow 0.6s linear;text-align: left;}
.faqs article p{color: #000000;line-height: 23px;font-size: 14px;padding: 20px;}
.faqs input:checked ~ article{-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;transition: height 0.5s ease-in-out, box-shadow 0.1s linear;box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);margin: 10px 0px 40px 0px;}
.faqs input:checked ~ article.ac-small{height: 140px;width: 640px;}
.faqs input:checked ~ article.ac-medium{height: 180px;width: 640px;}
.faqs input:checked ~ article.ac-large{height: 230px;width: 640px;}

.accordion .accordion-item {border-bottom: 1px solid #e5e5e5;}
.accordion .accordion-item button[aria-expanded='true'] {border-bottom: 1px solid #03b5d2;}
.accordion button {position: relative;display: block;text-align: left;width: 100%;padding: 9px 0px 2px 0px;font-size: 18px;border: none;background: none;outline: none;}
.accordion button:hover,
.accordion button:focus {cursor: pointer;color: #03b5d2;}
.accordion button:hover::after,
.accordion button:focus::after {cursor: pointer;color: #03b5d2;border: 1px solid #03b5d2;}
.accordion button .accordion-title {padding: 1em 1.5em 1em 0;}
.accordion button .icon {display: inline-block;position: absolute;top: 18px;right: 0;width: 22px;height: 22px;border: 1px solid;border-radius: 22px;}
.accordion button .icon::before {display: block;position: absolute;content: '';top: 9px;left: 5px;width: 10px;height: 2px;background: currentColor;}
.accordion button .icon::after {display: block;position: absolute;content: '';top: 5px;left: 9px;width: 10px;height: 6px;background: url(img/ico-down.png) no-repeat;}
.accordion button .icon.active:after {transform: rotate(180deg);}
.accordion button[aria-expanded='true'] {color: #03b5d2;}
.accordion button[aria-expanded='true'] .icon::after {width: 0;}
.accordion button[aria-expanded='true'] + .accordion-content {opacity: 1;max-height: 9em;transition: all 200ms linear;will-change: opacity, max-height;}
.accordion .accordion-content {opacity: 0;max-height: 0;overflow: hidden;transition: opacity 200ms linear, max-height 200ms linear;will-change: opacity, max-height;}
.accordion .accordion-content p {font-size: 1rem;font-weight: 300;margin: 2em 0;}
.accordion {width: 60%;}

/* Style the Image Used to Trigger the Modal */
#myImg {border-radius: 5px;cursor: pointer;transition: 0.3s;}
#myImg:hover {opacity: 0.7;}
/* The Modal (background) */
.modal {display: none; /* Hidden by default */position: fixed; /* Stay in place */z-index: 999; /* Sit on top */padding-top: 50px; /* Location of the box */left: 0;top: 0;width: 100%; /* Full width */height: 100%; /* Full height */overflow: auto; /* Enable scroll if needed */background-color: rgb(0,0,0); /* Fallback color */background-color: rgba(0,0,0,0.9); /* Black w/ opacity */}
/* Modal Content (Image) */
.modal-content {margin: auto;display: block;width: 80%;max-width: 700px;}
/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {margin: auto;display: block;width: 80%;max-width: 700px;text-align: center;color: #ccc;padding: 10px 0;height: 150px;}
/* Add Animation - Zoom in the Modal */
.modal-content, #caption {-webkit-animation-name: zoom;-webkit-animation-duration: 0.6s;animation-name: zoom;animation-duration: 0.6s;}
@-webkit-keyframes zoom {from {-webkit-transform:scale(0)}to {-webkit-transform:scale(1)}}
@keyframes zoom {from {transform:scale(0)}to {transform:scale(1)}}
/* The Close Button */
.close {position: absolute;top: 15px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;transition: 0.3s;}
.close:hover,
.close:focus {color: #bbb;text-decoration: none;cursor: pointer;}
/* ------------- smal notebooks and Ipad pro ------------- */
/* ----------------------- All --------------------------- */
@media only screen and (max-width: 1024px){
.sections {padding-top: 50px;}
.container {width: 95%;}
.work-examples .container {width: 100%;}
.work-examples2 .container {width: 100%;}
.header{height: 55px;}
.header__nav-menu > ul li a {padding: 10px 10px 10px 9px;font-size: 15px;background: #ffffff;color: #000000;border: 1px solid #dcdcdc;}
.header__nav-menu li ul{right: -40px;}
.header__nav-menu > ul ul li a {padding: 8px 10px 8px 14px;font-size: 14px;background: #ffffff;color: #000000;border: 1px solid #dcdcdc;}
.head-banner .container {width: 80%;}
.header_link:before {top: 34px;right: 23%;}
.header_link::after{top: 23px;right: 23%;}
.advantages__row {width: 95%;}
.advantages__item--img img {width: 100px;height: 96px;}
.advantages__item--img {width: 104px;height: 96px;}
.advantages__item--title {font-size: 13px;}
.advantages__item--list {font-size: 14px;}
.advantages__column {padding: 15px 10px 15px 10px;width: 415px;margin-bottom: 27px;margin-right: 30px;}
.advantages__item--info {width: 300px;}
.section__header {font-size: 32px;}
.advantages__row {width: 98%;}
.work-examples__column {padding-left: 90px;width: 87%;}
.work-examples__gallery>img{width: 540px;height: 360px;}
.work-examples__gallery label img {width: 87px;height: 62px;}
.work-examples__gallery{padding-top: 360px;}
.work-examples__column3 {padding-left: 90px;width: 87%;display: contents;margin: 0 auto;}
.work-examples__gallery3>img{width: auto;height: 300px;text-align: center;margin: 0px auto;}
.work-examples__gallery3 label img {width: 107px;height: 82px;}
.work-examples__gallery3{width: 100%;position: relative;padding-top: 310px;margin: 0px 0px 270px 0px;height: 80%;}
.work-examples2__column {padding-left: 90px;width: 87%;}
.work-examples2__gallery>img{width: 540px;height: 360px;}
.work-examples2__gallery label img {width: 87px;height: 62px;}
.work-examples2__gallery{padding-top: 360px;}
.objects-now__column {padding-left: 90px;width: 87%;}
.objects-now__gallery>img{width: 540px;height: 360px;}
.objects-now__gallery label img {width: 87px;height: 62px;}
.objects-now__gallery{padding-top: 360px;}
.types-of-work__column{margin: 19px;padding: 0 10px 85px 10px;}
.types-of-work__item--list ul li{font-size: 14px;}
.types-of-work__item--list-title{margin: 15px 10px -8px 9px;}
.types-of-work__item--list ul {margin: 10px 0 30px;padding: 0 10px 0 15px;}
.types-of-work__item--title {margin: 14px 0;font-size: 18px;}
.head-banner__title h1{font-size: 45px;}
.head-banner{padding: 50px 0 50px;}
.zamer__popup-callback {padding-top: 20px;width: 80%;}
.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;}
.popup{font-size: 15px;padding: 7px 20px 7px 20px;}
.popupss {width: 360px;height: 190px;top: 48%;padding: 30px 40px 40px 40px;}
.popups {width: 360px;height: 190px;top: 48%;padding: 30px 40px 40px 40px;}
.header__nav-menu label.toggleMenu {display: block;}
.header__nav-menu {overflow: hidden;margin-top: -5px;float: right;}
.header__nav{background:initial;position:relative}
.header__nav .container{position:static;width:100%;margin:0 auto;text-align:left}
.header__nav-menu > ul ul li a{padding:14px 22px 14px 18px;font-size:16px;background:#f3901e}
.header__nav-menu > ul li a {padding: 14px 8px 14px 25px;font-size: 18px;background: #ffffff;color: #000000;border: 1px solid #dcdcdc;}
.header__nav-menu li ul{right: 0px;}
.head-banner .container {width: 80%;}
.header_link:before {top: 34px;right: 25%;}
.header_link::after{top: 23px;right: 25%;}
.header__nav-menu li a:hover{background:#efefef;color:#000000;}
.header__nav-menu li > ul li{border-bottom:1px solid #c7c8ca}
.header__nav-menu > ul ul li a{padding:14px 8px 14px 25px;font-size:18px;text-transform:none;background-color:#efefef;}
.header__nav-menu > ul ul li a:hover{background:#efefef}
.header__nav-menu li ul{position:absolute;width:300px;display:none;background-color:#e47f0c;text-align:left;z-index:inherit}
.header__nav-menu{overflow:hidden;margin-top:-5px;float:right}
.header__nav-menu ul{display:block;max-height:0;transition:max-height 0.3s;width:300px}
.header__nav-menu li>ul li ul{position:absolute;right:auto;top:auto}
.header__nav-menu [type="checkbox"],.header__nav-menu label.toggleSubmenu{display:none}
.header__nav-menu label.toggleMenu{display:block}
input.toggleMenu:checked + label.toggleMenu{color:#fff}
input.toggleMenu:checked ~ ul,input.toggleSubmenu:checked ~ ul{display:block;position:relative;max-height:5000px;transition:max-height 2s ease-in; width:300px;z-index:9}
.header__nav-menu label.toggleSubmenu{position:absolute;top:0;right:0;width:300px;height:100%;cursor:pointer;display:block}
input.toggleSubmenu:checked ~ a{background:#efefef;}
.header__nav-menu label.toggleSubmenu .fa:before{content:"\f0d7";color:#000000}
.header__nav-menu label.toggleSubmenu .fa{position:absolute;top:15px;right:30px}
.header__nav-menu input.toggleSubmenu:checked ~ label.toggleSubmenu .fa::before{content:"\f0d8";color:#ffffff}
.header__main .header__contact-col .header__phone-box {text-align: right;margin: 0 40px 0 20px;}

.work-type__column {width: 98%;}

.list-works__row {width: 100%;}
.list-works__row {margin: 0px auto;text-align: center;}

.list-works2__row {width: 100%;}
.list-works2__row {margin: 0px auto;text-align: center;}

.credit__img-info img {width: 140px;height: 100px;}
.credit__img-info {width: 80%;margin-top: 30px;}

.technology__row {width: 100%;}
.technology__row {margin: 0px auto;text-align: center;}

.technology-box__row {width: 100%;}
.technology-box__row {margin: 0px auto;text-align: center;}

.materialy__img img {width: 460px;height: 220px;}

.materials__img img {width: 460px;height: 220px;}
.materials__popup-callback {padding-top: 20px;margin: 0px auto;}

.types-of-work__item--list ul li{font-size: 15px;}

.smeta__img img {width: 420px;height: 520px;}
.smeta__info {margin-top: 50px;}
.smeta__column {height: 590px;}
.smeta__popup-callback {padding-top: 20px;}

.kontrol__img img {width: 420px;height: 520px;}
.kontrol__info {margin-top: 50px;}
.kontrol__column {height: 590px;}
.kontrol__popup-callback {padding-top: 20px;}

.design__img img {width: 420px;height: 440px;}
.design__info {margin-top: 50px;}
.design__column {height: 590px;}
.design__popup-callback {padding-top: 20px;}

.design-box__img img {width: 420px;height: 440px;}
.design-box__info {margin-top: 10px;width: 95%;}
.design-box__column {/* height: 590px; */}
.design-box__popup-callback {padding-top: 10px;}
.design-box__info--title {font-size: 17px;}
.designer__popup-callback {padding-top: 20px;}
.design-box {padding: 30px 20px 30px 20px;width: 100%;}
.complex__img img {width: 440px;height: 534px;}
.complex__info {margin-top: 50px;}
.complex__column {height: 590px;}
.complex__popup-callback {padding-top: 20px;}

.materials__gallery>img{width: 540px;height: 360px;}
.materials__gallery label img {width: 87px;height: 62px;}
.materials__gallery{padding-top: 360px;}

.work-process__row {width: 100%;}
.work-process__row {margin: 0px auto;text-align: center;}

.documents__row {width: 100%;}
.documents__row {margin: 0px auto;text-align: center;}

/* Tablets (portrait and landscape) ----------- */
/* ------------------- Tablets --------------------------- */
/* ------------------ header.php ------------------------- */
@media only screen and (min-width: 768px) and (max-width: 999px) {
.sections {padding-top: 55px;}
.section__header {font-size: 32px;}
.container {width: 95%;}
.header{height: 55px;}
.header__logo-col {margin-top: 0px;margin-left: 5px;}
.header__main .container{width:100%;padding:0;margin-top: 10px;}
.header__main .header__contact-col .header__phone-box .header__phone{font-size:15px}
.header__main .header__contact-col .header__working-hours{font-size:11px}
.header__main .header__logo-col .header__logo img{width:170px;height:35px}
.header__main .header__logo-col .header__logo{margin-left:12px;margin-top: 0px;}
.header__main{height:40px}
.popup {font-size: 14px;padding: 7px 20px 7px 20px;margin-right: 50px;}
header{height:60px;position:fixed;background-color:white;width:100%;box-shadow:0 0 12px rgb(0 0 0);border-color:rgba(240,240,240,0.2);z-index:11}
.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-banner__column {max-width: 100%;margin: 0px auto;margin-top: 15px;}
.header__nav{background:initial;position:relative}
.header__nav .container{position:static;width:100%;margin:0 auto;text-align:left}
.header__nav-menu > ul ul li a{padding:14px 22px 14px 18px;font-size:16px;background:#f3901e}
.header__nav-menu > ul li a {padding: 14px 8px 14px 25px;font-size: 18px;background: #ffffff;color: #000000;border: 1px solid #dcdcdc;}
.header__nav-menu li ul{right: 0px;}
.head-banner .container {width: 80%;}
.header_link:before {top: 44px;right: 23%;}
.header_link::after{top: 33px;right: 23%;}
.header__nav-menu li a:hover{background:#efefef;color:#000000;}
.header__nav-menu li > ul li{border-bottom:1px solid #c7c8ca}
.header__nav-menu > ul ul li a{padding:14px 8px 14px 25px;font-size:18px;text-transform:none;background-color:#efefef;}
.header__nav-menu > ul ul li a:hover{background:#efefef}
.header__nav-menu li ul{position:absolute;width:300px;display:none;background-color:#e47f0c;text-align:left;z-index:inherit}
.header__nav-menu{overflow:hidden;margin-top:-5px;float:right}
.header__nav-menu ul{display:block;max-height:0;transition:max-height 0.3s;width:300px}
.header__nav-menu li>ul li ul{position:absolute;right:auto;top:auto}
.header__nav-menu [type="checkbox"],.header__nav-menu label.toggleSubmenu{display:none}
.header__nav-menu label.toggleMenu{display:block}
input.toggleMenu:checked + label.toggleMenu{color:#fff}
input.toggleMenu:checked ~ ul,input.toggleSubmenu:checked ~ ul{display:block;position:relative;max-height:5000px;transition:max-height 2s ease-in; width:300px;z-index:9}
.header__nav-menu label.toggleSubmenu{position:absolute;top:0;right:0;width:300px;height:100%;cursor:pointer;display:block}
input.toggleSubmenu:checked ~ a{background:#efefef;}
.header__nav-menu label.toggleSubmenu .fa:before{content:"\f0d7";color:#000000}
.header__nav-menu label.toggleSubmenu .fa{position:absolute;top:15px;right:30px}
.header__nav-menu input.toggleSubmenu:checked ~ label.toggleSubmenu .fa::before{content:"\f0d8";color:#ffffff}
/* ------------------- Tablets --------------------------- */
/* ------------------ header-banner.php ------------------ */
.head-banner {padding: 50px 0 50px;}
.head-banner__title {text-align: center;}
.head-banner__title h1 {font-size: 38px;width: 500px;}
.head-banner__advantages {width: 700px;}
.head-banner__advantages li {background: url(../img/marker.png) left 10px no-repeat;line-height: 37px;padding: 0 0 0 21px;background-size: 12px;font-size: 17px;font-family: "PragmaticaCond-Bold",Arial,sans-serif;}
.zamer__btn {display: block;}
.head-banner__item {padding: 10px 0px 10px 15px;height: auto;display: inline-flex;width: 42%;}
.head-banner__item--info {float: right;width: 100%;margin-left: 10px;width: 100%;}
/* ------------------- Tablets --------------------------- */
/* ------------------ advantages.php --------------------- */
.advantages {display: flex;}
.advantages__row {width: 100%;text-align: center;}
.advantages__item--info {text-align: left;}
.advantages__column {margin-right: 0px;}
/* ------------------- Tablets --------------------------- */
/* ------------------ work-examples.php ------------------ */
.work-examples__title.section__header {margin-right: 0px;}
.work-examples__column {padding-left: 0px;display: block;width: 100%;}
.work-examples__gallery {width: 75%;margin: 0px auto 100px auto;}
.b-2 .work-examples__gallery {margin: 0px auto 80px auto;}
.b-3 .work-examples__gallery {margin: 0px auto 80px auto;}
.work-examples__gallery>img {width: 100%;height: 100%;}
.work-type__popup-callback .popup {font-size: 15px;padding: 10px 20px 10px 20px;margin-right: 0px;}
.work-examples__info {padding-left: 50px;padding-top: 100px;width: 100%;}
.work-examples__item {padding: 10px 0px 10px 15px;height: auto;display: inline-flex;width: 42%;}
.work-examples__item--info {float: right;width: 100%;margin-left: 10px;width: 100%;}
/* ------------------- Tablets --------------------------- */
/* ------------------ work-examples2.php ------------------ */
.work-examples2__title.section__header {margin-right: 0px;}
.work-examples2__column {padding-left: 0px;display: block;width: 100%;}
.work-examples2__gallery {width: 75%;margin: 0px auto 100px auto;}
.b-2 .work-examples2__gallery {margin: 0px auto 80px auto;}
.work-examples2__gallery>img {width: 100%;height: 100%;}
.work-type__popup-callback .popup {font-size: 15px;padding: 10px 20px 10px 20px;margin-right: 0px;}
.work-examples2__info {padding-left: 50px;padding-top: 100px;width: 100%;}
.work-examples2__item {padding: 10px 0px 10px 15px;height: auto;display: inline-flex;width: 42%;}
.work-examples2__item--info {float: right;width: 100%;margin-left: 10px;width: 100%;}
/* ------------------- Tablets --------------------------- */
/* ------------------ objects-now.php ------------------ */
.objects-now__title.section__header {margin-right: 0px;}
.objects-now__column {padding-left: 0px;display: block;width: 100%;}
.objects-now__gallery {width: 75%;margin: 0px auto;}
.objects-now__gallery>img {width: 100%;height: 100%;}
.work-type__popup-callback .popup {font-size: 15px;padding: 10px 20px 10px 20px;margin-right: 0px;}
.objects-now__info {padding-left: 50px;padding-top: 100px;width: 100%;}
.objects-now__item {padding: 10px 0px 10px 15px;height: auto;display: inline-flex;width: 42%;}
.objects-now__item--info {float: right;width: 100%;margin-left: 10px;width: 100%;}
/* ------------------- Tablets --------------------------- */
/* ------------------ types-of-work.php ------------------ */
.types-of-work__row {display: block;}
.types-of-work__column {width: 300px;margin: 0px auto;margin-bottom: 50px;}
.types-of-work__column:hover {border: 4px solid #ff8500;margin: 0px auto;margin-bottom: 46px;}
.types-of-work__item--title {padding: 20px 0;margin: 0px;}
/* ------------------- Tablets --------------------------- */
/* ------------------ faq.php ---------------------------- */
.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 --------------------- */

/* ------------------- Tablets ---------------------------- */
/* ------------------ work-type --------------------------- */
.work-type__title.section__header {font-size: 30px;}
.work-type__column {display: flex;margin: 0px auto;width: 100%;}
.work-type__img img {width: 350px;height: 230px;}
.work-type__info--title {font-size: 14px;padding-bottom: 1px;padding-top: 17px;}
.work-type__info--descr {font-size: 13px;padding: 8px 8px 8px 18px;}
.work-type__info {width: 340px;padding-left: 0px;margin-right: 20px;}
.work-type .container {width: 100%;}
.work-type__img {margin: 0px auto;width: 350px;}
/* ------------------- Tablets ---------------------------- */
/* ------------------ list-works -------------------------- */
.list-works__row {margin: 0px auto;/* width: max-content; */text-align: center;}
.list-works__column {display: inline-grid;margin-right: 20px;width: 290px;height: 400px;margin-left: 30px;}
.list-works__title.section__header {font-size: 30px;}
/* ------------------- Tablets ---------------------------- */
/* ------------------ list-works2 -------------------------- */
.list-works2__row {margin: 0px auto;/* width: max-content; */text-align: center;}
.list-works2__column {display: inline-grid;margin-right: 20px;width: 290px;height: 400px;margin-left: 30px;}
.list-works2__title.section__header {font-size: 30px;}
/* ------------------- Tablets ---------------------------- */
/* ------------------ credit -------------------------- */
.credit__info {width: 47%;float: left;}
.credit__img {float: right;width: 47%;margin-top: 110px;}
.credit__img img {width: 100%;height: 300px;}
.credit__column {/* height: 290px; */}
.credit__btn {display: block;}
.container {width: 95%;}
.credit__title {font-size: 20px;width: 70%;margin: 0px auto;}
.credit__item {margin: 10px 0px 20px 0px;font-size: 13px;}
.credit__btn {width: 160px;padding: 7px 6px;}
/* ------------------- Tablets ---------------------------- */
/* ------------------ list-works -------------------------- */
.technology__row {margin: 0px auto;/* width: max-content; */text-align: center;}
.technology__column {display: inline-grid;margin-right: 20px;width: 290px;height: 400px;margin-left: 30px;}
.technology__title.section__header {font-size: 30px;}
.technology__item--text {font-size: 14px;}
.technology__item--img img {width: 60%;height: 70%;}
.technology__item--img {text-align: center;}

/* ------------------- Tablets ---------------------------- */
/* ------------------ list-works -------------------------- */
.technology-box__row {margin: 0px auto;/* width: max-content; */text-align: center;}
.technology-box__column {display: inline-grid;width: 250px;height: 360px;}
.technology-box__title.section__header {font-size: 20px;}
.technology-box {padding: 30px 10px 40px 10px;width: 100%;margin: 40px auto;}
                                                          
.header_link::after{width: 15px;height: 15px;top: 19px;right: 32%;margin-right: -8px;}
.header_link:before{top: 27px;right: 32%;width: 7px;height: 7px;}

.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: 20px;}
.error__row {height: 100%;text-align: center;margin: 0px auto;}

.smeta__info {width: 47%;float: left;margin-top: 30px;}
.smeta__img {float: right;width: 42%;}
.smeta__img img {width: 90%;height: 370px;}
.smeta__column {height: 440px;}
.smeta__info--title {font-size: 17px;}
.smeta__btn {display: block;}
.smeta__title {font-size: 27px;}
.smeta__info--item {margin: 10px 0px 20px 0px;font-size: 13px;}

.kontrol__info {width: 47%;float: left;margin-top: 30px;}
.kontrol__img {float: right;width: 42%;}
.kontrol__img img {width: 90%;height: 370px;}
.kontrol__column {height: 440px;}
.kontrol__info--title {font-size: 17px;}
.kontrol__btn {display: block;}
.kontrol__title {font-size: 27px;}
.kontrol__info--item {margin: 10px 0px 20px 0px;font-size: 13px;}

.design__info {width: 47%;float: left;margin-top: 30px;}
.design__img {float: right;width: 45%;}
.design__img img {width: 90%;height: 240px;}
.design__column {height: 440px;}
.design__info--title {font-size: 17px;}
.design__btn {display: block;}
.design__title {font-size: 27px;}
.design__info--item {margin: 10px 0px 20px 0px;font-size: 13px;}

.design-box__info {width: 47%;float: left;margin-top: 30px;}
.design-box__img {float: right;width: 45%;}
.design-box__img img {width: 80%;height: 200px;}
.design-box__column {/* height: 440px; */}
.design-box__info--title {font-size: 17px;}
.design-box__btn {display: block;}
.design-box__title {font-size: 27px;}
.design-box__info--item {margin: 10px 0px 20px 0px;font-size: 13px;}

.materialy__info {width: 47%;margin-top: 30px;}
.materialy__img {width: 47%;}
.materialy__img img {width: 100%;height: 190px;}
.materialy__column {height: 270px;}
.materialy__info--title {font-size: 17px;}
.materialy__title {font-size: 27px;}
.materialy__info--item {margin: 10px 0px 20px 0px;font-size: 13px;}

.materials__info--text {width: 100%;margin-top: 10px;}
.materials__img {width: 47%;}
.materials__info {width: 50%;margin: 30px auto 0px auto;}
.materials__img img {width: 100%;height: 190px;}
.materials__column {padding-left: 0px;display: grid;width: 100%;}
.materials__info--title {font-size: 15px;}
.materials__title {font-size: 27px;}
.materials__info--item {margin: 1px 0px 0px 0px;font-size: 12px;}
.materials__btn {display: block;}
.materials__gallery {width: 75%;margin: 0px auto;}
.materials__gallery>img {/* width: 100%; *//* height: 100%; */}

.designer__info {width: 47%;float: left;margin-top: 30px;margin-left: 0px;}
.designer__img {float: right;width: 41%;}
.designer__img img {width: 70%;height: 290px;}
.designer__column {height: 440px;}
.designer__info--title {font-size: 18px;}
.designer__btn {display: block;}
.designer__info--item {margin: 10px 0px 20px 0px;font-size: 13px;}
.designer__img--info {width: 100%;margin: 0px;}

.complex__info {width: 47%;float: left;margin-top: 30px;}
.complex__img {float: right;width: 48%;}
.complex__img img {width: 60%;height: 350px;}
.complex__column {height: 440px;}
.complex__info--title {font-size: 17px;}
.complex__btn {display: block;}
.complex__title {font-size: 27px;}
.complex__info--item {margin: 10px 0px 20px 0px;font-size: 13px;}

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

/* ------------------- Tablets ---------------------------- */
/* ------------------ work-process -------------------------- */
.work-process__row {margin: 0px auto;/* width: max-content; */text-align: center;}
.work-process__column {display: inline-grid;width: 390px;/* height: 200px; */margin: 5px 5px 5px 5px;}
.work-process__title .section-title {font-size: 30px;}
.work-process__column--item .text {font-size: 14px;}
.work-process__column--item .img img {width: 380px;height: 100%;}
.work-process__column--item .img {text-align: center;}

/* ------------------- Tablets ---------------------------- */
/* ------------------ documents -------------------------- */
.documents__row {margin: 0px auto;/* width: max-content; */text-align: center;}
.documents__column {display: inline-grid;width: 390px;/* height: 200px; */margin: 5px 5px 5px 5px;}
.documents__title .section-title {font-size: 30px;}
.documents__column--item .text {font-size: 14px;}
.documents__column--item .img img {width: 380px;height: 100%;}
.documents__column--item .img {text-align: center;}
}
@media screen and (max-width: 790px){html {font-size: 14px;}.wrapper {width: 80%;}}
/* Phones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px) {
.sections {padding-top: 50px;}
/* ------------------- Phones ---------------------------- */
/* ------------------ header.php ------------------------- */
.header {height: 50px;}
.callback{display:none}
.header__main .container{width:100%;padding:0;margin-top: 5px;}
.header__main .header__contact-col .header__phone-box .header__phone{font-size:14px}
.header__main .header__contact-col .header__working-hours{font-size:11px}
.header__main .header__logo-col .header__logo img{width: 120px;height: 24px;}
.header__main .header__logo-col .header__logo{margin-left:12px}
.header__main{height:50px;padding-bottom: 0px;}
header{height:50px;position:fixed;background-color:white;width:100%;box-shadow:0 0 12px rgb(0 0 0);border-color:rgba(240,240,240,0.2);z-index:11}
.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:5px;margin-right:60px}
.popup{display:none;}
.design-box__popup-callback .popup {display:block}
.work-type__popup-callback .popup{display:block;}
.head-banner__column {max-width: 85%;margin: 0px auto;}
.header__nav{background:initial;position:relative}
.header__nav .container{position:static;width:100%;margin:0 auto;text-align:left}
.header__nav-menu > ul li a {font-size: 17px;font-family: "Pragmatica-Bold",Arial,sans-serif;padding: 14px 8px 14px 25px;}
.header__nav-menu > ul ul li a{padding:14px 22px 14px 18px;font-size:18px;/* background:#f3901e */}
.header__nav-menu li a:hover{background:#efefef;color:#000000;}
.header__nav-menu li ul{position:absolute;width:100%;display:none}
.header__nav-menu li > ul li{border-bottom:1px solid #c7c8ca}
.header__nav-menu > ul ul li a{padding:14px 22px 14px 18px;font-size:18px;text-transform:none;background: #fafafa;font-family: "Pragmatica-Bold",Arial,sans-serif;}
.header__nav-menu > ul ul li a:hover{font-size:18px;background:#efefef}
.header__nav-menu li ul{position:absolute;width:100%;display:none;/* background-color:#e47f0c; */text-align:left;z-index:inherit;right: 0px;}
.header__nav-menu{overflow:hidden;margin-top:-5px;}
.header__nav-menu ul{display:block;max-height:0;transition:max-height 0.3s;width:100%;}
.header__nav-menu li>ul li ul{position:absolute;right:auto;top:auto}
.header__nav-menu [type="checkbox"],.header__nav-menu label.toggleSubmenu{display:none}
.header__nav-menu label.toggleMenu{display:block}
input.toggleMenu:checked + label.toggleMenu{color:#fff}
input.toggleMenu:checked ~ ul,input.toggleSubmenu:checked ~ ul{overflow-y: scroll;max-height: 510px;height: calc(100% - 80px);display:block;position:relative;transition:max-height 0.5s ease-in;width:100%;z-index:9;background: #ffffff;color: #000000;border: 1px solid #dcdcdc;}
.header__nav-menu label.toggleSubmenu{position:absolute;top:0;right:0;width:204px;height:100%;cursor:pointer;display:block}
input.toggleSubmenu:checked ~ a{background: #e2e2e2;color: #000;}
.header__nav-menu label.toggleSubmenu .fa:before{content:"\f0d7";color:#000000;font-size: 25px;}
.header__nav-menu label.toggleSubmenu .fa{position:absolute;top:11px;right:30px}
.header__nav-menu input.toggleSubmenu:checked ~ label.toggleSubmenu .fa::before{content:"\f0d8";color:#fff;font-size: 25px;}
.zamer__btn {display: block;left: calc(50% - 90px);width: 210px;background: #ebb901;padding: 11px 18px;font-family: "PragmaticaCond-Bold",Arial,sans-serif;font-size: 17px;border-radius: 10px;color: #000000;}
.smeta__title.section__header {font-size: 20px;}
  /* ------------------- Phones ---------------------------- */
/* ------------------ header-banner.php ------------------ */
.head-banner{padding: 70px 0px 50px 0px;background-size:cover;width:100%;background: linear-gradient(to left, #00000000, #ffffff),url(../img/head-banner/minimalism.jpg) no-repeat;background-size: cover;background-position: 50% 70%;}
.head-banner .container{width:100%;}
.head-banner__img {display: none;}
.head-banner__img1 {display: block;text-align: center;margin: 0px;margin-bottom: -10px;}
.head-banner__img1 img {margin-right: 30px;}
.head-banner__advantages{width: 93%;margin: 25px 0px 20px;background-color: #f0f8ff00;}
.head-banner__title h1{font-size:27px;margin: 15px 0px 25px 0px;width: 100%;text-align: center;}
.head-banner__advantages li{background:url(../img/marker.png) left 7px no-repeat;line-height:21px;padding:0 0 0 21px;background-size:12px;font-size:16px;margin-bottom:12px}
.zamer__btn {display: block;}
.zamer__btn {top: 0px;padding: 7px 15px;}
/* ------------------- Phones ---------------------------- */
/* ------------------ advantages.php --------------------- */
.advantages{display: flex;padding:40px 0 0px;background-color: #ffffff;}
.container {width: 100%;}
.section__header {font-size: 23px;font-family: "Pragmatica-Bold",Arial,sans-serif;}
.advantages__column{padding:0px;border-radius:5px;width: 100%;margin-bottom: 47px;margin-right: 0px;}
.advantages__item--img {float: initial;width: 100%;text-align: center;height: inherit;}
.advantages__item--img img {width: 90px;height: 75px;}
.advantages__item--info {float: initial;padding:0px;width: 100%;}
.advantages__item--title{font-size: 15px;}
.advantages__row {width: 95%;margin: 0px auto;}
.advantages__item--list {font-size: 15px;width: 97%;margin: 0px auto;}
.advantages__item {width: 100%;text-align: center;}
/* ------------------- Phones ---------------------------- */
/* ------------------ work-examples.php ------------------ */
.work-examples__title.section__header {margin-right: 0px;}
.work-examples {margin: 0px auto;}
.work-examples .container{width:100%}
.work-examples__row{display:block;margin:0 auto;}
.work-examples__column {display: table-cell;padding-left: 0px;}
.b-2 .work-examples__gallery {margin: 0px 0px 210px 0px;}
.b-3 .work-examples__gallery {margin: 0px 0px 210px 0px;}
.work-examples__gallery{width: 100%;position: relative;padding-top: 260px;margin: 0px 0px 210px 0px;height: 80%;}
.work-examples__gallery>img{position: absolute; left: 0; top: 0; transition: all 0.5s; width: 100%;height: 260px;}
.work-examples__gallery label {margin: 8px 0 0 8px; border: 3px solid #ffffff; float: left; cursor: pointer; transition: all 0.5s; opacity: 0.6;}
.work-examples__gallery label img{display: block; width: 100px; height: 60px;}
.work-examples__gallery input[name='slide_switch'] {display: none;}
.work-examples__gallery input[name='slide_switch']:checked+label {border: 3px solid #007eff; opacity: 1;}
.work-examples__gallery input[name='slide_switch'] ~ img {opacity: 0;transform: scale(1.1);}
.work-examples__gallery input[name='slide_switch']:checked+label+img {opacity: 1; transform: scale(1);}
.work-examples__gallery input[name='slide_switch1'] {display: none;}
.work-examples__gallery input[name='slide_switch1']:checked+label {border: 3px solid #007eff; opacity: 1;}
.work-examples__gallery input[name='slide_switch1'] ~ img {opacity: 0;transform: scale(1.1);}
.work-examples__gallery input[name='slide_switch2']:checked+label+img {opacity: 1; transform: scale(1);}
.work-examples__gallery input[name='slide_switch2'] {display: none;}
.work-examples__gallery input[name='slide_switch2']:checked+label {border: 3px solid #007eff; opacity: 1;}
.work-examples__gallery input[name='slide_switch2'] ~ img {opacity: 0;transform: scale(1.1);}
.work-examples__gallery input[name='slide_switch2']:checked+label+img {opacity: 1; transform: scale(1);}
.work-examples__info {width: 90%;padding-left: 15px;padding-top: 30px;max-width: 350px;}
.work-examples__info2 {width: 90%;padding-left: 15px;padding-top: 30px;max-width: 350px;}
.work-type__popup-callback {padding-top: 30px;text-align: center;width: 180px;margin: 0px auto;}
.work-type__popup-callback .popup{font-size: 16px;padding: 10px 25px 10px 25px;margin-right: 0px;}
/* ------------------- Phones ---------------------------- */
/* ------------------ work-examples2.php ------------------ */
.work-examples2__title.section__header {margin-right: 0px;}
.work-examples2 {margin: 0px auto;}
.work-examples2 .container{width:100%}
.work-examples2__row{display:block;margin:0 auto;}
.work-examples2__column {display: table-cell;padding-left: 0px;}
.b-2 .work-examples2__gallery {margin: 0px 0px 130px 0px;}
.work-examples2__gallery{width: 100%;position: relative;padding-top: 260px;margin: 0px 0px 130px 0px;height: 80%;}
.work-examples2__gallery>img{position: absolute; left: 0; top: 0; transition: all 0.5s; width: 100%;height: 260px;}
.work-examples2__gallery label {margin: 8px 0 0 8px; border: 3px solid #ffffff; float: left; cursor: pointer; transition: all 0.5s; opacity: 0.6;}
.work-examples2__gallery label img{display: block; width: 100px; height: 60px;}
.work-examples2__gallery input[name='slide_switch'] {display: none;}
.work-examples2__gallery input[name='slide_switch']:checked+label {border: 3px solid #007eff; opacity: 1;}
.work-examples2__gallery input[name='slide_switch'] ~ img {opacity: 0;transform: scale(1.1);}
.work-examples2__gallery input[name='slide_switch']:checked+label+img {opacity: 1; transform: scale(1);}
.work-examples2__gallery input[name='slide_switch1'] {display: none;}
.work-examples2__gallery input[name='slide_switch1']:checked+label {border: 3px solid #007eff; opacity: 1;}
.work-examples2__gallery input[name='slide_switch1'] ~ img {opacity: 0;transform: scale(1.1);}
.work-examples2__gallery input[name='slide_switch1']:checked+label+img {opacity: 1; transform: scale(1);}
.work-examples2__info {width: 90%;padding-left: 15px;padding-top: 40px;max-width: 350px;}
/* ------------------- Phones ---------------------------- */
/* ------------------ objects-now.php ------------------ */
.objects-now__title.section__header {margin-right: 0px;}
.objects-now {margin: 0px auto;}
.objects-now .container{width:100%}
.objects-now__row{display:block;margin:0 auto;}
.objects-now__column {display: table-cell;padding-left: 0px;}
.objects-now__gallery{width: 100%;position: relative;padding-top: 260px;margin: 0px 0px 140px 0px;height: 80%;}
.objects-now__gallery>img{position: absolute; left: 0; top: 0; transition: all 0.5s; width: 100%;height: 260px;}
.objects-now__gallery label {margin: 8px 0 0 8px; border: 3px solid #ffffff; float: left; cursor: pointer; transition: all 0.5s; opacity: 0.6;}
.objects-now__gallery label img{display: block; width: 100px; height: 60px;}
.objects-now__gallery input[name='slide_switch2'] {display: none;}
.objects-now__gallery input[name='slide_switch2']:checked+label {border: 3px solid #007eff; opacity: 1;}
.objects-now__gallery input[name='slide_switch2'] ~ img {opacity: 0;transform: scale(1.1);}
.objects-now__gallery input[name='slide_switch2']:checked+label+img {opacity: 1; transform: scale(1);}
.objects-now__gallery input[name='slide_switch3'] {display: none;}
.objects-now__gallery input[name='slide_switch3']:checked+label {border: 3px solid #007eff; opacity: 1;}
.objects-now__gallery input[name='slide_switch3'] ~ img {opacity: 0;transform: scale(1.1);}
.objects-now__gallery input[name='slide_switch3']:checked+label+img {opacity: 1; transform: scale(1);}
.objects-now__info {width: 90%;padding-left: 15px;padding-top: 40px;max-width: 350px;}
/* ------------------- Phones ---------------------------- */
/* ------------------ types-of-work.php ------------------ */
.types-of-work .container{max-width:400px;text-align:center;justify-content:space-between;width:100%;position:relative;margin:0 auto}
.types-of-work {background: #eee;padding: 40px 0 0px;display: flex;}
.types-of-work__row {display: initial;}
.types-of-work__item--title{padding: 20px 0;margin: 0px;}
.types-of-work__column {padding: 0 20px 75px 20px;margin: 20px 20px 50px 20px;}
.types-of-work__column:hover {border: 4px solid #ff8500;margin: 16px 16px 46px 16px;}
.types-of-work__item--list-title{margin: 15px 0px -8px 0;}
a.more-info {font-size: 18px;}
.form-control{display:block;width:210px;font-size:14px;line-height:1.5;color:#495057;background-color:#fff}
/* ------------------- Phones ---------------------------- */
/* ------------------ faq.php ---------------------------- */
details {width: 100%;}
summary.faq__column--title {font-size: 14px;padding: 5px 0px 0 19px;}
.faq__row {margin: 0px 10px 0px 10px;}
.faq__column--description p {line-height: 1.75;padding-top: 5px;padding-left: 13px;padding-bottom: 5px;margin-bottom: 0px;margin-left: 40px;font-size: 13px;}
.faqs .title {width: 100%;}
.faqs label {width: 80%;font-size: 15px;height: 16px;line-height: 18px;}
.faqs input:checked ~ article.ac-small {height: 100%;width: 90%;}
.faqs article {width: 90%;}
/* ------------------- Phones ---------------------------- */
/* ------------------ footer.php ------------------------- */
footer{background:#011c39}
.footer{display:flex;flex-flow:row wrap;padding:30px;color:#fff;background-color:#011c39;max-width:1140px;margin:0 auto;position:relative}
.footer > *{flex:1 100%;padding: 30px 0px 20px;}
.footer-logo{margin-right:1.25em;margin-bottom:2em}
.footer-menu__col:nth-child(2){margin-top:0}
.footer a{text-decoration:none}
.footer-menu{display:flex;flex-flow:row wrap}
.footer-menu > *{flex:1 50%;margin-right:1.25em}
.footer-bottom{text-align:center;color:#999;padding-top:20px}
.footer-logo p{padding-right: 10%;color:#999;font-size: 18px;}
.footer-menu > *{flex:1}
.footer-logo{flex:1 0}
.footer-menu{flex:2 0}
.footer-menu{display:block;flex-flow:row wrap}
.footer a{font-size:18px;margin-bottom: 22px;}
.footer-menu__col--title{font-size:19px}
/* ------------------- Phones ---------------------------- */
/* ------------------ callback-form.php ------------------ */
    /*Disable Animation on Mobile Devices*/
.hidden{display:none}
#form h4{text-transform:uppercase;font-size:30px;margin:0 auto}
#form span{padding-bottom:20px}
button.btn2{background:#ff8500;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: 20%;left: 0;top: 0;padding: 0 8px;box-sizing: border-box;bottom: 0px;}
.mfp-auto-cursor .mfp-content {max-width: 100%;border: 4px solid #ff8800;}
form#form {padding: 30px 30px 20px 30px;background-color: #fff;margin: 0px auto;position: relative;text-align: center;}
.popupss {width: 90%;height: 190px;top: 35%;padding: 30px 20px 40px 20px;}
.popups {width: 90%;height: 190px;top: 35%;padding: 30px 20px 40px 20px;}
.form-succes__title {font-size: 18px;}
/* ------------------- Phones ---------------------------- */
/* ------------------ magnific-popup --------------------- */

/* ------------------- Phones ----------------------------- */
/* ------------------ work-type --------------------------- */
.work-type__title.section__header {font-size: 23px;}
.work-type__column {display: block;margin: 0px auto;width: 100%;}
.work-type__img img {width: 100%;height: 50%;}
.work-type__info{width: 93%;margin: 0px auto;padding: 0px;}
.work-type__info--title{font-size: 15px;padding-bottom: 5px;}
.work-type__info--descr{font-size: 14px;}
/* ------------------- Phones ----------------------------- */
/* ------------------ list-works -------------------------- */
.list-works__column{width: 100%;border-radius: 0px;display: inherit;height: 100%;margin: 0px;margin: 60px 0px 60px 0px;}
.list-works__row {width: 100%;}
.list-works__item--img img {width: 150px;height: 150px;border-radius: 0px;float: inherit;}
.list-works__item--title {font-size: 18px;}
.list-works__item--list ul li {color: #1a1a1a;background: url(../img/marker.png) left 8px no-repeat;line-height: 24px;padding: 1px 0px 1px 21px;background-size: 10px;font-size: 16px;}
.list-works__item--info {padding: 10px 10px 10px 10px;width: 85%;float: inherit;}
.list-works__item--img {width: 80%;height: 50%;margin-top: 20px;float: inherit;}
.list-works__item--img:nth-child(2){width: 110px;height: 100px;}
.list-works__item {width: 100%;margin: 0px auto;text-align: -webkit-center;}
.list-works__title.section__header {font-size: 24px;}
/* ------------------- Phones ----------------------------- */
/* ------------------ list-works2 -------------------------- */
.list-works2__column{width: 70%;border-radius: 20px;display: inherit;height: 100%;margin: 0px;margin: 60px 0px 60px 0px;margin: 0px auto;text-align: center;}
.list-works2__row {width: 100%;margin: 0px auto;text-align: center;}
.list-works2__item--img img {width: 150px;height: 150px;border-radius: 100px;float: inherit;}
.list-works2__item--title {font-size: 18px;}
.list-works2__item--list ul li {color: #1a1a1a;background: url(../img/marker.png) left 8px no-repeat;line-height: 24px;padding: 1px 0px 1px 21px;background-size: 10px;font-size: 16px;}
.list-works2__item--info {padding: 5px 15px 20px 20px;width: 85%;float: inherit;}
.list-works2__item--img {width: 60%;height: 50%;margin-top: 20px;float: inherit;padding: 10px;}
.list-works2__item--img:nth-child(2){width: 110px;height: 100px;}
.list-works2__item {width: 100%;margin: 0px auto;text-align: -webkit-center;}
.list-works2__title.section__header {font-size: 24px;}
/* ------------------- Phones ----------------------------- */
/* ------------------ credit -------------------------- */
.credit__item {font-size: 16px;}
.credit__info span {margin-bottom: 30px;}
.credit__img {float: inherit;margin: 0px auto;width: 100%;margin-left: 0px;margin-top: 15px;}
.credit__img img {width: 100%;height: 100%;}
.credit__column {height: 100%;width: 90%;margin: 0px auto;}
.credit__info {width: 100%;float: left;margin: 0px auto;margin-bottom: 30px;}
.credit__title {font-size: 20px;padding-top: 20px;width: 100%;}
a.credit__popup {margin-top: 40px;}
.credit__btn {display: block;}
.credit__item {padding: 0px 0px 10px 0px;}
.credit__btn {top: 20px;padding: 11px 18px;}
.credit__img-info img {width: 100%;height: 80%;}
.credit__img-i {width: 100%;display: flex;}
.credit__img-2 {padding: 10px 10px 10px 10px;}
.credit__img-info {float: initial;}
.credit__sub-title {font-size: 19px;font-family: "ProximaNova-Bold",Arial,sans-serif;text-align: center;padding: 20px;width: 100%;}
/* ------------------- Phones ----------------------------- */
/* ------------------ technology -------------------------- */
.technology__column{width: 100%;border-radius: 0px;display: inherit;height: 100%;margin: 0px;margin: 60px 0px 60px 0px;}
.technology__row {width: 100%;}
.technology__item--img img {width: 150px;height: 150px;border-radius: 0px;float: inherit;}
.technology__item--title {font-size: 18px;}
.technology__item--list ul li {color: #1a1a1a;background: url(../img/marker.png) left 8px no-repeat;line-height: 24px;padding: 1px 0px 1px 21px;background-size: 10px;font-size: 16px;}
.technology__item--info {padding: 10px 10px 10px 10px;width: 85%;float: inherit;}
.technology__item--img {width: 80%;height: 50%;margin-top: 20px;float: inherit;}
.technology__item--img:nth-child(2){width: 110px;height: 100px;}
.technology__item {width: 100%;margin: 0px auto;text-align: -webkit-center;}
.technology__title.section__header {font-size: 24px;}
.technology {padding: 40px 0px 0px;}
/* ------------------- Phones ----------------------------- */
/* ------------------ technology-box -------------------------- */
.technology-box__column{width: 100%;border-radius: 0px;display: inherit;height: 100%;margin: 0px;margin: 60px 0px 10px 0px;}
.technology-box__row {width: 100%;}
.technology-box__item--img img {width: 150px;height: 150px;border-radius: 0px;float: inherit;}
.technology-box__item--title {font-size: 15px;}
.technology-box__item--list ul li {color: #1a1a1a;background: url(../img/marker.png) left 8px no-repeat;line-height: 24px;padding: 1px 0px 1px 21px;background-size: 10px;font-size: 16px;}
.technology-box__item--info {padding: 10px 10px 10px 10px;width: 85%;float: inherit;}
.technology-box__item--img {width: 80%;height: 50%;margin-top: 20px;float: inherit;}
.technology-box__item--img:nth-child(2){width: 110px;height: 100px;}
.technology-box__item {width: 100%;margin: 0px auto;text-align: -webkit-center;}
.technology-box__title.section__header {font-size: 17px;}
.technology-box {padding: 20px 10px 40px 10px;width: 100%;margin: 40px auto;}
.technology-box__item--text {font-size: 16px;text-align: left;}
/* ------------------- 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: 350px;}
.contacts__item--img {float: left;width: 30px;height: 0px;margin-top: 2px;}
.contacts__item--info {float: right;padding-left: 30px;width: 270px;}
.contacts__item {padding: 15px 15px 10px 15px;background-color: #fff;height: auto;display: flex;}
.contacts__item--title {font-size: 16px;font-family: "Pragmatica-Bold",Arial,sans-serif;line-height: 1.6em;color: #000000;text-transform: uppercase;}
.contacts__item--list {font-family: "Pragmatica",Arial,sans-serif;font-size: 16px;}
.contacts__left .popup {background-color: #f33e43;color: #fff;font-size: 16px;padding: 8px 25px 8px 25px;font-family: "PragmaticaCond-Bold",Arial,sans-serif;margin-right: 50px;display: initial;}
.contacts__right {padding-top: 40px;width: 100%;margin: 0px auto;float: inherit;text-align: center;display: none;}
.contacts__form {display: inline-flex;padding: 0px 0px 0 30px;}
.call-b {text-align: center;padding-top: 20px;}
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 {text-align: center;flex-basis: 0;flex-grow: 1;max-width: 100%;}
input.form-control.contacts__contact-form__input.contacts__contact-form__input_name {}
.contacts__col #button {width: 200px;background: #f33e43;color: #fff !important;padding: 10px 0;font-family: "PragmaticaCond-Bold",Arial,sans-serif;}
/* ------------------- Phones -------------------------------- */
/* ------------------ price-list.php ------------------------- */
.price-list {padding: 40px 0 50px;width: 100%;display: flex;}
.price-list__name {padding: 20px 0 10px;font-size: 20px;font-family: "Pragmatica-Bold",Arial,sans-serif;}
.price-list .container {width: 100%;}
.content_table {width: 100%;background: #eaebec;margin: 0 auto;border-collapse: separate;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin-bottom: 15px;}
.content_table tr {text-align: center;-moz-box-shadow: 0 1px 2px #d1d1d1;-webkit-box-shadow: 0 1px 2px #d1d1d1;box-shadow: 0 1px 1px #d1d1d1;font-size: 11px;}
.content_table td:hover{background: #f2f2f2;background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);}
.content_table th {color: #020000;font-size: 11px;text-transform: uppercase;padding: 5px 0px 0px 0px;background: #f07000;background: -webkit-gradient(linear, left top, left bottom, from(#f07000), to(#ffa400));background: -moz-linear-gradient(top, #ffd966, #f9ea4c);-moz-box-shadow: 0 1px 2px #d1d1d1;-webkit-box-shadow: 0 1px 1px #d1d1d1;box-shadow: 0 1px 1px #d1d1d1;}
.content_table tr td {padding: 0px 5px 0px 3px;background: #fafafa;background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));background: -moz-linear-gradient(top, #fbfbfb, #fafafa);}
.content_table tr td.list-n {text-align: left;padding: 5px 5px 0px 10px;background: #fafafa;font-family: "PragmaticaCond-Bold",Arial,sans-serif;}
#matnav .navwrap .nhead {font-weight: 700;font-size: 20px;line-height: 1.7;}
.blog-detail #matnav .navitems {padding-bottom: 50px;}
.navitems .navitem.biglink {position: relative;padding: 10px 0px 5px 20px;}
.navitems .navitem.biglink a {color: #333;font-size: 14px;font-family: "Pragmatica-Bold",Arial,sans-serif;border-bottom: 1px solid;}
.navitems .navitem a {font-size: 20px;line-height: 1.6em;}
.blog-detail .content a, .works .content a {text-decoration: none;border-bottom: 1px solid;}
th.list-uit {width: 30px;font-size: 11px;}
.navitems {width: 95%;margin: 0px auto;}
td.list-u {font-size: 9px;}
td.list-p {font-size: 9px;width: 50px;}
.header_link::after{width: 15px;height: 15px;top: 22px;left: 44%;right: 0;margin-left: 0px;}
.header_link:before{top: 30px;left: 45%;width: 7px;height: 7px;}

.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: 20px;}
.error__row {height: 100%;text-align: center;margin: 0px auto;}

.contacts__form {padding: 20px 20px 30px 40px;}

.smeta__img {float: inherit;margin: 0px auto;width: 100%;margin-left: 0px;}
.smeta__img img {width: 100%;height: 100%;}
.smeta__column {height: 100%;width: 90%;margin: 0px auto;}
.smeta__info {width: 100%;float: left;margin: 0px auto;}
.smeta__info--title {font-size: 18px;padding-top: 20px;}
.smeta__btn {display: block;}
.smeta__item {padding: 0px 0px 10px 0px;}
.smeta__btn {top: 20px;padding: 11px 18px;}

.kontrol__img {float: inherit;margin: 0px auto;width: 100%;margin-left: 0px;}
.kontrol__img img {width: 100%;height: 100%;}
.kontrol__column {height: 100%;width: 90%;margin: 0px auto;}
.kontrol__info {width: 100%;float: left;margin: 0px auto;}
.kontrol__info--title {font-size: 18px;padding-top: 20px;}
.kontrol__btn {display: block;}
.kontrol__item {padding: 0px 0px 10px 0px;}
.kontrol__btn {top: 20px;padding: 11px 18px;}

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

.materials__img {float: inherit;margin: 0px auto;width: 100%;margin-left: 0px;}
.materials__img img {width: 100%;height: 100%;}
.materials__column {height: 100%;width: 100%;margin: 0px auto;}
.materials__info {width: 95%;margin-top: 20px;}
.materials__info--text {width: 100%;float: left;margin: 0px auto;}
.materials__info--title {font-size: 18px;padding-top: 20px;}
.materials__btn {display: block;}
.materials__btn {top: 20px;padding: 11px 18px;}
.materials__gallery{width: 100%;position: relative;padding-top: 280px;margin: 0px;height: 80%;}
.materials__gallery>img{position: absolute; left: 0; top: 0; transition: all 0.5s; width: 100%;height: 260px;}
.materials__gallery label {margin: 8px 0 0 8px; border: 3px solid #ffffff; float: left; cursor: pointer; transition: all 0.5s; opacity: 0.6;}
.materials__gallery label img{display: block; width: 100px; height: 60px;}
.materials__gallery input[name='slide_switch4'] {display: none;}
.materials__gallery input[name='slide_switch4']:checked+label {border: 3px solid #007eff; opacity: 1;}
.materials__gallery input[name='slide_switch4'] ~ img {opacity: 0;transform: scale(1.1);}
.materials__gallery input[name='slide_switch4']:checked+label+img {opacity: 1; transform: scale(1);}

.designer__info--item {font-size: 15px;}
.designer__info--span {margin-bottom: 30px;}
.designer__info--biog {text-align: left;margin-left: 10px;}
.designer__img--info {margin: 10px 0px 0px 30px;padding: 5px 10px 5px 0px;}
.designer__img {text-align: center;float: inherit;margin: 0px auto;width: 100%;margin-left: 0px;}
.designer__img img {width: 65%;height: 70%;}
.designer__column {height: 100%;width: 90%;margin: 0px auto;}
.designer__info {width: 100%;float: left;margin: 0px auto;}
.designer__info--title {font-size: 18px;padding-top: 20px;}
.designer__btn {display: block;}
.designer__item {padding: 0px 0px 10px 0px;}
.designer__btn {top: 20px;padding: 11px 18px;}
.design-box {/* background: linear-gradient(to left, #ff8d00, rgb(255 141 0)); */width: 100%;;padding: 30px 10px 30px 10px;}
.design-box__img img {width: 75%;height: 80%;}
.design-box__img {margin-top: 30px;/* margin: 0px auto; */text-align: center;}

.design__img {float: inherit;margin: 0px auto;width: 100%;margin-left: 0px;}
.design__img img {width: 100%;height: 100%;}
.design__column {height: 100%;width: 90%;margin: 0px auto;}
.design__info {width: 100%;float: left;margin: 0px auto;}
.design__info--title {font-size: 18px;padding-top: 20px;}
.design__btn {display: block;}
.design__item {padding: 0px 0px 10px 0px;}
.design__btn {top: 20px;padding: 11px 18px;}

.complex__img {float: inherit;margin: 0px auto;width: 100%;margin-left: 0px;text-align: center;}
.complex__img img {width: 60%;height: 100%;}
.complex__column {height: 100%;width: 90%;margin: 0px auto;}
.complex__info {width: 100%;float: left;margin: 0px auto;}
.complex__info--title {font-size: 18px;padding-top: 20px;}
.complex__btn {display: block;}
.complex__item {padding: 0px 0px 10px 0px;}
.complex__btn {top: 20px;padding: 11px 18px;}
.complex__title.section__header {font-size: 20px;}
.privacy__row {width: 90%;}

/* ------------------- Phones ----------------------------- */
/* ------------------ work-process -------------------------- */
.work-process__column{width: 100%;border-radius: 0px;display: inherit;height: 100%;margin: 0px;margin: 5px 0px 5px 0px;padding: 10px 0px;}
.work-process__row {width: 100%;}
.work-process__column--item .img img {width: 100%;height: 210px;border-radius: 0px;float: inherit;}
.work-process__column--item .title {font-size: 18px;}
.work-process__column--item .list ul li {color: #1a1a1a;background: url(../img/marker.png) left 8px no-repeat;line-height: 24px;padding: 1px 0px 1px 21px;background-size: 10px;font-size: 16px;}
.work-process__column--item .info {padding: 10px 10px 10px 10px;width: 85%;float: inherit;}
.work-process__column--item .img {width: 80%;height: 100%;/* margin-top: 20px; */float: inherit;}
.work-process__column--item .img:nth-child(2){width: 110px;height: 100px;}
.work-process__column--item {/* width: 100%; */margin: 0px auto;text-align: -webkit-center;}
.work-process__title .section-title {font-size: 24px;}
.work-process {padding: 40px 0px 0px;}

/* ------------------- Phones ----------------------------- */
/* ------------------ documents -------------------------- */
.documents__column{width: 100%;border-radius: 0px;display: inherit;height: 100%;margin: 0px;margin: 5px 0px 5px 0px;}
.documents__row {width: 100%;}
.documents__column--item .img img {width: 100%;height: 400px;border-radius: 0px;float: inherit;}
.documents__column--item .title {font-size: 18px;}
.documents__column--item .list ul li {color: #1a1a1a;background: url(../img/marker.png) left 8px no-repeat;line-height: 24px;padding: 1px 0px 1px 21px;background-size: 10px;font-size: 16px;}
.documents__column--item .info {padding: 10px 10px 10px 10px;width: 85%;float: inherit;}
.documents__column--item .img {width: 90%;height: 100%;margin-top: 30px;float: inherit;}
.documents__column--item .img:nth-child(2){width: 110px;height: 100px;}
.documents__column--item {/* width: 100%; */margin: 0px auto;text-align: -webkit-center;}
.documents__title .section-title {font-size: 24px;}
.documents {padding: 40px 0px 0px;}
}
@media only screen and (max-width: 767px) and (orientation: landscape)  {
.header_link:before {left: 68%;top: 27px;}
.header_link::after {left: 68%;margin-left: -4px;top: 19px;}
.container{width: 60%;}
.work-examples .container {width: 60%;}
.work-examples2 .container {width: 60%;}
.objects-now .container {width: 60%;}
input.toggleMenu:checked ~ ul, input.toggleSubmenu:checked ~ ul {max-height: 353px;}
.price-list .container {width: 70%;}
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
.modal-content {width: 100%;}
}
@media only screen and (max-width: 667px) and (orientation: landscape)  {
.header_link:before {left: 65%;top: 27px;}
.header_link::after {left: 65%;top: 20px;}
}
@media only screen and (max-width: 540px){
.header_link::after{left: 57%;}
.header_link:before{left: 58%;}
}
@media only screen and (max-width: 428px){
.header_link::after{left: 44%;top: 19px;}
.header_link:before{left: 45%;top: 26px;}
}
@media only screen and (max-width: 414px){
.header_link::after{left: 40%;top: 19px;}
.header_link:before{left: 41%;top: 27px;}
}
@media only screen and (max-width: 380px){
.list-works__item--list ul li {font-size: 16px;}
.list-works__title.section__header {font-size: 20px;}

.list-works2__item--list ul li {font-size: 16px;}
.list-works2__title.section__header {font-size: 20px;}

.technology__item--list ul li {font-size: 16px;}
.technology__title.section__header {font-size: 20px;}
.technology-box__item--list ul li {font-size: 16px;}
.technology-box__title.section__header {font-size: 20px;}

.work-type__title.section__header {font-size: 23px;}

.header__main .header__contact-col .header__phone-box .header__phone {font-size: 13px;}

.work-process__column--item .list ul li {font-size: 16px;}
.work-process__title .section-title {font-size: 20px;}

.documents__column--item .list ul li {font-size: 16px;}
.documents__title .section-title {font-size: 20px;}
}
@media only screen and (max-width: 375px){
.header_link::after{width: 15px;height: 15px;top: 18px;left: 39%;right: 0;margin-left: 0px;}
.header_link:before{top: 26px;left: 40%;width: 7px;height: 7px;}
}
@media only screen and (max-width: 360px){
.header__main .header__logo-col .header__logo img{width: 100px;}
.header_link::after{width: 15px;height: 15px;top: 19px;left: 37%;right: 0;margin-left: 0px;}
.header_link:before{top: 26px;left: 38%;width: 7px;height: 7px;}

@media only screen and (max-width: 320px) {
.work-process__title .section-title {font-size: 18px;}
.work-process__column--item .info {width: 85%;}

.documents__title .section-title {font-size: 18px;}
.documents__column--item .info {width: 85%;}
}
@media only screen and (max-width: 320px) {
.header__main .header__contact-col .header__working-hours {font-size: 9px;}
.header__main .header__contact-col .header__phone-box .header__phone {font-size: 12px;}
.header__main .header__logo-col .header__logo img {width: 65px;height: 30px;}
.header__main .header__logo-col .header__logo {margin-left: 12px;margin-right: 0px;margin-top: 1px;}
.header__nav-menu label.toggleMenu {font-size: 12px;top: -45px;right: 10px;width: 30px;}
.contacts__form {padding: 10px 20px 20px 20px;}
.contacts__left {width: 90%;margin: 0px auto;}
.contacts__col-title {font-size: 19px;}
form#contacts__contact-form {width: 80%;}
header {height: 43px;}
.head-banner__title h1 {font-size: 24px;}
.head-banner__advantages li {background: url(../img/marker.png) left 4px no-repeat;padding: 0 0 0 19px;background-size: 11px;font-size: 15px;margin-bottom: 12px;}
.head-banner__column {max-width: 90%;}
.section__header {font-size: 19px;}
.list-works__title.section__header {font-size: 18px;}
.list-works__item--info {width: 85%;}
.list-works2__title.section__header {font-size: 18px;}
.list-works2__item--info {width: 85%;}
.technology__title.section__header {font-size: 18px;}
.technology__item--info {width: 85%;}
.technology-box__title.section__header {font-size: 18px;}
.technology-box__item--info {width: 85%;}
.work-type__title.section__header {font-size: 18px;}
.work-examples__gallery label img {width: 80px;}
.work-examples__gallery3 label img {width: 80px;}
.work-examples2__gallery label img {width: 80px;}
.objects-now__gallery label img {width: 80px;}
.materials__gallery label img {width: 80px;}
.footer {padding: 20px 10px 10px 30px;}
.types-of-work__item--list ul li {font-size: 14px;padding: 2px 0 2px 20px;}
.types-of-work__item--list ul {padding: 0 10px 0 5px;}
.header_link::after{width: 15px;height: 15px;top: 17px;left: 31%;right: 0;margin-left: -1px;}
.header_link:before{top: 25px;left: 32%;width: 7px;height: 7px;}
}