/* RESET STYLES */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0; width: 100%;}
table td {vertical-align: top;}

.testcase
{
    float: right; /* Обтекание картинки по левому краю */
    padding-left: 10px; /* Отступ слева */
    padding-bottom: 10px; /* Отступ снизу */
    vertical-align: middle;
}


.project-popup-wrap{
	display: none;
}


.page {font-family: Roboto; color: #4b4b4b; font-size: 18px; line-height: 1.222em; min-width: 320px; overflow: hidden;}
.page * {box-sizing: border-box;}
.page img {max-width: 100%;}
.page a {color: #4b4b4b; /*text-decoration: none;*/}
.page a:hover {text-decoration: underline;}
.page p {padding-bottom: 20px;}
.page h1 {font-size: 1.778em; line-height: 1.222em; margin: 0 0 20px;}
.page h2 {font-size: 1.5em; line-height: 1.222em; margin: 0 0 20px; clear: both;}
.page b, .page strong {font-weight: bold;}

.fancybox-wrap {font-family: Roboto; color: #4b4b4b; font-size: 18px; line-height: 1.222em;}
.fancybox-wrap * {box-sizing: border-box;}
.fancybox-wrap img {max-width: 100%;}
.fancybox-wrap a {color: #4b4b4b; text-decoration: none;}
.fancybox-wrap a:hover {text-decoration: underline;}
.fancybox-wrap p {padding-bottom: 20px;}
.fancybox-wrap h1 {font-size: 1.778em; line-height: 1.222em; margin: 0 0 20px;}
.fancybox-wrap h2 {font-size: 1.5em; line-height: 1.222em; margin: 0 0 20px; clear: both;}
.fancybox-wrap b, .fancybox-wrap strong {font-weight: bold;}

.page img[align='left'] {float: left; margin-right: 20px; margin-bottom: 20px;}
.page img[align='right'] {float: right; margin-left: 20px; margin-bottom: 20px;}

.page .header-wrap {background: #505050; background: -moz-linear-gradient(top, #505050 0%, #393939 100%); background: -webkit-linear-gradient(top, #505050 0%,#393939 100%); background: linear-gradient(to bottom, #505050 0%,#393939 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#393939',GradientType=0);}
.page .header {padding: 20px; max-width: 1280px; margin: 0 auto;}
.page .header .logo {width: 300px; height: 120px; display: block; float: left;}
.page .header .slogan {color: #fff; font-size: 1.222em; line-height: 1.222em; float: left; margin-left: 140px; margin-top: 13px;}
.page .header .contacts {color: #b0b0b0; float: right; margin-top: 13px; line-height: 1.445em;}
.page .header .contacts .lang {float: right;}
.page .header .contacts .lang li {float: left; margin-left: 20px;}
.page .header .contacts .lang li a {color: #fff;}
.page .header .contacts .lang li .active {color: #ffac4d;}
.page .header .contacts .cities {float: left;}
.page .header .contacts .cities a {margin-right: 20px; color: #fff;}
.page .header .contacts .cities a.active {color: #ffac4d;}
.page .header .contacts .num {color: #fff !important; font-size: 1.222em; display: block;}
.page .header .contacts .head_social_link{width:100%;overflow:hidden; padding-top:10px;}
.page .header .contacts .head_social_link .header-search
{
    width: 225px;float: right;padding: 0;margin: -2px 0 0 15px;
}
.page .header .contacts .head_social_link .header-search input[type=text]{

    width: 100%;
    background: #f7f7f7;
    border: 1px solid #a2a2a2;
    border-radius: 2px;
    padding: 5px;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
    font-family: Roboto;
    font-size: 11px;
    line-height: 1.222em;
    margin-top: 0px;

}
.page .header .contacts .head_social_link .header-search input[type=submit] {
    border: none;
    background: #da7400;
    color: #fff;
    padding: 5px 20px;
    font-family: Roboto;
    font-size: 12px;
    line-height: 1.222em;
    border-radius: 2px;
    cursor: pointer;
}
.page .header:after {content: ''; clear: both; display: block;}
.page .header-wrap .menu {padding: 13px 0; font-size: 0.889em; clear: both; border: 1px solid #656565; border-left: none; border-right: none;}
.page .header-wrap .menu .toggle {display: none;}
.page .header-wrap .menu ul {text-align: center;}
.page .header-wrap .menu ul li {display: inline-block; border-left: 1px solid #656565;}
.page .header-wrap .menu ul li:first-child {border-left: none;}
.page .header-wrap .menu ul li a {display: block; color: #fff; text-transform: uppercase; padding: 0 15px;}

.page .ya-share2 {margin: 0 0 4em;}

.page .footer-wrap {clear: both; background: #505050; background: -moz-linear-gradient(top, #505050 0%, #393939 100%); background: -webkit-linear-gradient(top, #505050 0%,#393939 100%); background: linear-gradient(to bottom, #505050 0%,#393939 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#393939',GradientType=0);}
.page .footer {padding: 20px; max-width: 1280px; margin: 0 auto;}
.page .footer .logo {width: 286px; height: 118px; display: block; float: left; margin-right: 150px;}
.page .footer .menu {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
.page .footer .menu li {margin-bottom: 20px;}
.page .footer .menu li a {color: #fff;}
.page .footer-wrap .footer-bottom-wrap {border-top: 1px solid #656565; font-size: 0.889em; line-height: 2.5em;}
.page .footer-wrap .footer-bottom {padding: 20px; color: #fff; max-width: 1280px; margin: 0 auto;}
.page .footer-wrap .footer-bottom .develop {float: right;}
.page .footer-wrap .footer-bottom .develop span {margin-right: 20px;}
.page .footer-wrap .footer-bottom .develop img {vertical-align: middle;}


.footer-wrap {clear: both; background: #505050; background: -moz-linear-gradient(top, #505050 0%, #393939 100%); background: -webkit-linear-gradient(top, #505050 0%,#393939 100%); background: linear-gradient(to bottom, #505050 0%,#393939 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#393939',GradientType=0);}
.footer {padding: 20px; max-width: 1280px; margin: 0 auto;}
.footer .logo {width: 286px; height: 118px; display: block; float: left; margin-right: 150px;}
.footer .menu {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
.footer .menu li {margin-bottom: 20px;}
.footer .menu li a {color: #fff;}
.footer-wrap .footer-bottom-wrap {border-top: 1px solid #656565; font-size: 0.889em; line-height: 2.5em;}
.footer-wrap .footer-bottom {padding: 20px; color: #fff; max-width: 1280px; margin: 0 auto;}
.footer-wrap .footer-bottom .develop {float: right;}
.footer-wrap .footer-bottom .develop span {margin-right: 20px;}
.footer-wrap .footer-bottom .develop img {vertical-align: middle;}


.footer .logo {
    background: url(./images/logo-ru.png) 50% 50% no-repeat;
}






.site-ru .page .header .logo, .site-ru .page .footer .logo {background: url(./images/logo-ru.png) 50% 50% no-repeat; }
.site-en .page .header .logo, .site-en .page .footer .logo {background: url(./images/logo-en.png) 50% 50% no-repeat; }

.page h2 .show-all {position: relative; font-size: 0.6em; font-weight: normal; color: #525050; text-decoration: underline; margin-left: 40px; padding-left: 40px;}
.page h2 .show-all:before {content: ''; position: absolute; left: 0; top: -15px; height: 50px; width: 1px; background: #000; transform: rotate(30deg);}

.page .main-advantages {padding: 50px 20px 0; max-width: 1280px; margin: 0 auto;}
.page .main-advantages h2 {margin: 0 0 50px;}
.page .main-advantages .items {overflow: hidden; counter-reset: main-advantages-counter;}
.page .main-advantages .items li {float: left; width: 25%; margin: 0 0 50px;}
.page .main-advantages .items li .img {margin: 0 0 20px; position: relative;}
.page .main-advantages .items li .img img {display: block;}
.page .main-advantages .items li .img:after {font-size: 28px; color: #000; content: counter(main-advantages-counter); counter-increment: main-advantages-counter; line-height: 80px; width: 50px; padding-right: 18px; text-align: center; display: block; position: absolute; top: 0; background: url(./images/main-advantages-index.png) no-repeat;}
.page .main-advantages .items li .name {}
.page .main-advantages .items li .description {display: none;}
.page .main-advantages .items li.detail {display: none; overflow: hidden; padding: 0 !important; clear: both; margin: 0 0 50px; width: auto; float: none;}
.page .main-advantages .items li.detail .num {text-decoration: none; font-size: 28px; color: #000; line-height: 80px; width: 68px; padding-right: 18px; text-align: center; display: block; float: left; background: url(./images/main-advantages-index.png) no-repeat;}

.page .main-advantages.advantage-open .items li.detail-four {display: block;}

.page .main-project {padding: 50px 20px; background: 50% 50% no-repeat; background-size: cover; text-align: center;}
.page .main-project h2 {color: #fff; font-weight: 300; text-transform: uppercase; font-size: 1.778em; line-height: 1em; margin: 0 0 100px;}
.page .main-project .title {display: block; text-decoration: none; color: #da7400; font-weight: 300; margin: 0 0 20px; font-size: 2.5em; line-height: 1em; text-transform: uppercase;}
.page .main-project .preview {color: #fff; max-width: 900px; margin: 0 auto 70px; font-weight: 300; font-size: 1.222em; line-height: 1.222em;}
.page .main-project .link-project {display: inline-block; line-height: 2.22em; border: 3px solid #da7400; color: #fff; padding: 0 20px;}
.page .main-project .link-project:hover {background: #fff; color: #000; text-decoration: none;}

.page .project-popup-wrap {position: fixed; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 100;}
.page .project-popup {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 520px; width: 98%;}
.page .project-popup .close {position: absolute; top: 0; right: 0; width: 60px; height: 60px; border-radius: 50%; background: url(./images/project-close.png) 50% 50% no-repeat #f1f1f1;}
.page .project-popup:before {content: ''; padding-bottom: 100%; display: block; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); border-radius: 50%; background: #fff;}
.page .project-popup-content {position: absolute; width: 100%; padding: 0 90px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.page .project-popup-content .title {font-size: 1.3em; line-height: 1.2em; text-align: center; white-space: nowrap; margin: 0 0 2em;}
.page .project-popup-content form {}
.page .project-popup-content form label {display: block; font-size: 0.8em; margin: 0 0 1em;}
.page .project-popup-content form label input {border: 2px solid #d1d1d1; font-family: Roboto; font-size: 18px; color: #4b4b4b; line-height: 2em; border-radius: 2px; background: #f1f1f1; width: 100%; padding: 0 20px;}
.page .project-popup-content form .submit {text-align: center; padding-top: 1em;}
.page .project-popup-content form .submit input {border: 3px solid #f04200; width: 70%; line-height: 2em; font-family: Roboto; color: #4b4b4b; font-size: 18px;}
.page .project-popup-content form .submit input:hover {background: #f04200; color: #fff; cursor: pointer;}

.page .main-slider {max-width: 1920px; margin: 0 auto; position: relative;}
.page .main-slider ul li .slide {display: block; overflow: hidden; text-align: center;}
.page .main-slider ul li .slide img {display: inline-block; max-width: none; transform: translateX(-50%); left: 50%; position: relative;}
.page .main-slider ul li .slide img.big {}
.page .main-slider ul li .slide img.small {display: none;}
/* .page .main-slider .bx-controls {position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: -1;}
.page .main-slider .bx-controls .bx-prev, .page .main-slider .bx-controls .bx-next {display: block; width: 20%; height: 100%; position: absolute; top: 0;}
.page .main-slider .bx-controls .bx-prev {left: 0;}
.page .main-slider .bx-controls .bx-next {right: 0;} */

.page .main-slider .bx-controls {text-align: center;}
.page .main-slider .bx-controls .bx-pager-item {display: inline-block; margin: 5px;}
.page .main-slider .bx-controls .bx-pager-item a {display: block; width: 20px; height: 20px; overflow: hidden; background: #aaa; border-radius: 50%; text-indent: 100px;}
.page .main-slider .bx-controls .bx-pager-item a.active {background: #e9750e;}

.page .main-fresh-case {background: url(./images/fresh-case.jpg) 50% 50% no-repeat; background-size: auto 100%; margin: 0 0 40px;}
.page .main-fresh-case-wrap {max-width: 1280px; padding: 20px 20px 50px; margin: 0 auto;}
.page .main-fresh-case-wrap h2 {color: #fff;}
.page .main-fresh-case-wrap h2 .show-all {color: #fff;}
.page .main-fresh-case-wrap h2 .show-all:before {background: #fff;}
.page .main-fresh-case-wrap .case {padding-top: 20px; color: #fff;}
.page .main-fresh-case-wrap .case:after {content: ''; display: block; clear: both;}
.page .main-fresh-case-wrap .case .preview {display: block; float: left; margin: 0 40px 40px 0;}
.page .main-fresh-case-wrap .case .preview img {box-shadow: 10px 10px 0 0 #ffac4d;}
.page .main-fresh-case-wrap .case a {color: #fff;}
.page .main-fresh-case-wrap .case .detail {padding-top: 20px;}
.page .main-fresh-case-wrap .case .detail a {font-weight: 300; text-decoration: underline;}

.page .inner-fresh-case {margin: 0 -20px 40px; position: relative;}
.page .inner-fresh-case:before {position: absolute; left: -100%; width: 300%; content: ''; background: #eaeaea; height: 100%; top: 0; z-index: -1; background: url(./images/fresh-case.jpg) 50% 50% repeat-x; background-size: auto 100%;}

.page .main-services {background: #eaeaea; padding: 50px 0;}
.page .main-services h2 {max-width: 1280px; margin: 0 auto 50px; padding: 0 20px;}
.page .main-services .items {max-width: 1280px; margin: 0 auto; overflow: hidden;}
.page .main-services .items > li {width: 50%; float: left; margin: 0 0 20px;}
.page .main-services .items > li .img {display: block; position: relative; margin: 0 0 20px; background: #575757;}
.page .main-services .items > li .img img {display: block; position: relative; width: 100%;}
.page .main-services .items > li .img span {position: absolute; display: inline-block; font-size: 1.444em; line-height: 1.222em; font-weight: bold; top: 50%; padding: 0 20px; transform: translateY(-50%); color: #fff; text-transform: uppercase;}
.page .main-services .items > li .img span:after {height: 6px; width: 230px; position: absolute; content: ''; background: #da7400; bottom: -10px; left: 20px;}
.page .main-services .items > li ul {padding: 0 30px;}
.page .main-services .items > li ul li {float: none; width: auto; margin-bottom: 20px; padding-left: 30px; position: relative;}
.page .main-services .items > li ul li:before {width: 10px; height: 10px; content: ''; display: inline-block; vertical-align: top; background: #da7400; border-radius: 50%; position: absolute; left: 0px; top: 5px;}
.page .main-services .items > li .detail {color: #da7400; font-weight: 300; margin-left: 60px; text-decoration: underline;}
.page .main-services .items > li:nth-child(2n+1) {clear: both;}
.page .main-services .items > li:nth-child(2n+1) {padding-right: 10px;}
.page .main-services .items > li:nth-child(2n+2) {padding-left: 10px;}

.page .inner-services {background: none; padding: 0;}

.page .why {margin: 0 -10px;}
.page .why li {width: 50%; float: left;}
.page .why li .advatage-item {display: block;}
.page .why li .img {display: block; position: relative; margin: 0 10px 20px;}
.page .why li .img img {display: block; position: relative; width: 100%;}
.page .why li .img span {position: absolute; display: inline-block; font-size: 1.2em; line-height: 1.222em; top: 50%; padding: 0 20px; transform: translateY(-50%); color: #fff; font-weight: 300;}
.page .why li .img span:after {height: 6px; position: absolute; content: ''; background: #da7400; bottom: -10px; left: 20px; right: 20px;}
.page .why li .img span b {text-transform: uppercase;}
.page .why li .img:after {height: 6px; position: absolute; content: ''; background: #da7400; bottom: 0px; width: 100%; display: none;}

.page .why li .description {display: none; padding: 0 10px;}

.page .why li.detail {display: none; overflow: hidden; padding: 0 10px !important; clear: both; margin: 0 0 50px; width: auto; float: none;}

.page .why.advantage-open[advantage-open='1'] li[data-index='1'] .img:after {display: block;}
.page .why.advantage-open[advantage-open='1'] li.detail-two {display: block;}
.page .why.advantage-open[advantage-open='2'] li[data-index='2'] .img:after {display: block;}
.page .why.advantage-open[advantage-open='2'] li.detail-two {display: block;}
.page .why.advantage-open[advantage-open='3'] li[data-index='3'] .img:after {display: block;}
.page .why.advantage-open[advantage-open='3'] li.detail-four {display: block;}
.page .why.advantage-open[advantage-open='4'] li[data-index='4'] .img:after {display: block;}
.page .why.advantage-open[advantage-open='4'] li.detail-four {display: block;}

.page .geo-map {position: relative;}
.page .geo-map .bg {position: relative;}
.page .geo-map .bg img {display: block; margin: 0 auto; position: relative;}
.page .geo-map h2 {position: absolute; top: 20px; left: 0; width: 100%;}
.page .geo-map h2 span {display: block; max-width: 1280px; margin: 0 auto; padding: 0 20px;}
.page .geo-map .fields {position: absolute; background: #fff; padding: 30px 30px 15px; top: 70px; left: 50%; margin-left: 300px; width: 300px;}
.page .geo-map .fields .title {text-transform: uppercase; font-size: 20px; line-height: 20px; margin: 0 0 30px;}
.page .geo-map .fields ul {}
.page .geo-map .fields ul li {margin: 0 0 15px;}
.page .geo-map .fields ul li a {display: block; background: 0% 50% no-repeat; height: 42px; padding-left: 55px; line-height: 42px; opacity: 0.7; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.page .geo-map .fields ul li a span {line-height: 21px; display: inline-block; vertical-align: middle;}
.page .geo-map .fields ul li a.active, .page .geo-map .fields ul li a:hover {opacity: 1;}

.page .geo-map-2 {}
.page .geo-map-2 h2 {position: relative; top: auto;}
.page .geo-map-2 .fields {position: relative; padding: 0; left: auto; top: auto; margin: 0; width: auto;}
.page .geo-map-2 .fields ul {overflow: hidden;}
.page .geo-map-2 .fields ul li {float: left; margin-right: 20px;}
.page .geo-map-2 .bg {}
.page .geo-map-2 .bg:before {content: ''; position: absolute; left: -200%; width: 500%; height: 100%; background: #f1f1f2;}

.page .main-text-clients {overflow: hidden; padding: 50px 20px; max-width: 1280px; margin: 0 auto;}
.page .main-text {float: left; width: 50%;}
.page .main-text-clients .clients {float: right; width: 50%;}
.page .main-text-clients .clients li {width: 50%;}
.page .main-text-clients .clients li img {margin: 0 auto; display: block;}
.page .main-text-clients .clients .detail {float: right; text-decoration: underline;}

.page .inner {max-width: 1280px; margin: 0 auto; padding: 20px; }
.page .breadcrumbs {font-size: 0.778em; line-height: 1em; overflow: hidden; margin: 0 0 20px;}
.page .breadcrumbs li {float: left;}
.page .breadcrumbs li a {text-decoration: underline;}

.page .quote {background: #eaeaea; padding: 50px 20px; position: relative; margin: 0 0 50px; clear: both;}
.page .quote:before {position: absolute; left: -200%; width: 600%; content: ''; background: #eaeaea; height: 100%; top: 0; z-index: -1;}
.page .quote:after {content: ''; clear: both; display: block;}
.page .quote .photo {float: left; margin-right: 50px;}
.page .quote .photo img {border-radius: 50%;}
.page .quote .value {padding: 30px 60px; overflow: hidden;}
.page .quote .value .text {padding-bottom: 30px; font-size: 1.222em; line-height: 1.222em; font-style: italic; position: relative;}
.page .quote .value .text:before {content: ''; background: url(./images/quote-left.png) no-repeat; width: 31px; height: 27px; position: absolute; top: -30px; left: -60px;}
.page .quote .value .text:after {content: ''; background: url(./images/quote-right.png) no-repeat; width: 31px; height: 27px; position: absolute; bottom: 0; right: -60px;}
.page .quote .value .author {}

.page .news-detail {}
.page .news-detail .date {font-size: 0.778em; line-height: 1.222em; color: #6e6e6e; margin: 0 0 20px;}

.page .certificates {}
.page .certificates .types {overflow: hidden; margin: 0 0 20px;}
.page .certificates .types li {float: left; margin-right: 30px; margin-bottom: 10px;}
.page .certificates .types li a {border-bottom: 1px dashed #343434; display: block;}
.page .certificates .types li a:hover {text-decoration: none; color: #f67500; border-color: #f67500;}
.page .certificates .images {}
.page .certificates .images:after {content: ''; display: block; clear: both;}
.page .certificates .images li {float: left; padding: 0 20px 50px; width: 25%;}
.page .certificates .images li a {display: block;}
.page .certificates .images li a img {display: block; margin: 0 auto; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);}

.page .certificates-list .images li {width: 16.6%;}

.page .news-list {}
.page .news-list .items {overflow: hidden;}
.page .news-list .items li {overflow: hidden; width: 50%; float: left; margin: 0 0 2em;}
.page .news-list .items li:nth-child(2n+1) {clear: both;}
.page .news-list .items li .img {margin: 0 0 10px; display: block; position: relative; overflow: hidden;}
.page .news-list .items li .img:before {content: ''; display: block; padding-bottom: 50%;}
.page .news-list .items li .img img {display: block; min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.page .news-list .items li .date {color: #6e6e6e; font-size: 0.778em; line-height: 1.222em; margin: 0 0 10px;}
.page .news-list .items li .name {color: #343434; margin: 0 0 10px; display: block;}
.page .news-list .items li .name:hover {color: #da7400;}
.page .news-list .items li .preview {font-size: 0.778em; line-height: 1.222em; margin: 0 0 10px;}
.page .news-list .items li .detail {color: #da7400; font-size: 0.889em; line-height: 1.222em; float: right;}
.page .news-list .items li:nth-child(2n) {padding-left: 10px;}
.page .news-list .items li:nth-child(2n+1) {padding-right: 10px;}

.site-ru .page .news-list .items li .img {background: url(./images/logo-ru.png) 50% 50% no-repeat #eaeaea;}
.site-en .page .news-list .items li .img {background: url(./images/logo-en.png) 50% 50% no-repeat #eaeaea;}

.page .news-list .items li.second {width: 33.33%; padding: 0; clear: none;}
.page .news-list .items li.second-1 {padding-right: 14px; clear: both;}
.page .news-list .items li.second-2 {padding: 0 7px;}
.page .news-list .items li.second-3 {padding-left: 14px;}

.page .main-news {max-width: 1280px; margin: 0 auto;}
.page .main-news .items {margin: 0 -10px;}
.page .main-news .items li {clear: none !important;}
.page .main-news .items li:nth-child(2n) {padding: 0 10px;}
.page .main-news .items li:nth-child(2n+1) {padding: 0 10px;}
.page .main-news .items li {width: 33.33%; padding: 0 10px;}

.page .about-news {margin: 0 auto;}
.page .about-news .items {margin: 0 -10px;}
.page .about-news .items li {clear: none !important;}
.page .about-news .items li:nth-child(2n) {padding: 0 10px;}
.page .about-news .items li:nth-child(2n+1) {padding: 0 10px;}
.page .about-news .items li {width: 33.33%; padding: 0 10px;}

.page .pages {text-align: center; margin: 0 0 40px;}
.page .pages li {display: inline-block; margin: 0 5px; vertical-align: top;}
.page .pages li a {display: block; width: 30px; line-height: 30px;}
.page .pages li a:hover {border-radius: 50%; color: #fff; background: #da7400; text-decoration: none;}
.page .pages li a.prev {background: url(./images/prev.png) 0% 50% no-repeat; padding-left: 60px; height: 30px; width: auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
.page .pages li a.prev:hover {color: #da7400; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}
.page .pages li a.next {background: url(./images/next.png) 100% 50% no-repeat; padding-right: 60px; height: 30px; width: auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
.page .pages li a.next:hover {color: #da7400; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}
.page .pages li span {display: block; width: 30px; line-height: 30px; border-radius: 50%; color: #fff; background: #da7400;}

.page .contact-list {}
.page .contact-list li {margin: 0 0 40px; display: table; width: 100%;}
.page .contact-list li:after {content: ''; clear: both; display: block;}
.page .contact-list li .info {display: table-cell; vertical-align: top; width: 50%; padding: 40px 0 30px; position: relative; padding-right: 10px;}
.page .contact-list li .info:before {position: absolute; content: ''; height: 100%; top: 0; right: 10px; width: 500%; background: #eaeaea; z-index: -1;}
.page .contact-list li .info:after {position: absolute; content: ''; height: 15px; top: 0; right: 10px; width: 500%; background: url(./images/line.png) repeat-x;}
.page .contact-list li .info div {padding: 4px 0;}
.page .contact-list li .info a {text-decoration: underline;}
.page .contact-list li .info .place {font-size: 1.222em; line-height: 1.222em; margin: 0 0 20px;}
.page .contact-list li .info .phone {margin: 0 0 20px; padding-left: 45px; background: url(./images/contacts-phone.png) 0 50% no-repeat;}
.page .contact-list li .info .email {margin: 0 0 20px; padding-left: 45px; background: url(./images/contacts-email.png) 0 50% no-repeat;}
.page .contact-list li .info .address {margin: 0 0 20px; padding-left: 45px; background: url(./images/contacts-address.png) 0 50% no-repeat;}
.page .contact-list li .info .vk {margin: 0 0 20px; padding-left: 45px; background: url(./images/contacts-vk.png) 0 50% no-repeat;}
.page .contact-list li .info .fb {margin: 0 0 20px; padding-left: 45px; background: url(./images/contacts-fb.png) 0 50% no-repeat;}
.page .contact-list li .info .callback {padding: 20px 0 0; border-top: 1px solid #656565; margin-right: 20px;}
.page .contact-list li .map {display: table-cell; vertical-align: middle; width: 50%; padding-left: 10px; position: relative;}
.page .contact-list li .map:before {position: absolute; content: ''; height: 100%; top: 0; left: 10px; width: 500%; background: #eaeaea; z-index: -1;}

.page .line {height: 15px; background: url(./images/line.png) repeat-x; clear: both; margin: 0 0 20px;}

.page .interesting {background: #e5e5e5; overflow: hidden; padding: 20px; display: table; width: 100%; margin: 0 0 20px;}
.page .interesting .question {font-weight: bold; display: table-cell; vertical-align: middle; padding-right: 50px;}
.page .interesting .answer {display: table-cell; vertical-align: middle; text-align: right; white-space: nowrap;}
.page .interesting .answer a {text-decoration: underline;}

.page .statistics {margin: 0 auto 40px; max-width: 1280px;}
.page .statistics ul {text-align: center; font-size: 0.8em;}
.page .statistics ul li {display: inline-block; vertical-align: middle; padding: 0 20px; text-align: left;}
.page .statistics ul li .circle {display: block; border: 1px solid #d2d2d2; position: relative; border-radius: 50%; padding: 40px;}
.page .statistics ul li .circle:after {content: ""; display: block; padding-bottom: 100%; border-radius: 50%;}
.page .statistics ul li .circle .value {position: absolute; font-weight: bold; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); white-space: nowrap;}
.page .statistics ul li .circle .value span {display: block; margin: 0 0 10px;}
.page .statistics ul li:nth-child(1) {width: 25%;}
.page .statistics ul li:nth-child(1) .circle:after {background: #ffd000;}
.page .statistics ul li:nth-child(1) .circle .value span {font-size: 1.875em; line-height: 1em;}
.page .statistics ul li:nth-child(2) {width: 32%;}
.page .statistics ul li:nth-child(2) .circle:after {background: #f9a350;}
.page .statistics ul li:nth-child(2) .circle .value span {font-size: 2.625em; line-height: 1em;}
.page .statistics ul li:nth-child(3) {width: 37%;}
.page .statistics ul li:nth-child(3) .circle:after {background: #fdd2a6;}
.page .statistics ul li:nth-child(3) .circle .value span {font-size: 5.3em; line-height: 1em;}

.page .achievements {margin: 0 0 2em;}
.page .achievements ul {overflow: hidden; text-align: center;}
.page .achievements ul li {float: left; width: 33.33%; padding: 10px 0; margin: 0 0 2em; border-right: 1px solid #b2b2b2;}
.page .achievements ul li span {display: block; padding: 0 20px;}
.page .achievements ul li span.count {font-size: 3em; line-height: 1em; color: #da7400; margin: 0 0 10px;}
.page .achievements ul li span.achievement {}
.page .achievements ul li:nth-child(3n) {border-right: none;}

.page .about-text-files {padding-right: 350px; overflow: hidden; margin: 0 0 2em;}
.page .about-text {float: left;}
.page .about-files {float: right; margin-right: -350px;}
.page .about-files li {margin: 0 0 25px;}
.page .about-files li a {display: block; line-height: 2em; background: 20px 50% #eaeaea no-repeat; padding: 30px 20px 30px 100px; text-decoration: underline;}
.page .about-files li a span {vertical-align: middle; line-height: 1em; display: inline-block;}

.page .single-file-wrap {float: right; margin-top: -93px;}
.page .single-file-wrap:after {content: ''; clear: both; display: block;}
.page .single-file {float: left; margin-left: 10px;}
.page .single-file a {display: block; line-height: 2em; background: 20px 50% #eaeaea no-repeat; padding: 20px 20px 20px 100px; text-decoration: underline;}
.page .single-file a span {vertical-align: middle; line-height: 1em; display: inline-block;}

.page .clients {}
.page .clients ul {text-align: center;}
.page .clients ul li {display: inline-block; padding: 20px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.page .clients ul li:hover {-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}

.page .totals {margin: 0 0 40px;}
.page .totals td {padding-right: 20px; width: 50%;}
.page .totals td b {display: block; margin: 0 0 10px;}

.page .params {margin: 0 0 40px;}
.page .params td {border-top: 1px solid #ebebeb; padding: 12px 4px 12px 0; vertical-align: middle;}
.page .params tr:nth-child(n+2) td:nth-child(1) {padding: 4px 0; border-top: none;}
.page .params td:nth-child(3), .page .params td:nth-child(4) {width: 25%;}
.page .params tr:first-child td {border-top: none;}
.page .params td img {display: block; margin: 0 20px 0 0; width: 41px; max-width: none;}

.page .service-list ul .service-list-item {padding: 20px 0; margin: 0 0 40px;}
.page .service-list ul .service-list-item:after {clear: both; display: block; content: '';}
.page .service-list ul .service-list-item .service-list-item-images {margin: 0 30px 30px 0; box-shadow: 10px 10px 0 0 #ffac4d; float: left; position: relative; max-width: 600px; width: 100%;}
.page .service-list ul .service-list-item .service-list-item-images img {display: block;}

.page .service-list ul .service-list-item .service-list-item-images .bx-controls {text-align: center; position: absolute; bottom: 10px; left: 0; width: 100%;}
.page .service-list ul .service-list-item .service-list-item-images .bx-controls .bx-pager-item {display: inline-block; margin: 5px;}
.page .service-list ul .service-list-item .service-list-item-images .bx-controls .bx-pager-item a {display: block; width: 16px; height: 16px; overflow: hidden; background: transparent; border-radius: 50%; border: 2px solid #fff; text-indent: 100px;}
.page .service-list ul .service-list-item .service-list-item-images .bx-controls .bx-pager-item a.active {background: #fff;}


.page .service-list ul .service-list-item:nth-child(2n) {position: relative;}
.page .service-list ul .service-list-item:nth-child(2n):before {content: ''; position: absolute; background: #eaeaea; left: -300%; width: 700%; top: 0; height: 100%; z-index: -1;}

.page .service-list-items {}
.page .service-list-items ul {}
.page .service-list-items ul:after {content: ''; clear: both; display: block;}
.page .service-list-items ul .section {width: 50%; float: left; margin: 0 0 3em;}
.page .service-list-items ul .section:nth-child(2n) {padding-left: 10px;}
.page .service-list-items ul .section:nth-child(2n+1) {clear: both; padding-right: 10px;}
.page .service-list-items ul .section img {display: block; margin: 0 0 1.5em;}
.page .service-list-items ul .section h2 {font-size: 1em; font-weight: bold;}
.page .service-list-items ul .section ul {}
.page .service-list-items ul .section ul li {padding-left: 20px; position: relative;}
.page .service-list-items ul .section ul li:before {width: 10px; height: 10px; content: ''; display: inline-block; vertical-align: top; background: #da7400; border-radius: 50%; position: absolute; left: 0px; top: 5px;}

.page .filter {text-align: right; margin: 0 0 20px;}
.page .filter .jq-selectbox {display: inline-block; vertical-align: middle; width: 190px; margin-left: 25px;}
.page .filter .jq-selectbox__select {border: 1px solid #a2a2a2; background: #eaeaea; color: #5d5d5d; border-radius: 3px; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);}
.page .filter .jq-selectbox__select-text {text-align: right; line-height: 1em; padding: 3px 10px;}
.page .filter .jq-selectbox__dropdown {border: 1px solid #aaa; width: auto; min-width: 100%;}
.page .filter .jq-selectbox__dropdown ul {background: #eaeaea;}
.page .filter .jq-selectbox__dropdown ul li {color: #5d5d5d;}

.page .vacancies {}
.page .vacancies .vacancy {margin: 0 0 1em;}
.page .vacancies .vacancy h2 {clear: none;}
.page .vacancies .vacancy .preview {margin-bottom: 10px;}
.page .vacancies .vacancy:nth-child(2n+1) .preview {float: right; width: 50%; margin-left: 20px;}
.page .vacancies .vacancy:nth-child(2n) .preview {float: left; width: 50%; margin-right: 20px;}
.page .vacancies .vacancy ul {margin: 0 0 20px;}
.page .vacancies .vacancy .detail {text-align: right;}
.page .vacancies .vacancy .detail a {color: #da7400; text-decoration: underline;}

.page .form {max-width: 760px; margin: 0 auto 1em;}
.page .form h2 {color: #f67500; font-size: 1em;}
.page .form .field {display: block; width: 50%; float: left; margin: 0 0 20px; overflow: hidden; cursor: pointer;}
.page .form .field:nth-child(2n+1) {padding-right: 20px;}
.page .form .field:nth-child(2n) {padding-left: 20px;}
.page .form .field .title {display: block; font-weight: bold;}
.page .form .field .value {display: block;}
.page .form .field .value input {width: 100%; background: #f7f7f7; border: 1px solid #a2a2a2; border-radius: 2px; padding: 5px; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5); font-family: Roboto; font-size: 18px; line-height: 1.222em;}
.page .form .field.field-file {float: right; width: 50%; padding: 0;}
.page .form .field.field-file .value {float: none; width: auto; position: relative;}
.page .form .field.field-file .value input {width: 0; height: 0; opacity: 0; position: absolute; left: -1000px;}
.page .form .field.field-file .value span {background: #f7f7f7; border: 1px solid #a2a2a2; border-radius: 2px; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5); display: block; box-sizing: border-box; padding: 5px 20px; text-align: center; color: #aaa; float: right;}
.page .form .submit {clear: both; text-align: right;}
.page .form .submit input {border: none; background: #da7400; color: #fff; padding: 5px 20px; font-family: Roboto; font-size: 18px; line-height: 1.222em; border-radius: 2px; cursor: pointer;}

.page .form .field.field-code {}
.page .form .field.field-code .value {display: flex;}
.page .form .field.field-code .value img {}
.page .form .field.field-code .value input {margin-left: 10px;}

.fancybox-wrap .form {max-width: 760px; margin: 0 auto 1em; min-width: 250px;}
.fancybox-wrap .form h2, .fancybox-wrap .form .div_h2 {color: #f67500; font-size: 1.5em;}
.fancybox-wrap .form .div_h2{
    line-height: 1.222em;
    margin: 0 0 20px;
    clear: both;
}
.fancybox-wrap .form .field {display: block; margin: 0 0 20px; overflow: hidden; cursor: pointer;}
.fancybox-wrap .form .info {display: block; margin: 0 0 20px;}
.fancybox-wrap .form .field .title {display: block; float: left; width: 40%; padding-right: 10px;}
.fancybox-wrap .form .required .title:before {content: '* '; color: #f67500;}
.fancybox-wrap .form .field .value {display: block; float: right; width: 60%;}
.fancybox-wrap .form .field .value input {width: 100%; background: #f7f7f7; border: 1px solid #a2a2a2; border-radius: 2px; padding: 5px; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5); font-family: Roboto; font-size: 18px; line-height: 1.222em;}
.fancybox-wrap .form .field .value textarea {width: 100%; background: #f7f7f7; border: 1px solid #a2a2a2; border-radius: 2px; padding: 5px; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5); font-family: Roboto; font-size: 18px; line-height: 1.222em; height: 100px; resize: none;}
.fancybox-wrap .form .field .value select {width: 100%; background: #f7f7f7; border: 1px solid #a2a2a2; border-radius: 2px; padding: 5px; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5); font-family: Roboto; font-size: 18px; line-height: 1.222em;}
.fancybox-wrap .form .field.field-time .value {}
.fancybox-wrap .form .field.field-time .value select {width: 90%;}
.fancybox-wrap .form .field.field-time .value span {width: 50%; display: block; float: left;}
.fancybox-wrap .form .field.field-time .value span:last-child {float: right; text-align: right;}
.fancybox-wrap .form .field.field-file {float: right; width: 50%; padding: 0;}
.fancybox-wrap .form .field.field-file .value {float: none; width: auto; position: relative;}
.fancybox-wrap .form .field.field-file .value input {width: 0; height: 0; opacity: 0; position: absolute; left: -1000px;}
.fancybox-wrap .form .field.field-file .value span {background: #f7f7f7; border: 1px solid #a2a2a2; border-radius: 2px; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5); display: block; box-sizing: border-box; padding: 5px 20px; text-align: center; color: #aaa; float: right;}
.fancybox-wrap .form .submit {clear: both; text-align: right;}
.fancybox-wrap .form .submit input {border: none; background: #da7400; color: #fff; padding: 5px 20px; font-family: Roboto; font-size: 18px; line-height: 1.222em; border-radius: 2px; cursor: pointer;}

.page .services {}
.page .services .types {overflow: hidden; margin: 0 0 3em;}
.page .services .types h2 {float: left; margin: 0; line-height: 40px;}
.page .services .types ul {float: left; margin-left: 20px; overflow: hidden;}
.page .services .types ul li {float: left; margin-left: 15px;}
.page .services .types ul li a {display: block; padding: 0 40px; background: #e5e5e5; color: #343434; line-height: 40px; text-decoration: none;}
.page .services .types ul li a:hover {background: #e8750c; color: #fff;}
.page .services .group {border-bottom: 7px solid #e6e6e6; margin: 0 0 2em; padding: 0 0 2em;}
.page .services .group:last-child {border-bottom: none;}
.page .services .group h2 .detail {margin-left: 40px;}
.page .services .group .subgroup {}
.page .services .group .subgroup h3 {color: #525050; cursor: pointer; position: relative; padding-left: 90px;}
.page .services .group .subgroup a span{line-height: 1.5em; display: inline-block; vertical-align: middle;}
.page .services .group .subgroup h3, .page .services .group .subgroup a {color: #525050; cursor: pointer; position: relative; padding-left: 100px; display: block; line-height: 80px; margin: 0 0 10px;}

/* .page .services .group .subgroup h3:before {width: 10px; height: 10px; content: ''; display: inline-block; vertical-align: top; background: #da7400; border-radius: 50%; position: absolute; left: 0px; top: 5px;} */
.page .services .group .subgroup h3:hover {color: #e8750c;}
.page .services .group .subgroup h3 img, .page .services .group .subgroup a img {width: 80px; margin-left: -100px; float: left; border-radius: 50%;}
.page .services .group .subgroup h3 span {display: inline-block; vertical-align: middle;}
.page .services .group .subgroup .items {overflow: hidden; display: none; margin: 0 0 1.5em;}
.page .services .group .subgroup-open .items {display: block;}
.page .services .group .subgroup .items li {width: 25%; float: left; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.page .services .group .subgroup .items li .img {line-height: 150px; text-align: center; overflow: hidden; height: 150px;}
.page .services .group .subgroup .items li .img img {max-width: 150px; display: inline-block; vertical-align: middle; margin: 0 auto;}
.page .services .group .subgroup .items li:hover {-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}
.page .services .group .description ul {margin: 0 0 1.5em;}
.page .services .group .description ul li {float: none; width: auto; padding-left: 20px; position: relative;}
.page .services .group .description ul li:before {width: 10px; height: 10px; content: ''; display: inline-block; vertical-align: top; background: #da7400; border-radius: 50%; position: absolute; left: 0px; top: 5px;}
.page .services .group .right {text-align: right;}
.page .services .detail {font-weight: normal; color: #e8750c; font-size: 18px; text-decoration: underline;}


.page .service-list-item > ul {margin: 0 0 1.5em;}
.page .service-list-item > ul li {float: none; overflow: hidden; width: auto; padding-left: 20px; position: relative; margin: 0 0 0.5em;}
.page .service-list-item > ul li:before {width: 10px; height: 10px; content: ''; display: inline-block; vertical-align: top; background: #da7400; border-radius: 50%; position: absolute; left: 0px; top: 5px;}

.page .service-detail ul, .page .news-detail ul {margin: 0 0 1.5em;}
.page .service-detail ul li, .page .news-detail ul li {float: none; width: auto; padding-left: 20px; position: relative;}
.page .service-detail ul li:before, .page .news-detail ul li:before {width: 10px; height: 10px; content: ''; display: inline-block; vertical-align: top; background: #da7400; border-radius: 50%; position: absolute; left: 0px; top: 5px;}
.img_career{    float: right;
    margin-left: 20px;
    margin-bottom: 20px;}
.center_p{    text-align: -webkit-center;}

.partners_slider, .services_detail_page{
    margin-bottom: 50px;
}
.clients_slider, .partners_slider, .cases_slider{
    padding: 0px 30px;
}
.clients_slider.owl-carousel .owl-nav button.owl-next, .partners_slider.owl-carousel .owl-nav button.owl-next,
.cases_slider.owl-carousel .owl-nav button.owl-next{
    float: right;
    margin-top: -100px;
    margin-right: -30px;
    outline: none;
}

.cases_slider.owl-carousel .owl-nav button.owl-next{
    margin-top: -190px;
}


.clients_slider.owl-carousel .owl-nav button.owl-prev, .partners_slider.owl-carousel .owl-nav button.owl-prev,
.cases_slider.owl-carousel .owl-nav button.owl-prev{
    float: left;
    margin-top: -100px;
    margin-left: -30px;
    outline: none;
}
.cases_slider.owl-carousel .owl-nav button.owl-prev{
    margin-top: -190px;
}
.clients_slider.owl-carousel .owl-nav button.owl-next span, .clients_slider.owl-carousel .owl-nav button.owl-prev span,
.partners_slider.owl-carousel .owl-nav button.owl-next span, .partners_slider.owl-carousel .owl-nav button.owl-prev span,
.cases_slider.owl-carousel .owl-nav button.owl-next span, .cases_slider.owl-carousel .owl-nav button.owl-prev span{
    font-size: 50px;
}

.cases_slider.owl-carousel img{margin-bottom: 10px;}


.services_footer_text{text-align: center;}
.services_element_list{max-width: 800px; margin: 0 auto;}

.services_element_list .subgroup a {color: #525050; cursor: pointer; position: relative; padding-left: 100px; display: block; line-height: 80px; margin: 0 0 10px; text-decoration: none;}
.services_element_list .subgroup a img {width: 80px; margin-left: -100px; float: left;}
.services_element_list .subgroup a span {line-height: 1.5em; display: inline-block; vertical-align: middle;}

.services_element_list img{
    width: 80px;
    margin-left: -100px;
	border-radius: 50%;
}

.services_footer_text{
    background: #e5e5e5;
    overflow: hidden;
    padding: 20px;
    display: table;
    width: 100%;

}


_title{font-weight: bold; font-size: 23px; margin-bottom: 15px; margin-top: 50px;}
.cases_slider{text-align: center;}

.services_element{

    background: #e5e5e5;
    overflow: hidden;
    padding: 10px;
    margin: 10px 0px;
    width: 100%;
}

.services_element .services_element_img { float: left; width: 15%; text-align: center; padding-right: 15px; box-sizing: border-box;}
.services_element .services_element_text { float: left; width: 85%;}

@media screen and (max-width: 768px)
{
	.services_element .services_element_img {float: none; width: auto; padding-right: 0; padding-bottom: 10px;}
	.services_element .services_element_text {float: none; width: auto;}
}


.img_elment img{     float: left;	margin: 0px 15px 0px 0px;}
.page .services .group_group.group {padding: 0px 200px;}

.items_equipment_group_group {max-width: 800px; margin: 0 auto;}

a.detail{
    margin-top: 20px;
    display: block;
}

.custom_pager{margin-top: 20px;}

.custom_pager.owl-carousel .owl-nav{text-align: center; }
.custom_pager.owl-carousel .owl-nav button.owl-next, .custom_pager.owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    font-size: 40px;
    margin: 10px;
    outline: none;

}
.custom_pager.owl-carousel .owl-dots{display: none}



/* main slider */

.kd-energofrontmainslider
{
    width: 100%;
    display: block;
    overflow: hidden;
    /* height: 420px; */
}
.kdbx-mainsliderslide
{
    height: 420px;
}
.kd-mainsliderbg
{
    width: 100%;
    height: 419px;
    display: block;
    background-image: url(/local/templates/ef/images/mainslider/bg.png);
    background-position-x: center;
}
.kd-mainslidercontainer
{
    max-width: 1130px;
    margin: 0 auto;
    padding-left: 75px;
    height: 100%;
}
.kd-mainsliderslide
{
    width: 100%;
    overflow: hidden;
    display: none;
    position: relative;
    height: 100%;
}
.kdbx-mainsliderslide
{
    width: 100%;
    overflow: hidden;
}
.kd-mainslidertextarea, .kdbx-mainslidertextarea
{
    width: 70%;
    float: left;
    overflow: hidden;
}
.kd-mainsliderphoto
{
    width: 27%;
    float: right;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.kdbx-mainsliderphoto
{
    width: 27%;
    float: right;
    height: 100%;
    position: relative;
}
.kd-mainsliderphoto img
{
    position: absolute;
    bottom: 0;
    /* height: 380px; */
    width: 100%;
    max-height: 100%;
}
.kdbx-mainsliderphoto img
{
    width: 100%;
    max-height: 100%;
    bottom: 0;
    position: absolute;
}
.kd-mainslidertitle, .kdbx-mainslidertitle
{
    color: #da7400;
    font-size: 4em;
    line-height: 1.1em;
    margin-top: 12%;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
}
.kd-mainslidersubtitle, .kdbx-mainslidersubtitle
{
    color: #da7400;
    font-size: 2.35em;
    /* margin-top: 1%; */
    text-transform: uppercase;
    font-family: Arial;
    font-weight: lighter;
    line-height: 1.05em;
}
.kd-mainslidertext, .kdbx-mainslidertext
{
    margin-top: 1%;
    color: white;
    font-size: 0.8em;
}
.kd-mainsliderperson, .kdbx-mainsliderperson
{
    color: white;
    font-weight: bold;
    font-size: 0.8em;
    margin-top: 2%;
}
.kd-mainsliderposition, .kdbx-mainsliderposition
{
    color: white;
    font-size: 0.8em;
}
.kd-energofrontmainslider-pager
{
    width: 1280px;
    margin: 5px auto;
    text-align: center;
}
.kd-pager-item
{
    display: inline-block;
    margin: 5px;
}
.kd-pager-item a.kd-pager-link
{
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    background: #aaa;
    border-radius: 50%;
    text-indent: 100px;
}
.kd-pager-item a.kd-pager-link.active
{
    background: #e9750e;
}
.kdbx-mastercontainer
{
    width: 100%; background-image: url(/local/templates/ef/images/mainslider/bg.png); background-position-x: center; height: 420px;
}
.kdbx-mastercontainer_eng
{
    width: 100%; background-image: url(/local/templates/ef/images/mainslider/bg_eng.png); background-position-x: center; height: 420px;
}
.kdbx-overflowarea
{
    width: 100%; max-width: 1130px; margin: 0 auto; padding-left: 75px;
}
.map *
{
    box-sizing: unset;
    z-index: 999;
}
.map .kd_line
{
    cursor: pointer;
    overflow: hidden;
    padding: 0px;
    font-family: Arial;
}
.map .line_icon img, .map .line_title
{
    opacity: 0.7;
}
.map .kd_line:hover, .map .kd_line.active
{
    /* background-color: #da7400;
    color: white; */
}
.map .kd_line:hover .line_icon img, .map .kd_line.active .line_icon img
{
    opacity: 1;
}
.map .kd_line:hover .line_title, .map .kd_line.active .line_title
{
    opacity: 1;
}
.map .onmapPoint
{
    position: absolute;
    width: 1px;
    height: 1px;
    z-index: 1000
}
.map .onmapPoint.energoPoint
{
    z-index: 900;
}
.map .onmapPoint img
{
    cursor: pointer;
    max-width: none;

}
.map .onmapPoint.active, .map .onmapPoint:hover
{
    z-index:2000;
}
.map .infoWindow {
    border: 1px solid #da7400;
    border-radius: 10px;
    padding: 20px;
    position: relative;
    min-width: 500px;
    background: white;
    bottom: 35px;
    left: -14px;
    display: none;
    z-index:2000;
}
.map .infoWindow::before, .map .infoWindow::after {
    content: '';
    position: absolute;
    left: 20px; bottom: -20px;
    border: 10px solid transparent;
    border-top: 10px solid #da7400;
    z-index:2000;
}
.map .infoWindow::after {
    border-top: 10px solid white;
    bottom: -19px;
}
.map .infoWindow a
{
    color: #da7400;
    font-weight: bold;
    font-size: 18px;
}
.map .infoWindow span
{
    font-weight: bold;
    font-size: 18px;
}
.map .onmapPoint.active img, .map .onmapPoint:hover img
{
    display: none;

}
.map .onmapPoint.active .infoWindow, .map .onmapPoint:hover .infoWindow
{
    display: block;
}
.map .hiddenPoint
{
    display: none;
}
.map .line_icon
{
    width: 19%;
    float: left;
}
.map .line_icon img
{
    max-width: 100%;
}
.map .line_title
{
    width: 78%; float: left; padding-top: 10px;
}

@media screen and (max-width: 768px)
{
    .map
    {
        display: none;
    }
    .kdbx-mainslidertitle
    {
        font-size: 2.3em;
    }
    .kdbx-mainslidersubtitle
    {

        font-size: 1.7em;
    }
    .kd-mainslidertext {
        font-size: 0.6em;
    }
}
@media screen and (max-width: 768px)
{
    .kdbx-mainslidertext { display: none; }
    .kdbx-mastercontainer
    {
        background-image: url(/local/templates/ef/images/mainslider/bg_mobile.png);
        height: 311px;
    }
    .kdbx-overflowarea
    {
        padding-left: 20px;
    }
    .kdbx-mainsliderslide
    {
        height: 311px;
    }
    .kd-mainslidertextarea, .kdbx-mainslidertextarea
    {
        width: 64%;
        overflow: visible;
    }
    .kdbx-mainsliderphoto
    {

        width: 50%;
        position: absolute;
        right: 0;
        z-index: 0;
    }
    .kdbx-mainsliderperson, .kdbx-mainsliderposition
    {
        font-size: 1em;
        z-index: 10;
        position: relative;
    }
    .kdbx-mainsliderperson
    {
        margin-top: 40px;
    }
}
@media screen and (max-width: 376px)
{
    .kdbx-mainslidertitle
    {
        font-size: 2.1em;
    }
}

.casec_title{font-weight: bold; font-size: 23px; margin-bottom: 15px; margin-top: 50px;}
.cases_slider{text-align: center;}

.items_equipment_group_group .subgroup-open, .services_element_list .subgroup-open{float: left; width: 50%;}
@media screen and (max-width: 1279px)
{
    .page .header-wrap .menu .toggle {display: block; color: #fff; text-transform: uppercase; padding-left: 80px; padding-right: 20px; background: url(./images/menu.png) 20px 50% no-repeat; line-height: 23px; text-decoration: none;}
    .page .header-wrap .menu ul {display: none; padding: 0; text-align: left;}
    .page .header-wrap .menu ul li {display: block; border: none; border-top: 1px solid #656565;}
    .page .header-wrap .menu ul li a {padding: 0 20px;}
    .page .header-wrap .menu-opened {padding-bottom: 0;}
    .page .header-wrap .menu-opened .toggle {margin: 0 0 10px;}
    .page .header-wrap .menu-opened ul {display: block;}
    .page .header-wrap .menu-opened ul li a {padding: 10px 20px; padding-left: 80px;}
    .page .header .slogan {display: none;}

    .page .inner-fresh-case {margin: 0 0 40px;}

    .page .footer-wrap .footer-bottom .develop span {display: none;}

    .page .main-advantages .items li {width: 50%;}
    .page .main-advantages .items li:nth-child(2n+1) {padding-right: 10px;}
    .page .main-advantages .items li:nth-child(2n) {padding-right: 10px;}

    .page .main-advantages.advantage-open .items li.detail-four {display: none;}
    .page .main-advantages.advantage-open[advantage-open='1'] .items li.detail-two {display: block;}
    .page .main-advantages.advantage-open[advantage-open='2'] .items li.detail-two {display: block;}
    .page .main-advantages.advantage-open[advantage-open='3'] .items li.detail-four {display: block;}
    .page .main-advantages.advantage-open[advantage-open='4'] .items li.detail-four {display: block;}

    .page .main-services {padding: 40px 0 20px;}
    .page .main-services h2 {margin-bottom: 20px;}
    .page .main-services .items > li {width: auto; float: none; margin: 0 20px 20px; background: #575757;}
    .page .main-services .items > li .img {margin: 0; position: relative;}
.page .main-services .items > li .img img {width: auto;}
    /*.page .main-services .items > li .img:after {content: ''; position: absolute; right: 0; top: 0; height: 100%; width: 50px; background: -moz-linear-gradient(left, #575757 0%, #575757 100%); background: -webkit-linear-gradient(left, #575757 0%,#575757 100%); background: linear-gradient(to right, #575757 0%,#575757 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00575757', endColorstr='#575757',GradientType=1 );}*/
    .page .main-services .items > li ul {display: none;}
    .page .main-services .items > li .detail {display: none;}
.page .main-services .items > li:nth-child(2n+1) {padding-right: 0;}
.page .main-services .items > li:nth-child(2n+2) {padding-left: 0;}
    .page .inner-services {padding: 0;}
    .page .inner-services .items li {margin: 0 0 20px;}

    .page .statistics {margin: 0 20px 40px;}
    .page .statistics ul {font-size: 0.7em;}
    .page .statistics ul li {padding: 0 5px;}
    .page .statistics ul li .circle {padding: 0;}

    .page .contact-list li {display: block; width: auto;}
    .page .contact-list li .info {display: block; width: auto; background: #eaeaea; padding: 40px 20px 20px; margin: 0 0 20px;}
    .page .contact-list li .info:before {display: none;}
    .page .contact-list li .info:after {left: 0; right: 0; width: auto;}
    .page .contact-list li .map {display: block; width: auto; padding-left: 0;}
    .page .contact-list li .map:before {display: none;}

    .page .quote {padding: 50px 0;}
    .page .quote .photo {margin: 0; float: none; text-align: center;}
    .page .quote .value {padding: 30px 30px;}
    .page .quote .value .text:before {left: -30px;}
    .page .quote .value .text:after {right: -30px;}

    .page .achievements ul {}
    .page .achievements ul li {display: inline-block; border-right: none; width: 50%; text-align: left; float: none;}

    .page .main-text-clients {}
    .page .main-text {float: none; width: auto;}
    .page .main-text-clients .clients {float: none; width: auto;}

    .page .form {margin: 0 0 1em;}
    .page .form .field {width: auto; float: none;}
    .page .form .field:nth-child(2n+1) {padding-right: 0;}
    .page .form .field:nth-child(2n) {padding-left: 0;}

    .page .main-news {padding: 0 20px;}
    .page .main-news .items {margin: 0 -10px;}

    .page .about-news {}
    .page .about-news .items {margin: 0;}

    .page .about-text-files {padding-right: 0;}
    .page .about-text {float: none;}
    .page .about-files {float: none; margin-right: 0;}
    .page .about-files li {margin: 0 25px 25px 0; display: inline-block;}

    .page .services {}
    .page .services .types {overflow: hidden; margin: 0 0 3em;}
    .page .services .types h2 {float: none; margin: 0 0 0.5em;}
    .page .services .types ul {float: none; margin-left: 0;}
    .page .services .types ul li {float: left; margin-left: 0; margin-right: 15px;}
    .page .services .group .subgroup .items li {width: 33.33%;}

    .page .service-list-items ul .section {width: auto; float: none;}
    .page .service-list-items ul .section:nth-child(2n) {padding-left: 0;}
    .page .service-list-items ul .section:nth-child(2n+1) {padding-right: 0;}

    .page .interesting {margin: 0 -20px 20px; display: block; width: auto;}
    .page .interesting .question {float: none; display: block; padding: 0 0 1em;}
    .page .interesting .answer {float: none; display: block; padding: 0; text-align: left; white-space: normal;}

    .page .geo-map {display: none;}
}

@media screen and (max-width: 999px)
{
    .page .main-slider ul li .slide img.big {display: none;}
    .page .main-slider ul li .slide img.small {display: inline-block; max-width: 285%;}
}

@media screen and (max-width: 849px)
{
    .page .single-file-wrap {float: none; margin: 0;}
    .page .single-file {float: none; margin: 0 0 25px;}
    .subgroup-open{float: none; width: 100%;}
	
	.items_equipment_group_group .subgroup-open, .services_element_list .subgroup-open {float: none; width: 100%;}
}

@media screen and (max-width: 767px)
{
    .page .statistics ul li {display: block; margin: 0 auto 2em; padding: 0;}
    .page .statistics ul li:nth-child(1) {width: 180px;}
    .page .statistics ul li:nth-child(2) {width: 210px;}
    .page .statistics ul li:nth-child(3) {width: 240px;}
    .page .statistics ul li .circle {border: none;}

    .page .why li {width: 100%;}

    .page .why.advantage-open .detail {display: none !important;}
    .page .why.advantage-open[advantage-open='1'] li[data-index='1'] .description {display: block;}
    .page .why.advantage-open[advantage-open='2'] li[data-index='2'] .description {display: block;}
    .page .why.advantage-open[advantage-open='3'] li[data-index='3'] .description {display: block;}
    .page .why.advantage-open[advantage-open='4'] li[data-index='4'] .description {display: block;}

    .page {font-size: 16px;}
    .fancybox-wrap {font-size: 16px;}

    .page .footer .menu {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
    .page .footer-wrap .footer-bottom {text-align: center;}
    .page .footer-wrap .footer-bottom .copy {display: block; padding: 0 0 20px; line-height: 1.222em;}
    .page .footer-wrap .footer-bottom .develop {float: none;}

    .page .main-advantages .items li {width: 100%;}
    .page .main-advantages .items li:nth-child(2n+1) {padding: 0;}
    .page .main-advantages .items li:nth-child(2n) {padding: 0;}

    .page .main-advantages.advantage-open .items li.detail-two {display: none !important;}
    .page .main-advantages.advantage-open .items li.detail-four {display: none !important;}

    .page .main-advantages.advantage-open[advantage-open='1'] .items li[data-index='1'] .description {display: block; margin-top: 30px;}
    .page .main-advantages.advantage-open[advantage-open='2'] .items li[data-index='2'] .description {display: block; margin-top: 30px;}
    .page .main-advantages.advantage-open[advantage-open='3'] .items li[data-index='3'] .description {display: block; margin-top: 30px;}
    .page .main-advantages.advantage-open[advantage-open='4'] .items li[data-index='4'] .description {display: block; margin-top: 30px;}

    .page .clients ul li {padding: 10px;}

    .page h2 .show-all {display: none;}

    .page .news-list .items li {float: none; width: auto;}
    .page .news-list .items li:nth-child(2n+1) {padding: 0;}
    .page .news-list .items li:nth-child(2n) {padding: 0;}

    .page .news-list .items li.second, .page .news-list .items li.second, .page .news-list .items li.second {width: auto;}
    .page .news-list .items li.second .img {float: right; width: 50%; margin-left: 10px;}

    .page .news-list-second .items {margin: 0;}

    .page .main-fresh-case-wrap .case .preview {margin-right: 0; float: none;}

    .page .footer .logo {display: none;}


    .page .header .logo {float: none; margin: 0 auto;}
    .page .header .contacts {float: none; text-align: center; padding-top: 20px; margin: 0;}
    /* .page .header .contacts .select-city {display: inline-block; margin: 0; line-height: 2.5em;} */
    .page .header .contacts .cities {float: none;}
    .page .header .contacts .cities a {margin: 0 10px;}
    .page .header .contacts .num {display: block; margin: 10px 0 0;}

    .page .header .contacts {}
    .page .header .contacts .lang {margin-top: -110px;}
    .page .header .contacts .lang li {float: none; margin: 20px 0;}

    .page .achievements ul li {display: block; width: auto;}
    .page .achievements ul li span {padding: 0;}

    .page .sertificates .images li {width: 50%;}
    .page .certificates-list .images li {width: 50%;}

    .page .pages li {margin: 0 1px 10px;}
    .page .pages li a.prev {padding: 0 0 0 40px; width: 40px; overflow: hidden;}
    .page .pages li a.next {padding: 0 0 0 40px; width: 40px; overflow: hidden;}

    .page .filter {text-align: left;}
    .page .filter .jq-selectbox {display: block !important; margin-top: 10px; margin-left: 0; width: 100%;}

    .page .vacancies .vacancy .preview {float: none !important; width: auto !important; margin: 0 0 10px !important;}

    .page .form .field .title {float: none; width: auto; margin: 0 0 10px;}
    .page .form .field .value {float: none; width: auto;}
    .page .form .field.field-file {width: auto; float: none;}

    .page .about-files li {margin: 0 0 25px; display: block;}

    .page .main-news .items {margin: 0;}

    .page .services {}
    .page .services .types ul {float: none; margin-left: 0;}
    .page .services .types ul li {float: none; margin-right: 0; margin-bottom: 1em;}
    .page .services .types ul li a {padding: 0 25px;}
    .page .services .group h2 .detail {display: none;}
    .page .services .group .subgroup .items li {width: 50%;}

    .page .totals {margin: 0;}
    .page .totals td {display: block; padding: 0; width: auto; margin: 0 0 2em;}

    .page .params td:nth-last-child(1), .page .params td:nth-last-child(2) {display: none;}
}


@media screen and (max-width: 500px)
{
    .page .project-popup-content {font-size: 14px; padding: 0 50px;}
    .page .project-popup-content .title {margin: 0 0 1em;}
    .page .project-popup-content form label input {font-size: 16px; line-height: 1.5em;}
    .page .project-popup-content form .submit input {font-size: 16px; line-height: 1.5em;}
    .page .project-popup .close {width: 50px; height: 50px;}
}