* {margin:0; padding:0;}

body {font-family: 'Robotof'; font-weight: 300;}

@font-face {
    font-family: 'Robotof';
    src: url('roboto-light-webfont.eot');
    src: url('roboto-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('roboto-light-webfont.woff2') format('woff2'),
         url('roboto-light-webfont.woff') format('woff'),
         url('roboto-light-webfont.svg#Robotof') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Robotof';
    src: url('roboto-regular-webfont.eot');
    src: url('roboto-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('roboto-regular-webfont.woff2') format('woff2'),
         url('roboto-regular-webfont.woff') format('woff'),
         url('roboto-regular-webfont.svg#Robotof') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Robotof';
    src: url('roboto-medium-webfont.eot');
    src: url('roboto-medium-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('roboto-medium-webfont.woff2') format('woff2'),
         url('roboto-medium-webfont.woff') format('woff'),
         url('roboto-medium-webfont.svg#Robotof') format('svg');
    font-weight: 500;
    font-style: normal;

}
@font-face {
    font-family: 'Robotof';
    src: url('roboto-bold-webfont.eot');
    src: url('roboto-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('roboto-bold-webfont.woff2') format('woff2'),
         url('roboto-bold-webfont.woff') format('woff'),
         url('roboto-bold-webfont.svg#Robotof') format('svg');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'AGUNIVERSITYCYRROMANNORMAL';
    src: url('aguniversitycyrromannormal.eot');
    src: url('aguniversitycyrromannormal.eot') format('embedded-opentype'),
         url('aguniversitycyrromannormal.woff2') format('woff2'),
         url('aguniversitycyrromannormal.woff') format('woff'),
         url('aguniversitycyrromannormal.ttf') format('truetype'),
         url('aguniversitycyrromannormal.svg#AGUNIVERSITYCYRROMANNORMAL') format('svg');
    font-weight: 700;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {margin:0 0 15px 0;}
h1 {font-size: 48px;}
h2 {font-size: 36px;}
h3 {font-size: 34px;}
h4 {font-size: 32px;}
h5 {font-size: 28px;}
h6 {font-size: 26px;}

strong {color: #000;}

a {outline:none !important; color:#fff; text-decoration: underline; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;}
a:hover {text-decoration: none; color:#fff;}

button {transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;}

p {margin:0 0 15px 0; font-size:16px; color: #000; line-height: 25px;}
ul, ol {padding:0 0 0 20px; margin-bottom: 20px;}
li {font-size:16px; color: #000;}

img {border: 0; outline: 0;}
img:hover {opacity: 0.9;}

.right {float:right;}
.left {float:left;}
.hidden {display: none;}

.bg-site {background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: fixed; opacity: 0; z-index: 10; transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; cursor: pointer;}
.bg-site.active {opacity: 1; top: 0; left: 0; transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out;}


/* ==============================================
********  Главное меню
=============================================== */
.to_top {position: fixed; top: 0; left: 0; width: 100%; z-index: 12; box-shadow: 0 0 2px 0px grey; -moz-box-shadow: 0 0 2px 0px grey; -webkit-box-shadow: 0 0 2px 0px grey;}
.main-menu {background: #fff;}
.menu-block {}
.menu-block .menu {list-style: none; padding: 0; margin: 0; display: table; width: 100%;}
.menu-block .menu li {display: table-cell; position: relative;}
.menu-block .menu li:after {content: '\2022'; display: block; position: absolute; top: 50%; margin-top: -17px; right: -4px; color: red; font-size: 24px;}
.menu-block .menu li:last-child:after {display: none;}
.menu-block .menu li a {font-size: 15px; color: #000; font-weight: 400; text-decoration: none; display: block; text-align: center; padding: 11px 15px; position: relative; z-index: 1;}
.menu-block .menu li a:hover {background: #000; color: #fff;}
.menu-block .menu li.active a {background: #000; color: #fff;}


/*Мобильное меню*/
.navbar-collapse {padding-left:0; padding-right:0; background: #818286; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.navbar {margin-bottom:0; background: none; border: none; margin:0 0 20px 0; border-radius: 0; position: initial; /*margin-left: -15px; margin-right: -15px;*/}
.navbar .container-fluid {padding-right:0; padding-left: 0;}

.navbar-toggle {padding: 20px 17px; border:0; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; float: left !important; position: relative; z-index: 10; border: 2px solid #CBCBCB !important; position: absolute; top: 12px; left: 15px; margin: 0 !important;}
.navbar-default .navbar-toggle, .navbar-toggle:hover, .navbar-toggle:active {background: none !important;}
.navbar-toggle .icon-bar {width: 24px; height: 2px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #CBCBCB;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 6px;}

.header .btn-contact-mobile {width: 60px; height: 60px; display: block; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; z-index: 10; cursor: pointer; position: absolute; top: 12px; right: 15px; color: #CBCBCB; border: 2px solid #CBCBCB;}
.header .btn-contact-mobile i {font-size: 37px; line-height: 60px; text-align: center; width: 56px;}

.header .btn-close {background: url(ico-close-menu.png) center top no-repeat; background-size: 58px 58px; width: 58px; height: 58px; display:block; margin: 35px auto 30px; text-align: center; cursor: pointer; opacity: 0.3;}

#contact .btn-close {background: url(ico-close-menu-2.png) center top no-repeat; background-size: 58px 58px; opacity: 0.4; margin-top: 0;}


/*Effect active*/
.navbar-toggle[aria-expanded=true] {border: 2px solid #677196 !important;}
.navbar-toggle[aria-expanded=true] .icon-bar {background: #677196 !important;}
.header .btn-contact-mobile[aria-expanded=true] {color: #677196 !important; border: 2px solid #677196 !important;}


/* ==============================================
********  Шапка
=============================================== */
.header-main {background-color: #000;}
.header {padding-top: 30px; padding-bottom: 30px;}
.header:after {content: ''; display: block; clear: both;}
.header .logo {text-decoration: none; float: left;}
.header .logo img {max-width: 92px; height: auto; display: inline-block; vertical-align: middle;}
.header .logo > span {display: inline-block; vertical-align: middle; margin-left: 3px;}
.header .logo > span > span {display: block;}
.header .logo .span-1 {font-size: 24px; color: #fff; font-weight: 800; line-height: 35px;}
.header .logo .span-2 {font-size: 15px; color: #e3e3e3; font-weight: 300;}

.header .contact-info {float: right; display: table;}
.header .contact-info > div {display: table-cell; vertical-align: middle; padding-left: 45px;}
.header .contact-info > div .phones {background: url(ico-phone.png) 0 center no-repeat; background-size: 25px;
padding-left: 25px; margin-bottom: -3px; text-align: right;}
.header .contact-info > div .phones p {font-size: 22px; color: #232323; font-weight: 300; margin: 0; line-height: 28px;}

.phones a{
    text-decoration:none;
}

.header .contact-info .address {font-size: 18px; font-weight: 300; color: #fff; line-height: 22px; max-width:270px;}
.header .contact-info .address span {font-weight: 500; display: block;}

.header .contact-info .btn-call {background: red; color: #fff; font-size: 18px; font-weight: 700; text-decoration: none; display: block; text-align: center; padding: 12px 10px; min-width: 220px;}
.header .contact-info .btn-call:hover {background: #b80000;}


/* ==============================================
********  Калькулятор
=============================================== */
.calc-main {background: #000;}
.calc-block {padding-top: 15px; padding-bottom: 10px;}

.calc-block form {position: relative;}
.calc-block form > div {display: inline-block; vertical-align: top; margin: 0 6px;}
.calc-block form p {font-size: 16px; font-weight: 500; color: #fff; margin-bottom: 8px;} 

.calc-block form input {background: #E3E3E3; width: 115px; height: 29px; border: 0; border-radius: 4px; font-size: 16px; padding: 0 12px; outline: 0; margin-bottom: 10px;}
.calc-block form input[name=phone] {width: 220px;}
.calc-block form input[type=text]::-webkit-input-placeholder {color:#000;}
.calc-block form input[type=text]::-moz-placeholder {color:#000;}
.calc-block form input[type=text]:-moz-placeholder {color:#000;}
.calc-block form input[type=text]:-ms-input-placeholder {color:#000;}

.calc-block form input[type=number]::-webkit-input-placeholder {color:#000;}
.calc-block form input[type=number]::-moz-placeholder {color:#000;}
.calc-block form input[type=number]:-moz-placeholder {color:#000;}
.calc-block form input[type=number]:-ms-input-placeholder {color:#000;}

.col-info {position: relative;}
.col-info:after {content: ''; display: block; background: url(arrow-calc.png) no-repeat; width: 35px; height: 48px; position: absolute; top: 5px; right: -40px;}
.col-info p {font: italic 21px 'AGUNIVERSITYCYRROMANNORMAL' !important; text-align: right; margin-bottom: 10px !important; margin-top: -3px;}
.col-info input {margin-right: 12px;}

.calc-block .calc > div:first-child {max-width:210px;}
.calc-block .calc > div:last-child {float: right; margin-right: 0;}
.calc-block .select {background: #E3E3E3; position: relative;border-radius: 4px; }
.calc-block .select:after {content: "\f105"; display: block; width: 30px; height: 36px; border: 0; position: absolute; top: -4px; right: 3px; pointer-events: none; box-sizing: border-box; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #888B97; font-size: 23px; line-height: 33px; text-align: center; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); cursor: pointer; padding-left: 3px;}
.calc-block .select select {background: #E3E3E3; width: 100%; height: 29px; border: 0; border-radius: 4px; font-weight: 400; font-size: 16px; padding: 0 25px 0 5px; outline: 0; -webkit-appearance: none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none!important; cursor: pointer;}
.calc-block .select select::-ms-expand {display: none;}

.calc-block .ckeckboxLabel {font-size: 16px; font-weight: 500; color: #fff; margin-top: 31px; margin-bottom: 5px;}

.calc-block .select .ico {position: absolute; top: 4px; left: 10px; cursor: pointer;}
.calc-block .select .ico:hover {opacity: 0.65;} 

.calc-block form button {background: #BA1212; color: #fff; text-align: center; border: 0; outline: 0; cursor: pointer; width: 195px; padding: 4px 0; font-size: 16px;}
.calc-block form button:hover {background: #a21b1b;}



/* ==============================================
********  Первый экран
=============================================== */
.first-block-main {background: url(bg-1.jpg) center top no-repeat; background-size: cover; min-height: 800px; position: relative;}
.first-block {padding-top: 75px;}
.first-block .title {font-size: 35px; color: #fff; font-weight: 700; text-align: center; margin-bottom: 15px;}
.first-block > p {font-size: 30px; color: #fff; font-weight: 500; text-align: center; margin-bottom: 60px;}

/*Блок "Скидка"*/
.skidka {position: relative; display: table; margin: 0 auto;}
.skidka .sk-block {background: #000; max-width: 495px; margin: 0 auto; padding: 20px 60px 30px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; position: relative; z-index: 1;}
.skidka .sk-block .title {font-size: 38px; font-weight: 300; color: #fff; line-height: 43px; text-align: center; margin-bottom: 0;}
.skidka .sk-block > p {font-size: 24px; font-weight: 300;  color: #fff; text-align: center; margin: 0 0 15px 0;}
.skidka .sk-block .percent {font-size: 85px; font-weight: 300; color: #fff; line-height: 85px; text-align: center; margin-bottom: 15px;}

/*Таймер*/
.timer-wrap {margin: 0 auto 20px; position: relative; display: table;}
.timer-wrap .timer {display: table; margin: 0; background: #fff; box-shadow: 0 0 20px 0 rgba(128, 128, 128, 0.24); -moz-box-shadow: 0 0 20px 0 rgba(128, 128, 128, 0.24); -webkit-box-shadow: 0 0 20px 0 rgba(128, 128, 128, 0.24); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 5px;}
.timer-wrap .timer div {background: url(bg-clock.png) center no-repeat; width: 46px; height: 40px; display: inline-block; padding: 12px 0 10px 0; color: #000; font: 400 32px Robotof; text-shadow: 1px 1px 2px #fff; letter-spacing: 1px; text-align: center; margin: 0 6px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height: 15px;}
.timer-name {list-style: none; margin: 0; padding: 0; text-align: center;}
.timer-name li {display: inline-block; color: #6a6a6a; font-size: 13px; margin: 0 6px; width: 46px; text-align: center;}

.skidka .btn-skidka {background: red; color: #fff; font-size: 22px; font-weight: 700; text-align: center; text-decoration: none; margin: 0 auto; display: table; min-width: 250px; padding: 10px 5px 13px 5px;}
.skidka .btn-skidka:hover {background: #a21b1b; color: #fff;}

.pr-list {}
.pr-list .item {background: #E1E1E1; width: 280px; padding: 20px 15px; position: absolute;}
.pr-list .item img {margin-right: 5px;}
.pr-list .item > span {display: table; width: 100%;}
.pr-list .item > span > span {display: table-cell; vertical-align: middle; font-size: 18px; font-weight: 300; line-height: 23px;}
.pr-list .item > span > span strong {font-weight: 500;}

.pr-list .item-1 {top: 40px; left: -278px; border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; transform: rotate(2deg);}
.pr-list .item-1 > span {transform: rotate(-2deg);}

.pr-list .item-2 {top: 152px; left: -278px; border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; transform: rotate(-2deg);}
.pr-list .item-2 > span {transform: rotate(2deg);}

.pr-list .item-3 {top: 40px; right: -278px; border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; transform: rotate(-2deg);}
.pr-list .item-3 > span {transform: rotate(2deg);}

.pr-list .item-4 {top: 155px; right: -278px; border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; transform: rotate(2deg);}
.pr-list .item-4 > span {transform: rotate(-2deg);}


/*Next*/
.first-block .btn-next {font-size: 16px; margin-bottom: -20px; color: #888887; font-weight: 300; text-decoration: none; display: table; position: absolute; bottom: 30px; left: 50%; margin-left: -60px; cursor: pointer; animation: arrowScroll 1s 0s ease-out infinite;}
.first-block .btn-next:after {content: ''; display: block; background: url(arrow-next.png) no-repeat; width: 54px; height: 29px; display: table; margin: 8px auto 0;}



@-webkit-keyframes arrowScroll {
  0% {
        bottom: 20px;
  }

  50% {
    bottom: 30px;
  }

  100% {
    bottom: 20px;
  }
}

@keyframes arrowScroll {
   0% {
        bottom: 20px;
  }

  50% {
    bottom: 30px;
  }

  100% {
    bottom: 20px;
  }
}




/* ==============================================
********  Почему мы
=============================================== */
.why-we-main {}
.why-we-block {padding-top: 30px; padding-bottom: 40px;}
.why-we-block h2 {font-size: 40px; color: #000; text-align: center; font-weight: 300; margin-bottom: 35px;}

.why-we-wrap {position: relative;}
.why-we {}
.why-we > div > div:nth-child(3n+1) {clear: both;}
.why-we .item {}
.why-we .item .image {height: 125px; display: table; margin: 0 auto 25px; position: relative;}
.why-we .item .image img {}
.why-we .item .image > span {display: table-cell; vertical-align: bottom;}
.why-we .item .image > span > span {background: #000; width: 40px; height: 40px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; color: #fff; text-align: center; line-height: 40px; font-size: 18px; font-weight: 700; display: block; position: absolute; bottom: -15px; right: 0;}
.why-we .item h3 {font-size: 24px; text-align: center; color: #000; font-weight: 500; margin: 0 0 10px;}
.why-we .item p {font-size: 18px; line-height: 22px; font-weight: 300; text-align: center;}


/* ==============================================
********  Акционное предложение
=============================================== */
.offer-block-main {background: url(bg-2.jpg) repeat;}
.offer-block {padding-top: 35px; padding-bottom: 35px;}
.offer-block h2 {font-size: 40px; color: #fff; text-align: center; font-weight: 300; margin-bottom: 35px;}
.offer-block h2 span {font-size: 22px; display: block;}

.offers {margin: 0 20px 25px;}
.offers .item {background: #2FA1CC; border-radius: 6px; margin: 0 10px; padding: 25px 30px; overflow: hidden;}
.offers .item .image {float: left; margin: 0 20px 0 0;}
.offers .item .image img {margin-top: 20px;}
.offers .item .text {float: left;}
.offers .item .text .title {font-size: 30px; color: #fff; font-weight: 300; line-height: 35px; margin-bottom: 15px;}
.offers .item .text .title span {font-size: 32px; font-weight: 700;}
.offers .item .text .btn-order {background: #BA1212; color: #fff; font-size: 21px; font-weight: 700; text-align: center; text-decoration: none; margin: 0 0; display: table; min-width: 225px; padding: 5px 5px 8px 5px;}
.offers .item .text .btn-order:hover {background: #a21b1b; color: #fff;}



/* ==============================================
********  Каталог
=============================================== */
.catalog-main {background: #EDEDED;}
.catalog-block {padding-top: 35px; padding-bottom: 35px;}
.catalog-block h2 {font-size: 40px; color: #000; text-align: center; font-weight: 300; margin-bottom: 35px;}

.catalog-list {}
.catalog-list .item {background: #fff; margin-bottom: 35px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 25px; position: relative;}
.catalog-list .item:after {content: ''; display: block; clear: both;}
.catalog-list .item .image {position: relative; display: table; float: left; margin-right: 30px;}
.catalog-list .item .image .hit {background: url(bg-hit.png) no-repeat; width: 152px; height: 157px; font-size: 28px; color: #fff; text-align: center; display: table; line-height: 30px; transform: rotate(-10deg); position: absolute; top: -10px; left: -10px;}
.catalog-list .item .image .hit span {display: table-cell; vertical-align: middle; padding-bottom: 10px;}
.catalog-list .item .image img {opacity: 1; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.catalog-list .item .text {overflow: hidden;}
.catalog-list .item .text .title {font-size: 27px; color: #000; font-weight: 500; margin-bottom: 15px;}
.catalog-list .item .text ul {list-style: none; padding: 0; margin: 0 0 22px 0;}
.catalog-list .item .text ul li {font-size: 17px; font-weight: 300; line-height: 20px; position: relative; padding-left: 15px; margin-bottom: 2px;}
.catalog-list .item .text ul li:before {content: '\2022'; color: #B3B7C5; font-size: 33px; position: absolute; top: 0; left: 0;}
.catalog-list .item .text p {font-size: 16px; line-height: 21px; color: #000; margin-bottom: 22px;}
.catalog-list .item .text p span {font-weight: 500;}
.catalog-list .item .text .price {font-size: 22px; font-weight: 700; color: #BA1212; border: 1px solid #BA1212; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; display: inline-block; vertical-align: middle; margin-right: 18px; padding: 7px 15px; min-width: 250px; text-align: center;}
.catalog-list .item .text .btn-order {background: #000; color: #fff; font-size: 18px; font-weight: 700; text-decoration: none; display: inline-block; vertical-align: middle; text-align: center; padding: 11px 10px; min-width: 250px;}
.catalog-list .item .text .btn-order:hover {background: #5e6994;}



/* ==============================================
********  Как мы работаем
=============================================== */
.steps-work-main {background: url(bg-3.png) center bottom no-repeat;}
.steps-work-block {padding-top: 35px; padding-bottom: 35px;}
.steps-work-block h2 {font-size: 40px; color: #000; text-align: center; font-weight: 300; margin-bottom: 35px;}

.steps-work-main a{
color:#000;
}

.steps-work-main a:hover{
color: red;
}

.steps-list-wrap {position: relative;}
.steps-list-wrap a{text-decoration:none;}
.steps-list {display: table; width: 100%; position: relative; margin-bottom: 30px;}
.steps-list:after {content: ''; display: block; width: 90%; height: 3px; background: #000; position: absolute; top: 107px; left: 55px;}
.steps-list .item {display: table-cell; vertical-align: top; position: relative; z-index: 2; padding: 0 20px; text-align: center;}

.steps-list .item:nth-child(even) .image {margin-bottom: 0;}
.steps-list .item:nth-child(even) .image .numb {top: -30px; bottom: inherit;}
.steps-list .item:nth-child(even) p {margin-bottom: 40px; margin-top: 35px;}

.steps-list .item:nth-child(1) {text-align: left; padding: 0;}
.steps-list .item:nth-child(1) .image {margin-left: 0; margin-right: 0;}

.steps-list .item:last-child {text-align: right; padding: 0;}
.steps-list .item:last-child .image {margin-left: 0; margin-right: 0; float: right;}

.steps-list .item .image {border: 1px solid #D7D8E0; display: table; width: 100px; height: 100px; border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; text-align: center; position: relative; margin-bottom: 35px; margin-left: auto; margin-right: auto;}
.steps-list .item .image span {display: table-cell; vertical-align: middle;}
.steps-list .item .image .numb {background: #000; width: 43px; height: 43px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; text-align: center; color: #fff; text-align: center; line-height: 43px; font-weight: 500; font-size: 20px; position: absolute; bottom: -30px; left: 50%; margin-left: -21px;}
.steps-list .item p {font-size: 18px; line-height: 22px;}


/* ==============================================
********  Отзывы клиентов
=============================================== */
.feedback-main {background: #EDEDED;}
.feedback-block {padding-top: 35px; padding-bottom: 35px;}
.feedback-block h2 {font-size: 40px; color: #000; text-align: center; font-weight: 300; margin-bottom: 35px;}

.feedback-list-wrap {position: relative;}
.feedback-list {padding: 0 60px;}
.feedback-list .item {height: 240px;}
.feedback-list .item iframe {width: 100%;}

.owl-nav {}
.owl-nav > div {background: url(slider-arrow.png) no-repeat; display: block; position: absolute; top: 50%; width: 35px; height: 94px; text-indent: -9999px; transition: all .0s ease; -webkit-transition: all .0s ease; -moz-transition: all .0s ease; -o-transition: all .0s ease; margin-top: -47px; cursor: pointer;}
.owl-nav > .disabled {display: none;}
.owl-nav .owl-prev {background-position: 0 0; left: 0;}
.owl-nav .owl-prev:hover {background-position: -0px -118px;}
.owl-nav .owl-next {background-position: -93px 0; right: 0;}
.owl-nav .owl-next:hover {background-position: -94px -118px;}


/* ==============================================
********  Галерея работ
=============================================== */
.gallery-main {background:#EDEDED;}
.gallery-block {padding-top: 35px; padding-bottom: 35px;}
.gallery-block h2 {font-size: 40px; color: #000; text-align: center; font-weight: 300; margin-bottom: 35px;}

.gallery-list {margin-bottom: 20px;}
.gallery-list > div {margin-left: -10px; margin-right: -10px;}
.gallery-list > div > div {padding-left: 10px; padding-right: 10px;}
.gallery-list a {display: table; margin: 0 auto 20px;}
.gallery-list a:hover img {box-shadow: 0 0 0 4px #E0E0E0; transform: scale(1.02)}
.gallery-list a img {max-width: 100%; height: auto; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; opacity: 1;}

.gallery-list .read-more {background: #E0E0E0; color: #5C6380; font-size: 18px; font-weight: 300; text-align: center; text-decoration: none; display: table; margin: 0 auto; min-width: 240px; padding: 11px 5px;}
.gallery-list .read-more:hover {background: #000; color: #fff;}



/* ==============================================
********  Нам доверяют
=============================================== */

.our-clients-block {padding-top: 40px; padding-bottom: 40px;}
.our-clients-block h2 {font-size: 40px; text-align: center; font-weight: 300; margin-bottom: 40px; color: #000;}

.clients-list {}
.clients-list > div {margin-left: -11px; margin-right: -11px;}
.clients-list > div > div {padding-left: 11px; padding-right: 11px;}
.clients-list .item {background: #fff; padding: 30px; min-height: 226px; margin-bottom: 15px;}
.clients-list .item .image {display: table; margin: 0 auto 20px; height: 90px;}
.clients-list .item .image span {display: table-cell; vertical-align: middle;}
.clients-list .item .image span img {max-width: 100%; height: auto; max-height: 100px; opacity: 1;}
.clients-list .item p {text-align: center; font-size: 18px; margin: 0; line-height: 23px;}


/* ==============================================
********  Форма на всю ширину
=============================================== */
.form-order-main {background: url(bg-4.jpg) center top no-repeat; background-size: cover; min-height: 340px;}
.form-order-block {padding-top: 50px; padding-bottom: 35px;}
.form-order-block h2 {font-size: 40px; font-weight: 300; text-align: center; line-height: 48px; color: #fff; margin-bottom: 20px;}
.form-order-block > p {font-size: 18px; color: #fff; text-align: center; margin-bottom: 25px;}

.form-order-block form {max-width: 770px; margin: 0 auto;}
.form-order-block form > div {margin-left: -8px; margin-right: -8px;}
.form-order-block form > div > div {padding-left: 8px; padding-right: 8px;}
.form-order-block form input {background: #fff; width: 100%; outline: 0; border: 0; font-size: 18px; font-weight: 300; padding: 0 15px; height: 52px;}
.form-order-block form input::-webkit-input-placeholder {color:#000;}
.form-order-block form input::-moz-placeholder {color:#000;}
.form-order-block form input:-moz-placeholder {color:#000;}
.form-order-block form input:-ms-input-placeholder {color:#000;}

.form-order-block form button {background: red; color: #fff; font-size: 21px; font-weight: 700; text-align: center; cursor: pointer; border: 0; outline: 0; width: 100%; height: 52px;}
.form-order-block form button:hover {background: #000;}


/* ==============================================
********  Карта
=============================================== */
.maps-main {}
.map {width: 100%; height: 580px;}

.map .container {position: relative;}
.contact-block {position: absolute; top: 100px; left: 35px; max-width: 390px; width: 100%; z-index: 10;}
.contact-block > div {background: rgba(255, 255, 255, 0.90); padding: 30px 40px; margin-bottom: 4px;}
.contact-block > div:nth-child(2) {padding: 20px 40px;}
.contact-block .title {font-size: 40px; font-weight: 300; margin-bottom: 30px; color: #000; text-align: center;}
.contact-block .phones {background: url(ico-phone.png) -9px center no-repeat; background-size: 45px; padding-left: 43px; display: table; margin: 0 auto 20px; text-align: right;}
.contact-block .phones p {color: #201F1F; font-size: 22px; font-weight: 300; margin: 0;}
.contact-block .btn-order {background: red; color: #fff; font-weight: 700; font-size: 18px; text-decoration: none; display: block; max-width: 220px; text-align: center; padding: 12px 5px; margin: 0 auto;}
.contact-block .btn-order:hover {background: #000;}

.contact-block ul {list-style: none; padding: 0; margin: 0;}
.contact-block ul li {font-size: 17px; font-weight: 300; margin-bottom: 3px;}
.contact-block ul li:last-child {margin-bottom: 0;}
.contact-block ul li strong {font-weight: 500;}


/* ==============================================
********  Футер
=============================================== */
.footer-main {background: #FDFDFD;}
.footer {padding-top: 20px; padding-bottom: 20px;}
.footer .logo {text-decoration: none; display: inline-block; vertical-align: middle;}
.footer .logo img {max-width: 76px; height: auto; display: inline-block; vertical-align: middle;}
.footer .logo > span {display: inline-block; vertical-align: middle; margin-left: 3px;}
.footer .logo > span > span {display: block;}
.footer .logo .span-1 {font-size: 23px; color: #222; font-weight: 500; line-height: 23px;}
.footer .logo .span-2 {font-size: 12px; color: #585858; font-weight: 300;}

.footer-main a{color:#000;
}

.footer-main a:hover{
color:red;
}

.footer .copyright {display: inline-block; vertical-align: middle; font-size: 14px; color: #B4B4B4; line-height: 18px; padding-left: 25px; margin-left: 60px; border-left: 1px solid #D9D9D9; padding-top: 18px; padding-bottom: 18px;
max-width:470px;}


.ya-share2 {display: table; margin: 20px 0 0; float: right;}
.ya-share2__container_size_m .ya-share2__item {margin: 0 5px !important;}
.ya-share2__container_size_m .ya-share2__icon {margin: 3px 0 0 3px;}
.ya-share2__badge {border-radius: 50px !important;width: 30px !important; height: 30px !important;}



/* ==============================================
********  Модальные окна
=============================================== */
.modal-backdrop {cursor: pointer;}

.modal-dialog {}
.modal-dialog .close {position: absolute; top: 5px; right: 9px; font-size: 23px; outline: none !important; opacity: 1; color: #rgba(0, 0, 0, 0.61); text-shadow: 0 0 0 rgb(156, 156, 156) !important; font-weight: 700 !important;}
.modal-dialog .modal-content {background: #fff; padding: 25px 40px; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
.modal-dialog .modal-content .modal-body {padding: 0 !important;}
.modal-dialog .modal-content h3 {font-size: 28px; font-weight: 400; color: #000; text-align: center; line-height: 32px; margin-bottom: 30px;}
.modal-dialog .modal-content h3 span {display: block; font-size: 16px; font-weight: 300; line-height: 20px; margin-top: 5px; color: #828282;}


.modal-dialog form {}
.modal-dialog form label {font-size: 16px; font-weight: 300; display: block;}
.modal-dialog form input[type=text] {background: #E2E2E2; display: block; border: 0; outline: 0; font-size: 17px; color: #000; font-weight: 300; padding: 0 15px; height: 48px; margin-bottom: 15px; width: 100%;}
/*.modal-dialog form input[type=text]:focus {box-shadow: 0 0 30px 0 #cbf6ff; -moz-box-shadow: 0 0 30px 0 #cbf6ff; -webkit-box-shadow: 0 0 30px 0 #cbf6ff;}*/
.modal-dialog form input[type=text]::-webkit-input-placeholder {color:#000;}
.modal-dialog form input[type=text]::-moz-placeholder {color:#000;}
.modal-dialog form input[type=text]:-moz-placeholder {color:#000;}
.modal-dialog form input[type=text]:-ms-input-placeholder {color:#000;}

.modal-dialog form textarea {background: #E2E2E2; display: block; border: 0; outline: 0; font-size: 17px; color: #000; font-weight: 300; padding: 10px 15px; margin-bottom: 15px; width: 100%; height: 100px; resize: vertical;}
/*.modal-dialog form input[type=text]:focus {box-shadow: 0 0 30px 0 #cbf6ff; -moz-box-shadow: 0 0 30px 0 #cbf6ff; -webkit-box-shadow: 0 0 30px 0 #cbf6ff;}*/
.modal-dialog form textarea::-webkit-input-placeholder {color:#000;}
.modal-dialog form textarea::-moz-placeholder {color:#000;}
.modal-dialog form textarea:-moz-placeholder {color:#000;}
.modal-dialog form textarea:-ms-input-placeholder {color:#000;}

/*Чекбоксы*/
.p-politika {margin-bottom: 12px;}
.ckeckboxLabel {background: url(checkbox.png) 0 1px no-repeat; cursor: pointer; padding: 4px 0 5px 40px; color: #000; font-size: 18px; color: #000; line-height: 22px; min-height: 21px; margin-bottom: 15px; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}
.ckeckboxLabel input {display: none;}

.p-politika .ckeckboxLabel {font-size: 13px !important; padding: 0 0 5px 40px !important; min-height: 16px !important; margin-bottom: 4px !important;    line-height: 16px;}

.modal-dialog form button {background: red; color: #fff; font-size: 22px; font-weight: 700; text-align: center; text-decoration: none; margin: 0 auto; display: block; width: 100%; padding: 8px 5px 11px 5px; border: 0; outline: 0; cursor: pointer;}
.modal-dialog form button:hover {background: #a21b1b; color: #fff;}


/*Сообщение спасибо*/
#thanks p {text-align: center;}

@media all and ( max-width: 650px ){
	.first-block .title {
	font-size:22px !important;
				}
				.first-block > p{
				    font-size:20px !important;
				}
				.clients-list .item {
				    min-height:160px !important;
				    margin-bottom: 0px !important;
				    padding: 10px !important;
				}
				
				.clients-list .item .image{
				    margin-bottom:0px !important;
				}
				
				.footer .logo{
				    text-align: center;
				}
				
				#mathur{
				    text-align: center !important;
                    margin-top: 10px !important;
                    float:none !important;
				}
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
 
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:150px;width:150px;left:50%;top:50%;margin-left:-75px;margin-top:-75px;opacity: .9; background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{opacity: 1;}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.bgsa{
    width:100%; margin-top:-5px; position: absolute;
height: 20px;
background-color: red;
}


.item-desc {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 16px;
  color: white;
  display: block;
  font-weight: 300;
  left: 2rem;
  padding: 4px;
  position: absolute;
  right: 2rem;
  text-align: center;
  text-transform: capitalize;
}