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: normal;
  vertical-align: baseline;
  outline: none;
}

.navbar {border-radius:0; margin-bottom: 0;}
.navbar-nav {
    width: 100%;
    text-align: center;
    > li {
      float: none;
      display: inline-block;
    }
}
.navbar-inverse .navbar-nav>li>a { font-size: 18px; color: #f9f9f9; }

html {height: 100%; -webkit-font-smoothing: antialiased;}

body {line-height:1; font-family: 'Exo 2', sans-serif; min-height: 100%;}

b {font-weight: bold;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

strong {font-weight: bold;} 

input {outline: none;}

table {border-collapse: collapse; border-spacing:0; width: 100%;}
table tr td, table tr th {padding:5px; text-align:left;}
img {border:0; outline:none; display:inline-block;}

a {text-decoration:underline; color: #00A551;}
a:hover {color: #00D269; outline: none;}
a:active {outline: none;}

a.js {transition: color 0.2s ease-in-out 0s;}
a.js:hover {transition: color 0.2s ease-in-out 0s;}

h1, h2, h3, h4, h5, h6 {font-family: 'Exo 2', sans-serif; font-weight:bold; font-style: normal; line-height:1.4; color:#000; text-transform: uppercase;}

h1{font-size:40px; margin:0 0 28px 0;}
h2{font-size:35px; margin:0 0 24px 0;}
h3{font-size:25px; margin:0 0 24px 0; font-weight: normal; text-transform: none; line-height: 1.2;}
h4{font-size:20px; margin:0 0 24px 0;}


p {font:normal 16px/1.4 'Exo 2'; margin:0 0 14px 0; color: #505050;}

ul {padding: 5px 20px; list-style: disc; margin:0 0 5px 0;}
ol {padding: 0 5px 10px 30px; margin:0 0 5px 0; list-style:decimal;}
ul li, ol li {font: normal 14px/1.2 'Exo 2'; margin:0 0 5px 0; color: #000;}

/* text */
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-normal {font-weight:normal;}
.text-bold {font-weight:bold;}
.font-big {font-size: 20px;}
.no-transform {text-transform: none;}

.auto-center {margin: 0 auto;}

.black {color: #000;}
.grey {color:#ccc;}
.dark-grey {color:#505050;}
.bg-grey {background: #E8E8E8;}
.bg-dark-grey {background: #343434;}
.bg-white {background: #FFF;}
.white {color: #fff;}
.green {color: #349200;}

.pos-rel {position: relative;}

.clear {clear: both; width: 100%; height:0; margin:0; padding:0; float:none; *zoom: 1;}
.centered {width:940px; padding:0 30px; margin: 0 auto; position: relative;} 
.oh {overflow:hidden;}
.fl-l {float:left;}
.fl-r {float:right;}

/* margin & paddings */
.m0 {margin: 0;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}

.mb0 {margin-bottom:0px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}

.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt100 {padding-top:100px;}

.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}

.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}

.p5 {padding:10px;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}

/* layout & columns*/

.layout.w540 .l-col {width:540px; float:left;}
.layout.w540 .r-col {width:380px; float:right;}

.layout.w220 .l-col {width:220px; float:left;}
.layout.w220 .r-col {width:700px; float:right;}

.layout.w220.inner .l-col {width:220px; float:left; }
.layout.w220.inner .r-col {width:690px; float:right}

.layout.w220i .l-col {width:700px; float:left;}
.layout.w220i .r-col {width:220px; float:right;}

.layout.w300 .l-col {width:300px; float:left;}
.layout.w300 .r-col {width:620px; float:right;}

.layout.w300i .l-col {width:620px; float:left;}
.layout.w300i .r-col {width:300px; float:right;}

.layout.w600 .l-col {width:600px; float:left;}
.layout.w600 .r-col {width:300px; float:right;}

/* Колонки равной ширины */

.cols > dl {margin:0 0 0 -20px;}
.cols > dl > dt {float:left; margin:0 0 20px 20px;}
.cols2 > dl > dt {width:460px;} 
.cols3 > dl > dt {width:300px;}
.cols4 > dl > dt {width:220px;}
.cols5 > dl > dt {width:172px;}
.cols6 > dl > dt {width:140px;}

/* Ширина в процентах */

.w20 {width:19.99%;}
.w25 {width:24.99%;}
.w30 {width:29.99%;}
.w33 {width:33.33%;}
.w40 {width:39.99%;}
.w50 {width:49.99%;}
.w60 {width:59.99%;}
.w70 {width:69.99%;}
.w75 {width:74.99%;}
.w80 {width:79.99%;}
.w100 {width:100%;}

/* polaroid картинка в рамочке в подписью, тизер для страницы новости */

.bordered {position: relative; overflow: hidden; font: normal 30px 'Exo 2'; text-align: center;}
.bordered > span {display: inline-block; margin: 0 .4em;}
.bordered > span:before,
.bordered > span:after {content: ''; position: absolute; width: 100%; border-top: 1px solid #ddd; margin-top: .9em;}
.bordered > span:before {margin-left: -100%;}
.bordered > span:after {margin-left: 0;}

.bordered2 {overflow: hidden; position: relative; margin: 0 0 10px 0; text-align: center;}
.bordered2:before {content: ''; position: relative; display: inline-block; vertical-align: middle; width: 50%; height: 5px; top: 2px; border-bottom: 1px solid #000; border-top: 1px solid #000;}
.bordered2:after {content: ''; position: relative; display: inline-block; vertical-align: middle; width: 50%; height: 5px; top: 2px; border-bottom: 1px solid #000; border-top: 1px solid #000;}
.bordered2:before {left: -.5em; margin-left: -50%;}
.bordered2:after {left: .5em;margin-right: -50%;}
.bordered2 span {display: inline-block; vertical-align: middle; white-space: normal; margin: 0 .2em; max-width: 70%; font: bold 42px Arial;}

.bordered2.black:before {border-color: #000;}
.bordered2.black:after {border-color: #000;}
.bordered2.black span {border-color: #000;}

.bordered2.small span {font-size: 30px;}

.inbordered {position: relative; overflow: hidden; font: bold 24px 'Exo 2'; color: #000;}
.inbordered:after {content: ''; position: absolute;  width: 100%; border-top: 1px solid #DDD; margin-top: .8em; margin-left: .4em;}

.br5 {border-radius: 5px;}
.br10 {border-radius: 10px;}
.br20 {border-radius: 10px;}
.b-dotted {border-bottom: 1px dotted #000;}
.b-border {border-bottom: 1px solid #D4B03A;}
.b-border.grey {border-bottom: 1px solid #ddd;}


/*-----------------------------------------------------------------------------------------------------------------*/

#container {position: relative; height: 100%;}
.content {position: relative;} 

.button input[type=submit] {background: #00A651; width: 278px; height: 42px; text-transform: uppercase; border: none; color: #fff; font: 600 20px 'Exo 2';}
.button input[type=submit]:hover {background: #008040;}
.button input[type=submit]:active {padding: 0; margin: 0;}

.button {display: inline-block; zoom: 1; *display: inline;}
.button a {display: inline-block; zoom: 1; *display: inline; font: 600 20px 'Exo 2'; padding: 5px 30px; text-decoration: none; text-transform: uppercase;}
.button.grey a {border: 1px solid #444; color: #444;}
.button.grey a:hover {border: 1px solid #444; color: #fff; background: #444;}

.button.green a {background: #00A651; color: #fff; border: 1px solid #00A651;}
.button.green a:hover {background: #008040; border-color: #008040;}

.head-bg {background: url(../img/head-bg.jpg) no-repeat center center; height: 615px;}
#header {height: 90px; overflow: hidden;}
#header .phone .number {font: 800 25px 'Exo 2'; color: #fff; margin: 0;}
#header .phone a {font: normla 18px 'Exo 2'; border-bottom: 1px dotted #fff; text-decoration: none; color: #fff;}
#header .phone a:hover {color: #00A551; border-color: #00A551;}
#header .phone p {margin: 0;}


.promo h2 {font-size: 40px; line-height: 1.2;}

.form {width: 320px; background: #fff; padding: 5px;}
.form .wrapper {background: #373F4A; padding: 15px;}
.form .title {font: 800 25px 'Exo 2'; color: #fff; margin: 0;}
.form .helper {font: normal 18px 'Exo 2'; color: #fff; margin: 0 0 20px 0;}
.form input[type=text] {width: 278px; height: 40px; border: 1px solid #000; padding: 0 5px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.5) inset; font: normal 18px/40px 'Exo 2'; color: #373F4A;}
.form input[type=text].error {box-shadow: 0 0 10px 0 rgba(255,0,0,0.5) inset; border-color: #ff0000;}
.form input[type=checkbox].error {box-shadow: 0 0 10px 0 rgba(255, 0, 0, 0.5) inset; border-color: #ff0000; }


.why .number {font: 800 60px/1 'Exo 2'; color: #00A651; margin: -5px 0 5px 0;}
.why p {font: normal 16px 'Exo 2'; color: #000; margin: 0;}
.why .helper {font: 800 16px 'Exo 2'; color: #000; margin: 0; color: #00A651; line-height: 1; height: 16px;}
.why dl dt {margin-bottom: 30px;}

.slide1 .centered {position: relative;}
.slide1 dt img {position: absolute; bottom: -30px; left: 30px;}
.slide1 dt {min-height: 310px;}

.guard dl dt {background: url(../img/guard-icon.png) no-repeat; padding: 70px 0 0 0;  position: relative;}
.guard dl dt.g1 {background-position: 120px 0;}
.guard dl dt.g2 {background-position: -200px 0;}
.guard dl dt.g3 {background-position: -520px 0;}
.guard .button a {font-size: 18px;}
.guard .teaser {min-height: 45px;}

.list-text .title {font: normal 20px 'Exo 2'; color: #000; margin: 0 0 5px 0;}
.list-text dl dt {text-align: center;}

.pattern {background: url(../img/pattern.jpg) no-repeat top center; height: 454px;}

.partners dl {margin: 0 0 0 -60px; text-align: center;}
.partners dl.even {margin: 0 0 60px -60px; text-align: center;}
.partners dl dt {display: inline-block; zoom: 1; *display: inline; margin: 0 0 0 60px;}

.working .title {min-height: 48px;}
.working dl dt {padding: 90px 0 0 0; background: url(../img/working-icon.png) no-repeat;}
.working dl dt.w1 {background-position: 105px 0;}
.working dl dt.w2 {background-position: -210px 0;}
.working dl dt.w3 {background-position: -530px 0;}

.scheme img {margin: 0 0 15px -10px;}

.pattern2 {background: url(../img/pattern2.jpg) no-repeat top center; height: 400px;}
.pattern2 .form .title {font-size: 18px; margin: 0 0 20px 0;}

.carousel {width: 780px; margin: 0 auto; text-align: center;}
.carousel dl dt {overflow: hidden;}
.carousel .img {float: left; width: 220px; margin: 0 20px 0 0; text-align: left;}
.carousel .text {overflow: hidden; text-align: left;}
.carousel .bx-controls .bx-pager .bx-pager-item a {display: block; width: 13px; height: 13px; background: url(../img/carousel-pager.png) no-repeat 0 -23px; font-size: 0; color: transparent;}
.carousel .bx-controls .bx-pager .bx-pager-item a.active {background-position: 0 0;}
.carousel .bx-controls .bx-pager .bx-pager-item {display: inline-block; zoom: 1; *display: inline; margin: 0 0 0 10px; vertical-align: top;}
.carousel .bx-controls .bx-pager  {display: inline-block; zoom: 1; *display: inline;}
.carousel .bx-controls {text-align: center; display: inline-block; zoom: 1; *display: inline; position: relative; padding: 0 30px 0 20px; margin: 20px 0 0 0;}
.carousel .bx-controls .bx-controls-direction a {text-decoration: none; position: absolute; top: 0; display: block; height: 22px; top: 50%; margin: -12px 0 0 0; color: #404040;}
.carousel .bx-controls .bx-controls-direction a:hover {color: #01A652;}
.carousel .bx-controls .bx-controls-direction a.bx-prev {left: 0;}
.carousel .bx-controls .bx-controls-direction a.bx-next {right: 0;}
.carousel .bx-controls a {outline: none;}

.map {height: 420px; overflow: hidden;}

#footer {/*position: absolute;*/ bottom: 0; left: 0; width: 100%; height: 150px; background: #373F4A;}
#footer p {font: normal 16px 'Exo 2'; color: #fff; margin: 0;}
#footer img {display: inline-block; zoom: 1; *display: inline;}
#footer .gp {display: inline-block; zoom: 1; *display: inline;}
#footer .gp a {font: normal 12px 'Exo 2'; color: #fff; text-decoration: none; display: block;}
#footer .gp img {margin: 5px 0 0 0;}
#footer .logo {margin: 0 115px 0 0;}

.popup1 .modal-content {border-radius: 0;}
.popup1 .modal-dialog {width: 478px; *margin: 30px auto 0 auto;}
.popup1 .modal-body {padding: 0;}
.popup1 .left img {display: block;}
.popup1 .right {/*width: 260px;*/ padding: 20px;}
.popup1 .form {padding: 0; width: 260px;}
.popup1 .form .title {color: #000; line-height: 1; margin: 0 0 5px 0;}
.popup1 .form .helper {color: #000; line-height: 1; margin: 0 0 10px 0;}
.popup1 .form input[type=text] {box-shadow: none;}
.popup .close {display: block; width: 25px; height: 25px; background: url(../img/close.png) no-repeat; position: absolute; top: 0; right: -40px; opacity: 1;}
.popup .close:hover {background-position: 0 -35px;}

.w300 .modal-dialog {width: 300px; *margin: 30px auto 0 auto;}
.w600 .modal-dialog {width: 600px; *margin: 30px auto 0 auto;}

.popup3 p {color: #000;}
.popup3 ul {padding: 0 0 0 30px;}
.popup3 ul li {color: #000; font-size: 16px; list-style: none; padding: 0 0 0 30px; background: url(../img/square.jpg) no-repeat left 6px;}
.popup3 img {display: block; max-width: 567px; margin: 0 0 20px 0;}

.content * {
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    /* box-sizing: border-box; */
}


.ui-cookie2 { position: fixed; right: 40px; bottom: 40px; max-width: 400px; background-color: #133762; color: #FFF; padding: 20px; box-shadow: 0 5px 10px rgba(0,0,0,0.2); font-size: 14px; line-height: 18px; border-radius: var(--radius); z-index: 100; }
.ui-cookie2 a { color: #FFF; font-weight: bold; }
.ui-cookie2-buttons { margin-top: 20px; }
.ui-cookie2-icon { text-align: center; font-size: 40px; margin-bottom: 20px; }
.ui-cookie2-buttons button { border: 0; background-color: transparent; font-size: 12px; color: #FFF; border-radius: var(--radius); font-weight: bold; height: 40px; width: 30%; outline: 0; }
.ui-cookie2-buttons button:first-child { background-color: #2A69BB; width: 60%; }

@media(max-width: 440px) {
	.ui-cookie2 { left: 20px; right: 20px; bottom: 20px; max-width: inherit; }
}