@font-face { font-family:ProximaNovaLight; src:url(../fonts/ProximaNova-Light.otf) }
@font-face { font-family:ProximaNovaBold; src:url(../fonts/ProximaNova-Bold.otf) }
@font-face { font-family:ProximaNovaXbold; src:url(../fonts/ProximaNova-Xbold.otf) }
/* { font-family:ProximaNova-Light, Arial, Helvetica } */

html, body { margin:0; padding:0 }
form { padding:0; margin:0 }

* { font-family:ProximaNovaLight, Arial, Helvetica }
table td, p { font-family:ProximaNovaLight, Arial, Helvetica }
p b { font-family:ProximaNovaXbold, Arial, Helvetica }
table td b { font-family:ProximaNovaBold, Arial, Helvetica }
b.bold { font-family:ProximaNovaBold, Arial, Helvetica !important }
b.xBold { font-family:ProximaNovaXbold, Arial, Helvetica !important }

button { outline:none }

.f12 { font-size:12px }
.f14 { font-size:14px }
.f18 { font-size:18px }
.f20 { font-size:20px }
.f22 { font-size:22px }
.f24 { font-size:24px }
.f36 { font-size:36px }
.f40 { font-size:40px }
.f48 { font-size:48px }
.f65 { font-size:56px }

.upper { text-transform:uppercase }

.yellow1 { color:#ffbc08 }

.hidden { display:none }

.left { float:left }
.right { float:right }
.clear { clear:both; font-size:1px; height:0 }

.hr1 { height:13px; background-color:#b2b2b2 }
.hr2 { height:130px; background-color:#ffbc08 }

.layout100 { width:100% }
.layout100 .layout1200 { width:1200px; margin-left:auto; margin-right:auto }

.head { padding:20px 0 }
.head .left { text-align:left; position:relative; top:-17px }
.head .right { text-align:right }

.mainSlider .slides,
.mainSlider .slide { height:810px; padding:0; margin:0; list:none }
.mainSlider .slide1 { background:url(../img/mainBanner1.png) no-repeat center center }

.mainSlider .lSPrev,
.mainSlider .lSNext { height:83px; width:41px }
.mainSlider .lSPrev { margin-left:-10px; background:url(../img/prev.png) no-repeat center }
.mainSlider .lSNext { margin-right:-10px; background:url(../img/next.png) no-repeat center }

.mainSlider .lSPager { list-style:none; background-color:#000000; border-radius:20px; left:45%; margin:-170px auto 0 !important; position:absolute; transform:translate3d(0px, 0px, 0px) }
.mainSlider .lSPager li { border:2px solid #fff; border-radius:15px; height:17px; list-style:outside none none; margin:7px; padding:0 !important; width:17px }
.mainSlider .lSPager li a { display:none !important }
.mainSlider .lSPager .active:after { background-color:#fff; border-radius:10px; content:" "; display:block; height:15px; margin:1px 0 0 1px; width:15px }

.mainSlider .slides .bBlock { background-color:#000; height:220px; margin:35px 0 0 115px; position:absolute; padding-right:50px; color:#fff; z-index:999; opacity:.999 }
.mainSlider .slides .bBlock p { margin:70px 0 0 40px }
.mainSlider .slides .yBlock { background-color:#e6aa07; margin:70px 0 0 85px; opacity:0.8; padding:200px 70px 30px; position:absolute; width:415px }
.mainSlider .slides .yBlock button { margin:20px 0; width:380px; cursor:pointer; font-family:ProximaNovaLight, Arial, Helvetica; background-color:transparent; border:2px solid #000; color:#111111; font-size:36px; padding:15px 30px 20px }
.mainSlider .slides .yBlock button:hover { opacity:.7 }

.offers { background:#fff url("../img/offersBack1.png") no-repeat scroll 27px 0; margin-top:-85px; opacity:0.9999; padding:65px 30px 115px; width:1140px !important; text-align:center  }
.offers .headShadow { height:125px; margin-top:-65px; position:absolute; width:1200px }
.offers .headShadow .left,
.offers .headShadow .right { width:40px; height:125px }
.offers .headShadow .left { /*background:url(../img/shadowLeft.png) no-repeat left*/ }
.offers .headShadow .right { /*background:url(../img/shadowRight.png) no-repeat right*/ }

.offers .offer1 { margin-top:65px }
.offers .offer1 .block { background:#f9f9f9; padding-bottom:50px; border:2px solid #fff; float:left }
.offers .offer1 .block:hover { border:2px solid #acacac }
.offers .offer1 .block:first-child { margin-right:35px }

.offers .offer1 .block img { width:545px; height:370px }
.offers .offer1 .block .descr { padding:0 30px; text-align:left }
.offers .offer1 .block .descr p { margin-bottom:10px }
.offers .offer1 .block table { margin-bottom:40px; width:100% }
.offers .offer1 .block table td { font-size:22px; text-align:right }
.offers .offer1 .block table td:first-child { text-align:left }
.offers .offer1 .block button { cursor:pointer; font-family:ProximaNovaLight, Arial, Helvetica; background-color:transparent; border:2px solid #000; color:#111111; font-size:36px; padding:15px 30px 20px; text-transform:lowercase }
.offers .offer1 .block button:hover { opacity:.7 }

.consult { background-color:#ffbc08 }
.consult .back { background:url(../img/consultBack.png) no-repeat bottom left; padding:90px 0 65px }
.consult .block { width:545px }
.consult .block p { text-align:center; margin-bottom:65px }
.consult .block button { margin-left:20px; cursor:pointer; font-family:ProximaNovaLight, Arial, Helvetica; background-color:transparent; border:2px solid #000; color:#111111; font-size:36px; padding:15px 30px 20px }
.consult .block button:hover { opacity:.7 }

.why { background:url(../img/whyBack2.png) no-repeat right top }
.why .block { background:#fff url(../img/whyBack1.png) no-repeat; padding:115px 0 0 140px; width:400px }
.why p { margin-top:0; padding-top:0 }
.why .whyIc { height:80px; width:80px;  }
.why .whyIc1 { background:url(../img/whyIc1.png) no-repeat }
.why .whyIc2 { background:url(../img/whyIc2.png) no-repeat }
.why .whyIc3 { background:url(../img/whyIc3.png) no-repeat }
.why .whyIc4 { background:url(../img/whyIc4.png) no-repeat }

.trust { background-color:#ffbc08 }
.trust .back { background:url(../img/trustBack.png) no-repeat }
.trust .block { padding:57px 0 65px 450px }

.trust .trustSlider .slides .slide { width:175px; height:140px; background-color:#fff }

.trust .trustSlider .slides .slide1 { background:url(../img/railLogo/i1.jpg) no-repeat center }
.trust .trustSlider .slides .slide2 { background:url(../img/railLogo/i2.jpg) no-repeat center }
.trust .trustSlider .slides .slide3 { background:url(../img/railLogo/i3.jpg) no-repeat center }
.trust .trustSlider .slides .slide4 { background:url(../img/railLogo/i4.jpg) no-repeat center }
.trust .trustSlider .slides .slide5 { background:url(../img/railLogo/i5.jpg) no-repeat center }
.trust .trustSlider .slides .slide6 { background:url(../img/railLogo/i6.jpg) no-repeat center }
.trust .trustSlider .lSPager { display:none }

.delivery { background:url(../img/deliveryBack.png) no-repeat top center; height:650px }
.delivery .block { margin:100px 0 0 145px; position:absolute; width:430px }
.delivery .block p { margin:}
.delivery .block button { margin-top:30px; width:380px; cursor:pointer; font-family:ProximaNovaLight, Arial, Helvetica; background-color:transparent; border:2px solid #000; color:#111111; font-size:36px; padding:15px 30px 20px }
.delivery .block button:hover { opacity:.7 }

.reviews { background-color:#ffbc08 }
.reviews .back { background:url(../img/reviewsBack.png) no-repeat }
.reviews .cap { padding:70px 0 110px 355px }
.reviews .block .block { width:800px }
.reviews .block .block:first-child { width:360px }
.reviews .block .block p { margin-bottom:50px }

.reviews .gal { margin-bottom:60px }
.reviews .gal .pho, .reviews .gal .pho img { width:180px; height:140px; background-color:#fff; float:left; margin:0 10px 10px 0; cursor:pointer }
.reviews .gal img { border:0 none }

.reviews button { margin-bottom:200px; cursor:pointer; font-family:ProximaNovaLight, Arial, Helvetica; background-color:transparent; border:2px solid #000; color:#111111; font-size:36px; padding:15px 30px 20px }
.reviews button:hover { opacity:.7 }

.questions { padding:110px 0; background:url(../img/questionsBack.png) no-repeat top center }
.questions .questionFrm { margin:0 auto; background:url(../img/questionsFrmBack.png) no-repeat center; width:929px; height:544px }
.questions .questionFrm .cap { position:relative; text-align:center; top:-20px; white-space:nowrap }
.questions .questionFrm table { margin:85px auto 0 }
.questions .questionFrm td { padding:0 15px 60px; font-size:18px; color:#ffffff }
.questions .questionFrm input[type="text"] { width:250px }
.questions .questionFrm input[type="text"],
.questions .questionFrm textarea { border:0 none; font-size:18px; background-color:#e6e9ed; font-weight:normal; font-family:ProximaNovaLight, Helvetica, sans-serif; padding:10px 15px }
.questions .questionFrm textarea { width:665px; height:90px }

.questions .questionFrm button { position:relative; top7px; cursor:pointer; padding:15px 35px; font-size:22px; border:0 none; background-color:#ffbc08 }
.questions .questionFrm button:hover { opacity:.7 }
.questions .questionFrm button img { margin:0 10px -7px 0 }
.questions .questionFrm .callback img { margin:0 10px -15px 0 }

.order1Frm {  }
.order1Frm { margin:85px auto 0 }
.order1Frm td { padding:0 15px 60px; font-size:18px; color:#000 }
.order1Frm input[type="text"] { width:250px }
.order1Frm input[type="text"],
.order1Frm textarea { border:0 none; font-size:18px; background-color:#e6e9ed; font-weight:normal; font-family:ProximaNovaLight, Helvetica, sans-serif; padding:10px 15px }
.order1Frm textarea { width:665px; height:90px }

.order1Frm button { position:relative; top7px; cursor:pointer; padding:15px 35px; font-size:22px; border:0 none; background-color:#ffbc08 }
.order1Frm button:hover { opacity:.7 }
.order1Frm button img { margin:0 10px -7px 0 }
.order1Frm .callback img { margin:0 10px -15px 0 }

.foot { padding:20px 0 }
.foot .left { text-align:left; position:relative; top:-17px }
.foot .right { text-align:right }
.foot .right button { cursor:pointer; border:2px solid #000; font-size:18px; padding:5px 20px }
.foot .right button:hover { opacity:.7 }









