body, h1, h2, h3, h4, h5, h6, a, ol, ul, li, p {margin: 0px;padding: 0px;font-weight: normal;}

html, body {width: 100%;}

body {color: #454545;background-color: #272b47; font: 17px/1.8em 'Roboto',Arial,sans-serif; background-image: url(../img/background-main.jpg);}

img, a:focus, select, textarea {border: 0px;outline: 0px;}

a {border-bottom: 1px solid #000000; text-decoration: none;-webkit-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out; color: #000000;}
a:hover {border-bottom-color: #000000;}
a:visited {}
a:visited:hover {}
a.dashed {border-bottom-style: dashed;}
a.no-lnk{border:0px; text-decoration:none;cursor:auto;}
.dark {color: #fff;}
.dark a {color: #ffcd05; border-bottom-color: #ffcd05;border-bottom-color: rgba(255,205,5,.4);}
.dark a:hover {color: #ffcd05; border-bottom-color: #ffcd05;border-bottom-color: rgba(255,205,5,.8);}

button, input[type="button"], select:hover {cursor: pointer;}

.clear {position: relative;width: 100%;height: 1px;clear: both; margin-bottom: -1px;}
.clearfix:after {content: ''; position: relative; display: block; width: 100%; clear: both;}

input:focus {outline: none;}

h1, h2, h3, h4, h5, h6 {color: #333333; margin-bottom: 1em; line-height: 1em;}
h1 {font-weight: 300; font-size: 2.6em; color: #151515;}
h2 {font-weight: 300; font-size: 2.2em; color: #151515;}
h3 {font-weight: 300; font-size: 1.8em; color: #777;}
h4 {font-size: 25px; color: #d53528;}

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {color: #fff;}
/*
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select {width: 280px; border: 2px solid #e0e0e0; height: 34px; padding: 0 15px; background-color: #fff; font-size: 14px; font-family: 'Open Sans', sans-serif;color: #454545; -webkit-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; box-sizing: border-box;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border-color: #6596B3; box-shadow: 0 0 5px rgba(6,108,164,0.5), 0 0 30px rgba(6,108,164,0.2);}
textarea {resize: none; padding: 8px 15px; height: 114px;}

input[type="text"].warning, input[type="password"].warning, textarea.warning, select.warning {border-color:#d63628;}
input[type="text"].success, input[type="password"].success, textarea.success, select.success {}
input[type="text"][disabled], input[type="password"][disabled], textarea[disabled], select[disabled] {}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #aaaaaa;}
input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder {color: #aaaaaa;}
input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder {color: #aaaaaa;}
input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #aaaaaa;}

input[type="text"]:focus::-webkit-input-placeholder, input[type="password"]:focus::-webkit-input-placeholder, textarea.focus::-webkit-input-placeholder {color: #454545;}
input[type="text"]:focus:-moz-placeholder, input[type="password"]:focus:-moz-placeholder, textarea.focus:-moz-placeholder {color: #454545;}
input[type="text"]:focus::-moz-placeholder, input[type="password"]:focus::-moz-placeholder, textarea.focus::-moz-placeholder {color: #454545;}
input[type="text"]:focus:-ms-input-placeholder, input[type="password"]:focus:-ms-input-placeholder, textarea.focus:-ms-input-placeholder {color: #454545;}

input[type="text"].warning::-webkit-input-placeholder, input[type="password"].warning::-webkit-input-placeholder, textarea.warning::-webkit-input-placeholder {color: #d63628;} 
input[type="text"].warning:-moz-placeholder, input[type="password"].warning:-moz-placeholder, textarea.warning:-moz-placeholder {color: #d63628;}
input[type="text"].warning::-moz-placeholder, input[type="password"].warning::-moz-placeholder, textarea.warning::-moz-placeholder {color: #d63628;}
input[type="text"].warning:-ms-input-placeholder, input[type="password"].warning:-ms-input-placeholder, textarea.warning:-ms-input-placeholder {color: #d63628;}
*/
#map_canvas {background-color: #333;}
#map_canvas a {border-bottom: 0;}

.droplist {width: 280px; border: 2px solid #e0e0e0; height: 34px; background-color: #fff; font-size: 14px; font-family: 'Open Sans', sans-serif;color: #454545; -webkit-transition: border-color, box-shadow 100ms ease-in-out; -o-transition: border-color, box-shadow 100ms ease-in-out; transition: border-color, box-shadow 100ms ease-in-out; position: relative; cursor: pointer; background-image: url(../img/droplist-arrow.png); background-image: url(../img/droplist-arrow.svg), none; background-repeat: no-repeat; background-position: 100% 4px; box-sizing: border-box;}
.droplist.droplist-focus {border-color: #6596B3; box-shadow: 0 0 5px rgba(6,108,164,0.5), 0 0 30px rgba(6,108,164,0.2); background-position: 100% -23px;}
.droplist span {display: block; padding: 9px 15px;}
.droplist .droplist-selected {height: 16px; line-height: 24px; position: relative; overflow: hidden; margin-top: -4px;}
.droplist .droplist-inside {background-color: #fff; position: relative; z-index: 10; border-left: 2px solid #e0e0e0; border-right: 2px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; position: absolute; left: -2px; top: 36px; right: -2px; max-height: 189px; overflow-y: auto; display: none;}
.droplist.droplist-focus .droplist-inside {display: block;}
.droplist .droplist-item {min-height: 16px; line-height: 18px; border-top: 1px solid #e0e0e0; color: #888;}
.droplist .droplist-item:hover {background-color: #fafafa;}
.droplist .droplist-item.droplist-active {color: #333; background: #f1f1f1;}
.droplist .droplist-item:first-child {border-top: 0;}

.input-file {position: relative; overflow: hidden; display: inline-block; cursor: pointer; margin-bottom: 0 !important; vertical-align: middle;}
.input-file:hover {}
.input-file input[type="file"] {opacity: 0; position: absolute; left: 0; top: -50px; width: 100%; cursor: pointer; bottom: 0;}
.input-file * {margin-bottom: 0 !important;}
.input-file i.btn-icon {opacity: 0.6;}
.input-file:hover i.btn-icon {opacity: 1;}

.input-select {position: relative; min-width: 190px;}
.input-select.active .input-select-title {border-radius: 2px 2px 0 0;}
.input-select-title {padding: 0 25px 0 10px; border-radius: 2px; background-color: #fff; height: 30px; line-height: 30px; color: #333333; cursor: pointer; position: relative;}
.input-select-title:after {content: ''; background-image: url(../img/input-select.png); background-image: url(../img/input-select.svg),none; width: 30px; height: 30px; background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; right: 0;}
.input-select-title span {position: relative; overflow: hidden; display: block; width: 100%; white-space: nowrap;}
.input-select-list {position: absolute; top: 100%; right: 0; left: 0; background-color: #fff; max-height: 420px; overflow-y: auto; border-radius: 0 0 2px 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-top: 1px solid #f1f1f1; display: none;}
.input-select.active .input-select-list {display: block;}
.input-select-item {padding: 5px 10px; line-height: 18px; font-size: 14px; color: #333333; cursor: pointer;}
.input-select-item:hover {background-color: #55808B; color: #fff;}
.input-select-item:last-child {border-radius: 0 0 1px 1px;}

.hidden {display: none !important; visibility: hidden !important;}
.relative {position: relative;}
.h100 {height: 100px !important;}
.h130 {height: 130px !important;}
.pv50 {padding-top: 50px !important;padding-bottom: 50px !important;}
.p20 {padding: 20px !important;}
.p40 {padding: 40px;}
.plr10pr {padding-left: 10%;padding-right: 10%;}
.pt50 {padding-top: 50px!important;}
.pb25 {padding-bottom: 25px!important;}
.ptb60 {padding-bottom: 60px!important;padding-top: 60px!important;}
.pt60 {padding-top: 60px!important;}
.pb30 {padding-top: 30px!important;}
.pb60 {padding-bottom: 60px!important;}
.pr20 {padding-right: 20px;}
.mtb20 {margin-top: 20px!important;margin-bottom: 20px!important;}
.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb60 {margin-bottom: 60px !important;}
.mt60 {margin-top: 60px !important;}
.mbt60 {margin-bottom: 60px !important; margin-top: 60px !important;}
.mb80 {margin-bottom: 80px !important;}
.mr10 {margin-right: 10px !important;}
.mr30 {margin-right: 30px !important;}
.mh10 {margin-left: 10px !important; margin-right: 10px !important;}
.mv50 {margin-top: 50px !important; margin-bottom: 50px !important;}
.red {color: #e03e10 !important;}
.green {color: #599a43 !important;}
.yellow {color: #ffcc05 !important;}
.gray {color: #999 !important;}
.tac {text-align: center;}
.h300 {height: 300px;}
.mw100p {max-width: 100%;}
.diin {display: inline-block;vertical-align: middle;width: 100%;box-sizing: border-box;}

span.block-green {background-color: #599a43; color: #fff !important; padding: 0.3em 0.5em; border-radius: 2px; display: inline-block; white-space: nowrap;}

hr {border:0; height: 2px; display: block; margin-bottom: 1.6em; background-color: #dadada;}

.background {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #16142a;}
.background .block {position: absolute;left: 0; top: 0; bottom: 0; right: 0;background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}

.background .block.s1 {background-image: url(../img/background-2.jpg);}

.btn, button, input[type="button"], input[type="submit"] {background-color: #d63628;color: #fff !important; font-family: 'Open Sans', sans-serif; border-radius: 2px; border: 0px !important; display: inline-block; outline: none;height: 40px; line-height: 40px; padding: 0 15px; text-align: center;}
.btn:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover {box-shadow: 0 0 5px rgba(224,62,16,0.7), 0 0 30px rgba(224,62,16,0.5);}
.btn.large, button.large, input[type="button"].large, input[type="submit"].large {height: 50px; font-size: 16px; text-transform: uppercase; padding: 0 20px;line-height: 50px;}
.btn.blue, button.blue, input[type="button"].blue, input[type="submit"].blue {background-color: #4c9ec5;}
.btn.blue:hover, button.blue:hover, input[type="button"].blue:hover, input[type="submit"].blue:hover {box-shadow: 0 0 5px rgba(76,158,197,0.7), 0 0 30px rgba(76,158,197,0.5);}
.btn {}
.btn[disabled], button[disabled], input[type="button"][disabled], input[type="submit"][disabled] {}

.btn i.btn-icon, button i.btn-icon {opacity: 0.6;}
.btn:hover i.btn-icon, button:hover i.btn-icon {opacity: 1;}

.site {position: relative; overflow: hidden;}

.white {background-color: #fff;}

.color-white {color: #fff;}

.grey {background-color: #f5f5f5;}

.bg-green {background-color: #75cd49;}

.bg-darkblue {background-color: #217db2;}

.bg-blue {background-color: #2fc7f7;}

.blue {background-color: #4c9ec5;}

.wrapper-inside {max-width: 1200px; margin: 0 auto; position: relative; padding: 0 40px;}

.main-header {min-height: 550px; position: relative;}
.main-header strong {font-weight: 600;}
.main-header .topline {font-size: 1.2em; height: 160px; background-image: url(../img/main-header-topline.png); position: absolute; top: 0; left: 0; right: 0; background-repeat: repeat-x;}
.main-header .topline .inside {max-width: 1200px; padding: 36px 40px 0 40px; margin: 0 auto;}
.main-header .topline .contacts {float: left;}
.main-header .topline ul.menu {float: right;}
.main-header .topline ul.menu li {list-style: none; float: left; margin-left: 40px;}
.main-header .topline ul.menu li:first-child {margin-left: 0;}
.main-header .topline ul.menu a {color: #fff; border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,.2);}
.main-header .topline ul.menu a:hover {color: #ffcd05; border-bottom-color: #ffcd05;border-bottom-color: rgba(255,205,5,.8);}
.main-header .topline ul.menu a.home {border-bottom-width: 0;}
.main-header .topline ul.menu a.home span {background-image: url(../img/icon-home.png);background-image: url(../img/icon-home.svg), none; background-position: 0 -20px; width: 16px; height: 16px; display: inline-block; margin-top: 3px;}
.main-header .topline ul.menu a.home:hover span {background-position: 0 -40px;}
.main-header .topline ul.menu li.selected a {border-bottom-color: transparent; color: #d63628;}
.main-header .topline ul.menu li.selected a.home span {background-position: 0 -60px;}
.main-header .table {display: table; height: 100%; width: 100%;}
.main-header .table .cell {display: table-cell; vertical-align: middle; text-align: center;}
.main-header .logo {width: 350px;height: 107px; background-image: url(../img/logo-main.png);background-image: url(../img/logo-main.svg), none; display: inline-block; margin-bottom: 50px;}
.main-header .logo {background-image: none;}
.main-header .logo svg {margin-left: -25px;}
.main-header .logo img {display: none;}
.main-header .table .inside {font-size: 2em; line-height: 1.6em;}
.main-header .table .inside .text {margin-bottom: 60px;}

.main-header .link {position: absolute; min-height: 150px; background-repeat: no-repeat; font-size: 20px;}
.main-header .link a {font-size: 26px; line-height: 30px; color: #fff; border-bottom-color: rgba(255,255,255,0.4);}
.main-header .link a:hover {color: #ffcd05; border-bottom-color: rgba(255,205,5,.8);}
.main-header .link div {margin-bottom: 5px;}
.main-header .link > .table {height: 100% !important;}
.main-header .link .price {font-size: 14px;}
.main-header .link .price span {display: inline-block; line-height: 24px; padding: 0 5px; background-color: #ffcd05; color: #575036; border-radius: 2px;}
.main-header .link.inexpencive {left: 90px; top: 25%; padding-left: 170px; background-image: url(../img/header-icon-inexpensive.png); background-position: 0 50%; height: 150px; margin-top: -75px;}
.main-header .link.inexpencive > .table > .cell {text-align: left;}
.main-header .link.exclusive {right: 90px; top: 25%; padding-right: 170px; background-image: url(../img/header-icon-exclusive.png); background-position: 100% 50%; height: 150px; margin-top: -75px;}
.main-header .link.exclusive > .table > .cell {text-align: right;}
.main-header .link.seo {left: 90px; bottom: 20%; padding-left: 170px; background-image: url(../img/icon-seo-optimization.png); background-position: 0 50%; height: 150px; margin-top: -75px;}
.main-header .link.seo > .table > .cell {text-align: left;}
.main-header .link.marketing {right: 90px; bottom: 20%; padding-right: 170px; background-image: url(../img/icon-marketing.png); background-position: 100% 50%; height: 150px; margin-top: -75px;}
.main-header .link.marketing > .table > .cell {text-align: right;}

.main-icons-title {font-size: 52px; text-align: center; text-transform: lowercase; line-height: 90px; background-color: #304946; background-color: rgba(0,0,0,.2); font-weight: 300; height: 140px; position: relative; overflow: hidden; border-radius: 2px 2px 0 0;}
.main-icons-title a {font-weight: 300; display: inline-block; line-height: 60px;}
.main-icons-title .border {position: absolute; bottom: 0;}
.main-icons-title .border.left {background-color: #fff; right: 50%; margin-right: 40px; width: 50%; height: 40px;}
.main-icons-title .border.right {background-color: #fff; left: 50%; margin-left: 40px; width: 50%; height: 40px;}
.main-icons-title .border.box-left {left: 50%; margin-left: -40px; border-bottom: 40px solid #fff; border-right: 40px solid transparent;border-top: 40px solid transparent;}
.main-icons-title .border.box-right {right: 50%; margin-right: -40px; border-bottom: 40px solid #fff; border-left: 40px solid transparent;border-top: 40px solid transparent;}

.main-icons-list {text-align: center; width: 960px; margin: 0 auto; padding-bottom: 40px; padding-top: 40px;}
.main-icons-list .block {width: 240px; float: left; padding-bottom: 30px; padding-top: 30px;}
.main-icons-list .image {height: 64px; margin-bottom: 1.6em;}
.main-icons-list .image span {width: 64px;height: 64px; border-radius: 32px; background-color: #d63628; display: inline-block;}
.main-icons-list .image span.red {background-color: #d63628;}
.main-icons-list .image span.yellow {background-color: #ffc906;}
.main-icons-list .image span.green {background-color: #589943;}
.main-icons-list .image span.blue {background-color: #066ca4;}
.main-icons-list .image span.image-like {background-image: url(../img/icon-like.png);background-image: url(../img/icon-like.svg), none;}
.main-icons-list .image span.image-see {background-image: url(../img/icon-see.png);background-image: url(../img/icon-see.svg), none;}
.main-icons-list .image span.image-pencil {background-image: url(../img/icon-pencil.png);background-image: url(../img/icon-pencil.svg), none;}
.main-icons-list .image span.image-scales {background-image: url(../img/icon-scales.png);background-image: url(../img/icon-scales.svg), none;}
.main-icons-list .image span.image-consultation {background-image: url(../img/icon-consultation.png);background-image: url(../img/icon-consultation.svg), none;}
.main-icons-list .image span.image-checklist {background-image: url(../img/icon-checklist.png);background-image: url(../img/icon-checklist.svg), none;}
.main-icons-list .image span.image-cloud {background-image: url(../img/icon-cloud.png);background-image: url(../img/icon-cloud.svg), none;}
.main-icons-list .image span.image-training {background-image: url(../img/icon-training.png);background-image: url(../img/icon-training.svg), none;}
.main-icons-list .description strong {color: #000; font-size: 1.3em; display: block; font-weight: 600; line-height: 1.8em;}

.main-works {height: 120px; position: relative;}
.main-works .title {position: absolute; right: 50%; margin-right: 240px; left: 0; text-align: center; line-height: 110px; background-color: #1b1020; background-color: rgba(0,0,0,.2); height: 120px;padding-left: 20px;}
.main-works .title a, .main-works .title .text {font-size: 36px;}
.main-works .title .border {position: absolute;right: -40px; top: 0; border-left: 40px solid #1b1020; border-left-color: rgba(0,0,0,.2); border-top: 60px solid transparent; border-bottom: 60px solid transparent;}
.main-works .list {position: absolute; left: 50%; margin-left: -160px; top: 0; height: 120px;}
.main-works .list .cell {padding-top: 10px;}
.main-works .list .block {float: left; margin-right: 30px; margin-bottom: 10px;}
.main-works .list a {color: #fff; border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,.2); position: relative;}
.main-works .list a span {position: relative;}
.main-works .list a.selected {color: #524e3c !important; border-color: transparent !important;}
.main-works .list a.selected:before {content: ''; position: absolute; left: -10px; top: -3px;bottom: -3px; right: -23px; border-radius: 2px; background-color: #ffcd05;}
.main-works .list a:hover {color: #ffc906; border-bottom-color: #ffc906; border-bottom-color: rgba(255,201,6,.6);}
.main-works .list a sup {position: absolute; left: 100%; margin-left: 5px; text-align: left; color: #ffc906; top: -4px;}
.main-works .list a.selected sup {color: #524e3c;}

.portfolio-categories {margin-bottom: 34px; position: relative;}
.portfolio-categories ul.tabs {font-size: 16px;}
.portfolio-categories ul.tabs li {list-style: none; display: inline-block; vertical-align: top; margin-right: 10px; padding: 0 20px; line-height: 40px;}
.portfolio-categories ul.tabs li.selected {border-radius: 3px; background-color: #ffc906;}
.portfolio-categories ul.tabs li.selected a {text-decoration: none; color: #2b2828;}
.portfolio-categories .lists {position: absolute; top: -24px; right: 0;}
.portfolio-categories .lists .block {float: left; margin-left: 30px; width: 190px;}

.main-portfolio .block {width: 16.66%; float: left;}
.main-portfolio .block img {display: block; width: 100%;}

.main-team {margin-bottom: 80px;}
.main-team .title {text-align: center;font-size: 36px; padding: 80px 0 60px;}
.main-team .title a {color: #fff; border-bottom-color: 1px solid #505b71; border-bottom-color: rgba(255,255,255,0.2); position: relative;}
.main-team .title a:hover {color: #ffc906; border-bottom-color: #a37e10; border-bottom-color: rgba(255,201,6,.6);}
.main-team .title a span {font-size: 18px; color: #ffc906; left: 100%; margin-left: 5px; top: 5px; position: absolute;}
.main-team .list {width: 960px; margin: 0 auto 40px; padding-left: 40px; padding-right: 40px; background-color: #fff; padding-top: 80px; position: relative;}
.main-team .list .border {position: absolute; left: 50%; margin-left: -20px; top: -20px; border-bottom: 20px solid #fff; border-left: 20px solid transparent; border-right: 20px solid transparent;}
.main-team .list .block {float: left; width: 25%; padding-right: 40px; margin-bottom: 80px; height: 100px; box-sizing: border-box;}
.main-team .list .block .image {display: table-cell; width: 100px;padding-right: 20px;}
.main-team .list .block .image a {display: block; position: relative; overflow: hidden; border-radius: 50px;}
.main-team .list .block .image a img {display: block;}
.main-team .list .block .description {display: table-cell; vertical-align: middle;}
.main-team .list .block .description div:first-child {font-size: 1.2em; margin-bottom: 0.5em;}
.main-team .more {text-align: center; margin-bottom: 40px;}
.main-team .more a.btn {width: 140px;}

.main-map {position: relative; overflow: hidden;}
.main-map .contacts-frame {width: 180px; height: 200px; padding: 40px; font-weight: 300; background-color: #151515; position: absolute; left: 50%; margin-left: 240px; top: 50%; margin-top: -120px;}
.main-map .contacts-frame .name {font-size: 1.6em;}
.main-map .contacts-frame div {margin-bottom: 10px;}
.main-map .contacts-frame .phone {font-size: 1.2em; line-height: 1.6em;}
.main-map .contacts-frame a {font-weight: 300;}

.footer {background-color: #fff; padding: 30px 0; position: relative; line-height: 32px;}
.footer .wrapper-inside {padding: 0 30px; max-width: 1200px; margin: 0 auto;}
.footer .left {float: left;}
.footer .left span {color: #999;}
.footer .right {float: right;}
.footer .icon {width: 32px; height: 32px; position: relative; display: inline-block; vertical-align: top; margin-left: 10px; border-bottom: 0; float: left;}
.footer .icon.icon-vkontakte {background-image: url(../img/icon-vkontakte.png);background-image: url(../img/icon-vkontakte.svg), none;}
.footer .icon.icon-facebook {background-image: url(../img/icon-facebook.png);background-image: url(../img/icon-facebook.svg), none;}
.footer .icon.icon-twitter {background-image: url(../img/icon-twitter.png);background-image: url(../img/icon-twitter.svg), none;}

.header {height: 100px; background-color: #fff; position: fixed; left: 0;top: 0;right: 0; z-index: 1000; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.header .logo {width: 194px;height: 60px; background-image: url(../img/logo.png);background-image: url(../img/logo.svg), none; display: inline-block; margin-bottom: 50px; background-size: 194px; position: absolute; left: 40px;top: 14px; background-repeat: no-repeat; border-bottom: 0 !important;}
.header .logo img {display: none;}
.header ul.menu {position: absolute; right: 40px; top: 40px; font-size: 16px;}
.header ul.menu li {list-style: none; float: left; margin-left: 40px;}
.header ul.menu li:first-child {margin-left: 0;}
.header ul.menu a {color: #000; border-bottom-color: #000;}
.header ul.menu a:hover {color: #000; border-bottom-color: #000;}
.header ul.menu a.home i {font-style: normal; display: none;}
.header ul.menu a.home span {background-image: url(../img/icon-home.png);background-image: url(../img/icon-home.svg), none; background-position: 0 0; width: 16px; height: 16px; display: inline-block; margin-top: 3px;}
.header ul.menu a.home:hover span {}
.header ul.menu li.show-menu {display: none;}
.header ul.menu li.show-menu a {}
.header ul.menu li.show-menu a span {background-image: url(../img/icon-header-menu.png);background-image: url(../img/icon-header-menu.svg), none; background-position: 0 0; width: 16px; height: 16px; display: inline-block; margin-top: 3px;}
.header ul.menu li.show-menu a:hover span {}
.header ul.menu li.selected a {border-bottom-color: transparent; color: #d53528;}
.header ul.menu li.selected a.home span {background-position: 0 -60px;}
.header ul.menu .btn {margin-top: -10px;}

.table {display: table; width: 100%; height: 100%; margin-bottom: 0 !important;}
.table .cell {display: table-cell; vertical-align: middle;}

.h-wh {position: relative; overflow: hidden;}
.h-wh .table {width: 960px; margin: 0 auto;}
.h-wh .table .cell .relative {margin: 0 40px; z-index: 2;}

.h-wh .description {width: 440px;}
.h-wh.right .description {float: right; clear: both;}
.h-wh .description div, .h-wh .description h2 {margin: 20px 0;}
.h-wh .b-image--w {top: 70%!important;}
.h-wh .b-image--w img {width: 550px;}
.h-wh ._w-left {left: 0px!important;}
.h-wh ._w-left img {width: inherit;}
.h-wh .image {position: absolute; right: -260px;top: 50%; height: 680px; margin-top: -340px;}
.h-wh.right .image {right: auto; left: -260px;}
.h-wh .title a {font-weight: 300 !important; font-size: 36px;color: #e03e10; border-bottom-color: #e03e10;border-bottom-color: rgba(224,62,16,0.2); line-height: 46px;}
.h-wh .title a:hover {border-bottom-color: rgba(224,62,16,0.8)}
.h-wh.dark .title {color: #ffcd05;}
.h-wh.dark .title a {color: #ffcd05; border-bottom-color: #ffcd05; border-bottom-color: rgba(255,205,5,0.2);}
.h-wh.dark .title a:hover {border-bottom-color: rgba(255,205,5,0.8);}
.h-wh.white {background-color: #fff;}
.h-wh.grid-isometry:after {position: absolute; left: -100%; top: 0;right: 0;bottom: -100%; background-image: url(../img/grid.png); content: ''; opacity: .03; -moz-transform: rotate(-35deg) skewX(30deg); -webkit-transform: rotate(-35deg) skewX(30deg); -o-transform: rotate(-35deg) skewX(30deg); -ms-transform: rotate(-35deg) skewX(30deg); transform: rotate(-35deg) skewX(30deg);}

.h-wh .more {display: block; width: 100px; padding-bottom: 40px; text-align: center; position: absolute; bottom: 20px; left: 50%; margin-left: -50px; background-image: url(../img/service-more.png); background-repeat: no-repeat; background-position: 50% 100%; font-size: 12px; text-transform: uppercase; border-bottom: 0;}
.h-wh .more:before {content: 'Другие услуги'; color: rgba(255,255,255,0.5);}

.h440 {height: 440px !important;}

.breadcrumbs {height: 38px; padding: 12px 0 0; background-color: rgba(0,0,0,0.1);}
.breadcrumbs .wrapper-inside {max-width: 1200px; margin: 0 auto;}
.breadcrumbs a, .breadcrumbs span {float: left;}
.breadcrumbs span.arrow {background-image: url(../img/breadcrumbs-arrow.png); display: inline-block; margin-top: -12px; height: 50px;width: 30px;}

.column {float: left; position: relative;}
.column.w33 {width: 33.33%;}
.column.w66 {width: 66.66%;}
.column.w50 {width: 50%;}
.column .inside {padding-left: 15px;}

.text-block > div {margin-bottom: 1.6em;}
.text-block strong, .text-block b {font-weight: 600;}
.dark .text-block strong, .dark .text-block b {color: #fff;}
.text-block ul.menu {padding: 0; margin: 0;}
.text-block ul.menu li {display: inline-block; vertical-align: top; margin: 0 1em 1em 0; padding: 0.3em 0.5em;}
.text-block ul.menu li:after {content: none;}
.text-block ul.menu li.selected {background-color: #fff; border-radius: 2px;}
.text-block ul.menu li.selected sup {color: #454545 !important;}
.text-block ul.menu li.selected a {background-color: #fff; color: #e03e10; border-bottom: 0;}
.text-block ul.menu li sup {color: #999999;}
.dark .text-block ul.menu li sup {color: #fff;}
.text-block h2 {padding: 0.7em 0 0.5em;}
.text-block h3 {padding: 0.7em 0 0.5em;}
.text-block h3 span {color: #333;}
.text-block ul, .text-block ol {margin: 0 0 1.6em 0;}
.text-block ul li, .text-block ol li {margin: 0 0 0.8em 30px; position: relative;}
.text-block ul li {list-style: none;}
.text-block ul li:after {position: absolute; content: ''; left: -30px; top: 8px; border-left: 6px solid #e03e10; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}
/*.text-block img {max-width: 100%; height: auto !important;}*/
.text-block q {border: 2px solid #ffcd05; padding: 20px; font-size: 1em; margin-bottom: 1.6em; font-weight: bold; display: inline-block;}

.news-list {padding: 40px 0;}
.news-list .title {text-align: center; font-size: 2.4em; margin-bottom: 2em; line-height: 1.6em;}
.news-list .title a {font-weight: 300;}
.news-list .title sup {color: #777777; top: -10px; font-weight: 300;}
.news-list.white .title a {color: #d63628; font-weight: 300; border-bottom-color: rgba(214,54,40,0.2);}
.news-list.white .title a:hover {border-bottom-color: rgba(214,54,40,0.6);}
.news-list.dark .title a {color: #fff; font-weight: 300; border-bottom-color: rgba(255,255,255,0.2);}
.news-list.dark .title a:hover {border-bottom-color: rgba(255,255,255,0.6);}
.news-list.dark .title sup {color: #ffcc05;}
.news-list .list {margin-left: -40px; margin-bottom: 60px;}
.news-list .list .block {width: 33.33%; float: left;}
.news-list .list .block .inside {margin-left: 40px;}
.news-list .list .block .inside div {margin-bottom: 1.6em;}
.news-list .list .block .name a {font-size: 20px; font-weight: 300;}
.news-list .list .block .more a {margin-right: 1em;}
.news-list .list .block .text {font-size: 0.85em;}
.news-list .list .block .date {font-size: 0.85em; margin-bottom: 0 !important;}
.news-list.reviews .list .block .text {color: #777777; font-style: italic;}

.team-list {padding: 0;}
.team-list .block {margin-bottom: 3.2em;}
.team-list .block .photo {float: left; width: 200px; height: 200px; position: relative; overflow: hidden; border-radius: 50%;}
.team-list .block .photo img {display: block;}
.team-list .block .description {padding-left: 240px; padding-top: 30px;}
.team-list .block .description div {margin-bottom: 1.6em;}
.team-list .block .description .name a {font-size: 30px; font-weight: 300;}
.team-list .block .description .name span {display: inline-block; margin-left: 1.6em; background-color: #ffcc05; line-height: 1.6em; padding: 0.4em 0.6em; color: #151515; font-size: 0.7em; border-radius: 2px; vertical-align: middle; cursor: default;}
.team-list .block .description div.text div.inside {margin-bottom: 0;}
.team-list .block .description div.text div.inside div:last-child {margin-bottom: 0;}
.team-list .block .description .text {position: relative; overflow: hidden;}

.news-list-inside .block {margin-bottom: 3.6em;}
.news-list-inside .block div {margin-bottom: 1.6em;}
.news-list-inside .block .date {margin-bottom: 0; color: #fff; opacity: 0.5; font-size: 0.8em;}
.news-list-inside .block .name {font-size: 24px; line-height: 1.2em; color: #ffcc05; font-weight: 300; margin-bottom: 1.4em;}
.news-list-inside .block .name a {font-weight: 300;}

.reviews-list-inside .block {margin-bottom: 3.6em;}
.reviews-list-inside .block div {margin-bottom: 1.6em;}
.reviews-list-inside .block .date {margin-bottom: 0; color: #fff; opacity: 0.5; font-size: 0.8em;}
.reviews-list-inside .block .name {font-size: 24px; line-height: 1.2em; color: #ffcc05; font-weight: 300; margin-bottom: 1.4em;}
.reviews-list-inside .block .name a {font-weight: 300;}
.reviews-list-inside .block.selected .name a {border-bottom: 0;}
.reviews-list-inside .block .text {font-style: italic; margin-bottom: 0 !important;}
.reviews-list-inside .block .cover {float: right; margin-left: 40px; margin-bottom: 0; position: relative; margin-bottom: 20px; display: block; top: 0; left: 0; margin-right: 20px; }
.reviews-list-inside .block .cover, .reviews-list-inside .block .cover:after, .reviews-list-inside .block .cover:before {-webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;}
.reviews-list-inside .block .cover:hover {left: 15px; top: 15px;}
.reviews-list-inside .block .cover:after {position: absolute; width: 100%; height: 100%; right: 2px; top: -2px; background-color: rgba(255,255,255,0.1); content: '';}
.reviews-list-inside .block .cover:hover:after {right: 8px; top: -8px;}
.reviews-list-inside .block .cover:before {position: absolute; width: 100%; height: 100%; right: 4px; top: -4px; background-color: rgba(255,255,255,0.1); content: '';}
.reviews-list-inside .block .cover:hover:before {right: 15px; top: -15px;}
.reviews-list-inside .block .cover img {display: block;position: relative; z-index: 5;}
.reviews-list-inside .block .inside {height: 0; position: relative; overflow: hidden; margin-bottom: 0 !important;height:100px;}
.reviews-list-inside .block.selected .inside {height: auto;}
.reviews-list-inside .block .more div {margin-right: 20px; display: inline-block; margin-bottom: 0;}




i.icon {width: 20px; height: 20px; background-image: url(../img/icons.png);background-image: url(../img/icons.svg), none; background-repeat: no-repeat; display: inline-block; vertical-align: middle;}

i.icon.icon-phone 				{background-position: 0 0;}
i.icon.icon-phone.icon-orange	{background-position: -60px 0;}

i.icon.icon-support 			{background-position: 0 -20px;}

i.icon.icon-mail 				{background-position: 0 -40px;}
i.icon.icon-mail.icon-orange	{background-position: -60px -40px;}

i.icon.icon-adress 				{background-position: 0 -60px;}
i.icon.icon-adress.icon-orange	{background-position: -60px -60px;}

i.icon.icon-clock 				{background-position: 0 -80px;}

i.icon.icon-earth.icon-blue 	{background-position: -20px -100px;}
i.icon.icon-earth.icon-white 	{background-position: -40px -100px;}
i.icon.icon-earth.icon-orange 	{background-position: -60px -100px;}

i.icon.icon-peoples 			{background-position: 0 -120px;}
i.icon.icon-peoples.icon-blue 	{background-position: -20px -120px;}
i.icon.icon-peoples.icon-orange	{background-position: -60px -120px;}

i.icon.icon-page				{background-position: 0 -140px;}
i.icon.icon-page.icon-blue 		{background-position: -20px -140px;}
i.icon.icon-page.icon-orange	{background-position: -60px -140px;}

i.icon.icon-news				{background-position: 0 -160px; background-size: auto !important;}
i.icon.icon-news.icon-blue 		{background-position: -20px -160px;}
i.icon.icon-news.icon-orange 	{background-position: -60px -160px;}

i.icon.icon-pencil				{background-position: 0 -180px;}
i.icon.icon-pencil.icon-blue 	{background-position: -20px -180px;}
i.icon.icon-pencil.icon-orange 	{background-position: -60px -180px;}

i.icon.icon-user 				{background-position: 0 -200px;}
i.icon.icon-user.icon-blue 		{background-position: -20px -200px;}
i.icon.icon-user.icon-orange	{background-position: -60px -200px;}

i.icon.icon-sheet 				{background-position: 0 -220px;}
i.icon.icon-sheet.icon-blue 	{background-position: -20px -220px;}
i.icon.icon-sheet.icon-orange 	{background-position: -60px -220px;}

i.icon.icon-image 				{background-position: 0 -240px;}
i.icon.icon-image.icon-blue 	{background-position: -20px -240px;}
i.icon.icon-image.icon-orange 	{background-position: -60px -240px;}

i.icon.icon-plus.icon-green 	{background-position: -80px -260px;}

i.icon.icon-minus.icon-orange 	{background-position: -60px -280px;}



i.btn-icon {width: 24px; height: 40px; display: inline-block; background-repeat: no-repeat; vertical-align: top; background-position: 0 50%;}
i.btn-icon.icon-upload {background-image: url(../img/btn-icon-upload.png);}

.working-day span {display: inline-block; vertical-align: top; padding-right: 10px; height: 24px; line-height: 24px; border-left: 1px solid #f1f1f1; padding-left: 10px; float: left; color: #599a43;}
.working-day span:first-child {border-left: 0; padding-left: 0;}
.working-day span.weekend {color: #bbbbbb;}

.title-dark {font-size: 46px; color: #ffffff; font-weight: 300; text-align: center; line-height: 56px; padding: 32px 0;}
.title-dark.bg {background-color: rgba(0,0,0,0.4);}

.incut {height: 440px; position: relative; background-color: #fff;}
.incut .image {position: absolute; left: 0; top: 50%; margin-top: -220px;}
.incut .wrapper-inside, .incut .wrapper-inside .description {height: 440px;}
.incut .description {padding-left: 480px; position: relative; z-index: 2;}
.incut .title {font-size: 46px; font-weight: 300; color: #4c9ec5; line-height: 1em; margin-bottom: 20px;}
.incut.grid:after {position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../img/grid.png); opacity: 0.02;}
.incut.dark {background-color: transparent;}
.incut.dark .title {color: #ffd600;}
.incut.green {background-color: #74bb51; color: #eef4ea !important;}
.incut.green .title {color: #fff;}
.incut.blue {color: #d8eaf2; background-color: #4c9ec5;}
.incut.blue .title {color: #fff;}

.info {width: 28px; height: 28px; position: relative; display: inline-block; vertical-align: middle; margin-bottom: 0 !important;}
.info:after {width: 24px; height: 24px; border-radius: 14px; border: 2px solid #e03e10; border-color: rgba(224,62,16,.2); content: '?'; position: absolute; left: 0; top: 0; line-height: 24px; text-align: center; font-size: 16px; color: #e03e10; font-weight: 700;}
.info:hover:after {border-color: rgba(224,62,16,.8)}
.info .info-description {display: none; position: absolute; width: 300px; left: 50%; margin-left: -170px; padding: 20px; background-color: #FCE7D1; font-size: 13px; line-height: 18px; bottom: 30px; color: #81684D;}
.info .info-description:after {position: absolute; bottom: -10px; left: 50%; margin-left: -10px; border-top: 10px solid #FCE7D1; border-left: 10px solid transparent; border-right: 10px solid transparent; content: '';}
.info:hover .info-description {display: block;}

.portfolio-list {position: relative; overflow: hidden;}
.portfolio-list .block {width: 16.66%;float: left; position: relative; text-align: center; overflow: hidden;}
.portfolio-list .block img.image {width: 100%; display: block;}
.portfolio-list .block:hover img.image {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.portfolio-list.main-portfolio .block:hover img.image {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.portfolio-list .block .description {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.portfolio-list .block.category-name {background-color: rgba(0,0,0,0.2); color: #fff;}
.portfolio-list .block.category-name .name {font-size: 1.6em; color: #ffffff; font-weight: 300;}
.portfolio-list .block.category-name .description div {padding: 15px 0;}
.portfolio-list.row .block.category-name:after {content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 1px; display: block; background-color: rgba(255,255,255,0.2);}
.portfolio-list .block.item .description {background-color: #fff;/* box-shadow: inset 0 0 80px rgba(42,45,71,0.2);*/ top:0; border-radius: 50%; opacity: 0.97; opacity: 0; -moz-transform: scale(0.6); -webkit-transform: scale(0.6); -o-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6);}
.portfolio-list .block * {-webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.portfolio-list .block.item:hover img.image {opacity: 0.6;}
.portfolio-list.main-portfolio .block.item:hover img.image {opacity: 1;}
.portfolio-list .block.item:hover .description {border-radius: 0; opacity: 0.98; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.portfolio-list .block.item .description .name {font-size: 1.6em;}
.portfolio-list .block.item .description .name a {font-weight: 300; line-height: 1.2em;}
.portfolio-list .block.item .description div {margin-bottom: 1em;}
.portfolio-list .block.item .description div:last-child {margin-bottom: 0;}

.portfolio-list_2 {margin: 0 0 20px -20px;}
.portfolio-list_2 .container {width: 25%; float: left; box-sizing: border-box; padding-left: 20px; padding-bottom: 20px;}
.portfolio-list_2 .container .item {position: relative; overflow: hidden; border-radius: 0 0 4px 4px; cursor: pointer; padding-top: 44px;}
.portfolio-list_2 .container .item-header {position: absolute; top: 0; right: 50px; left: 0; height: 45px; background-repeat: no-repeat; background-position: 0 0; background-repeat: no-repeat; background-image: url(../img/portfolio-item-2__header.png); background-image: url(../img/portfolio-item-2__header.svg),none; box-sizing: border-box; padding: 20px 0 0 31px; font-size: 10px; }
.portfolio-list_2 .container .item-header:after {content: ''; position: absolute; top: 0; right: -50px; width: 50px; height: 45px; background-repeat: no-repeat; background-position: 100% 0; background-repeat: no-repeat; background-image: url(../img/portfolio-item-2__header.png); background-image: url(../img/portfolio-item-2__header.svg),none; }
.portfolio-list_2 .container .image {width: 100%; display: block;}

.portfolio-item {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; z-index: 1000;}
.portfolio-item .head {padding: 30px 0; background-color: #fff; border-top: 1px solid #e0dede; box-shadow: 0 -3px 6px rgba(0,0,0,0.03); min-height: 26px;}
.portfolio-item .head .request {position: absolute; top: -7px; right: 40px;}
.portfolio-item .head .more {font-size: 16px; color: #066ca4; text-decoration: none; padding-left: 30px; border-bottom: 0; position: relative;}
.portfolio-item .head .more:after {content: '';width: 21px; height: 21px; background-image: url(../img/portfolio-item-more.png); background-image: url(../img/portfolio-item-more.svg),none; background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 50%; margin-top: -10px; left: 0;}
.portfolio-item .head .more span {border-bottom: 1px dashed #066ca4;}
.portfolio-item .head .contacts {position: absolute; left: 0; right: 0; top: 0; text-align: center;}
.portfolio-item .head .contacts .block {display: inline-block; vertical-align: top; margin: 0 10px;}
.portfolio-item .description {position: absolute; right: 0; bottom: 0; left: 0; max-height: 100%; overflow-y: auto;}
.portfolio-item .item {position: absolute; top: 0; right: 0; left: 0; bottom: 0;}
.portfolio-item .item iframe {width: 100%; height: 100%;}
.portfolio-item .description .inside {position: relative; overflow: hidden; background-image: url(../img/background-main.jpg); background-position: 50% 0; color: #fff;}
.portfolio-item .description .inside .wrapper-inside {padding-top: 30px; padding-bottom: 30px;}
.portfolio-item .description .text {padding-right: 530px;}
.portfolio-item .description .text .title {font-size: 24px; font-weight: 300; margin-bottom: 20px;}
.portfolio-item .description .text ul {}
.portfolio-item .description .text ul li {list-style: none; margin-bottom: 10px; position: relative; padding-left: 28px;}
.portfolio-item .description .text ul li:after {content: ''; width: 16px; height: 16px; position: absolute; left: 0; top: 5px; background-image: url(../img/portfolio-list_2-list.png); background-image: url(../img/portfolio-list_2-list.svg),none; background-repeat: no-repeat;}
.portfolio-item .description .result {position: absolute; top: 30px; right: 0; text-align: center;}
.portfolio-item .description .result .title {font-size: 24px; font-weight: 300; margin-bottom: 30px;}
.portfolio-item .description .result .list .block {float: left; width: 150px; text-align: center; color: #ffc906;}
.portfolio-item .description .result .list .number {width: 76px; height: 76px; border-radius: 50%; border: 2px solid #ffc906; line-height: 76px; font-size: 24px; font-weight: bold; display: inline-block; margin-bottom: 10px;}

.image-right {float: right;}

sup {font-size: 0.6em; position: relative; box-sizing: content-box; top: -4px; margin: 0; padding: 0; vertical-align: middle;}
.dark sup {color: #fff;}

.pagination {margin-bottom: 1.6em;}
.pagination a {display: inline-block; margin-right: 7px;}
.pagination a.selected {color: #fff; border-bottom-color: transparent;}

table.price {border-collapse: collapse; width: 100%; margin-bottom: 1.6em;}
table.price tr td, table.price tr th {border-bottom: 2px solid #dadada; text-align: center; width: 17%; font-size: 20px; font-weight: 600; padding: 15px 0;}
table.price tr th {font-weight: 400; color: #e03e10;}
table.price tr td:first-child, table.price tr th:first-child {text-align: left; font-weight: 400; width: auto;}
table.price tr td span {color: #999999;}
table.price .easy {font-size: 16px; color: #151515; font-weight: 400;}

.p404 {padding-top: 2em;}
.p404 .wrapper-inside {text-align: center; padding: 6em 2em;}
.p404 .wrapper-inside.white:after {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../img/grid.png); opacity: 0.03; content: '';}
.p404 .wrapper-inside img {max-width: 100%;}
.p404 h2 {font-size: 2.8em; color: #fff;}

ul.dark-menu {text-align: left; margin-bottom: 20px;}
ul.dark-menu li {list-style: none;}
ul.dark-menu > li {width: 25%; float: left;}
ul.dark-menu > li > a {font-size: 1.3em; font-weight: 300;}
ul.dark-menu > li > ul {padding-top: 1.6em;}
ul.dark-menu > li > ul > li {margin-bottom: 0.5em;}
ul.dark-menu > li > ul > li > a {color: #fff; border-bottom-color: rgba(255,255,255,0.2);}
ul.dark-menu > li > ul.contacts {padding-left: 25px;}
ul.dark-menu > li > ul.contacts > li {position: relative;}
ul.dark-menu > li > ul.contacts > li i {position: absolute; left: -25px; top: 2px;}

.advantages {background-color: rgba(0,0,0,0.4); padding: 40px 0 60px; text-align: center; color: #fff;}
.advantages h2 {font-size: 42px; color: #fff; line-height: 1em; font-weight: 300;}
.advantages .list .block {width: 25%; float: left;}
.advantages .list .block .image {margin-bottom: 20px;}
.advantages .list .block .advantages-icon {display: block; margin: 0 auto;}

.advantages-icon {width: 64px; height: 64px; background-repeat: no-repeat; border-radius: 32px; display: inline-block;}
.advantages-icon.ideas {background-image: url(../img/icon-advantages-ideas.png); background-image: url(../img/icon-advantages-ideas.svg), none; background-color: #066ca4;}
.advantages-icon.license-free {background-image: url(../img/icon-advantages-license-free.png); background-image: url(../img/icon-advantages-license-free.svg), none; background-color: #e03e10;}
.advantages-icon.reaction {background-image: url(../img/icon-advantages-reaction.png); background-image: url(../img/icon-advantages-reaction.svg), none; background-color: #599a43;}
.advantages-icon.reporting {background-image: url(../img/icon-advantages-reporting.png); background-image: url(../img/icon-advantages-reporting.svg), none; background-color: #ffcc05;}
.advantages-icon.regulation {background-image: url(../img/icon-regulation-of-work.svg)}

.list-of-rates .block {min-height: 180px; padding: 20px 0 20px 180px; position: relative;}
.list-of-rates .block .number {position: absolute; top: 0; left: 0; bottom: 0; width: 140px; text-align: center; background-color: #f1f1f1; color: #f1f1f1;}
.list-of-rates .block.lor-green .number {background-color: #599a43; color: #599a43;}
.list-of-rates .block.lor-blue .number {background-color: #066ca4; color: #066ca4;}
.list-of-rates .block.lor-orange .number {background-color: #ffcc05; color: #ffcc05;}
.list-of-rates .block.lor-orange .number span {background-color: #51492b;}
.list-of-rates .block.lor-red .number {background-color: #d94e26; color: #d94e26;}
.list-of-rates .block .number span {min-width: 50px; height: 60px; line-height: 60px; padding: 0 5px; background-color: #fff; display: inline-block; font-size: 35px; font-weight: 500; border-radius: 30px;}
.list-of-rates .block .description .table {min-height: 180px;}
.list-of-rates .block h3 {font-size: 35px;}
.list-of-rates .block.lor-green h3 {color: #599a43;}
.list-of-rates .block.lor-blue h3 {color: #066ca4;}
.list-of-rates .block.lor-orange h3 {color: #51492b;}
.list-of-rates .block.lor-red h3 {color: #d94e26;}

.blue-wide {/*background-color: #69c1cd;*/ background-color: #45D0D5;}
.blue-wide img {display: block; max-width: 100%; margin: 0 auto;}

.clients-positions {padding: 40px 0;}
.clients-positions .block {float: left; width: 25%;}
.clients-positions .block .sitename a {font-size: 22px; font-weight: 300;}
.clients-positions .block .sitename {margin-bottom: 1.6em;}
.clients-positions .block .links a {color: #fff; border-bottom-color: rgba(255,255,255,0.4);}
.clients-positions .block .links a:hover {border-bottom-color: rgba(255,205,5,.4); color: #ffcd05;}
.clients-positions .block .links strong {color: #ffcc05;}
.clients-positions .block .links div {margin-bottom: 0.6em;}

.browsers {position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; padding: 50px 0; font-size: 20px;}
.browsers .title {font-size: 55px; font-weight: 300; line-height: 1em; margin-bottom: 3.2em;}
.browsers .wrapper-inside div {margin: 1.6em 0;}
.browsers .orange {color: #ffcc05;}
.browsers .block-list {text-align: center; padding-top: 1em;}
.browsers .block-list .block {width: 210px; display: inline-block;}
.browsers .block-list .block div {margin: 1em 0 !important;}

.megagroup-design-list .menu {position: relative;z-index: 10; float: left; width: 240px;}
.megagroup-design-list .menu > ul {list-style: none; position: relative;}
.megagroup-design-list .menu > ul > li {padding: 0.5em 0; position: relative;}
.megagroup-design-list .menu > ul > li span {font-size: 0.8em;}
.megagroup-design-list .menu > ul > li.selected > a {font-weight: bold;}
.megagroup-design-list .menu > ul > li > ul {position: absolute; left: 100%; background-color: #fff; width: 380px; z-index: 100; top: 0; max-height: 360px; overflow-y: auto; color: #999; border-radius: 0 2px 2px 2px; display: none;}
.megagroup-design-list .menu > ul > li > ul:after {content: ''; position: absolute; left: -10px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 10px solid #fff; top: 0;}
.megagroup-design-list .menu > ul > li:hover {background-color: rgba(0,0,0,0.2); margin-left: -10px; padding-left: 10px; border-radius: 2px 0 0 2px;}
.megagroup-design-list .menu > ul > li:hover > ul {display: block;}
.megagroup-design-list .menu > ul > li > ul > li {font-size: 13px; list-style: none; line-height: 1.4em; border-top: 1px solid #f1f1f1; position: relative;}
.megagroup-design-list .menu > ul > li > ul > li:first-child {border-top: 0;}
.megagroup-design-list .menu > ul > li > ul > li > a {color: #066ca4; border-bottom: 0; display: block; padding: 5px 20px 5px 10px;}
.megagroup-design-list .menu > ul > li > ul > li > a:hover {background-color: #fafafa;}
.megagroup-design-list .menu > ul > li > ul > li > span {position: absolute; top: 5px; right: 5px;}

.megagroup-design-list .list {padding-left: 270px;}
.megagroup-design-list .list .search {position: relative; margin-bottom: 40px;}
.megagroup-design-list .list .search input[type="text"] {width: 100%; box-sizing: border-box; border: 0; border-radius: 3px; height: 40px; padding-right: 40px;}
.megagroup-design-list .list .search input[type="button"] {width: 40px; height: 40px; position: absolute; right: 0; top: 0; background-image: url(../img/icon-search.png); background-image: url(../img/icon-search.svg), none; background-color: transparent; color: transparent !important;}
.megagroup-design-list .list .search input[type="button"]:hover {box-shadow: 0 0 0 transparent; background-position: 0 -40px;}
.megagroup-design-list .list .blocks {margin-left: -15px; margin-right: -15px; color: #454545; text-align: center;}
.megagroup-design-list .list .blocks > .block {width: 200px; position: relative; overflow: hidden; border-radius: 3px; margin: 0 15px 40px 15px; display: inline-block;}
.megagroup-design-list .list .blocks > .block .image {height: 200px; position: relative; overflow: hidden; background-color: #000;}
.megagroup-design-list .list .blocks > .block .image a:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.8); background-repeat: no-repeat; background-image: url(../img/icon-zoom.png); background-position: 50% 50%; opacity: 0; -webkit-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms;}
.megagroup-design-list .list .blocks > .block .image a:hover:after {opacity: 1;}
.megagroup-design-list .list .blocks > .block .image img {width: 100%; height: auto;}
.megagroup-design-list .list .blocks > .block .description {background-color: #fff; height: 40px; line-height: 40px; position: relative;}
.megagroup-design-list .list .blocks > .block .description .number {width: 100px; float: left; text-align: center;}
.megagroup-design-list .list .blocks > .block .description .number span {color: #999;}
.megagroup-design-list .list .blocks > .block .description a.btn {width: 100px; float: right; text-align: center; text-transform: uppercase; height: 40px; font-size: 13px; border-radius: 0; padding: 0;}
.megagroup-design-list .images {background-color: rgba(0,0,0,0.2); padding: 20px; margin-bottom: 40px; text-align: center;}
.megagroup-design-list .images a {display: inline-block; margin: 0 10px; border-bottom: 0; position: relative;}
.megagroup-design-list .images a img {/*height: 300px;*/ display: inline-block; border-radius: 2px; width: auto !important; vertical-align: middle;}
.megagroup-design-list .images a:after {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../img/icon-zoom.png); background-color: rgba(0,0,0,0.8); content: ''; opacity: 0; background-repeat: no-repeat; background-position: 50% 50%; -webkit-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; border-radius: 2px;}
.megagroup-design-list .images a:hover:after {opacity: 1;}

.content-slider {position: relative; overflow: hidden; margin-bottom: 0;}



@media screen and (min-width:1440px) {
	.main-team .list {width: 1280px;}
}

@media screen and (max-width:1680px) {
	.w1680 {display: none;}
	.main-portfolio .block {width: 20%;}
	.portfolio-list .block {width: 20%;}
}
@media screen and (max-width:1440px) {
	.w1440 {display: none;}
	.main-portfolio .block {width: 25%;}
	.portfolio-list .block {width: 25%; font-size: 0.9em;}

	.main-team .list {box-sizing: border-box;}
	.main-team .list .block {width: 33.33%;}
}

@media screen and (max-width:1366px) {
	.main-header .link {font-size: 16px; -webkit-background-size: 100px; background-size: 100px; height: auto !important; min-height: 100px;}
	.main-header .link a {font-size: 18px; line-height: 24px;}
	.main-header .link.inexpencive {left: 20px; padding-left: 120px; top: 180px; background-position: 0 0;}
	.main-header .link.exclusive {right: 20px; padding-right: 120px; top: 180px; background-position: 100% 0;}
	.main-header .link.seo {left: 20px; padding-left: 120px; bottom: 40px; background-position: 0 0;}
	.main-header .link.marketing {right: 20px; padding-right: 120px; bottom: 40px; background-position: 100% 0;}

	.main-team .list {width: auto;}

	.main-icons-list {width: auto; margin: 0 -20px;}
	.main-icons-list .block {width: 25%;}
}

@media screen and (max-width:1279px) {
	.portfolio-categories .lists {position: relative; top: 0;}
	.portfolio-categories .lists .block {margin-left: 0; margin-right: 30px;}
	.portfolio-categories ul.tabs {margin-bottom: 20px;}
}

@media screen and (max-width:960px) {

	h1 {font-size: 2.4em;}

	.desktop {display: none;}

	.main-header {height: auto !important;}
	.main-header .topline {position: relative; height: auto; background-image: none; font-size: 1em;}
	.main-header .topline .inside {padding: 0 20px;}
	.main-header .topline .contacts, .main-header .topline ul.menu {float: none;}
	.main-header .topline .contacts {margin-bottom: 40px; text-align: center; font-size: 1.6em; line-height: 1.6em; font-weight: 300;}
	.main-header .topline .contacts a {font-weight: 300;}
	.main-header .topline .contacts strong {display: block;}
	.main-header .topline ul.menu {margin: 0 -20px 40px -20px;border-top: 1px solid rgba(255,255,255,0.2); text-align: center; font-size: 1.4em;}
	.main-header .topline ul.menu li {float: none; margin: 0;}
	.main-header .topline ul.menu li {border-bottom: 1px solid rgba(255,255,255,0.2);}
	.main-header .topline ul.menu li a {padding: 1em 20px; border-bottom: 0 !important; display: inline-block;}
	.main-header .table {height: auto !important; display: block; text-align: left; margin-bottom: 40px;}
	.main-header .cell {display: block !important;}
	.main-header .cell .inside {padding: 0 20px; text-align: center; font-size: 1em;}
	.main-header .cell .inside a.btn.large {margin: 1em 0 1.6em;}
	.main-header .cell .inside .text {margin-bottom: 20px;}
	.main-header .cell .inside .text br {display: none;}
	.main-header .cell .inside .logo {width: auto; margin-right: 20px; height: auto; background-image: none; margin-bottom: 20px; margin-top: 40px;}
	.main-header .cell .inside .logo img {display: block; width: 100%;}

	.main-icons-title {font-size: 2em; line-height: 1.6em; height: 100px; padding: 20px 0 15px 0;}
	.main-icons-title a {line-height: 1.2em;}

	.main-works {height: auto; background-color: rgba(0,0,0,.2); padding-bottom: 1em;}
	.main-works .title {position: relative; right: 0; line-height: 1.6em; padding: 2em 0; margin: 0; height: auto;}
	.main-works .title a {font-size: 2em;}
	.main-works .list {position: relative; left: 0; margin: 0; padding: 0; height: auto; font-size: 1.4em;}
	.main-works .list .cell {}
	.main-works .list .block {text-align: center; padding: 1em 0; float: none; margin: 0;}
	.main-works .list a {font-weight: 300;}
	.main-works .list a sup {left: auto; top: -2px;}
	.main-works .list a:last-child {border-bottom: 0;}

	.main-team .title {font-size: 2em; padding: 60px 20px 0 0; line-height: 1.6em;}
	.main-team .title span {top: auto;}
	
	.main-map .contacts-frame {position: relative; left: 0; margin: 0; width: auto; height: auto; background-color: rgba(0,0,0,.2); text-align: center; font-size: 1.4em; line-height: 1.6em;}

	.footer .left, .footer .right {float: none; line-height: 1.6em; text-align: center;}
	.footer .left {margin-bottom: 20px;}
	.footer .left span {display: block;}
	.footer .right {display: block;}
	.footer .right a {margin: 0 10px 0 0; float: none;}

	.header {position: relative; box-shadow: 0 0 0 transparent; height: auto; text-align: center;}
	.header .logo {position: relative; left: 0;top: 0;right: 0;bottom: 0;margin: 40px auto 40px; height: auto; background-image: none; text-align: center; width: auto;}
	.header .logo img {display: block;max-width: 100%;}
	.header ul.menu {margin: 0 -40px 0 -40px;text-align: center; font-size: 1.4em; position: relative;right: 0;top: 0; border-bottom: 1px solid #f1f1f1;}
	.header ul.menu li {float: none; margin: 0;}
	.header ul.menu li.show-menu {display: block;}
	.header ul.menu li {border-top: 1px solid #f1f1f1; text-align: center;}
	.header ul.menu li a {padding: 1em 20px; border-bottom: 0 !important; display: inline-block; width: auto !important;}
	.header ul.menu li a.btn {margin-top: 20px; margin-bottom: 20px;}
	.header ul.menu li a.home i {display: block;}
	.header ul.menu li a.home span {display: none;}
	.header ul.menu.menu-hidden {overflow: hidden; height: 67px;}

	.column {float: none; width: auto !important; margin-bottom: 20px; margin-top: 0 !important;}
	.column .inside {padding:0 !important;}
	.column input[type="text"], 
	.column input[type="password"], 
	.column textarea,
	.column .droplist {width: 100%;} 

	.h-wh {height: auto !important; padding: 50px 0;}
	.h-wh .table {width: 100%; display: block; height: auto;}
	.h-wh.right .description {float: none;}
	.h-wh .image {display: none;}
	.h-wh .table .cell {display: block;}
	.h-wh .table .cell .relative {margin: 0;}
	.h-wh .description {width: auto; padding: 0 40px; z-index: 10; position: relative;}
	.h-wh.white {background-color: #fff;}
	
	.title-dark {text-align: left; padding: 32px 40px;}

	.incut .image {display: none;}
	.incut, .incut .wrapper-inside, .incut .wrapper-inside .description {height: auto;}
	.incut .description {padding: 40px 0;}

	.portfolio-list .block {width: 50%;}

	.portfolio-list .block.category-name .name {font-size: 2em;}

	.breadcrumbs {display: none;}

	.h300 {height: auto;}

	.text-block img {float: none !important; margin: 0 0 1.6em 0 !important; padding: 0 !important;}

	.news-list .list {margin-left: 0; margin-bottom: 0;}
	.news-list .list .block {width: auto; float: none; margin-bottom: 4em;}
	.news-list .list .block .inside {margin-left: 0;}

	.team-list .block .photo {float: none; width: 200px; height: 200px; position: relative; overflow: hidden; border-radius: 50%; margin: 0 auto}
	.team-list .block .description {padding-left: 0; padding-top: 30px;}
	.team-list .block .description .name {text-align: center;}
	.team-list .block .description .name a {line-height: 1.2em;}
	.team-list .block .description .name span {display: block; margin-left: 0;margin-top: 2em;}
	.team-list .block .description .more {text-align: center;}

	.reviews-list-inside .block .cover {display: none;}
	.reviews-list-inside .block .cover:after, .reviews-list-inside .block .cover:before {display: none;}
	.reviews-list-inside .block img {margin: 0 auto;}

	table.price tr td, table.price tr th {font-size: 16px;}

	ul.dark-menu > li {width: 50%; margin-bottom: 2em;}

	.advantages .list .block {width: 50%; float: left; margin-bottom: 60px;}
	.advantages h2 {margin: 40px 0 60px;}

	.clients-positions .block {float: left; width: 50%; margin-bottom: 40px;}
	.clients-positions {padding-bottom: 0;}

	.megagroup-design-list .menu {right: 0; position: relative; left: 0; margin-bottom: 40px; text-align: center; width: auto;}
	.megagroup-design-list .menu li {display: inline-block; margin: 0 20px;}
	.megagroup-design-list .list {float: none; width: auto; margin-bottom: 40px; padding-left: 0;}
	.megagroup-design-list .list h2 {text-align: center;}
	.megagroup-design-list .list .blocks {text-align: center; margin-left: 0; margin: 0 0 40px 0;}
	.megagroup-design-list .list .blocks > .block {display: inline-block; float: none; margin: 0 20px 40px 20px;}
	.megagroup-design-list .menu > ul > li > ul {display: none !important;}
	.megagroup-design-list .menu > ul > li:hover {background-color: transparent; margin: 0 20px; padding: 0.5em 0; border-radius: 0;}

	.main-header .link {display: none !important;}

	.portfolio-item .description .text {padding-right: 0; padding-bottom: 30px;}
	.portfolio-item .description .result {position: relative; top: 0; margin-bottom: 20px;}
	.portfolio-item .description .result .list .block {float: none; display: inline-block; vertical-align: top; margin-bottom: 20px;}
	.portfolio-item .head .contacts {display: none;}

	.portfolio-list_2 .container {width: 33.33%;}
}
@media screen and (max-width:767px) {
	.portfolio-list_2 .container {width: 50%;}
}
@media screen and (max-width:520px) {
	.portfolio-list_2 .container {width: 100%;}
}
@media screen and (max-width:480px) {
	.incut .title {font-size: 28px;}
	.portfolio-list .block {width: 100%;}

	table.price tr td, table.price tr th {font-size: 14px; width: auto; line-height: 1.2em; padding-right: 10px;}

	ul.dark-menu > li {width: 100%; float: none; text-align: center;}
	ul.dark-menu > li > ul.contacts {padding-left: 0;}
	ul.dark-menu > li > ul.contacts > li i {position: static; left: 0; top: 0; margin-right: 5px;}

	.advantages .list .block {width: 100%; float: none;}

	.list-of-rates {padding-bottom: 40px;}
	.list-of-rates .block {min-height: 0; padding: 0; position: relative; text-align: center; margin-bottom: 40px;}
	.list-of-rates .block .number {position: relative; width: auto; height: 100px; margin: 0 -40px 30px;}
	.list-of-rates .block .description .table {min-height: 100px;}
	
	.title-dark {text-align: center;}

	.clients-positions .block {float: none; width: 100%; text-align: center; margin-bottom: 60px;}

	.portfolio-item .head .request {display: none;}
}

#site_form_line{height: 1px;margin-top: -1px;position: relative;top: -150px;}

.main-title h1 {font-size: 1.1em !important; line-height: 1.4em;}


/*новая верстка проектов*/
/* dropdown list */ 
.dropdown { 
	position: relative;
	display: inline-block; 
	vertical-align: baseline; 
	width: 190px;
	height: 40px;
	background-color: #1f3b5d; 
	border: 1px solid #ffcd05; 
	border-radius: 3px; 
	margin: 0 15px; 
	padding: 8px 15px; 
	font-size: 14px; 
	line-height: 24px;
	color: #ffcd05;
	text-align: left;
	box-sizing: border-box;
} 
	
.dropdown > span { 
	width: 100%;
	height: 100%;
	display: block; 
	position: relative; 
	cursor: pointer; 
	-webkit-backface-visibility: hidden; 
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
	padding-right: 15px; 
	white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden;
	box-sizing: border-box;
} 
.dropdown > span:after { 
	content: ''; 
	position: absolute; 
	right: 0; 
	top: 7px; 
	width: 10px; 
	height: 10px; 
	background: url('../img/up-arrow.svg') no-repeat center; 
	background-size: cover; 
	transform: rotate(0); 
	transition: transform 0.2s linear; 
} 
	
.dropdown.active > span::after { 
	transform: rotate(180deg); 
	transition: transform 0.2s linear; 
} 
.dropdown-list { 
	visibility: hidden; 
	opacity: 0; 
	position: absolute; 
	left: 0; 
	right: 0; 
	top: 100%; 
	width: 100%; 
	padding: 10px 0; 
	margin: 0; 
	margin-top: 5px;
	background-color: #1f3b5d; 
	border: 1px solid #ffcd05;
	border-radius: 3px; 
	font-size: 14px; 
	line-height: 1; 
	color: #ffcd05;	
	z-index: 4; 
	transition: opacity 0.2s linear;
	box-sizing: border-box;	
} 
	
.dropdown.active .dropdown-list { 
	visibility: visible; 
	opacity: 1; 
	transition: opacity 0.2s linear; 
} 
	
.dropdown-list li { 
	display: block; 
	list-style: none; 
	opacity: 1; 
	width: 100%; 
} 
.dropdown-list li span { 
	width: 100%; 
	padding: 8px 15px; 
	display: block; 
	cursor: pointer; 
	font-size: 14px; 
	line-height: 1; 
	color: #ffcd05;	
	/*white-space: nowrap; */
	text-overflow: ellipsis; 
	overflow: hidden;
	box-sizing: border-box;	
}

.slider-range-container {
	width: 200px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px;
}

.slider-range-container p {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 15px;
}

.slider-range-container  .lab-price {
	float: left;
	text-align: left;
	color: #ffcd05;
	line-height: 24px;
	padding-right: 10px;
	box-sizing: border-box;
}

.slider-range-container  .def-price {
	display: block;
	float: right;
	text-align: center;
	width: 24px;
	height: 24px;
	color: #ffcd05;	
	border-radius: 3px;
	line-height: 24px;
	background-color: transparent;
}

.slider-range-container  .in-price {
	float: right;
	text-align: center;
	width: 60px;
	height: 24px;
	color: #454545;
	border-radius: 3px;
	padding: 5px;
	background-color: #ffcd05;
	border: none;
}

.slider-range-container  .ui-slider-horizontal {
	border: none;
	box-sizing: border-box;
	margin-bottom: 15px;
	height: 9px;
	box-shadow: 0px 1px 3px 1px rgba(0,0,0, .25) inset;
	background: -moz-linear-gradient(90deg, rgba(141,166,177,1) 0%, rgba(98,125,137,1) 11%, rgba(98,125,137,1) 100%); /* ff3.6+ */ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(98,125,137,1)), color-stop(89%, rgba(98,125,137,1)), color-stop(100%, rgba(141,166,177,1))); /* safari4+,chrome */ 
	background: -webkit-linear-gradient(90deg, rgba(141,166,177,1) 0%, rgba(98,125,137,1) 11%, rgba(98,125,137,1) 100%); /* safari5.1+,chrome10+ */ 
	background: -o-linear-gradient(90deg, rgba(141,166,177,1) 0%, rgba(98,125,137,1) 11%, rgba(98,125,137,1) 100%); /* opera 11.10+ */ 
	background: -ms-linear-gradient(90deg, rgba(141,166,177,1) 0%, rgba(98,125,137,1) 11%, rgba(98,125,137,1) 100%); /* ie10+ */ 
	background: linear-gradient(0deg, rgba(141,166,177,1) 0%, rgba(98,125,137,1) 11%, rgba(98,125,137,1) 100%); /* w3c */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d89', endColorstr='#8da6b1',GradientType=0 ); /* ie6-9 */
}

.slider-range-container .ui-slider-handle {
	background: url('../img/slider-icon.png') no-repeat center;
	border: none;
	height: 15px;
	width: 22px;
	top: -3px;
}

.slider-range-container .ui-slider-range {
	height: 8px;
	border: none;
	background: -moz-linear-gradient(90deg, rgba(112,88,1,0.6) 0%, rgba(254,182,28,0.71) 28%, rgba(254,182,28,1) 100%); /* ff3.6+ */ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254,182,28,1)), color-stop(72%, rgba(254,182,28,0.71)), color-stop(100%, rgba(112,88,1,0.6))); /* safari4+,chrome */ 
	background: -webkit-linear-gradient(90deg, rgba(112,88,1,0.6) 0%, rgba(254,182,28,0.71) 28%, rgba(254,182,28,1) 100%); /* safari5.1+,chrome10+ */ 
	background: -o-linear-gradient(90deg, rgba(112,88,1,0.6) 0%, rgba(254,182,28,0.71) 28%, rgba(254,182,28,1) 100%); /* opera 11.10+ */ 
	background: -ms-linear-gradient(90deg, rgba(112,88,1,0.6) 0%, rgba(254,182,28,0.71) 28%, rgba(254,182,28,1) 100%); /* ie10+ */ 
	background: linear-gradient(0deg, rgba(112,88,1,0.6) 0%, rgba(254,182,28,0.71) 28%, rgba(254,182,28,1) 100%); /* w3c */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb61c', endColorstr='#705801',GradientType=0 ); /* ie6-9 */
}

.portfolio-new {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	text-align: center;
	box-sizing: border-box;	
}

.portfolio-new__categories {
	box-sizing: border-box;
	text-align: right;
	position: absolute;
	right: 100px;
    top: -125px;
}

.portfolio-new__list {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	font-size: 0;
	margin-bottom: 0px;
	box-sizing: border-box;
	text-align: left;
}

.portfolio-new__item {
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	height: 500px;
	font-size: 16px;
	border: 1px solid #2b324a;
	box-sizing: border-box;
}

.portfolio-new__img {
	position: relative;
	height: 320px;
	width: 100%;
	background-color: #f0f0f0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;	
}

.main-works--1 {
	color: #ffc906;	
}

.main-works--1 span {
	border-bottom: 1px solid #ffc906;
	position: relative;
}

.text-sm,
.main-works--1 .text-sm {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	font-size: 14px;
	width: 100%;
    line-height: 1;
	border: none;
	text-align: left;
}

.main-works--1 .text-sm {
	position: absolute;
	bottom: -25px;
	left: 0;
} 

.portfolio-new__label {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 0;
	z-index: 2;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
}

.portfolio-new__label--new {
	left: 0;
	background-image: url('../img/new-icon.png');
}

.portfolio-new__label--sale {
	right: 0;
	background-image: url('../img/sale-icon.png');	
}

.portfolio-new__overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	box-shadow: 0 0 70px 5px rgba(0,0,0, .1) inset;
	background-color: rgba(255,255,255,0.86);
	background-image: url('../img/icon-more.png');
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s linear;
	cursor: pointer;
}

.portfolio-new__img:hover .portfolio-new__overlay {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.25s linear;	
}

.portfolio-new__img,
.portfolio-new__price {
	border-bottom: 1px solid #b8b4b3;
	box-sizing: border-box;	
}

.portfolio-new__btns,
.portfolio-new__price {
	padding: 10px 20px;
	box-sizing: border-box;	
}

.portfolio-new__title {
	position: relative;
	padding: 0;
	border-bottom-width: 10px;
	border-top-width: 10px;
	border-left-width: 20px;
	border-right-width: 20px;
	border-color: transparent;
	border-style: solid;
	height: 56px;
	font-size: 16px;
	line-height: 18px;
	color: #fff;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
}

.portfolio-new__price {
	position: relative;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
}

.portfolio-new__price:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: -1px;
	width: 100%;
	height: 1px;
	background-color: #b8b4b3;
}

.portfolio-new__price span {
	font-size: 16px;
	line-height: 18px;
	color: #ffc906;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.portfolio-new__price b {
	font-size: 23px;
	line-height: 1;
}

.portfolio-new__btns {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

.portfolio-new__btns .btn {
	float: left;
	width: calc(50% - 10px);
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
	margin: 0;
}

.portfolio-new__btns .portfolio-new__order {
	margin-right: 10px;
}

.btn-blue {
	margin-left: 10px;
	background-color: #1c2f4a;
}

.btn-blue:hover {
    box-shadow: 0 0 5px rgba(28,47,74,0.7), 0 0 30px rgba(79,114,165,0.5);
}

.btn-nob {
	background: transparent;
	color: #ffc906 !important;
	border: 1px solid #ffc906 !important;
}

.btn-nob:hover {
	box-shadow: 0 0 5px rgba(255,201,6,0.7), 0 0 30px rgba(255,201,6,0.5);
}

.btn-nob:active,	
.btn-nob:hover,
.btn-nob:visited,
.btn-nob:focus {
	color: #ffc906 !important;	
}

.btn-yellow, 
.btn-yellow:hover, 
.btn-yellow:active, 
.btn-yellow:visited, 
.btn-yellow:focus {
	color: #000 !important;
	background-color: #ffc906 !important;	
}

.btn-yellow:hover {
	box-shadow: 0 0 5px rgba(255,201,6,0.7), 0 0 30px rgba(255,201,6,0.5);
}

.btn-green, 
.btn-green:hover, 
.btn-green:active, 
.btn-green:visited, 
.btn-green:focus {
	border-color: #74bb51;
	color: #fff !important;
	background-color: #74bb51 !important;	
}

.btn-green:hover {
	box-shadow: 0 0 5px rgba(116, 187, 81, 0.7), 0 0 30px rgba(142, 230, 98, 0.5);	
}

.btn-white {
	color: #3a4146 !important;
	background-color: #fff !important;
	border: 2px solid #fff !important;
}

.btn-white:hover {
	color: #fff !important;
	background-color: transparent !important;
	box-shadow: none;
}

.btn-empty {
	color: #fff !important;	
	background-color: transparent !important;	
}

.btn-empty:hover {
	box-shadow: none;
}

.btn-empty u {
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

.btn-empty:hover u {
	border-color: transparent;	
}

i.search-icon {
	background-image: url("../img/searchicon.png");
	background-image: url("../img/searchicon.svg"), none;
	background-size: 15px;
}

.portfolio-detail {
	color: #fff;
	font-size: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0 40px;
	box-sizing: border-box;
}

.portfolio-detail__text,
.portfolio-detail__slider,
.portfolio-detail__inform,
.title-detail,
.totals-sum,
.portfolio-detail__btns {
	box-sizing: border-box;	
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 20px;
}

.portfolio-detail__slider {
	position: relative;
	max-width: 650px;
	font-size: 15px;
	height: 470px;
	border-right: 20px solid transparent;
	background-image: url("../img/scrin-itgrade.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}

.portfolio-detail__slider .slider {
	width: 585px;
	height: 330px;
	margin-left: 23px;
	margin-top: 25px;
	overflow: hidden;
}

.portfolio-detail__slider .slider * {
	height: 100%
} 

.portfolio-detail__slider .slider__item {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #000;
}

.portfolio-detail__slider .slider-prev,
.portfolio-detail__slider .slider-next {
	position: absolute;
	right: 7px;
	border: none;
	text-decoration: none;
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: url('../img/ic-scrin-arrow.png') no-repeat center;
	background-size: contain;
}

.portfolio-detail__slider .slider-prev:hover,
.portfolio-detail__slider .slider-next:hover {
	box-shadow: 0 0 4px 4px rgba(0,0,0, .125);
}

.portfolio-detail__slider .btn-zoom {
	position: absolute;
	top: 35px;
	left: 35px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("../img/ic-zoom.png") no-repeat center;
	background-size: contain;
	border: none;
}

.portfolio-detail__slider .slider-prev {
	top: 130px;
}
.portfolio-detail__slider .slider-next {
	top: 185px;
}

.slider-prev:hover,
.slider-prev:focus,
.slider-next:hover,
.slider-next:focus {
	text-decoration: none;
}

.slider-next {
	transform: rotate(180deg);
}

.portfolio-detail__inform {
	max-width: 490px;
	font-size: 15px;
	font-weight: lighter;	
}

.portfolio-detail__text {
	max-width: 965px;
	font-size: 15px;
	text-align: left;
	font-weight: lighter;
}

.portfolio-detail__text p {
	font-weight: lighter;	
}

.portfolio-detail .dropdown {
	vertical-align: top;
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	margin: 0 auto;
	margin-left: 5px;
	padding: 0 12px;
	line-height: 30px;
	height: 30px;
}

.portfolio-detail .dropdown-list li span {
	color: #fff;
}

.portfolio-detail .dropdown-list {
	border-color: #fff;
	color: #fff;
}

.portfolio-detail .dropdown > span:after {
	background: url("../img/up-arrow-white.svg") no-repeat center;
	background-size: contain;
}

.title-detail {
	text-align: left;
	font-weight: 700; 
	text-transform: uppercase;
	font-size: 25px;
	color: #ffc906;
	margin-bottom: 0;
	padding: 20px 0 10px 45px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto;
}

.portfolio-detail .table {
	table-layout: fixed;
}

.portfolio-detail .table-row {
	display: table-row;
}

.portfolio-detail .table-cell {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	padding: 5px 0;
	line-height: 1.2;
}

.portfolio-detail .table-cell:first-child {
	width: 80%;
	padding-right: 10px;
}

.portfolio-detail .table-cell:last-child {
	width: 20%;
}

.totals-sum {
	border-top: 1px solid #ffc906;
	margin-bottom: 40px;
	margin-top: 10px;
	color: #ffc906;
	font-size: 16px;
	line-height: 1.2;
	padding: 5px 0;
}

.totals-sum__left {
	float: left;
	text-align: left;
	font-size: 16px;
	line-height: 28px;
}

.totals-sum__right {
	float: right;
	text-align: right;
	font-size: 28px;
	line-height: 1;
}

.portfolio-detail__btns .btn-yellow {
	float: right;
	margin: 0;
	box-sizing: border-box;
}

.portfolio-detail__btns .btn-blue {
	float: left;
	margin: 0;
	box-sizing: border-box;	
}

.main-works .title--1 {
	text-align: left;
	padding-left: 40px;
	right: auto;
}

.main-works .wrapper-inside {
	padding-left: 0;
	padding-right: 80px;
}

@media all and (min-width: 1200px) {
	.main-works .title--1 {
		padding-left: calc((100% - 1200px) / 2);
	}
}

@media all and (min-width: 1200px) and (max-width: 1280px) {
	.main-works .title--1 {
		padding-left: 40px;
	}
}

@media all and (max-width: 960px) {
	.main-works--1 {
		padding-bottom: 0;
	}
	.main-works .title--1 {
		padding-bottom: 50px;
	}
}

@media all and (max-width: 1139px) {
	.portfolio-detail__slider {
		border: none;
	}
	.portfolio-detail__slider .slider {
		width: 605px;
		height: 344px;
	}
}

@media all and (max-width: 767px) {
	.portfolio-detail__slider {
		background: none;
		height: auto;
	}
	.portfolio-detail__slider .slider {
		width: 100%;
		margin: 0 auto;
	}
	.portfolio-detail .dropdown {
		float: none;
		width: 100px;
	}
	.portfolio-detail .table-cell:first-child {
		width: 70%;
	}
	.portfolio-detail .table-cell:last-child {
		width: 30%;
	}
	.main-works--1 span {
		border: none;
	}
}

@media all and (max-width: 480px) {
	.portfolio-detail .dropdown {
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}
	.title-detail {
		font-size: 20px;
	}
	.portfolio-detail__btns .btn-yellow,
	.portfolio-detail__btns .btn-blue {
		float: none;
		width: 100%;
	}
	.portfolio-detail__btns .btn-blue {
		margin-bottom: 20px;
	}
} 

@media all and (max-width: 1280px) {
	.portfolio-new__categories {
		right: 0;
	}
}

@media all and (min-width: 961px) and (max-width: 1279px) {
	.main-works .title--1 {
		right: auto;
	}
	.dropdown {
		clear: both;
		float: left;
		margin-right: 20px;
	}
	.portfolio-new .dropdown:first-child {
		transform: translateY(-50%);
	}
	.portfolio-new .dropdown {
		margin-bottom: 10px;
		margin-right: 20px;
	}
}

@media all and (max-width: 1024px) {
	.slider-range-container,
	.dropdown {
		margin: 0 5px;
	}
} 

@media all and (max-width: 960px) {
	.portfolio-new__img {
		height: 280px;
	}
	.portfolio-new__title {
		height: 86px;
	}
	.portfolio-new__item {
		width: 33.3333%;
	}
	.portfolio-new__categories {
		right: auto;
		top: auto;
		position: relative;
		margin-bottom: 20px;
	}
	.slider-range-container,
	.dropdown {
		margin: 0 15px;
	}
}


@media all and (max-width: 767px) {
	.portfolio-new__img {
		height: 200px;
	}
	.portfolio-new__title {
		height: 86px;
	}
	.portfolio-new__item {
		width: 50%;
		height: 420px;
	}
	.portfolio-new__categories {
		text-align: center;
	}
	.slider-range-container {
		float: none;
		margin-top: 20px
	}
	.dropdown {
		float: left;
		width: calc(50% - 20px);
		margin: 0 10px;
	}
}

@media all and (max-width: 550px) {
	.portfolio-new__item {
		width: 100%;
	}
}

@media all and (max-width: 480px) {
	.dropdown {
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
	}
}

/*
	стили сео-страницы
*/

.b-promo-animate .diin.white {
	padding-bottom: 20px;
}

.b-promo-animate img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.seo-info {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 20px 20px 40px 20px;
	box-sizing: border-box;
	position: relative;
}

.seo-info__item {
	display: table-cell;
	vertical-align: top;
	height: 100%;
	width: 33.333%;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	box-sizing: border-box;
	text-align: center;
	outline: 1px solid #e3e3e3;
	outline-offset: -5px;
}

.seo-info__item img {
	max-width: 100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.seo-services__item figure,
.seo-info__item figure {
	margin: 0 auto;
	padding: 25px 15px 20px 15px;
	box-sizing: border-box;	
}
.seo-info__item figure p {
	max-width: 330px;
	margin: 0 auto;
	height: 180px;
	overflow: hidden;
}

.seo-services__item figcaption,
.seo-info__item figcaption {
	margin-top: 25px;
}

.seo-info__item:hover {
	outline: 3px solid #62aacc;
}

.seo-services {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	font-size: 0;
}

.seo-services figure > p {
	width: 230px;
	height: 280px;
	margin: 0 auto;
}

.seo-services figure > p img {
	width: 100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	transition: transform 0.25s linear;
}

.seo-services figure > p img:hover {
	transform: translateY(-60%);	
	transition: transform 0.25s linear;	
}


.seo-services__item figcaption {
	max-width: 420px;
	margin: 0 auto;
}

.seo-services__item {
	display: inline-block;
	vertical-align: top;
	width: 33%;/*50%;*/
	font-size: 17px;
	text-align: center;
	color: #fff;
	font-weight: 300;
	margin-bottom: 50px;
}

.seo-promotion {
	position: relative;
	margin: 40px auto;
}

.seo-promotion article {
	max-width: 450px;
	width: 100%;
	float: left;	
	text-align: center;
}
.seo-promotion article h4 {
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
}
.seo-promotion article h4 span {
	display: inline-block;
	width: 100%;
	text-transform: lowercase;
}
.seo-promotion .graph-round {
	float: left;
	width: calc(100% - 900px);
	min-height: 1px;
	padding: 40px 0 20px 0;
}
#round {
	position: relative;
	display: block;
	margin: 0 auto;
	transform: rotate(-90deg);
}
 

.seo-promotion table {
	width: 100%;
	max-width: 450px;
	border-collapse: collapse;
	border: 2px solid white;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}

.seo-promotion table td,
.seo-promotion table th {
	padding: 10px;
	border: 1px solid #c6c6c6;
}

.seo-promotion table td.color-green b,
.seo-promotion table td.color-blue b {
	font-size: 24px;
}

.color-green {
	color: #74bb51;
}
.color-blue {
	color: #4c9ec5;
}

.partners {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	font-size: 0;
}

.partners__item {
	display: inline-block;
	vertical-align: middle;
	width: 225px;
	height: 150px;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 10px 20px 10px;
}

.partners.owl-carousel .partners__item {
	width: 33%;/*100%;*/
	margin: 0 auto;
}

.posm75 {
	position: relative;
	transform: translateY(75px);
}

.owl-nav {

}

.owl-prev,
.owl-next {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 1px solid #e5e5e5;
	font-size: 0;
	background-color: rgba(255,255,255, .8);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 9px;
	background-image: url('../img/arrowowl.svg');
}

.owl-prev {
	left: 0;
}
.owl-next {
	right: 0;
	transform: translate(50%, -50%) rotate(180deg);	
}

.partners .owl-dots {
	display: none;
}

@media screen and (max-width: 1280px) {
	.seo-promotion {
		padding-top: 320px;
	}
	.seo-promotion .graph-round {
		width: 270px;
		padding: 0;
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
	}
	.seo-promotion article {
		width: 50%;
		max-width: 100%;
	}
}

@media screen and (max-width: 960px) {
	.seo-info__item {
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 500px;
	}
	.seo-info__item img {
		top: auto;
		transform: translateY(0);
	}
	.seo-info__item figure p {
		height: auto;
	}
	.seo-info {
		padding-left: 0;
		padding-right: 0;
	}
	.seo-promotion {
		padding-top: 0;
	}
	.seo-promotion .graph-round {
		width: 100%;
		margin: 20px auto;
		position: relative;
		left: auto;
		top: auto;
		transform: translateX(0);
	}
	.seo-promotion article {
		width: 100%;
		display: block;
		margin: 20px auto;
	}
}

@media screen and (max-width: 768px) {
	.seo-services__item {
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 500px;
	}
	.seo-services figure > p {
		height: auto;
		max-width: 230px;
		width: 100%;
	}
	.seo-services figure > p img {
		position: relative;
    top: auto;
    transform: translateY(0);
	}
	.seo-info__item figcaption br {display: none;}
}

@media screen and (max-width: 480px) {
	.plr10pr {
		padding-left: 0;
		padding-right: 0;
	}
	.seo-promotion table {
		font-size: 12px;
		line-height: 1.2;
	}
}

@media screen and (max-width: 350px) {
	.seo-promotion .graph-round #round {
		left: 50%;
		transform: translateX(-50%) rotate(-90deg);
	}
}


/*
	стили bitrix24-страницы
*/

.bt-banner {
	position: relative;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 475px;
	text-align: center;
}

.bt-banner h2 {
	margin-bottom: 0;
	color: #fff;
	line-height: 1.3;
}

.bt-banner .wrapper-inside {
	height: 100%;
}

.bt-banner img {
	position: absolute;
	bottom: -40px;
	right: 0;
}

.bt-tool {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 30px;
	border-radius: 25px;
	border: 1px solid #1f7cb1;
	box-sizing: border-box;
	margin: 20px auto 60px auto;
}

.bt-tool__elements {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	box-sizing: border-box;	
	text-align: center;
}

.bt-tool__item {
	width: calc(100% / 6);
	min-width: 189px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 50px;
	padding-right: 30px;
	box-sizing: border-box;	
}

.owl-loaded .bt-tool__item {
	padding: 0 30px;
	width: 100%;
}

.bt-tool__icon {
	margin-bottom: 30px;
}

.owl-loaded .bt-tool__icon {
	text-align: center;
}

.bt-tool__icon i {
	display: inline-block;
	vertical-align: bottom;
	background-position: center;
	background-repeat:no-repeat;
	width:85px;
	height:85px;
	transform: scale(1);
	transition: transform 0.125s linear;
}

.bt-tool__icon i:hover {
	transform: scale(1.1);	
	transition: transform 0.125s linear;	
}

.icon-btic1 {background-image: url('../img/btic1.svg');}
.icon-btic2 {background-image: url('../img/btic2.svg');}
.icon-btic3 {background-image: url('../img/btic3.svg');}
.icon-btic4 {background-image: url('../img/btic4.svg');}
.icon-btic5 {background-image: url('../img/btic5.svg');}
.icon-btic6 {background-image: url('../img/btic6.svg');}
.icon-btic7 {background-image: url('../img/btic7.svg');}
.icon-btic8 {background-image: url('../img/btic8.svg');}
.icon-btic9 {background-image: url('../img/btic9.svg');}
.icon-btic10 {background-image: url('../img/btic10.svg');}
.icon-btic11 {background-image: url('../img/btic11.svg');}
.icon-btic12 {background-image: url('../img/btic12.svg');}

.bt-advantage {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	font-size: 0;
	transform: translateX(-16px);	
}

.bt-clients {
	width: 100%;
	max-width: 860px;
	font-size: 0;
	margin: 0 auto;
	transform: translateX(-16px);
}

.bt-clients__item {
	display: inline-block;
	vertical-align: top;
	margin: 16px 0 16px 32px;
	padding: 20px;
	height: 160px;
	width: calc(33.333% - 32px);
	color: #5b5b5b;
	text-align: center;
	font-size: 24px;
	line-height: 120px;
	font-weight: 300;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: #eeeeee;
	box-sizing: border-box;
	overflow: hidden;
}

.bt-advantage__item {
	background-color: #fff;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 32px;
	padding: 20px;
	width: calc(33.333% - 32px);
	color: #151515;
	text-align: center;
	font-weight: 300;
	font-size: 17px;	
	line-height: 24px;	
	box-sizing: border-box;	
}

.bt-advantage__item p {
	font-weight: 300;	
}

.bt-advantage__item img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
}
.bt-clients__item img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.bt-picking {
	color: #fff;
	background-color: #75cd49;
	background-repeat: no-repeat;
	background-position: center bottom;
	min-height: 310px;
	box-sizing: border-box;
}

.bt-picking__text {
	font-weight: 300;
	font-size: 24px;
	line-height: 36px;
	margin: 20px auto;
}

.bt-picking__text p {
	margin-bottom: 20px;
}

.bt-picking__text p:last-child {
	margin-bottom: 0;
}

.bt-picking__text b {
	font-size: 30px;
}

.bt-crm {
	min-height: 500px;
	background-color: #1ec5f9;
}

.bt-crm + section {
	padding-top: 0 !important;
}

.bt-tarifs {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	margin: 20px auto 0 auto;
	font-size: 0;
	text-align: center;
	box-sizing: border-box;	
}

.bt-tarifs__item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 70px);
	min-height: 550px;
	margin: 0 35px 40px 35px;
	background-color: #fff;
	border-radius: 10px;
	font-size: 15px;
	line-height: 24px;
	padding: 25px 0 60px 0;
	box-sizing: border-box;
}

.bt-tarifs__title {
	max-width: 320px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
	font-size: 28px;
	line-height: 1;
	color: #151515;
	font-weight: 300;
	box-sizing: border-box;	
}

.bt-tarifs .bg-green,
.bt-tarifs .bg-blue {
	color: #fff;
	font-size: 30px;
	line-height: 55px;
	font-weight: 700;
}

.bt-tarifs__title i {
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;	
	width: 100px;
	height: 80px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	box-sizing: border-box;	
	transform: scale(1);	
	transition: transform 0.125s linear;	
}

.bt-tarifs__title i:hover {
	transform: scale(1.1);		
	transition: transform 0.125s linear;		
}

.icon-btic13 {background-image: url('../img/btic13.svg');}
.icon-btic14 {background-image: url('../img/btic14.svg');}

.bt-tarifs__title span {
	min-height: 56px;
}

.bt-tarifs__list {
	display: block;
	min-height: 170px;
	padding: 20px 30px;
	list-style-type: none;
	text-align: center;
	box-sizing: border-box;
}

.bt-tarifs__list > li {
	margin: 16px auto;
}

.bt-tarifs__list > li > a {
	font-size: 17px;
	line-height: 24px;
	font-weight: 300;
	color: #151515;
	border-bottom: 2px dashed #217db2;
} 

.bt-tarifs__list > li > a:hover {
	border-bottom-color: #151515;
}

.bt-tarifs__sub-list {
		display: none;
		padding: 20px;
		margin: 30px auto;
		list-style-type: none;
		text-align: left;
		font-size: 15px;
		line-height: 20px;
		border: 1px solid #217db2;
		box-sizing: border-box;
		position: relative;
		transition: all 0.25s linear;
}

.bt-tarifs__sub-list.active {
	display: block;
	transition: all 0.25s linear;	
}

.bt-tarifs__sub-list > li {
	margin-bottom: 5px;
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
}

.bt-tarifs__sub-list > li::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	background: url(../img/checklist.svg) no-repeat left center;
	background-size: 12px;
}

.bt-tarifs__sub-list::after,
.bt-tarifs__sub-list::before {
	content: '';
	position: absolute;
	left: 50%;
	top: -10px;
	transform: translateX(-50%) rotate(45deg);
	width: 20px;
	height: 20px;
	background-color: #fff;
}

.bt-tarifs__sub-list::before {
	top: -11px;
	background-color: #217db2;
}

.bt-tarifs__order {
	position: absolute;
	bottom: 25px;
	left: 0;
	right: 0;
}

.bt-tarifs__order a {
	font-weight: 700;
}

@media all and (max-width: 1279px) {
	.bt-tool__item {
		width: calc(100% / 4);
	}
	.owl-loaded .bt-tool__item {
		padding: 0 30px;
		width: 100%;
	}
}

@media all and (max-width: 960px) {
	.bt-tarifs__item {
		display: block;
    margin: 0 auto;
    margin-bottom: 60px;
    min-height: auto;
    max-width: 400px;
    width: 100%;
	}
	.bt-tarifs__item:last-child {
		margin-bottom: 0;
	}
}

@media all and (max-width: 768px) {
	.bt-tool__item {
		width: calc(100% / 3);
	}
	.bt-banner img {
		width: 220px;
		right: 50%;
		transform: translateX(50%);
	}
	.bt-advantage__item,
	.bt-clients__item {
		width: calc(50% - 32px);
		margin: 32px 0 32px 32px;
	}
}

@media all and (max-width: 640px) {
	.bt-tool__item {
		width: calc(100% / 2);
	}
	.bt-banner .wrapper-inside {
		padding: 0;
	}
	.bt-crm {
		min-height: auto;
	}
	.bt-picking {
		background-image: none !important;
	}
	.bt-crm + section {
		padding-top: 60px !important;
	}
}

@media all and (max-width: 480px) {
	.bt-tool__item {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.bt-tool {
		padding-left: 0;
		padding-right: 0;
	}

	.bt-clients,
	.bt-advantage {
		transform: translateX(0);
	}

	.bt-advantage__item,
	.bt-clients__item {
		width: 100%;
		margin: 10px 0;
	}
	.bt-picking__text b,
	.bt-tool h2,
	.bt-banner h2 {
		font-size: 28px;
	}
	.bt-tool h2 {
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
}

.ready-solutions {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	box-sizing: border-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	position: relative;
}

.ready-solutions .btn-white {
	text-transform: uppercase;
	font-weight: 700;
	margin-right: 20px;
	margin-bottom: 10px;
}

.ready-solutions .btn-empty {
	padding-left: 0;
	padding-right: 0;
}

.ready-solutions__content {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	padding: 40px;
	font-size: 0;
}

.ready-solutions__content > div {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	font-size: 15px;
	color: #1d1d1d;
	box-sizing: border-box;
}

.ready-solutions__text {
	margin-bottom: 30px;
}

.ready-solutions__text p {
	margin-bottom: 30px;
}

.ready-solutions__img {
	vertical-align: bottom;
}

.ready-solutions__img img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.ready-solutions__title {
	font-weight: 700;
	font-size: 45px;
	line-height: 1.2;
	margin-bottom: 30px;
}

.contacts-panel {
	position: fixed;
    right: 0;
    top: 200px;
    z-index: 2;
}

.contacts-panel__item {
	font-weight: 700;
	-webkit-border-radius: 50px 0 0 50px;
	-moz-border-radius: 50px 0 0 50px;
	border-radius: 50px 0 0 50px;
	cursor: pointer;
	margin-bottom: 20px;
	box-shadow: none;
	transform: translateX(calc(100% - 50px));
	transition-delay: 0.5s;	
	transition: all 0.25s ease;
}

.contacts-panel__item:hover {
	box-shadow: 0px 10px 7px 2px rgba(0,0,0, .125) inset;
	transform: translateX(0);
	transition-delay: 0.5s;	
	transition: all 0.25s ease;	
}

.contacts-panel__item a {
	display: block;
	min-height: 50px;
	text-decoration: none;
	border: none;
	font-size: 0;
	color: #fff;
}

.contacts-panel__item a div,
.contacts-panel__item a i {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 50px;
	margin-left: 10px;
	text-align: left;
	font-size: 14px;
	font-weight: 700;
}

.contacts-panel__item a i {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
}

.contacts-panel__item a div {
	width: calc(100% - 50px);
	min-width: 170px;
	height: auto;
	margin: 0;
	padding: 10px;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.contacts-panel__item:hover {

}

.contacts-panel__item .contacts-phone div {
	font-size: 12px;
	line-height: 16px;
}

.contacts-panel__item .contacts-phone span {
	color: #a6afb5;
}

.advantage-b {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 40px 0;
	color: #fff;
	font-size: 0;
	box-sizing: border-box;	
}

.advantage-b__item {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	font-size: 0;
	margin-bottom: 40px;
	box-sizing: border-box;	
}

.advantage-b__img,
.advantage-b__text {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;	
}

.advantage-b__img {
	width: 100px;
	box-sizing: border-box;	
}

.advantage-b__img img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.advantage-b__text {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 400;
	width: calc(100% - 100px);
	padding: 10px 20px;
	box-sizing: border-box;
}

.search-filter-wrapper {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 42px;
	height: 42px;
	margin-left: 20px;
	border: 1px solid #ffcd05;	
	border-radius: 3px;	
	background-position: center;
	background-repeat: no-repeat;
	background-color: #1f3b5d;	
	background-size: 15px;
	background-image: url('../img/search-icon.svg');
	cursor: pointer;
	overflow: hidden;
}

.search-filter {
	position: absolute;
	top: 0;
	right: 1px;
	display: inline-block;
	vertical-align: middle;
	transform: translateY(-100%);
	width: 220px;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, .35);
	z-index: 4;
	transition: all 0.25s ease;	
}

.search-filter-wrapper.active {
	border-color: transparent;
	overflow: visible;
}

.search-filter-wrapper.active .search-filter {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);	
	transition: all 0.25s ease;
}

.portfolio-new__categories .search-filter {
	margin-left: 20px;
}

.search-filter input[type="text"] {
	width: 100%;
	background-color: #1f3b5d;
	border: 1px solid #ffcd05;
	color: #ffcd05;
	padding-right: 35px;
	height: 40px;
	border-radius: 3px;
}

.search-filter button {
	position: absolute;
	top: 0;
	right: 2px;
	width: 30px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 15px;
	background-image: url('../img/search-icon.svg');
	outline: none;
	border: none;
}

.search-filter button:hover {
	box-shadow: none;
}

.result-search {
	margin-top: 5px;
	font-size: 18px;
	color: #ffcd05;
	position: relative;
	transform: translateY(-100%);
	opacity: 0;
	visibility: hidden;
	transition: all 0.25s ease;
}

.result-search.active {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	transition: all 0.25s ease;
}

.portfolio-new-empty {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	color: #ffcd05;	
	padding: 40px 0;
}

.portfolio-new-empty h2 {
	font-size: 45px;
	color: #ffcd05;	
	margin-bottom: 0;
}

.popup-wr{display: none;position: absolute;background: rgba(0, 0, 0, 0.46);width: 100%;height: 100%;top: 0;bottom: 0;right: 0;left: 0;z-index: 101;display: none}
.popup-wr.active{display: block;transition: all 0.8s ease}
.popup-wr .popup-form{position: fixed;width: 400px;height: 630px;transform: translate(-50%,-50%);left: 50%;top: 50%;z-index: 10;background: #fff;padding: 35px;border-radius: 20px;}
.popup-srv .popup-wr .popup-form{height: 500px;}
.popup-wr .popup-form .close-popup{position: absolute;z-index: 1;top: 20px;right: 20px;width: 19px;height: 19px;background: url(/bitrix/templates/.default/img/form_close.png);cursor: pointer;}
.popup-wr .popup-form .close-popup:active{background-position: 0 -38px;}
.popup-wr .popup-form .close-popup:hover {background-position: 0 -19px;}
.popup-wr .popup-form .logo{text-align: center;}
.popup-wr .popup-form .logo img{width: 220px;}
.popup-wr .popup-form form .form-label{text-align: center;font-size: 20px;padding: 20px 20px 10px 20px;}
.popup-wr .popup-form form .form-input{display: block;width: 100%;height: 32px;line-height: 32px;margin: 3px 0 0;border: 1px solid #d3d3d3;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-transition: .3s ease;-moz-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;}
.popup-wr .popup-form form .form-input.text-area{height: 145px;}
.popup-wr .popup-form form .agree-label{text-align: justify;font-size: 15px;}
.popup-wr .popup-form form .submit-from{text-align: center;padding: 20px}

@media (max-width: 1023px) {
	.ready-solutions__content > div {
		width: 100%;
	}
}

@media (max-width: 960px) {
	.advantage-b__item {
		width: 50%;
	}
	.search-filter-wrapper {
		width: auto;
		border-color: transparent;
		background-color: transparent;
	}
	.search-filter {
		position: relative;
		top: auto;
		right: auto;
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
		box-shadow: none;
		z-index: 4;
		transition: all 0.25s ease;	
	}
}

@media (max-width: 960px) {
	.search-filter-wrapper {
		vertical-align: middle;
	}
}

@media (max-width: 580px) {
	.portfolio-new__categories .search-filter-wrapper,
	.portfolio-new__categories .search-filter {
		width: 100%;
		margin-left: 0;
	}
}

@media (max-width: 550px) {
	.advantage-b__item {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.ready-solutions__title {
		font-size: 35px;
	}
}

/* новая страницауслуг */

.b-services {
	padding: 50px 0;
}
.b-services .wrapper-inside {
	text-align: center;
}
.b-services a {
	text-decoration: none;
}
.b-services .-items {
	display: inline-block;
	vertical-align: top;
	width: calc(100% + 25px);
	margin-right: -25px;
	font-size: 0;
	text-align: left;
}

.b-services .-item {
	/* float: left; */
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 374px;
	margin-right: 25px;
	margin-bottom: 25px;
	background-color: #fff;
	font-size: 17px;	
}

.b-services .-text h2,
.b-services .-text {
	text-transform: uppercase;
	text-align: center;
	font-size: 17px;
	line-height: 22px;
	font-weight: 500;
	margin-bottom: 0;

}
.b-services .-img {
	box-sizing: border-box;
	height: 272px;
	border-bottom: 1px solid #f3f5f5;
	background-color: #f3f5f5;
	background-repeat: no-repeat;
	background-size: auto 272px;
}
.b-services .-text {
	padding: 22px;
	min-height: 88px;
	box-sizing: border-box; 
	background-color: #fff;
}

.b-services .-item:hover .-img {
	background-color: #fff;	
}

.b-services .-item:hover .-text {
	background-color: #f3f5f5;
}

.b-services .-img-0 {
	background-image: url('../img/animateicon/service0.png');
}
.b-services .-img-1 {
	background-image: url('../img/animateicon/service1.png');	
}
.b-services .-img-2 {
	background-image: url('../img/animateicon/service2.png');	
}
.b-services .-img-3 {
	background-image: url('../img/animateicon/service3.png');	
}
.b-services .-img-4 {
	background-image: url('../img/animateicon/service4.png');	
}
.b-services .-img-5 {
	background-image: url('../img/animateicon/service5.png');	
}
.b-services .-img-6 {
	background-image: url('../img/animateicon/service6.png');	
}
.b-services .-img-7 {
	background-image: url('../img/animateicon/service7.png');	
}

.b-services .-item.-animated .-img {
    animation: anim 1.75s step-end infinite;
}
@keyframes anim {
    0% {background-position-x: 0px;}
    4.2% {background-position-x: -374px;}
    8.4% {background-position-x: -748px;}
    12.6% {background-position-x: -1122px;}
    16.8% {background-position-x: -1496px;}
	21% {background-position-x: -1870px;}
    25.2% {background-position-x: -2244px;}
    29.6% {background-position-x: -2618px;}
    33.8% {background-position-x: -2992px;}
    38% {background-position-x: -3366px;}
    42.2% {background-position-x: -3740px;}
    46.6% {background-position-x: -4114px;}
    50.8% {background-position-x: -4488px;}
    55% {background-position-x: -4862px;}
    59.2% {background-position-x: -5236px;}
    63.6% {background-position-x: -5610px;}
    67.8% {background-position-x: -5984px;}
    72% {background-position-x: -6358px;}
    76.2% {background-position-x: -6732px;}
    80.4% {background-position-x: -7106px;}
    84.6% {background-position-x: -7480px;}
    88.8% {background-position-x: -7854px;}
    93% {background-position-x: -8228px;}
    100% {background-position-x: -8602px;}
}

@media (max-width: 1251px) {
	/* .b-services .-items {
		width: calc(100% + 50px - 33.333%);
	} */
}

@media (max-width: 550px) {
	.b-services .-items {
		width: 100%;
		margin-right: 0;
	}
	.b-services .-item {
		margin-right: 0;
	}
}
.site .h-wh .b-width {width: inherit;}

/* начало стилей новой страницы новостей */

.news-slider {
    position: relative;
    width: 100%;
    min-height: 655px;
    overflow: hidden;
}
.news-slider ._slide {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    min-height: 655px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.news-slider ._content {
    position: absolute;
    top: calc(50% - 100px);
    left: 70%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 570px;
    min-height: 360px;
    padding: 60px 35px;
    padding-bottom: 100px;
    color: #fff;
    font-size: 26px;
    line-height: 42px;
    background-color: rgba(37,52,70, .68);
    box-sizing: border-box;
    margin: 100px auto;
}
.news-slider .btn {
    position: absolute;
    bottom: 60px;
    left: 35px;
    font-size: 14px;
    line-height: 40px;
}
.news-slider .owl-next,
.news-slider .owl-prev {
    position: absolute;
    top: 50%;
    z-index: 2;
    background-color: transparent;
    background-size: 20px;
    border: none;
}
.news-slider .owl-next {
    right: calc(30% - (570px / 2) - 30px);
}
.news-slider .owl-prev {
    left: calc(70% - (570px / 2) - 30px);
}

.icon-arrow,
.icon-view,
.icon-date,
.icon-news,
.icon-blog {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-view {background-image: url("../img/icon/icon-view.png")}
.icon-date {background-image: url("../img/icon/icon-date.png")}
.icon-news {background-image: url("../img/icon/icon-news.png")}
.icon-blog {background-image: url("../img/icon/icon-blog.png")}

.b_news {
    background-color: #fff;
    margin-bottom: 40px;
}
.b_news ._nav {
    text-align: right;
}
.b_news ._nav ul {
    list-style-type: none;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
}
.b_news ._nav li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 30px;
}
.b_news ._nav li:last-of-type {
    padding-right: 0;
}
.b_news ._nav a:visited,
.b_news ._nav a:active,
.b_news ._nav a:focus,
.b_news ._nav a {
    font-size: 15px;
    line-height: 20px;
    color: #151515;
    text-decoration: none;
    border: none;
}
.b_news ._nav a.is-active,
.b_news ._nav a:hover {
    color: #d63628;
    text-decoration: none;
}
.b_news ._more {
    text-align: center;
    margin: 40px auto 65px auto;
}
.b_news ._more a {
    position: relative;
}
.b_news ._more a.is-active {
    color: #74bb51!important;
    transition: all 0 ease-in-out;
}
.b_news ._list {
    width: calc(100% + 35px);
}
.b_news article {
    position: relative;
    flex-basis: 33.333%;
    max-width: calc(33.33% - 35px);
    margin-right: 35px;
    margin-bottom: 55px;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    box-shadow: none;
    transition: box-shadow 0.125s linear;
}
.b_news article:hover {
    box-shadow: 0 0 30px 0px rgba(0,0,0,.125);
    transition: box-shadow 0.125s linear;
}
.b_news article header {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    padding: 25px;
}
.b_news ._img {
    width: calc(100% + 50px);
    height: 228px;
    margin-left: -25px;
    margin-right: -25px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
}
.b_news ._body {
    padding: 25px;
    padding-top: 0;
    width: 100%;
    min-height: 145px;
    margin-bottom: 145px;
    box-sizing: border-box;
}

.b_news ._text {
    font-size: 18px;
    line-height: 24px;
    padding-top: 25px;
    color: #8c8b8a;
    box-sizing: border-box;
}

.b_news ._header {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
}

.b_news ._header-title {
    max-width: 768px;
    margin: 150px auto;
    padding: 60px 35px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    background-color: rgba(37,52,70, .68);
    box-sizing: border-box;
}
.b_news ._header-title h1 {
    margin: 0 auto;
    color: #fff;
    font-weight: 600;
    line-height: 1.25;
}

.b_news ._typo {
    max-width: 768px;
    margin: 0 auto;
}
.b_news ._typo p {
    margin-bottom: 20px;
}
.b_news ._typo img {
    max-width: 100%;
}

.b_news article.-blog footer a {
    color: #599a43;
}
.b_news article.-blog footer .icon-arrow {
    background-image: url("../img/icon/arrow-right-green.png");
}

.b_news article footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px;
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    color: #8c8b8a;
    box-sizing: border-box;
}
.b_news article footer .row {
    padding-bottom: 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #e4e4e4;
}
.b_news article footer a {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 24px;
    color: #d63628;
    border: 0;
    margin: 20px auto 0 auto;
}
.b_news article footer a:hover {
    text-decoration: underline;
}
.b_news article footer .icon-arrow {
    margin-right: 0;
    margin-left: 25px;
    width: 18px;
    height: 18px;
    background-image: url("../img/icon/arrow-right-red.png");
}
.b_news article footer .col {
    max-width: 30%;
    text-align: left;
}
.b_news article footer .col:nth-child(2) {
    max-width: calc(70% - 65px);
    text-align: center;
}

.b_news article footer .col:last-of-type {
    max-width: 65px;
    text-align: right;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.col {
    position: relative;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (max-width: 1280px) {
    .b_news ._list {
        width: calc(100% + 15px);
    }
    .b_news article {
        max-width: calc(33.33% - 15px);
        margin-right: 15px;
        margin-bottom: 35px;
    }
}

@media (max-width: 1180px) {
    .b_news article {
        flex-basis: 50%;
        max-width: calc(50% - 15px);
    }
}

@media (max-width: 810px) {
    .b_news article footer .col,
    .b_news article footer .col:nth-child(2),
    .b_news article footer .col:last-of-type {
        max-width: 100%;
        text-align: left;
    }
    .b_news ._body {
        margin-bottom: 210px;
    }
    .b_news article footer .col:nth-child(2) {
        margin: 5px 0;
    }
}

@media (max-width: 1024px) {
    .news-slider ._content {
        margin: 100px auto;
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0, 0);
    }
    .news-slider,
    .news-slider ._slide {
        min-height: auto;
    }
    .news-slider .owl-next {
        right: 20px;
    }
    .news-slider .owl-prev {
        left: 20px;
    }
}

@media (max-width: 640px) {
    .b_news ._header-title {
        margin: 40px auto;
        padding: 40px 30px;
    }
    .b_news ._header-title h1 {
        font-size: 32px;
    }
    .b_news ._nav li {
        padding: 0 5px;
    }
    .b_news .wrapper-inside {
        padding: 0 20px;
    }
    .b_news ._list {
        width: 100%;
    }
    .b_news ._body {
        min-height: auto;
        margin-bottom: 160px;
    }
    .b_news article {
        flex-basis: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .news-slider ._content {
        margin: 50px auto;
        padding: 35px 15px;
        padding-bottom: 70px;
        margin-bottom: 75px;
    }
    .news-slider .btn {
        left: 15px;
        bottom: 35px;
    }
    .news-slider .owl-next,
    .news-slider .owl-prev {
        top: auto;
        bottom: 0px;
    }
    .news-slider .owl-prev {
        left: auto;
        right: 30px;
    }
}

/* коенец стилей новой страницы новостей */
.is-active .spinner-data {
    display: block;
}
.spinner-data {
    display: none;
    text-align: center;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    background-color: #74bb51;
}

.spinner-data > div {
    width: 13px;
    height: 13px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner-data ._bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner-data ._bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
      }
}

/* Прелоадер */
.itgrade-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #272b47;
    z-index: 100;
}
.itgrade-loader svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    margin: 0 auto;
}

/* Наша команда */
.b_our-team {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background-color:#e8e8e8;
	box-sizing: border-box;	
	margin-bottom: 60px;
}
.b_our-team ._row {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin-left: -18px;
	margin-right: -18px;
	box-sizing: border-box;
}
.b_our-team ._col {
	-webkit-flex: 0 1 25%;
	-ms-flex: 0 1 25%;
	flex: 0 1 25%;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	padding: 18px;
	max-width: 25%;
	box-sizing: border-box;	
}
.b_our-team ._inner {
	max-width: 1200px;
	padding: 0 18px;
	padding-bottom: 60px;
	margin: 0 auto;
	box-sizing: border-box;	
}
.b_our-team ._person {
	width: 100%;
	max-width: 265px;
	margin: 0 auto;
	min-height: 470px;
	background-color: #fff;
	box-sizing: border-box;	
	box-shadow: 0px 0px 20px 3px rgba(0,0,0,.125);
}
.b_our-team ._img {
	height: 320px;
	width: 100%;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;	
}
.b_our-team ._text {
	padding: 25px 18px;
	box-sizing: border-box;	
}
.b_our-team ._present {
	width: 100%;
	min-height: 470px;
	font-size: 30px;
	line-height: 30px;
	font-weight: 300;
	text-align: center;
	color: #fff;
	padding: 45px 5px;
	box-sizing: border-box;
	box-shadow: 0px 0px 20px 3px rgba(0,0,0,.125);
}
.b_our-team ._pres-img {
	height: 240px;
	margin: 0 auto;
	margin-bottom: 20px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
.b_our-team ._pres-img.__mw190 {
	max-width: 190px;
}
.b_our-team img {
	max-width: 100%;
	height: 100%;
}
.b_our-team a {
	color: #22201d;
	border-color: #22201d;
}

.b_our-team a:hover {
	color: #212121;
	border-color: #22201d;
}

@media (max-width: 1200px) {
	.b_our-team ._row {
		margin-left: -9px;
		margin-right: -9px;
	}
	.b_our-team ._col {
		-webkit-flex: 0 1 33.333%;
		-ms-flex: 0 1 33.333%;
		flex: 0 1 33.333%;
		padding: 9px 18px;
		max-width: 33.333%;
	}
}

@media (max-width: 960px) {
	.b_our-team ._col {
		-webkit-flex: 0 1 50%;
		-ms-flex: 0 1 50%;
		flex: 0 1 50%;
		padding: 9px 18px;
		max-width: 50%;
	}
	.b_our-team ._col._present-wrapper {
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
		max-width: 100%;
	}
	.b_our-team ._present {
		min-height: auto;
		display: inline-block;
		vertical-align: middle;
		padding: 0;
	}
	.b_our-team ._pres-img {
		height: 120px;
		width: 120px;
		max-width: 120px;
		margin-bottom: 0;
		padding: 10px 20px;
		float: left;
		box-sizing: border-box;		
	}
	.b_our-team ._pres-title {
		float: left;
		width: calc(100% - 120px);
		padding: 25px 0;
		box-sizing: border-box;
		text-align: left;
	}
}

@media (max-width: 540px) {
	.b_our-team ._col {
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
		padding: 9px 18px;
		max-width: 100%;
	}
}

@media (max-width: 480px) {
	.b_our-team ._pres-img {
		height: 100px;
		width: 100px;
		max-width: 100px;
		padding: 10px;
	}
	.b_our-team ._pres-title {
		width: calc(100% - 100px);
	}
	.b_our-team ._present {
		line-height: 20px;
		font-size: 20px;
	}
}

.yak.css_fix_wh {
    display: block;
    position: fixed;
    right: 135px;
    bottom: 55px;
    z-index: 1;}
@media (min-width: 680px) {
    .yak.css_fix_wh {
        display: none;}}
.yak .js_css {
    opacity: 0;
    transition: 1s;}
.yak .btn_yak{
    position: relative;
    background-color: #00aeef;
    color: #fff !important;
    font-family: 'Open Sans', sans-serif;
    border-radius: 50%;
    height: 56px;
    width: 56px;
    cursor: pointer;}
.btn_yak .triangle{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 2%);
    border: 15px solid transparent;
    border-bottom: 20px solid white;}