/* RESET */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;outline: 0;padding: 0;font-weight:inherit;}
:focus {outline: 0;}
body {background: #fff;line-height: 1; }
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, td {font-weight: normal;text-align: left;}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* BASIC */

@font-face {
	font-family: 'Lato-Regular';
	src: url('fonts/Lato-Regular.eot');
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Regular.woff') format('woff'),
         url('fonts/Lato-Regular.ttf') format('truetype'),
         url('fonts/Lato-Regular.svg#Lato-Regular') format('svg');}
@font-face {
	font-family: 'Lato-Bold';
	src: url('fonts/Lato-Bold');
    src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Bold.woff') format('woff'),
         url('fonts/Lato-Bold.ttf') format('truetype'),
         url('fonts/Lato-Bold.svg#Lato-Bold') format('svg');}
@font-face {
	font-family: 'Open-Sans-regular';
	src: url('fonts/Open-Sans-regular.eot');
    src: url('fonts/Open-Sans-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Open-Sans-regular.woff') format('woff'),
         url('fonts/Open-Sans-regular.ttf') format('truetype'),
         url('fonts/Open-Sans-regular.svg#Open-Sans-regular') format('svg');}
@font-face {
	font-family: 'Open-Sans-light';
	src: url('fonts/Open-Sans-light.eot');
    src: url('fonts/Open-Sans-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/Open-Sans-light.woff') format('woff'),
         url('fonts/Open-Sans-light.ttf') format('truetype'),
         url('fonts/Open-Sans-light.svg#Open-Sans-light') format('svg');}
@font-face {
	font-family: 'Open-Sans-bold';
	src: url('fonts/Open-Sans-bold.eot');
    src: url('fonts/Open-Sans-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Open-Sans-bold.woff') format('woff'),
         url('fonts/Open-Sans-bold.ttf') format('truetype'),
         url('fonts/Open-Sans-bold.svg#Open-Sans-bold') format('svg');}

html, body {width: 100%;height: 100%;}
body {font-family:'Lato-Regular', Verdana; margin:0 auto; padding:0;font-size: 18px;}
.inner {max-width:1170px;width:100%;margin:0 auto;position: relative;}
.main-block {z-index: 1001}
.logo-block {display: inline-block;width: 405px;vertical-align: middle;color: #2d6e9d;font-family: 'Open-Sans-bold';font-size: 18px;padding: 0 10px 0 0;}
.logo-block img {float: left;}
.logo-block p {float: left;padding: 35px 0 0}
.phone {position: relative;display: inline-block;line-height: 24px;vertical-align: middle;font-family: 'Open-Sans-light';border-right: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;padding: 0 25px 0 65px}
.phone:before {content: url(img/phone.jpg);position: absolute;left: 15px;}
.phone a {color: #000;text-decoration: none;}
nav {display: inline-block;text-align: center;width:510px}
nav ul li {display: inline-block;margin: 0 15px}
nav ul li:last-child {margin-right: 0}
nav ul li a {color: #000;font-family: 'Open-Sans-light';border-bottom: 2px solid transparent;text-decoration: none;}
nav ul li a:hover {border-bottom: 2px solid #548ccd}
.offer {background: url(img/bg_offer.jpg)bottom;background-size: cover;height: 665px;box-sizing: border-box;padding: 190px 0 0}
h1 {font-family: 'Lato-Bold';font-size: 40px;line-height: 45px}
.desc {font-family: 'Lato-Regular';font-size: 24px;padding: 10px 0 0}
.icon {margin: 90px 60px 0 0;display: inline-block;width: 170px;vertical-align: top;}
.icon p {border-top: 2px solid #2997d2;font-size: 20px;margin: 10px 0 0;padding: 10px 0 0;line-height: 28px}

.catalog {height: 970px;background: url(img/bg_cat.jpg)bottom;background-size: cover;box-sizing: border-box;padding: 80px 0 0;}
.catalog h2 {font-family: 'Lato-Bold';font-size: 36px;margin: 0 0 65px;}
.catalog h2 span {border-bottom: 4px solid #fff;padding: 0 0 6px;}
.catalog-number:before {content: "02";position: absolute;color: #fff;font-family: 'Open-Sans-bold';font-size: 350px;opacity: 0.6;left: -177px;top:-20px;letter-spacing: -13px;}
.cat-block {display: inline-block;width: 24%;max-width: 280px;vertical-align: top;background: #fff;text-align: center;margin:  0 0 100px;box-shadow:2px 2px 9px -1px #808080;padding: 20px 0 0;cursor: pointer;}
.cat-block:first-child {box-shadow: none;padding: 0;}
.cat-block p {font-size: 18px;text-transform: uppercase;}
.cat-block img {width: 100%}
.more {width: 100%;background: #555;color: #fff;text-transform: uppercase;font-family: 'Open-Sans-light';padding: 10px;box-sizing: border-box;}
.cat-block:hover .more {background: #e8e8e8;color: #717374;cursor: pointer;}

.consultation {height: 245px;box-sizing: border-box;padding: 50px 0 0;}
.consultation .inner:before {content: "03";position: absolute;color: #717171;font-family: 'Open-Sans-bold';font-size: 450px;opacity: 0.6;right: 0px;top:-170px;letter-spacing: -13px;z-index: -1}
.consultation h2 {font-size: 36px;font-family: 'Lato-Bold';margin: 0 0 10px;}
.h2-small {font-family: 'Lato-Regular';margin: 0 0 40px;}
.button {font-size: 14px;font-family: 'Open-Sans-light';color: #fff;background:#548ccd;padding: 12px 0;width: 380px;text-align: center;text-transform: uppercase;border: 1px solid #548ccd;}
.button:hover {background: #fff;color: #548ccd;cursor: pointer;}

.main-slider {background: #555;padding: 70px 0 70px}
.main-slider h2 {color: #fff;font-family: 'Lato-Bold';font-size: 36px;margin: 0 0 65px;}
.main-slider h2 span {border-bottom: 4px solid #548ccd;padding: 0 0 6px;}
.slider {max-width: 1100px;width: 100%;margin: 0 auto ;position: relative;padding: 0 2%;box-sizing: border-box;height: 450px}

.slider-block {display: inline-block!important;vertical-align: middle;float: none!important;margin: 0 -40px;transition: all 0.4s ease;opacity: 0.5;color: #fff;text-align: center;transform: scale(1.1);}
.slider-block img {width: 100%;height: 310px;}
.slider-block p {opacity: 0;transition: all 0.4s ease;}
.slick-center {z-index: 10;position: relative;opacity: 1;transition: all 0.4s ease;transform: scale(1.3);}
.slick-center img {height: 400px}
.slick-center p {opacity: 1;transition: all 0.4s ease;margin: 0 0 10px;}
.inner-slider:before {content: "04";position: absolute;color: #fff;font-family: 'Open-Sans-bold';font-size: 290px;opacity: 0.6;left: -110px;bottom: -145px;letter-spacing: -13px;z-index: 0;}

.contacts {height: 710px;padding: 80px 0 0;background: url(img/bg_contacts.jpg) top;box-sizing: border-box;position: relative;}
.contacts h2 {color: #000;font-family: 'Lato-Bold';font-size: 36px;margin: 0 0 65px;}
.contacts h2 span {border-bottom: 4px solid #548ccd;padding: 0 0 6px;}
.contact-block {display: inline-block;border-right: 2px solid #548ccd;padding: 0 25px 0;line-height: 23px;margin: 0 0 50px;vertical-align: top;}
.contact-block:first-child {padding-left: 0;}
.contact-block:last-child {border: 0;}
.contact-block p:first-child {font-family: 'Lato-Bold';text-transform: uppercase;margin: 0 0 30px;}
.cont-inner:after {content: "05";position: absolute;color: #548ccd;font-family: 'Open-Sans-bold';font-size: 290px;opacity: 0.4;right: 0px;top: -155px;letter-spacing: -13px;z-index: 0;}
#map {height: 380px;width: 100%;}
#visible_block {border-bottom: 1px solid #afabab;background: #fff;opacity: 0;position: fixed;top: 0;margin: -7px auto 0;z-index: 1000;width: 100%;}
#visible_block .logo-block img {width: 90px;}
#visible_block .logo-block p {padding: 20px 0 0;}

.mobile-header {display: none}

footer {overflow: hidden;background: #548ccd;color: #fff;font-family: 'Open-Sans-light';padding: 30px 0;}
footer a {color: #fff;}
footer a:hover {text-decoration: none;}
.footer-left {float: left;max-width: 800px}
.footer-left p {margin: 10px 0 0 90px}
.footer-left img {float: left;margin: 0 0 35px;}
.foo {clear: both;font-size: 14px;}
.foo p {margin: 0 0 10px;}
.footer-right {float: right;text-align: right;font-size: 14px;}
.footer-right p {line-height: 16px}

.b-popup {width:100%;height:100%;background-color: rgba(0,0,0,0.8);overflow: auto;position:fixed;top:0px;left: 0;z-index: 10000; }
.b-popup-content {margin:5px auto 0px auto;width:600px;background: #fff; color: #000;position: relative;padding: 20px 38px;box-sizing: border-box;z-index: 100;text-align: justify;font-size: 16px;line-height: 25px;}
.b-popup-content img {margin: 20px 0}
.close-up .click, .close-up .click-close {position: absolute;top: 17px;right: 14px;font-size: 30px;color: #888;padding: 3px 3px 4px 4px;text-decoration: none;line-height: 22px;text-align: center;}
.close-up .click:hover, .close-up .click-close:hover {cursor:pointer;}
.close-window {width: 100%;height: 100%;display: block;overflow: hidden;position: fixed;z-index: 10}
.title-form {text-transform: uppercase;text-align: center;font-size: 18px;}
#popup10 .b-popup-content {width: 435px;}
.call-master-form input, .call-master-form textarea {width: 100%;padding: 10px;border: 1px solid #dcdcdc;text-align: left;box-sizing: border-box;margin: 0 0 15px;}
.call-master-form textarea {font-family:Arial;height: 80px;}
.call-master-form {text-align: left;font-size: 18px;}
.rules {text-align: center;font-size: 14px;}
.rules input {float: left;width: 14px;position: relative;top: 5px;}
.call-master-form input[type="submit"] {font-size: 14px;font-family: 'Open-Sans-light';color: #fff;background: #548ccd;text-align: center;text-transform: uppercase;border: 1px solid #548ccd;margin: 20px 0 0;}
.call-master-form input[type="submit"]:hover {background: #fff;color: #548ccd;cursor: pointer;}

.messages .b-popup-content {max-width: 800px;margin-top: 60px;width: 95%;text-align: left;line-height: 25px}
.message-p-first {font-size: 30px;}
.message-p-second {font-size: 20px;margin: 30px 0 30px}
.message-p-second span {position: relative;top: 10px;}


@media all and (max-width:1200px) {
	.inner {max-width: 768px;padding: 0 10px;box-sizing: border-box;}
	nav {margin: -10px auto 10px;width: 100%;text-align: center;display: block;}
	.icon {width: 150px;margin: 90px 30px 0 0}
	.icon p {font-size: 17px;line-height: 18px}
	.cat-block p {font-size: 16px;height: 40px}
	.catalog-number:before {font-size: 200px;left: -50px}
	.consultation .inner:before {font-size: 300px;top: -80px}
	.inner-slider:before {font-size: 200px;bottom: -100px;left: -50px}
	.slider-block img {height: 250px;}
	.slick-center img {height: 300px;}
	.slider {height: 345px;padding: 0;}
	.slick-next {right: 0;}
	.slick-prev {left: 0;}
	.catalog {height: auto;}
	.offer {padding: 140px 0px 63px;height: auto}
	.contact-block {padding: 0 10px;max-width: 210px;height: 130px;}
	.cont-inner:after {font-size: 200px;}
	.footer-left {max-width: 500px}
	.contacts {background: url(img/bg_contacts.jpg) bottom;background-size: cover;}
}
@media all and (max-width:767px) {
	.mobile-header {display: block;position: absolute;top: 15px;right: 10px;z-index: 1001;}
	.logo-block img {width: 90px;}
	.logo-block {font-size: 16px;width: auto;}
	.logo-block p {float: left;padding: 18px 0 0;}
	nav {display: none}
	.phone {border: 0;}
	.inner {width: 100%;}
	.offer {padding: 70px 0px 40px;}

	.icon {margin: 0;text-align: center;}
	/*.icon:last-child {display: block}*/
	.contacts {text-align: center;height: auto;}
	.contact-block {display: block;border: 0;padding: 0;margin: 0 0 20px;max-width: none;height: auto;}
	.contact-block p:first-child {margin: 10px 0 0}
	.footer-left {max-width: 400px}
}
@media all and (max-width:650px) {
	h1 {font-size: 30px;line-height: 30px;}
	.desc {font-size: 20px}
	h2 {font-size: 26px!important;margin: 0 0 40px!important}
	.consultation h2 {margin-bottom: 10px!important}
	.h2-small {margin: 0 0 30px}
	.logo-block {padding: 0;font-size: 12px}
	.logo-block p {padding: 13px 0 0 10px}
	.logo-block img,#visible_block .logo-block img {width: 60px}
	.button {width: auto;}
	.phone {height: 53px;font-size: 14px;line-height: 10px;padding:0 0 0 45px;display: block}
	.phone:before {left: -5px}
	.phone p {display: inline-block;padding: 17px 5px 0 }
	.icon img {width: 100%;width:60px }
	.icon {width: 146px;}
	.cat-block {width: 100%;display: block;margin: 0 auto 10px}
	.catalog-number:before {font-size: 100px;left: inherit;top: -110px;right: 0}
	.consultation .inner:before {font-size: 100px;top: -40px}
	.inner-slider:before {font-size: 100px;bottom: inherit;left:inherit;top:-140px;right: 20px}
	.cont-inner:after {font-size: 100px;}
	.catalog {padding: 30px 0 }
	.main-slider {padding: 70px 0 10px}
	.b-popup-content {width: 300px;padding: 20px 8px 8px;line-height: 16px;font-size: 14px;}
	#popup10 .b-popup-content {width: 300px}
	.b-popup-content img {width: 100%}
	.close-up .click, .close-up .click-close {top: 0px;font-size: 19px;right: 4px}
	.rules {line-height: 12px;}
	.rules input {top: -1px;}
	.slick-dots li button:before {width: 6px;height: 6px;}
	.slick-dots li {width: 6px;height: 6px;}
	.slick-dots li button {width: 6px;height: 6px;}
	.slick-dots li button:hover:before, .slick-dots li button:focus:before ,.slick-dots li.slick-active button:before{width: 6px;height: 6px;}
	.footer-right {float: left;text-align: left;}
	.footer-left {font-size: 14px}
	.footer-left img {margin: 0 0 15px}
	.slider {height: auto;}
	.slider-block img {height: auto}
	.slick-center img {height: auto}
	.slick-dots {bottom: -25px;}
}
@media all and (max-width:500px) {
	.offer {background: url(img/bg_offer_mobil.jpg) no-repeat;background-position: left top;}
	.offer .inner:nth-child(2) {margin: 230px 0 0;text-align: center;}
	h1 {font-size: 23px;}
}