@font-face{font-family:'NeoSansCyrLight';src:url(../fonts/NeoSansCyrLight.eot);src:url(../fonts/NeoSansCyrLight.eot) format("embedded-opentype"),url(../fonts/NeoSansCyrLight.woff2) format("woff2"),url(../fonts/NeoSansCyrLight.woff) format("woff"),url(../fonts/NeoSansCyrLight.ttf) format("truetype"),url(../fonts/NeoSansCyrLight.svg#NeoSansCyrLight) format("svg")}
@font-face{font-family:'NeoSansCyrRegular';src:url(../fonts/NeoSansCyrRegular.eot);src:url(../fonts/NeoSansCyrRegular.eot) format("embedded-opentype"),url(../fonts/NeoSansCyrRegular.woff2) format("woff2"),url(../fonts/NeoSansCyrRegular.woff) format("woff"),url(../fonts/NeoSansCyrRegular.ttf) format("truetype"),url(../fonts/NeoSansCyrRegular.svg#NeoSansCyrRegular) format("svg")}
@font-face{font-family:'NeoSansCyrMedium';src:url(../fonts/NeoSansCyrMedium.eot);src:url(../fonts/NeoSansCyrMedium.eot) format("embedded-opentype"),url(../fonts/NeoSansCyrMedium.woff2) format("woff2"),url(../fonts/NeoSansCyrMedium.woff) format("woff"),url(../fonts/NeoSansCyrMedium.ttf) format("truetype"),url(../fonts/NeoSansCyrMedium.svg#NeoSansCyrMedium) format("svg")}
@font-face{font-family:'NeoSansProBold';src:url(../fonts/NeoSansProBold.eot);src:url(../fonts/NeoSansProBold.eot) format("embedded-opentype"),url(../fonts/NeoSansProBold.woff2) format("woff2"),url(../fonts/NeoSansProBold.woff) format("woff"),url(../fonts/NeoSansProBold.ttf) format("truetype"),url(../fonts/NeoSansProBold.svg#NeoSansProBold) format("svg")}

/*bootstrap*/
.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width: 768px){.container{width:750px}}@media (min-width: 992px){.container{width:970px}}@media (min-width: 1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (max-width: 767px){.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-left:10px;padding-right:10px}.container-fluid,.container{padding-left:10px;padding-right:10px}.row{margin-left:-10px;margin-right:-10px}}@media (min-width: 768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width: 992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width: 1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}@media (max-width: 767px){.hidden-xs{display:none!important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none!important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none!important}}@media (min-width: 1200px){.hidden-lg{display:none!important}}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}@media (max-width: 767px){.visible-xs{display:block!important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm{display:block!important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md{display:block!important}}@media (min-width: 1200px){.visible-lg{display:block!important}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.nav:before,.nav:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.nav:after{clear:both}.hide{display:none!important}.show{display:block!important}

/*owl-carousel*/
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.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(0px,0px,0px)}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{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-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}

html, body, menu, figure, 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, img, ins, kbd, q, s, samp, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
*, *:after, *:before{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
html{min-height:100%; position:relative; -webkit-text-size-adjust:none; font:400 14px/1.25 'NeoSansCyrMedium', sans-serif; color:#000; background:#fff}
body{padding-top:3rem}
table{border-collapse:collapse}
td:not([valign]), th:not([valign]){vertical-align:top}
a{text-decoration:none}
a img{border:0}
a:hover, a:focus{text-decoration:underline}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, menu{display:block}
button, label, select{cursor:pointer}
img{max-width:100%; height:auto; vertical-align:middle}
::-webkit-input-placeholder{color:#8c8c8c} ::-moz-placeholder{color:#8c8c8c} :-moz-placeholder{color:#8c8c8c} :-ms-input-placeholder{color:#8c8c8c}
input:focus:-moz-placeholder{color:transparent} input:focus::-webkit-input-placeholder{color:transparent} textarea:focus:-moz-placeholder{color:transparent} textarea:focus::-webkit-input-placeholder{color:transparent}
sup{font-size:.75em}

.input{appearance:none; -moz-appearance:none; -webkit-appearance:none; border:0; border-radius:6px; background:#fff; padding:0 1rem; font:400 1.71rem/1.25 'NeoSansCyrRegular', sans-serif; margin:0; color:#000; height:3.15rem}
.input:focus{outline:none}
textarea.input{height:11.3rem; border-radius:1.5rem; resize:none; padding-top:1rem; padding-bottom:1rem; max-width:100%}
.button{display:inline-block; text-align:center; vertical-align:middle; text-decoration:none!important; appearance:none; -webkit-appearance:none; -moz-appearance:none; border:0; font:400 1.71rem/3.15rem 'NeoSansCyrRegular', sans-serif; padding:0 1.5rem; margin:0; cursor:pointer; color:#fff; border-radius:6px; background:#008dd2}
.button:hover{background:#00a0e3}
.button[disabled]{background:#aaa; cursor:not-allowed}
.full{width:100%}
.block{display:block}
.img{width:100%; display:block}

.form-message{text-align:center; padding:1rem 0; font-size:1.5rem}

.radio{position:absolute; opacity:0}
.radio + label{position:relative; padding-left:2rem; display:inline-block}
.radio + label:before{content:''; position:absolute; top:0; left:0; width:17px; height:17px; background:#fff; border:2px solid #000}
.radio + label:after{content:''; opacity:0; position:absolute; top:5px; left:5px; width:7px; height:7px; border-radius:100%; background:#000}
.radio:checked + label:after{opacity:1}
.radio:checked + label:before{border-color:#d7605a}
.radio:checked + label{color:#d7605a}

.nl{font-family:'NeoSansCyrLight', sans-serif; font-weight:400; font-style:normal}
.nr{font-family:'NeoSansCyrRegular', sans-serif; font-weight:400; font-style:normal}
.nm{font-family:'NeoSansCyrMedium', sans-serif; font-weight:400; font-style:normal}
.nb{font-family:'NeoSansProBold', sans-serif; font-weight:400; font-style:normal}

.nav{position:fixed; top:0; left:0; right:0; background:#00a0e3; padding:1rem 0; z-index:9999; box-shadow:0 3px 3px rgba(0,0,0,.3); text-transform:uppercase}
.nav a{color:#fff}

.header{padding:20px 0; background:#f6f6f6}
.header-table{display:table}
.header-cell{display:table-cell; vertical-align:middle; padding:0 15px}
.header-logo{width:17%}
.header-title{font-size:3.5rem; color:#00a0e3}
.header-contacts{text-align:center; font-size:2rem; line-height:1.75; width:330px}
.header-contacts a:not(.button){color:#008dd2}

.slider{padding-bottom:3.5rem}
.slider .owl-carousel{padding-bottom:2rem}
.slider-table{display:table}
.slider-cell{display:table-cell; vertical-align:middle; padding:0 3.5rem}
.slider-left{font-size:1rem; padding-left:0}
.slider-outer{width:300px; float:right; text-align:center}
.slider-about{font-size:3.5rem}
.slider-title{font-size:3.5rem; color:#008dd2}
.slider-subtitle{font-size:1.5rem}
.slider-subtitle p{margin:1.5rem 0}
.slider-subtitle u{color:#008dd2}
.slider-right{padding-right:0}
.slider-right .owl-nav{display:none}

.about{padding:3.5rem}
.about-title{font-size:2.5rem; margin-bottom:2.5rem; color:#008dd2; text-align:center}
.about-table{display:table}
.about-cell{display:table-cell; vertical-align:middle; padding:0 15px}
.about-img{width:55%; text-align:center}
.about-right{width:45%; font-size:1.71rem}
.about-right p + p{margin-top:2rem}
.about-li{position:relative; padding-left:2.15rem}
.about-li:before{content:''; position:absolute; top:.5rem; left:0; width:16px; height:16px; background:#ffcd00; border-radius:100%}

.items{padding:3.5rem 0 2rem}
.items-title{text-align:center; font-size:3.5rem; margin-bottom:1rem; text-transform:uppercase}
.items-outer{text-align:center}
.item{width:300px; display:inline-block; vertical-align:middle; padding:10px; margin:.5%; background:#f6f6f6; min-height:235px; font-size:1.4rem; text-transform:uppercase; font-weight:700}
.item.active{border:1px solid #00a0e3}
.item a{color:inherit; text-decoration:none}
.item.active a{color:#00a0e3}
.item:hover{background:#ffcd00}
.item-title{display:table; width:100%; height:2.5em}
.item-title-cell{display:table-cell; vertical-align:middle}
.item img{margin-top:.5rem}
.items-list .item{width:15.6667%; min-height:160px; font-size:.9rem}
.items-list .item img{max-height:90px}

.work{padding:4rem 0 2.5rem}
.work-title{text-align:center; font-size:4rem; margin-bottom:5rem; color:#00a0e3}
.work-item{text-align:center; font-size:1.3rem; position:relative}
.work-item:before{content:''; position:absolute; top:44px; left:-18px; width:36px; height:36px; background:url(../img/arrow.png); background-size:contain}
.work-item:first-child:before{display:none}
.work-item img{margin-bottom:1rem}

.owl-dots{position:absolute; bottom:0; left:0; right:0}
.owl-dot{display:inline-block; vertical-align:top; border-radius:100%; width:14px; height:14px; background:#008dd2; margin:4px}
.owl-dot.active{background:#ffcd00}
.owl-prev, .owl-next{display:block; cursor:pointer; text-indent:-9999px; position:absolute; top:50%; margin-top:-40px; width:80px; height:80px; background:url(../img/arrows.png) no-repeat}
.owl-prev{left:-80px; background-position:0 -80px}
.owl-prev:hover{background-position:-80px -80px}
.owl-next{right:-80px; background-position:0 0}
.owl-next:hover{background-position:-80px 0}

.call{background:#00a0e3; color:#fff; padding:3.5rem 0}
.call-title{text-align:center; font-size:2.5rem; margin-bottom:2rem}
.call-field{max-width:300px; margin:0 auto}
.call .button{background:#ffcd00}
.call .button:hover{background:#ffa500}

.prices{padding:3.5rem 0}
.prices-title{font-size:2.5rem; margin-bottom:2.5rem; color:#008dd2; text-align:center}
.prices-bottom{margin-top:1rem; text-align:center; font-size:1.4rem}
.price{margin-bottom:2rem; border:1px solid #019ee3; border-radius:10px; overflow:hidden}
.price-title{font-size:1.3rem; background:#019ee3; color:#fff; padding:5px 15px}
.price-table{display:table; text-align:center}
.price-cell{display:table-cell; vertical-align:middle; width:50%}
.price-img{padding:10px 0}
.price-items{font-size:1.15rem; min-height:180px}
.price-items td{background:#ececec; padding:12px; vertical-align:middle}
.price-items tr:nth-child(odd) td{background:#dadada}
.price-items a{color:inherit; border-bottom:1px dotted}
.price-items a:hover, .price-items a:focus{text-decoration:none; color:#019ee3}

.order{background:#00a0e3; color:#fff; padding:2rem 0}
.order-title{text-align:center; font-size:3.3rem}
.order-field{margin:3rem 0}
.order-submit{text-align:center}
.order .button{background:#ffcd00}
.order .button:hover{background:#ffa500}

.clients{text-align:center; padding:3.5rem; position:relative; z-index:2; background:#fff; overflow:hidden}
.clients-title{font-size:3.43rem; margin-bottom:3rem}
.clients-item{display:table; height:150px}
.clients-item img{max-height:150px}
.clients-cell{display:table-cell; vertical-align:middle}

.contacts{padding:5rem 0 3.5rem; position:relative; z-index:1}
.contacts-title{text-align:center; font-size:3.43rem; margin-bottom:3rem}
.contacts-icon{position:relative; padding-left:40px; font-size:1.15rem}
.contacts-icon:before{content:''; position:absolute; top:0; left:0; width:28px; height:28px; background:url(../img/contacts.png) no-repeat}
.contacts-icon a{color:#000}
.contacts-phone:before{background-position:-56px 0}
.contacts-time:before{background-position:-28px 0}
.contacts-mail:before{background-position:-84px 0}

.map{padding-bottom:4rem; position:relative; overflow:hidden}
.map-map{position:absolute; top:0; left:0; right:0; bottom:0}
.map-form{padding:2px; z-index:1; position:relative; box-shadow:0 5px 12px rgba(0,0,0,.36)}
.map-form:before{content:''; z-index:-1; position:absolute; top:0; left:0; bottom:0; right:0; border-radius:6px; background:#ffc600; background:repeating-linear-gradient(135deg, #ffc600 0, #ffc600 9px, #fafafa 10px, #fafafa 19px); background:-webkit-repeating-linear-gradient(135deg, #ffc600 0, #ffc600 9px, #fafafa 10px, #fafafa 19px); background:-moz-repeating-linear-gradient(135deg, #ffc600 0, #ffc600 9px, #fafafa 10px, #fafafa 19px); background:-orepeating-linear-gradient(135deg, #ffc600 0, #ffc600 9px, #fafafa 10px, #fafafa 19px); background:-ms-repeating-linear-gradient(135deg, #ffc600 0, #ffc600 9px, #fafafa 10px, #fafafa 19px)}
.map-inner{padding:2rem; background:#fff; border-radius:4px}
.map-title{font-size:1.71rem}
.map-field{margin:1rem 0}
.map-field .input{border:1px solid #fff; background:#f3f3f3; box-shadow:inset 0 2px 3px rgba(0,0,0,.3)}
.map-submit{margin-top:1rem}

.footer{color:#fff; background:#211600; padding:5.5rem 0}
.footer a{color:#fff}
.footer-nav{font-size:1.71rem; margin-top:-1rem}
.footer-nav li{display:block; list-style:none; margin:1rem 0}
.footer-right{text-align:right; font-size:1.15rem; margin-top:-2rem}
.footer-logo{margin-bottom:1rem; text-align:right}
.footer-logo img{max-width:150px}

.social{font-size:1.71rem}
.social-title{margin-bottom:.5rem}
.social a{position:relative; display:block; padding:0; float:left; margin-left:7px; text-indent:-9999px; width:28px; height:28px; border:1px solid #616161; border-radius:6px}
.social :first-child{margin-left:0}
.social a:hover{border-color:#ffca00; background:#ffca00}
.social a:before{content:''; width:28px; height:28px; position:absolute; background:url(../img/social.png) no-repeat; top:50%; margin-top:-14px; left:50%; margin-left:-14px}
a.social-vk:before{background-position:0 0}
a.social-vk:hover:before{background-position:-28px 0}
a.social-fb:before{background-position:0 -28px}
a.social-fb:hover:before{background-position:-28px -28px}
a.social-tw:before{background-position:0 -56px}
a.social-tw:hover:before{background-position:-28px -56px}
a.social-gp:before{background-position:0 -84px}
a.social-gp:hover:before{background-position:-28px -84px}
a.social-ok:before{background-position:0 -112px}
a.social-ok:hover:before{background-position:-28px -112px}

.gift{padding:3rem 0 1rem; background:#ffcd00; font-size:1.1rem}
.gift-img{text-align:center; padding-right:20px}
.gift-img img{width:165px; margin-bottom:5px}
.gift-title{padding-top:20px; font-size:1.5rem}

.options{padding:4rem 0 2rem}
.options-title{text-align:center; font-size:3.5rem; margin-bottom:2rem; color:#008dd2}
.option{max-width:500px; margin:0 auto 2rem; font-size:1.15rem}
.option-img{max-width:350px; margin:0 auto 3rem}
.option table th, .option table td{padding:.25rem 0}
.option table th{font-weight:400; text-align:left}
.option table td{color:#008dd2}

.types{color:#fff; padding:4rem 0 1.5rem; background:#2b2a29}
.types-title{text-align:center; font-size:3.5rem; margin-bottom:1.5rem}
.type{max-width:300px; margin:30px auto}
.type-title{font-size:1.5rem; margin-top:1rem}
.type-text{margin-top:.75rem}

.card-prices{padding:4rem 0 2rem; text-align:center; background:#f4f8fa}
.card-prices-title{font-size:3.5rem; margin-bottom:2rem; color:#008dd2}
.card-price{max-width:400px; width:100%; display:table; margin:1rem auto; background:#fff; border-radius:1rem}
.card-price-value{float:right; background:#008dd2; color:#fff; width:9rem; padding:.5rem; display:table-cell; vertical-align:middle; border-radius:0 1rem 1rem 0}
.card-price-value span{font-size:3rem}
.card-price-count{font-size:1.2rem; text-align:center; padding:0 1.5rem; display:table-cell; vertical-align:middle}
.card-price-count span{font-size:2rem}
.card-prices-bottom{margin-top:2rem; font-size:1.75rem}

.calculator{padding:2rem 0}
.calculator-h1{font-size:3rem; text-align:center; margin-bottom:2rem}
.calculator-inner{max-width:480px; margin:0 auto; overflow:hidden; border-radius:10px}
.calculator-title{display:block; text-align:center; background:#00a0e3; color:#fff; padding:.5rem; font-size:150%; border-bottom:1px solid #fff}
.calculator-title:hover{text-decoration:none}
.calculator-title.active{text-decoration:underline}
.calculator-tab:first-child .calc{display:block}
.calculator-tab:last-child .calculator-title{border-bottom:0}
.calc{display:none}
.calc .input{height:2rem; font-size:1rem; border:1px solid #d0d0d0}
.calc table{width:100%}
.calc table td, .calc table th{padding:.5rem; background:#f0f0f0; vertical-align:middle}
.calc table tr:nth-child(odd) td, .calc table tr:nth-child(odd) th{background:#f9f9f9}
.calc table th{text-align:right}
.calc table td{text-align:left}
.calc table tr[data-depended]{display:none}
.calc-cell-result{font-size:150%}
.calc-last-tr td, .calc-last-tr th{background:#ffcd00!important}
.calc-result-other{font-size:1.25rem}

.users{margin:3rem 0}
.users-title{font-size:3rem; margin-bottom:1rem}
.users-table{margin-bottom:1rem}
.users-table td, .users-table th{padding:1rem; border:1px solid #ccc; text-align:left}
.users-new{margin-top:2rem}
.users-new-title{margin-bottom:1rem; font-size:2rem}
.users-input{border:1px solid; height:2.5rem; font-size:1.25rem}
.users-form-errors{margin-top:1rem; font-style:italic; color:#f60}
.users-form-message{margin-top:1rem}
.users-edit{display:none; margin-top:2rem}
.users-edit-title{margin-bottom:1rem; font-size:2rem}
.users-edit-link{color:inherit}

.user{text-align:center; margin-bottom:1rem}

.login{padding:3rem 0}
.login-title{font-size:3rem; margin-bottom:2rem}
.login-form-field{margin:1.5rem 0}
.login-form-field-title{font-size:1.5rem; margin-bottom:1rem}

.p404{padding:4rem 0}
.p404 h1{font-size:3rem; margin-bottom:1rem}

@media (max-width:1199px)
{
	html{font-size:13px}

	.slider-cell{padding:0}
		
	.work-item:before{width:30px; height:30px; left:-14px; top:50px}
}

@media (min-width:992px)
{
	.order-form{padding:0 7rem}
	
	.price-single{max-width:768px; margin-left:auto; margin-right:auto}
	.price-single .price-title{font-size:1.6rem}
	.price-single .price-items{min-height:270px; font-size:1.3rem}
	
	.type-col:nth-child(4n+1){clear:left}
}

@media (max-width:991px)
{
	html{font-size:12px}
		
	.slider-outer{width:360px}
	
	.work-item{font-size:1.2rem}
	.work-item:before{width:25px; height:25px; left:-12px; top:35px}
	
	.footer-nav, .social{font-size:1.5rem}
	
	.header-title{font-size:2.25rem}
	
	.items-title{font-size:2.5rem}
	.items-list .item{width:32.3333%; font-size:1.1rem}
	
	.about{padding-left:0; padding-right:0}
	.about-right{font-size:1.15rem}
	.about-right p + p{margin-top:1rem}
}

@media (min-width:768px) and (max-width:991px)
{
	.type-col:nth-child(2n+1){clear:left}
}

@media (min-width:768px)
{
	.order-field input.input{height:4.3rem}
	.order-field .input{font-size:2.3rem}
	.order-field .button{line-height:4.3rem; max-width:345px; font-size:2.3rem}
	
	.map{padding-top:4rem}
	
	.contacts{box-shadow:0 0 52px rgba(0,0,0,.4)}
	.contacts:after{content:''; z-index:1; position:absolute; bottom:-14px; left:50%; margin-left:-19px; border:19px solid transparent; border-top:14px solid #fafafa; border-bottom:0}
	
	.nav{display:block!important}
	.nav ul{max-width:800px; margin:0 auto; text-align:justify; line-height:0; font-size:1px; text-justify:newspaper; zoom:1; text-align-last:justify; text-transform:uppercase}
	.nav ul:after{width:100%; height:0; visibility:hidden; overflow:hidden; content:''; display:inline-block}
	.nav ul li{display:inline-block; text-align:left; line-height:normal; font-size:1.1rem; vertical-align:top}
}

@media (max-width:767px)
{
	html{font-size:14px}
	body{padding-top:6rem}
	body.overflow{overflow-y:hidden}
	
	.header{padding:5px 0; position:fixed; top:0; left:0; right:0; z-index:9999; background:#f1ebeb; color:#fff; box-shadow:0 5px 10px rgba(0,0,0,.2)}
	.header-cell{padding:0 8px}
	.header-title{font-size:1rem}
	.header-logo{width:80px}
	.header-logo img{max-height:40px}
	.header-buttons{text-align:right; word-spacing:10px}
	
	.nav{display:none; margin:0; z-index:10000; bottom:0; overflow-y:auto; overflow-x:hidden; background:rgba(0,0,0,.6)}
	.nav-inner{width:100%; position:absolute; top:0; right:-100%; background:#333; color:#000; max-width:420px; min-height:100%; padding:5px 0; background:#fcc300}
	.nav a{color:#000}
	.nav ul{margin:0 -10px; font-size:1.5rem}
	.nav ul li{display:block; list-style:none}
	.nav ul li + li{border-top:3px solid #fff}
	.nav ul li a{display:block; padding:10px 20px}
	a.nav-call{margin:0 5px 5px; border-radius:10px; background:#00a0e3; text-align:center; color:#fff}
	
	.about-cell, .about-table{display:block; width:auto; padding:0}
	.about-right{margin-top:1rem}
	
	.slider-cell, .slider-table{display:block}
	.slider-outer{width:100%}
	.slider-right{margin-top:1rem}
	.slider-about{font-size:2rem}
	.slider-title{font-size:2rem}
	
	.slider-h1, .we-title, .order-title, .work-title, .clients-title, .contacts-title, .map-title{font-size:2.5rem}
	
	.call{padding-top:4rem}
	.call-title{margin-bottom:0}
	.call-field, .order-field{max-width:400px; margin:1rem auto}
	
	.order-submit .button{text-transform:uppercase}
	
	.about-cell, .about-table{display:block; width:auto; padding:0}
	.about-right{margin-top:1rem}
	
	.work-title{margin-bottom:2rem}
	.work-item{padding-top:4rem}
	.work-item:first-child{padding-top:0}
	.work-item:before{left:50%; margin-left:-18px; top:10px; width:36px; height:36px; transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg)}
	
	.contacts-title{margin-bottom:0}
	.contacts-icon{margin-top:2rem}
	
	.map-map{position:static; margin-bottom:40px; height:300px}
	.map-form{margin:0 -10px}
	
	.footer{padding:2rem 0; text-align:center}
	.footer-right{margin-top:1rem; text-align:inherit}
	.footer-logo{text-align:center}
	
	.social-list{display:inline-block}
	
	.items{padding-top:0}
	.items-nav{padding-top:0}
	.items-title{font-size:2rem}
	
	.price-single .price-img img{max-height:160px}
	
	.gift table{margin:0 auto}
	
	.type{margin:15px auto}
}

@media (max-width:639px)
{
	.items-nav{display:none}
	.items-list .item{width:49%}
}

@media (max-width:479px)
{
	html{font-size:12px}
	
	.nav-inner{max-width:300px}
	
	.items-list .item{width:280px}
	.item{min-height:0; text-transform:none; font-weight:400}
	.item-title{height:auto;}
	.item img{max-height:100px}
	
	.items-list .item{min-height:0}
	
	.type-col{width:100%}
	.type img{max-width:200px; margin:0 auto}
	.type-title{text-align:center}
	
	.calc table td, .calc table th{display:block; text-align:left; padding:.25rem .5rem}
	.calc-cell-button{border-radius:0}
	.calc-cell-result{border-radius:0 0 10px 10px; text-align:center!important}
}

@media (max-width:380px)
{
	.header-logo{width:70px}
	.header-logo img{max-height:35px}
	.header-buttons{word-spacing:3px}
}

@media (max-width:340px)
{
	.header-title{font-size:.85rem}
}