@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800&subset=cyrillic');
@import url('/css/bootstrap.min.css');
@import url('/css/bootstrap-multiselect.css');
@import url('/css/et-line-fonts.css');
@import url('/css/animate.css');
@import url('/css/hover.css');
@import url('/css/magnific-popup.css');
@import url('/css/owl.carousel.css');
@import url('/css/owl.transitions.css');
@import url('/css/ion.rangeSlider.css');
@import url('/css/ion.rangeSlider.skinNice.css');
@import url('/css/ion.checkRadio.css');
@import url('/css/ion.checkRadio.html5.css');
@import url('/css/catalog.css');
@import url('/css/navbar.css');

html { -webkit-font-smoothing: antialiased; }
body { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.42857143;color: #4b4b4b; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { cursor: pointer; background: #ffa800; }
::selection { background-color: #ffa800; color: #fff; }
-webkit-::selection { background-color: #ffa800; color: #fff; }
::-moz-selection { background-color: #ffa800; color: #fff; }
.img-portfolio-post, .service-inner { position: relative; }

/* 1.2 Loader */
.loader { position: fixed; overflow: hidden; z-index: 51; left: 0; top: 0; width: 100%; height: 100%; background: #fff; color: #ffa800; text-align: center; }
.loader-brand { position: absolute; left: 0; width: 100%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
.loader-brand img { width: 100px; height: auto }
/* 1.3 Typography */
h1, .h1 { line-height: 1; font-weight: 100; }
h2, .h2 { position: relative; line-height: 1; color: #000; }
h3, .h3 { line-height: 1.25; color: #000; }
h4, .h4 { line-height: 1.4; text-transform: uppercase; margin: 0; color: #000; }
i, .i { line-height: normal; font-style: normal; }
strong { font-weight: 700; }
ul, ol { margin-top: 0px; margin-bottom: 10px; }
ul { list-style: none; padding-left: 0; }
ol li, ul li { margin-top: 10px; }
p { line-height: 28px; margin-bottom: 28px; }
blockquote {margin: 20px 0 20px 0;padding: 0 20px;font-size: inherit;border-left: 3px solid #ffa800;}
a {color: #000;}

a:hover, a:focus { color: #ffa800; outline: none; }
a:focus { text-decoration: none; }
/* 1.4 Fields */
.form-control, textarea.form-control, .wpcf7-text, .wpcf7-textarea { height: 45px; padding: 6px 18px; border-radius: 0; border: 0; background-color: transparent; border: 1px solid #ffa800; border-width: 0 0 1px; color: #9F9F9F; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s; }
.wpcf7-text, .wpcf7-textarea { width: 80%; margin: 0 auto; display: block; }
.form-control:focus, .wpcf7-text:focus, .wpcf7-textarea:focus { border-color: #ffa800; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
textarea.form-control { padding-top: 11px; resize: none; }
textarea.form-control:focus { height: 120px; }
.form-control::-moz-placeholder { color: #9F9F9F; opacity: 1; }
.form-control:-ms-input-placeholder { color: #9F9F9F; }
.form-control::-webkit-input-placeholder { color: #9F9F9F }
.form-control.error { border-bottom: 1px solid #D99675; }
.wobble-error { -webkit-animation: hvr-wobble-horizontal 1s ease-in-out 0s 1 normal; animation: hvr-wobble-horizontal 1s ease-in-out 0s 1 normal; }
label.error { font-size: 12px; font-weight: 400; color: #D99675; margin: 10px 20px 0; }
.form-group { text-align: left; margin-bottom: 40px; }
/* 1.5 Buttons */
.btn, .wpcf7-submit { position: relative; display: inline-block; background: #ffa800; border: 1px solid #ffa800; border-width: 0; padding: 16px 34px 16px; border-radius: 0; text-decoration: none; font-size: 0.9vw; color: #fff; letter-spacing: 2px; font-weight: 700; text-transform: uppercase; -webkit-transition: -webkit-transform .5s ease-out; -o-transition: -o-transform .5s ease-out; transition: transform .5s ease-out; }
.wpcf7-submit {margin-top:20px}
.form-inline .btn { padding: 15px 20px; }
.btn:after { content: attr(data-text-hover); position: absolute; color: #fff; width: 100%; height: 100%; left: 0; opacity: 0; -webkit-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.btn-text { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus, .wpcf7-submit:focus, .wpcf7-submit:active:focus { color: #fff; outline: none; -webkit-box-shadow: none; box-shadow: none; }
.btn:hover,.wpcf7-submit:hover { border-color: transparent; color: #fff; background: #ec5300; -webkit-transition: -webkit-transform .5s ease-out; -o-transition: -o-transform .5s ease-out; transition: transform .5s ease-out; }
.btn:hover .line-square { border-color: #ffa800; }
.btn:hover .line-top { border-color: #ffa800; }
.btn:hover .line-bottom { border-color: #ffa800; }
.btn:hover .line-square-l-t, .btn:hover .line-square-l-b { left: 100%; margin-left: -4px; }
.btn:hover .line-square-r-t, .btn:hover .line-square-r-b { right: 100%; margin-right: -4px; }
.btn:hover .btn-text { opacity: 0; -webkit-transform: translate(0, 40px); ms-transform: translate(0, 40px); -o-transform: translate(0, 40px); transform: translate(0, 40px); }
.btn:hover:after { opacity: 1; -webkit-transform: translate(0, 0); ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.btn-light, .btn-light:hover, .btn-light:after, .btn-light:focus { color: #fff; }
.btn-light, .btn-light .line-top, .btn-light .line-bottom { border-color: rgba(255, 255, 255, 0.5); }
.btn-light .line-square { border-color: rgba(255, 255, 255, 0.5); }
/* 1.6 Icons */
.icon { display: inline-block; font-size: 25px; line-height: 60px; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }
a.icon:hover, a.icon:focus { text-decoration: none; }
.icon-link .icon { vertical-align: middle; margin-right: 15px; }
.icon-link span { display: inline-block; vertical-align: middle; }
.icon-pull-left { width: 60px; height: 60px; border: 1px solid #ffa800; border-radius: 50%; text-align: center; }
/* 1.7 Colors */
.text-white , .text-white  a{ color: #fff; }
.text-dark { color: #000; }
.text-primary { color: #ffa800; }
/* 1.8 Backgrouns */
.bgc-white { background-color: #fff; }
.bgc-light { background-color: #f6f6f6; }
.bgc-primary { background-color: #ffa800; }
.bgc-dark { background-color: #1f1f1f; color: #808080; }
.bgc-dark .btn, .bgc-dark .btn:after { color: #fff; }
.bg-1 { background: url(/img/bg/bg1.jpg) 50% 50% no-repeat; background-size: cover; }
.bg-2 { background: url(/img/bg/bg2.jpg) top left no-repeat; background-size: auto 100% }
.b-bg { width: 100%; background-size: cover; background-position: 50% 0; background-repeat: no-repeat; padding:50px 0; /*min-height: 500px;*/ }
.b-bg_image_stereos { background-image: url('/images/b-bg__stereos.jpg'); }
.b-bg_image_sky { background-image: url('/images/b-bg__sky.jpg'); }

.b-bg_image_flats { background-image: url('/images/b-bg__flats.jpg'); }

.b-bg_image_deadline { background-image: url('/images/b-bg__deadline.jpg'); }

.b-bg_image_map { background-image: url('/images/b-bg__map.jpg'); }

.b-bg_image_contacts { background-image: url('/images/b-bg__contacts.jpg'); }

.b-bg_image_dokument { background-image: url('/images/b-bg__dokument.jpg'); }
.b-bg_image_plan { background-image: url('/images/b-bg__plan.jpg'); }
.b-footer__phone { font-size: 30px; line-height: 30px; margin-bottom: 21px; text-decoration: none; display: block; text-align: center; color: #0183dd; }
.b-footer__copyright { color: #535353; line-height: 21px; }
/* 1.9 Content styles */
.layout { overflow: hidden; }
.content { position: relative; z-index: 1; background-color: #fff; }
.section, .section-lg { padding-top: 30px; padding-bottom: 30px; overflow: hidden; }
.section-title { margin: 0; font-size: 140%; font-weight: 400; text-transform: uppercase; }
.subtitle { font-size: 13px; margin-top: 10px; margin-bottom: 30px; }
.section-body { margin-top: 100px; }
.masked { position: relative; }
.masked:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*background-color: rgba(0,0,0,0.30);*/ }
.bg-full-left, .bg-full-right { position: absolute; top: 0; height: 100%; }
.bg-full-left { left: 0; }
.bg-full-right { right: 0; }
.line-top, .line-bottom { content: ''; position: absolute; z-index: 1; left: 0; right: 0; border-top: 1px solid #ffa800; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.line-top { top: 0; }
.line-bottom { bottom: 0; }
.line-square { content: ''; position: absolute; width: 8px; height: 8px; border: 1px solid #ffa800; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.line-square-l-t { left: -4px; top: -4px; }
.line-square-r-t { right: -4px; top: -4px; }
.line-square-l-b { left: -4px; bottom: -4px; }
.line-square-r-b { right: -4px; bottom: -4px; }
.hover-line .line-top, .hover-line .line-bottom { opacity: 0; }
.hover-line:hover .line-top { opacity: 1; }
.hover-line:hover .line-bottom { opacity: 1; }
.hover-line:hover .line-square-l-t, .hover-line:hover .line-square-l-b { left: 100%; margin-left: -4px; }
.hover-line:hover .line-square-r-t, .hover-line:hover .line-square-r-b { right: 100%; margin-right: -4px; }
.rel-1 { position: relative; z-index: 1;}
.no-mobile .parallax { background-attachment: fixed!important; }
#ab-project ul li { margin-top: 10px; font-size: small; }
#ab-project ul li:before { font-family: FontAwesome; content: "\f101"; padding-right: 5px; color: #ffa800; }
/*-------------------------------------------------------------------------------
  3. Home
-------------------------------------------------------------------------------*/
#home h3 { font-size: 28px; text-transform: uppercase; margin-top: 25px; }
#home h2 { color: #ffa800; }
#home h3 { color: #fff; }
.title-comp { /*position: absolute; top: 45px; left: 204px;*/ color: #ffa800; text-transform: uppercase; }
.title-comp h1{ margin: 0; }
.masthead, .masthead-inner{ position: relative; color:#fff; }
.masthead:after, .masthead-inner:after{ content:''; position: absolute; left:0; top:0; width:100%; height: 100%; }
.masthead-image{ background: url(/img/bg/masthead.jpg) 50% 0 no-repeat; background-size: cover; }
.opener{ display: table-cell; vertical-align: middle; width: 1%; height: 100vh; padding: 200px 0 100px; }
.video{ position:absolute; top: 0; left: 50%; bottom: 0; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.masthead-slideshow:after{ display: none; }
.masthead-slideshow .owl-controls{ margin-top: 0; position: absolute; top:50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.masthead-slideshow .owl-controls .owl-page{ display: block; }
.slide{ background-size: cover; background-position: center top; }
.info-top-bar {position: absolute; width: 10%;top: 55%;z-index: 2;}
.info-top-bar-content{position:relative;}
.info-top-bar-content img{width: 100%;}
.info-top-bar-novosti {position: absolute;top: 0;left:0;}
.info-top-bar-akciii {position: absolute;bottom: 0;left:0;}


/* ------------------------------------------------------------------------------- */
/*  4. About
/* ------------------------------------------------------------------------------- */
.about.section { padding-bottom: 0; }
/* 4. 1 Specialization */
.column-progress + .column-progress { margin-top: 50px; }
.progress-header { margin-bottom: 10px }
.progress-title { float: left; }
.progress-value { float: right; }
.progress, .progress-bar { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.progress { height: 8px; margin-bottom: 10px; }
.progress-bar { background-color: transparent; }
.progress-bar .bar-line { height: 100%; background-color: #ffa800; -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; }
.no-mobile .progress-bar .bar-line { width: 0; }
.no-mobile .progress-bar .bar-line.animated { width: 100%; }
.location-h3, .concept-h3{ color: #008dd2; text-transform: uppercase; text-align: center; }
.location-p{ font-size: 14px; line-height: 24px; }
.concept-p{ font-size: 16px; line-height: 24px; text-align: justify; }
.concept-p-b { font-size: 16px; line-height: 24px; margin-bottom: 0; }
/* ------------------------------------------------------------------------------- */
/*  5. Features
/* ------------------------------------------------------------------------------- */
.row-columns { margin-top: -50px; }
.column { margin-top: 50px; }
.column h3 { margin-top: 0; font-weight: 900; color: #ffa800; }
/* ------------------------------------------------------------------------------- */
/*  6. Portfolio
/* ------------------------------------------------------------------------------- */
.portfolio.section { padding-bottom: 0; }
.filter { font-size: 14px; color: #000; font-weight: 700; text-align: center; text-transform: uppercase; margin: 70px 0 40px; }
.filter li { display: inline-block; margin: 10px 10px 0; }
.filter li a { color: inherit; }
.filter li a:hover, .filter li a:focus { color: #ffa800; text-decoration: none; }
.filter .active a, .filter .active a:focus { color: #ffa800; }
.col-portfolio { padding: 0; }
.col-portfolio figure img, .col-portfolio figcaption, .col-portfolio h3, .portfolio-lead, .portfolio-name, .portfolio-description { -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.col-portfolio a { color: inherit; }
.col-portfolio figure { position: relative; }
.col-portfolio .image-holder { overflow: hidden; }
.col-portfolio .image-holder img { width: 100%; }
.col-portfolio figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 20px; color: #fff; overflow: hidden; }
.col-portfolio h3 { font-size: 20px; position: absolute; z-index: 1; bottom: 0; left: 0; padding: 20px; }
.portfolio-lead { opacity: 0; position: absolute; left: 20px; right: 20px; top: 50%; text-align: center; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
.portfolio-name { display: inline-block; position: relative; top: -40px; margin: 0; font-size: 20px; text-align: center; }
.portfolio-description { position: relative; top: 40px; font-size: 14px; color: #fff; margin: 10px 20px 0; }
.col-portfolio:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.col-portfolio:hover figcaption { background: rgba(0, 0, 0, 0.5); }
.col-portfolio:hover .portfolio-lead { opacity: 1; }
.col-portfolio figure:hover .portfolio-name, .col-portfolio figure:hover .portfolio-description { top: 0; }
/* 6.1 Magnific popup */
.mfp-figure { box-shadow: none; }
.mfp-iframe-scaler { overflow: visible; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { padding: 0; margin-top: -10px; font-family: inherit; font-size: 40px; font-weight: 300; line-height: 0; color: #ffa800; }
img.mfp-img { min-height: 220px; }
.mfp-bottom-bar { margin-top: -30px; }
.mfp-title { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #ffa800; }
.mfp-bg { background-color: #000; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { display: none; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { display: none; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right-color: #ffa800; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left-color: #ffa800; }
.mfp-wrap .mfp-content { -webkit-perspective: 2000px; perspective: 2000px; }
.mfp-wrap .mfp-figure, .mfp-wrap .mfp-iframe-scaler { opacity: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: rotateY(-60deg); -ms-transform: rotateY(-60deg); -o-transform: rotateY(-60deg); transform: rotateY(-60deg); }
.mfp-bg { opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.mfp-wrap.mfp-ready .mfp-figure, .mfp-wrap.mfp-ready .mfp-iframe-scaler { opacity: 1; -webkit-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); }
.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-wrap.mfp-removing .mfp-figure, .mfp-wrap.mfp-removing .mfp-iframe-scaler { opacity: 0; -webkit-transform: rotateY(60deg); -ms-transform: rotateY(60deg); -o-transform: rotateY(60deg); transform: rotateY(60deg); }
.mfp-removing.mfp-bg { opacity: 0; }
/* ------------------------------------------------------------------------------- */
/*  Preimutsh section
/* ------------------------------------------------------------------------------- */
.col-5 { width:20%; float:left; text-align:center;    padding: 15px 25px; }
.preim-box{ font-size: 12px; border-bottom: 3px solid #5cbe03; color: #666; padding: 0 10px 15px 10px; cursor: default; height: 120px; }
.preim-box .fa{ color: #5cbe03; padding: 15px 10px; cursor: default; font-size: 40px; }
.preim-box:hover{ border-bottom-color: #0092cb; }
.preim-box:hover .fa{ color: #0092cb; }
.preim-dol-uch{ font-size:20px; }
.oran-bg {background: #ff6214}
.yel {border-bottom-color: #ffa900}
.oran {border-bottom-color: #ff6214}
.blue {border-bottom-color: #00abfe}
.yel .fa {color: #ffa900}
.oran .fa {color: #ff6214}
.blue .fa {color: #00abfe}
@media (max-width: 768px) {.col-5 {width:50%}}
@media (max-width: 380px) {.col-5 {width:100%}.preim-dol-uch{ font-size:14px; }}

/* ------------------------------------------------------------------------------- */
/*  6-2. Showsbuy
/* ------------------------------------------------------------------------------- */
.showsbuy-cit { margin: 25px 0 15px 0; }
.showsbuy-button { margin-top: 15px; }
/* ------------------------------------------------------------------------------- */
/*  7. Prices
/* ------------------------------------------------------------------------------- */
.col-price { position: relative; padding: 7px; text-align: center; }
.price-box { position: relative; background-color: #fff; border: 1px solid #E3E3E3; }
.price-inner { padding: 30px 20px; }
.price-header { border-bottom: 1px solid#E3E3E3; padding: 0 20px 30px; margin: 0 -20px; }
.price-title { margin-bottom: 0; }
.price { margin-top: 40px; line-height: 1; color: #000; }
.price-currency { display: inline-block; vertical-align: top; font-size: 30px; }
.price-amount { font-size: 50px; }
.price-delimiter { font-size: 40px; font-weight: 300; }
.price-period { font-size: 20px; }
.price-features { padding: 30px 0; }
.price-features ul { margin-top: 0; }
.price-features ul li { padding: 8px 0; }
.col-price.leading { z-index: 1; }
.col-price.leading .price-box { border-color: #ffa800; }
.col-price.leading .price-body { background-color: #fff; }
/* ------------------------------------------------------------------------------- */
/*  8. Team
/* ------------------------------------------------------------------------------- */

.team-profile { position: relative; }
.team-profile .icon-paperclip { display: none; position: absolute; left: -15px; top: -15px; font-size: 35px; }
.team-profile img { width: 100%; }
.team-profile figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 20px; color: #fff; overflow: hidden; }
.team-spec { position: absolute; bottom: 20px; left: 20px; right: 20px; text-align: center; }
.team-profile, .team-lead, .team-name, .team-bio, .team-social { -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; }
.team-lead { opacity: 0; position: absolute; z-index: 1; left: 20px; right: 20px; bottom: 35px; text-align: center; }
.team-name { display: inline-block; position: relative; top: -40px; margin-bottom: 10px; font-size: 18px; text-align: center; }
.team-bio { position: relative; font-weight: 300; top: 40px; margin: 10px 10px 0; font-size: 14px; color: #C2C2C2; }
.team-profile { border: 1px solid transparent; }
.team-profile:hover .team-spec { display: none; }
.team-profile:hover figcaption { background-color: rgba(31, 31, 31, 0.5); }
.team-profile:hover .team-lead { opacity: 1; }
.social { margin-top: 30px; }
.social .icon { margin: 0 5px; font-size: 35px; }
.team-profile:hover .team-name, .team-profile:hover .team-bio { opacity: 1; top: 0; }
/* ------------------------------------------------------------------------------- */
/*  9. Steps
/* ------------------------------------------------------------------------------- */
.number { font-size: 50px; color: #000; line-height: 1; font-weight: 700; }
.number.pull-left { margin: -4px 15px 0 0; }
.step-title + p { margin-top: 5px; }
/* ------------------------------------------------------------------------------- */
/*  10. Reviews
/* ------------------------------------------------------------------------------- */
.reviews { background: url(/img/bg/reviews.jpg) 50% no-repeat; background-size: cover; }
.icon-testimonials { margin-bottom: 60px; font-size: 50px; }
/* 10.1 Carousel */
.owl-controls { margin-top: 50px; }
.owl-controls .owl-pagination { text-align: center; }
.owl-controls .owl-page { display: inline-block; margin: 0 7px; }
.owl-controls .owl-page span { display: inline-block; width: 12px; height: 12px; border-radius: 50%; /* height: 20px;*/ background-color: #fff; -webkit-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear; }
.owl-controls .owl-page.active span, .owl-controls .owl-page:hover span { background-color: #ffa800; }
/* ------------------------------------------------------------------------------- */
/*  Perspektivi
/* ------------------------------------------------------------------------------- */
.perspekt a:hover, .perspekt a:focus { color: #e9fafc; text-decoration: none }
.panel-default>a>.panel-heading { background-color: rgba(255, 255, 255, 0.2); }
.perspekt .panel-title, .perspekt .panel-title:hover { color: #e9fafc; text-decoration: none }
.footer-links ul li { display: inline; }
/* ------------------------------------------------------------------------------- */
/*  11. Blog
/* ------------------------------------------------------------------------------- */
#blog { padding: 50px 0; min-height:350px; }
.masthead-blog { background: url(/images/gallery/image-1.jpg) 50% 0 no-repeat; background-size: cover; }
.masthead-inner .opener { height: auto; }
.inner-page { padding: 60px 0 120px; }
.breadcrumbs-place { position: relative; padding: 15px 30px; border-bottom: 1px solid #efefef; background: #fff; }
.breadcrumbs { color: inherit; margin: 0; font-size: 14px; }
.breadcrumbs li { position: relative; display: inline-block; }
.breadcrumbs li:after { content: "/"; display: inline-block; padding: 0 10px; }
.breadcrumbs li:last-child:after { display: none; }
.breadcrumbs li a { color: inherit; display: inline-block; }
.breadcrumbs li:hover a, .breadcrumbs .active { color: #ffa800 }
.breadcrumbs .active .line-bottom { bottom: -6px; left: -10px; right: -10px; }
.primary { text-align: center; }
.post + .post, .post + .page, .page + .page, .page + .property, .post + .property, .property + .property, .property + .page, .property + .post  { border-top: 1px dashed #D9D9D9; padding-top: 30px; margin-top: 30px; }
.post-header { margin-bottom: 40px; }
.post-header h2 { margin: 0;font-size: 18px; }
.post-category { position: relative; margin: 0; }
.post-date { font-size: 14px; }
.post-video iframe { width: 100%; border: 0; }
.popup-gallery, .popup-post-gallery { text-align: center }
.alignleft { float: left }
.alignright { float: right }
.gallery-carousel .owl-prev, .gallery-carousel .owl-next { position: absolute; top: 50%; padding: 20px; background: rgba(20, 20, 20, 0.6); font-size: 30px; color: #fff; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.gallery-carousel .owl-prev:hover, .gallery-carousel .owl-next:hover { background: #ffa800; }
.gallery-carousel .owl-prev { left: 0; }
.gallery-carousel .owl-next { right: 0; }
.gallery-item img { width: 100%; }
.entry-time { text-align: right; font-size: 24px; margin-right: 30px }
.post-entry { margin-top: 20px; }
.post-entry p { margin-top: 20px; }
.post-entry-read { margin-top: 40px; }
.post-author { padding: 40px 0; margin-top: 60px; border: 1px dashed #D9D9D9; border-width: 1px 0; }
.post-author-name { margin-bottom: 10px; }
.post-meta { margin-top: 30px; }
.post-comments-info { font-style: italic; }
.post-meta .social { margin: 0 0 20px 0; }
.post-meta .social .share-text { display: block; margin-bottom: 10px; }
.post-meta .social .icon { font-size: 30px; }
.section-primary { margin-top: 80px; }
.primary-title { margin-bottom: 60px; }
.post-add-comment { margin-top: 60px; }
.label { display: inline-block; padding: 8px 12px 8px; margin: 8px 5px 0 0; border-radius: 0; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; -webkit-transition: background-color .3s ease-out; -o-transition: background-color .3s ease-out; transition: background-color .3s ease-out; }
.label-default { background-color: #f2f2f2; color: #777; }
.label-default[href]:hover, .label-default[href]:focus { background-color: #ffa800; }
.widget { margin-bottom: 50px; padding-left: 10px; font-size: 14px; }
.widget .post-date { display: block; margin-top: 2px; font-size: 13px; }
.widget-title { position: relative; font-size: 22px; letter-spacing: 1px; padding: 0 0 10px 10px; margin: 0 0 20px -10px; }
.inherit-link-list li a { color: inherit; }
.inherit-link-list li a:hover { color: #ffa800; text-decoration: none; }
.widget-list { color: #898989; }
.widget-list li { margin-top: 0; border-bottom: 1px dashed #D9D9D9; padding: 12px 0; }
.widget-comment-list .icon { font-size: 17px; }
/* ------------------------------------------------------------------------------- */
/*  12. Contacts
/* ------------------------------------------------------------------------------- */
.contacts.section { padding-bottom: 0; }
.section-address { padding: 20px 0; }
.col-contact .inner { display: inline-block; text-align: left; }
.col-contact .media-left { width: 55px; text-align: center; }
.col-contact .media-left, .col-contact .media-right { vertical-align: middle; }
/* ------------------------------------------------------------------------------- */
/*  13. Footer
/* ------------------------------------------------------------------------------- */
.footer-top { padding: 30px 0; }
.footer-links { margin: 10px -12px 0 0; }
.footer-links a { margin: 0 12px; }
.footer .social { margin-top: 0; }
.copyright { padding: 10px 0; /* border-top: 1px solid #383838;*/ }
/* ------------------------------------------------------------------------------- */
/*  14. Modals
/* ------------------------------------------------------------------------------- */
body:not(.modal-open) { padding-right: 0!important; }
.modal.fade .modal-dialog { -webkit-perspective: 1300px; perspective: 1300px; }
.modal-content { opacity: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(900px) rotateX(60deg); -ms-transform: translateZ(900px) rotateX(60deg); -o-transform: translateZ(900px) rotateX(60deg); transform: translateZ(900px) rotateX(60deg); -webkit-transition: .5s ease-out; -o-transition: .5s ease-out; transition: .5s ease-out; }
.modal.fade.in .modal-content { opacity: 1; webkit-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); -o-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); }
.modal { text-align: center; }
.modal .btn, .modal .btn:after { color: #fff; }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; width: 90%; margin: 25px 0; }
.modal-content { background-color: #fff; padding: 20px 30px 40px; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.modal-header { border: 0; min-height: 0; text-align: center; }
.modal-body .form-group { text-align: center; }
.close { display: inline-block; font-size: 12px; font-weight: 100; line-height: 1; color: #ffa800; text-align: center; text-shadow: none; cursor: pointer; border-radius: 50%; opacity: 1; filter: alpha(opacity=1); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.close:hover, .close:focus { color: #de5066; opacity: 1; filter: alpha(opacity=1); }
.modal-header .close { position: absolute; z-index: 1; top: 0; right: 12px; font-size: 40px; }
.modal-title { font-size: 25px; color: #ffa800; }
.modal-title, .modal-title i { font-weight: normal; }
.modal-subtitle { font-size: 16px; font-weight: 300; }
.modal-body { padding: 20px 0 0; }
.modal-body .form-group { margin-bottom: 30px; }
.modal-message .modal-content { padding-top: 55px; padding-bottom: 55px; }
.modal-backdrop { background-color: #fff; }
/* ------------------------------------------------------------------------------- */
/*  15. Responsive styles
/* ------------------------------------------------------------------------------- */
@media (max-width: 991px) {   
.section .section { 	padding-top: 0; 	padding-bottom: 0; }
.text-center-sm { 	text-align: center; }
.margin-top-sm { 	margin-top: 40px; }
}
/* 15.2 Max width 767px */
@media (max-width: 767px) {
.otstup { 	padding-top: 100px; }
    /* Content styles */    
.text-center-xs { 	text-align: center; }
.brand { 	font-size: 12px!important; 	margin-left: 0; 	padding: 5px 5px; }
.brand .inner { 	padding: 20px 10px; }
.brand img { 	height: 40px; }
.bg-2 { 	background: url(/img/bg/bg2-mobi.jpg) top left no-repeat; 	background-size: auto 100%; }
.features header { 	text-align: center; }
.text-bgc-primary { 	padding-top: 25px }
.stavka { 	font-size: 180%; }
.stavka p { 	margin: 0 0 -10px 0; }
.map { 	display: none;  }   
}
/* 15.3 Max width 480px */
@media (max-width: 580px) {
.entry-time { 	font-size: 16px }
    /*  Form request */    
.form-request .btn { 	width: 100%; }
    /* Footer */    
.footer-links a { 	display: block; 	margin: 10px 0; }
.home .opener-fotorama{ 	padding: 40% 0 0 0; }
}
/* 15.4 Min width 768px */
#ipoteka .popover-title:before { font-family: 'FontAwesome'; content: "\f19c"; }
#ipoteka .tab-content>.tab-pane { padding: 25px 0; }
.panel-title { position: relative; }
.panel-title>a, .panel-title>small, .panel-title>.small, .panel-title>small>a, .panel-title>.small>a { /*display: block;*/ background: #f6f6f6; padding: 10px 25px; }
.panel-heading { padding: 15px 0; border-bottom: none; }
.panel-title>a:before { font-family: 'FontAwesome'; content: "\f0d8"; position: absolute; right: 15px; }
.panel-title>a.collapsed:before { font-family: 'FontAwesome'; content: "\f0d7"; position: absolute; right: 15px; }
@media (min-width: 768px) {
.popup-gallery img { 	width: 50%; 	height: auto }
.post-img:nth-child(odd) { 	margin-right: 25px; }
    /* Typography */    
h1, .h1 { font-size: 40px; margin: 0 0 20px 0; }
h2, .h2 { 	font-size: 42px; }
h3, .h3 { 	font-size: 17px; 	line-height: 1.25; 	margin-top: 20px; 	margin-bottom: 10px; }
h4, .h4 { 	font-size: 14px; }
    /* Content styles */    
.section { 	padding-top: 60px; 	padding-bottom: 60px; }
    /* Brand */    
.stavka { 	font-size: 220%; }
.stavka p { 	margin: 0 0 -20px 0; } 
    /* Portfolio */    
.filter li { 	margin-left: 20px; 	margin-right: 20px; }
.breadcrumbs-shema li { 	text-align: right }
    /* Modals */    
.modal:before { 	display: inline-block; 	vertical-align: middle; 	content: " "; 	height: 100%; }
.modal-dialog { 	width: 760px; }
.modal-title { 	font-size: 35px; }
.plan { 	margin-left: 30px; }
.offers-item { 	float: left; }
}
/* 15.5 Min width 992px */
@media (min-width: 992px) {
    /* Content styles */
.text-left-md { 	text-align: left; }    
.text-right-md { 	text-align: right; }
.text-center-md { 	text-align: center; }
.col-full-right { 	padding-left: 50px; }
.col-full-left { 	padding-right: 50px; }
.section-lg { 	padding-top: 185px; 	padding-bottom: 185px; }
    /*  Prices */    
.col-price.leading { 	margin-top: -16px; }
}
/* 15.6 Min width 1200px */
@media (min-width: 1200px) {
    /* Content styles */    
.row-padding { 	margin-left: -40px; 	margin-right: -40px; }
.column-padding { 	padding-left: 40px; 	padding-right: 40px; }
}
#stavka img { width: 80%; padding-bottom: 30px;  -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; }
.stavka p { cursor: default; }
.stavka .fa { font-size: 15px; }
#stavka:hover .stavka p {  color: #626262; -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; }
#stavka:hover .stavka .fa { color: #626262; }
article.page h3 { line-height: 1.25; color: #ffa800; font-weight: 800; }
@media all and (max-width: 920px) {.owl-controls .owl-pagination { display: none; }}
@media all and (max-width: 760px) {.post-img { 	font-size: 75%; }}
@media all and (max-width: 400px) {.post-img { 	font-size: 55%; }}
#pagination { position: absolute; bottom: -30px; right: 35%; }
#pagination div { background: black; width: 16px; height: 16px; border-radius: 100px; float: left; cursor: pointer; margin: 0 5px 0 0; display: none }
#pagination .cur { background: #42cae8; box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.2); }
/*
 *	Perspektivi
 *	
 */
.panel-title { font-weight: 400; text-transform: none; }
.item-hover { display: inline-block; }
.item-hover { position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.item-hover, .item-hover * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.item-hover img { width: 100%; height: 100%; }
.item-hover.circle { position: relative; }
.item-hover.circle .img { position: relative; opacity: 0.9; }
.item-hover.circle .img:before { position: absolute; display: block; content: ''; width: 100%; height: 100%; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.item-hover.circle .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; padding: 20px 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.item-hover.square { position: relative; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
.item-hover.square .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.item-hover.circle.effect .img { z-index: 11; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.item-hover.circle.effect.colored .info { background-color: rgba(255, 255, 255, 0.2); }
.item-hover.circle.effect .info { background-color: rgba(255, 255, 255, 0.2); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.item-hover.circle.effect .info p { color: #fff; font-style: italic; font-size: 12px; }
.item-hover.circle.effect:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.item-hover.circle.effect.top_to_bottom .info p { margin: 0 30px; padding: 5px; }
.item-hover.circle.effect.top_to_bottom:hover .img { opacity: 1; -webkit-transform: translateY(50px) scale(0.5); -moz-transform: translateY(50px) scale(0.5); -ms-transform: translateY(50px) scale(0.5); -o-transform: translateY(50px) scale(0.5); transform: translateY(50px) scale(0.5); }
@media all and (max-width: 767px) {
.item-hover.circle.effect.top_to_bottom .info p { 	height: 55px; 	overflow: hidden; 	text-overflow: ellipsis; }
.lead-text { 	font-size: 80%; }
.btn-lead { 	margin-top: 10px; }
}
.skew-block { text-align: right;}
.skew-block div { background: #5cbe03; margin: 5px 0; float: right; transform: skewX(-15deg); border-radius: 3px; }
.skew-block  div  span { display:block; padding: 5px 28px 5px 28px; color: #fff; text-transform: uppercase; text-decoration: none; transform: skewX(15deg); }

.link-all { /*text-align: right; margin-top: 15px;*/ }
.link-all div { background: #5cbe03; /*margin: 15px 0; */float: right; transform: skewX(-15deg); border-radius: 3px; }
.link-all a { display:block; padding: 5px 28px 5px 28px; color: #fff; text-transform: uppercase; text-decoration: none; transform: skewX(15deg); }
.bgc-primary a:hover, .bgc-primary a:focus { color: #fff; outline: none; }
.video-box .icon { display: inline-block; font-size: 45px; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }
.text-bgc-primary { color: #fff; }
.bgc-gray { background-color: #f6f6f6 }
.logo-renactive { float: left; margin: 0 10px 10px 10px }
.marbot-20 { margin-bottom: 20px }
.contacts .inner { margin: 10px 0; font-size: 14px; }
.dg-widget { width: 100%; height: 380px; overflow: hidden; }
.contacts .icon { border: 1px solid #9F9F9F; width: 40px; height: 40px; text-align: center; border-radius: 50%; line-height: 40px; font-size: 16px; }
.contacts .media-left, .contacts .media-right { vertical-align: middle; }
.header-contacts { padding-top: 30px; margin-bottom: 0 }
.contacts-right { padding: 0 15px; }
.post-img { position: relative; margin-bottom: 25px; overflow: hidden }
.post-img header { position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.85); padding: 15px 25px; width: 100% }
.post-img .post-entry { position: absolute; bottom: 0; right: -15px; background: rgba(255, 255, 255, 0.85); padding: 0 25px 35px 25px; width: 85%; transform: skewX(-15deg) }
.post-img .post-entry p { transform: skewX(15deg) }
.post-img .post-meta { position: absolute; bottom: 0; left: -6px; background: #ffa800; padding: 5px 10px 5px 40px; width: 90%; transform: skewX(-15deg) }
.post-img .post-meta, .post-img .post-meta a { color: #fff }
.inner-page .col-portfolio:hover img { -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
.inner-page .ellips { display: block; width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.screen-reader-text { display: none; }
.navigation.pagination { margin: 26px 0 30px 0 !important; text-align: center; width: 100%; }
.nav-previous { float: left; }
.nav-next { float: right; }
.nav-links span { background:#000; color: #fff; cursor: default; text-shadow: none; padding: 3px 8px; }
.nav-links a { padding: 3px 8px; }

.post-nav { text-align: center; position: relative; padding: 15px 0; border-top: 1px solid #efefef; background: #fff;    margin-bottom: 50px; }
/* --------------------------------------------------------- */
/*  9. scrollToTop
/* --------------------------------------------------------- */
.scrollToTop { width: 35px; height: 35px; padding: 2px; text-align: center; color: #fff; text-decoration: none; position: fixed; z-index: 10; bottom: 20%; right: 1%; display: none; background: rgba(3, 118, 175, 0.9);}
.scrollToTop:after { font-family: 'FontAwesome'; content: "\f077"; position: absolute; bottom: 2%; left: 45%; margin: 3px 0 0 -7px; -webkit-animation: ToTopScroll 1.8s linear infinite; -moz-animation: ToTopScroll 1.8s linear infinite; animation: ToTopScroll 1.8s linear infinite; }
@-webkit-keyframes ToTopScroll { 0% { 	opacity: 1; 	bottom: 2%; } 15% { 	opacity: 1; 	bottom: 30%; } 50% { 	opacity: 0.1; 	bottom: 30%; } 100% { 	opacity: 0.1; 	bottom: 2%; } }
@-moz-keyframes ToTopScroll { 0% { 	opacity: 1; 	bottom: 2%; } 15% { 	opacity: 1; 	bottom: 30%; } 50% { 	opacity: 0.1; 	bottom: 30%; } 100% { 	opacity: 0.1; 	bottom: 2%; } }
@keyframes ToTopScroll { 0% { 	opacity: 1; 	bottom: 2%; } 15% { 	opacity: 1; 	bottom: 30%; } 50% { 	opacity: 0.1; 	bottom: 30%; } 100% { 	opacity: 0.1; 	bottom: 2%; } }

.scrollToTop:hover { text-decoration: none; color: #ffa800; }
.abpg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 26px; overflow: hidden; text-align: center; font-size: 20px; background: rgba(0,0,0,0.2); }
.abpg:hover{ background: rgba(0,0,0,0.6); }
.abpg .fa-search-plus{ display:  inline-block; }
.ab-project-gallery { position: absolute; bottom:  15px; right: 30px; border: 10px solid rgba(255, 107, 26, 0.80); }	
.ab-project-gallery  a{ position: relative; display: table; }
.title-gallery { height: 80px; position: absolute; bottom: 25px; padding: 15px 25px; background: rgba(255, 255, 255, 0.75); color: #000; width: 100%; }
.content-gallery { position: relative; width: 100%; overflow: hidden; }
@media only screen and (min-width: 980px) {
.offers-item { 	width: 20%; }
}
.akcii-img { position: fixed; z-index: 10; bottom: 12%; width: 10%; transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; }
.akcii-img:hover { width: 12%; }
.no-padding{padding: 0}
.tab-content>.tab-pane { padding: 15px; }
/** Headers */
h2.section-title { position: relative; margin-bottom: 40px; z-index: 1; }
#blog h2.section-title { margin-bottom: 0; }
h2.tit-left {display: block;margin-bottom:10px;font-size: 140%;}
.news-item h3 { margin-top: 0;}
article .news-item h3 {text-transform: uppercase; font-weight: 700;}
@media (max-width: 768px) {
body { font-size: 14px;}
.no-padding{ padding-left: 15px; padding-right: 15px; }
.nav-tabs>li { 	float: none; }
#developer img { 	width: 100%; 	height: auto }
#developer p { 	text-align: justify; }
#ymaps { 	padding: 0 15px; }
.contacts .icon { 	width: 30px; 	height: 30px; }
.contacts .icon { 	font-size: 12px; 	line-height: 30px; }
.contacts .inner { 	margin: 18px 0; 	font-size: 12px; }
.contacts .btn-light { 	display: block; 	overflow: hidden; 	text-overflow: ellipsis; 	white-space: nowrap; }
.flats {display: none;}
.section-title, h2.tit-left { font-size: 100%;text-align: center;}
h3, .h3 {font-size: 90%;}
.news-item h3 {margin-top: 15px;height: auto;font-size: 100%;}
.concept-p { font-size: 14px; line-height: 20px; text-align: left; }
}
.new-description { text-align: justify;}
.new-description a:hover { text-decoration: none;color:#000 }
.post-img .post-entry.time-w { width: 60%; }
/** News */
#news .news-item { text-align: left; }
/** Purchasing methods */
.panel-title > a { background: #fff; border-bottom: 2px solid #ffa800; width: 50%; }
.panel-title > a:hover { text-decoration: none; }
.panel-title > a:before { content: " "; }
.panel-title > a.collapsed:before { content: " "; }
/** Helpers */
.bg-white { background: #fff; }
.bg-grey { background: #f6f6f6; }
.space { padding: 80px 0; }
/*
================================================
Portfolio
================================================
*/
#portfolio { padding-top: 50px; min-height: 400px; }
#portfolio .main-heading h2 {} #portfolio .main-heading {} #portfolio .sp-simpleportfolio-filter a { background-color: transparent; color: #fff; border: none; border-right: 1px solid #fff; font-size: 15px; margin: 0; padding: 0px 15px 0 3px; text-transform: capitalize; border-radius: 0; line-height: 15px; }
.sp-simpleportfolio-filter ul li { margin: 0; }
#portfolio .sp-simpleportfolio-filter li:last-child a { border: none; }
#portfolio .sp-simpleportfolio li.active a, #portfolio .sp-simpleportfolio li:hover a { color: #ff6b26; }
.inner section#portfolio { background-image: none; padding-bottom: 80px; }
.inner #portfolio .sp-simpleportfolio-filter a { border-color: #777; color: #777; }
#portfolio .sp-simpleportfolio-overlay { background-color: rgba(69, 69, 69, .9); }
#portfolio .sp-simpleportfolio .btn-zoom:hover,
#portfolio .sp-simpleportfolio .btn-view:hover { background-color: transparent; border-color: transparent; }
#project-detail .project-block h4 { font-size: 16px; margin-bottom: 15px; margin-top: 0; text-transform: uppercase; }
#project-detail .project-block { padding: 0; }
#project-detail .project-block ul.project-info { padding: 0 0 0 50px; }
#project-detail .project-info span { color: #454545; font-family: montserrat; font-size: 15px; text-transform: capitalize; }
#project-detail .project-info .date { margin-top: 5px; }
#project-detail ul.project-info li:not(:last-child) { padding-bottom: 10px; }
#project-detail ul.project-info li:not(:first-child) { padding-top: 10px; }
#project-detail ul.project-info li:not(:last-child) { border-bottom: 1px solid #eee; }
#project-detail .margin { margin: 20px 0; }
.img-portfolio-post { -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, .3); box-shadow: 0 0px 5px rgba(0, 0, 0, .3); }
.img-portfolio-post, .portfolio-des { -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, .1); box-shadow: 0 0px 10px rgba(0, 0, 0, .1); }
.img-portfolio-post .sdan, .img-portfolio-post .proekt, .img-portfolio-post .stroitsya { position: absolute; top: 0; right: -14px; padding: 8px 18px; margin: 10px 0; color: #fff; border-radius: 30px 0 0; text-transform: uppercase; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .7); box-shadow: 0 5px 10px rgba(0, 0, 0, .7); }
.img-portfolio-post .sdan::before, .img-portfolio-post .proekt::before, .img-portfolio-post .stroitsya::before { border-style: solid; border-width: 15px 15px 8px 0; bottom: -22.4px; content: ""; height: 8px; right: 0; position: absolute; width: 15px; }
.img-portfolio-post .sdan::before { border-color: #254a0d transparent transparent; }
.img-portfolio-post .proekt::before { border-color: #842b00 transparent transparent; }
.img-portfolio-post .stroitsya::before { border-color: #073f67 transparent transparent; }
.img-portfolio-post .sdan { background: #509e1a; }
.img-portfolio-post .proekt { background: #ff6b26; }
.img-portfolio-post .stroitsya { background: #0c67ab; }
.portfolio-title { position: absolute; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.76); text-transform: uppercase; font-size: 14px; font-weight: 600; padding: 5px 15px; }
.portfolio-title a { color: #000; }
.portfolio-title a:hover { color: #000; }
.portfolio-btn { position: absolute; bottom: 10px; right: 10px; }
.portfolio-btn a { color: #fff; font-size: 18px; padding: 0 2px; }
.portfolio-btn a.btn-zoom:hover { color: #ff6b26; }
.portfolio-des { border: 1px solid #e8e8e8; background: #fff; color: #454545; padding: 20px; }
.portfolio-des span a{ padding: 7px 12px; margin: 3px; font-size: 12px; letter-spacing: 2px; line-height: 1; text-align: center; vertical-align: middle; cursor: pointer; background: rgba(69, 69, 69, 0.05); color: #454545; text-decoration: none; text-transform: uppercase; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); -webkit-transition: all 400ms; transition: all 400ms; }
.portfolio-des span a:hover { background: rgba(255, 107, 38, 0.20); color: #FF6B26; }
/*
================================================
Variants
================================================
*/
.offers-item { margin: 0 auto; padding: 0; text-align: center; }
.offers-item p{ 	margin-bottom: 30px; }
#variants .offers-item img, #confidence .offers-item img { border: 2px solid #ffa800; width: 50%; }
#variants .offers-item img:hover, #confidence .offers-item img:hover { border: 2px solid #e65100; }
#variants .offers-item p, #confidence .offers-item h4 { text-transform: uppercase; padding-top: 25px; font-size: 14px; font-weight: 300; }
#variants .offers-item img:active, #variants .offers-item img:hover, #confidence .offers-item img:active, #confidence .offers-item img:hover { -webkit-transform: translate(0, -2px); -ms-transform: translate(0, -2px); transform: translate(0, -2px); -webkit-box-shadow: 0 3px 6px rgba(69, 69, 69, .2), 0 3px 6px rgba(69, 69, 69, .26); box-shadow: 0 3px 6px rgba(69, 69, 69, .2), 0 3px 6px rgba(69, 69, 69, .26); }
#variants .offers-item a { color: #454545; }
#variants .offers-item a:hover { color: #ffa800; }
#variants .offers-item img, #confidence .offers-item img { position: relative; outline: 0!important; transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; }
/*
================================================
About
================================================
*/
#about .about-block h5 { color: #454545; font-size: 16px; margin-bottom: 15px; margin-top: 20px; text-transform: uppercase; }
.about-text h6 { font-size: 15px; margin-top: 0; color: #454545; font-weight: 300; }
#about .about-icon { margin-right: 10px; min-height: 50px; width: 20%; }
.about-icon span { font-size: 28px; color: #454545; }
#about .about-item:hover .about-icon span { color: #ff6b26; }
#about .about-block .about-item { margin-bottom: 40px; }
#about .about-block .about-item:last-child { margin-bottom: 0; }
#about .about-block { margin-bottom: 30px; }
/*
================================================
Counter
================================================
*/
#counter .count { display: inline-block; font-size: 45px; font-weight: 600; line-height: 36px; }
.counter { background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("/images/construction-hard-hat.jpg"); background: -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("/images/construction-hard-hat.jpg"); background-position: center top; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.counter-block h4 { font-size: 18px; margin: 10px 0 0; text-transform: capitalize; font-family: "Open Sans"; }
.counter-block h4 span { color: #ff6b26; font-weight: 600; }
/*
================================================
Certifications
================================================
*/
#certification .main-heading h2, #doverie .main-heading h2 { /*font-size: 28px; margin-bottom: 25px;*/ }
.main-heading p { font-size: 14px; }
.certi-block span { color: #ff6b26; font-size: 42px; margin-bottom: 20px; }
.certi-block h4 { color: #454545; font-size: 16px; font-weight: 300; margin-bottom: 15px; margin-top: 0; text-transform: uppercase; }
#certification .main-heading, #doverie .main-heading { margin-bottom: 50px; }
#certification .certi-block { padding: 40px 15px; border: 1px solid #eee; border-top: none; border-left: none; }
#certification .certi-block:nth-child(3), #certification .certi-block:last-child { border-right: none; }
#certification .certi-block:nth-last-child(-n+3) { border-bottom: none; padding-bottom: 0; }
#certification .certi-block:nth-child(3), #certification .certi-block:nth-child(2), #certification .certi-block:first-child { padding-top: 0; }
.inner .certi-block a { color: #454545; display: inline-block; margin-top: 15px; text-decoration: underline; text-transform: uppercase; }
.inner .certi-block a:hover { color: #ff6b26; }
.inner #team .team-text p::before { 	display: none; }
.featherlight .featherlight-image { width: auto; max-height: 500px; }
#certification .btn-zoom img { padding: 0 5px; height: 244px; width: 170px; }
#certification .item { text-align: center; }

.doverie-inner { position: relative; padding-bottom: 30px; }
.doverie-inner img { width: 100%; }
.doc-title{ font-size: 20px;text-transform: uppercase;text-align: center;margin: 30px 0; }
/*
================================================
Partner logo
================================================
*/
#ipoteka .ipoteka ul li a { border: 1px solid #f3f3f3; display: inline-block; }
#ipoteka .ipoteka ul li:hover a { border-color: #ff6b26; }
#ipoteka-slider .item { text-align: center; }
#ipoteka .ipoteka .item { margin: 0 10px; }
#ipoteka .ipoteka .item img, #certification .btn-zoom img { opacity: 0.7; }
#ipoteka .ipoteka .item img:hover, #certification .btn-zoom img:hover { opacity: 1; }
/* owl-controls */
#ipoteka .owl-theme .owl-controls, #certification .owl-theme .owl-controls { position: absolute; width: 100%;top: 5px; left: 0; right: 0; margin-top: 0; }
#ipoteka .owl-pagination, #certification .owl-pagination { display: none; }
#ipoteka .owl-prev, #certification .owl-prev { position: absolute; left: 0; /*margin-left: -30px;*/ }
#ipoteka .owl-prev:before, #certification .owl-prev:before { font-family: 'FontAwesome'; content: "\f104"; color: #5cbe03; font-size: 40px; }
#ipoteka .owl-next, #certification .owl-next { position: absolute; right: 0;/* margin-right: -30px;*/ }
#ipoteka .owl-next:before, #certification .owl-next:before { font-family: 'FontAwesome'; content: "\f105"; color: #5cbe03; font-size: 40px; }
#ipoteka .owl-theme .owl-controls .owl-page span, #certification .owl-theme .owl-controls .owl-page span { background: #ff6b26; }
#ipoteka .owl-theme .owl-controls .owl-buttons div, #certification .owl-theme .owl-controls .owl-buttons div { color: rgba(255, 255, 255, 0); font-size: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: transparent; }
#ipoteka .owl-btn, #certification .owl-btn { display: block; position: absolute; bottom: 20px; left: 12%; background: rgba(255, 255, 255, 0.65); padding: 10px 25px; box-shadow: 0 0 10px rgba(69, 69, 69, 0.5); color: #454545; text-transform: uppercase; border: 1px solid rgba(255, 255, 255, 0.67); font-weight: 600; }
#ipoteka .owl-btn:hover, #certification .owl-btn:hover { background: rgba(255, 255, 255, 0.75); box-shadow: 0 0 10px rgba(69, 69, 69, 0.9); }
#certification .owl-prev, #certification .owl-next { margin-top: 8%; }
/*
================================================
Partner logo
================================================
*/
#hod-stroitelstva .hod-stroitelstva ul li a { border: 1px solid #f3f3f3; display: inline-block; }
#hod-stroitelstva .hod-stroitelstva ul li:hover a { border-color: #ff6b26; }
#hod-stroitelstva-slider .item { text-align: center; }
#hod-stroitelstva .hod-stroitelstva .item { margin: 0 10px; }
#hod-stroitelstva .hod-stroitelstva .item img, #certification .btn-zoom img { opacity: 0.7; }
#hod-stroitelstva .hod-stroitelstva .item img:hover, #certification .btn-zoom img:hover { opacity: 1; }
/* owl-controls */
#hod-stroitelstva .owl-theme .owl-controls, #certification .owl-theme .owl-controls { position: absolute; width: 100%;top: 35px; left: 0; right: 0; margin-top: 0; }
#hod-stroitelstva .owl-pagination, #certification .owl-pagination { display: none; }
#hod-stroitelstva .owl-prev, #certification .owl-prev { position: absolute; left: 0; /*margin-left: -30px;*/ }
#hod-stroitelstva .owl-prev:before, #certification .owl-prev:before { font-family: 'FontAwesome'; content: "\f104"; color: #000; font-size: 40px; }
#hod-stroitelstva .owl-next, #certification .owl-next { position: absolute; right: 0;/* margin-right: -30px;*/ }
#hod-stroitelstva .owl-next:before, #certification .owl-next:before { font-family: 'FontAwesome'; content: "\f105"; color: #000; font-size: 40px; }
#hod-stroitelstva .owl-theme .owl-controls .owl-page span, #certification .owl-theme .owl-controls .owl-page span { background: #ff6b26; }
#hod-stroitelstva .owl-theme .owl-controls .owl-buttons div, #certification .owl-theme .owl-controls .owl-buttons div { color: rgba(255, 255, 255, 0); font-size: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: transparent; }
#hod-stroitelstva .owl-btn, #certification .owl-btn { display: block; position: absolute; bottom: 20px; left: 12%; background: rgba(255, 255, 255, 0.65); padding: 10px 25px; box-shadow: 0 0 10px rgba(69, 69, 69, 0.5); color: #454545; text-transform: uppercase; border: 1px solid rgba(255, 255, 255, 0.67); font-weight: 600; }
#hod-stroitelstva .owl-btn:hover, #certification .owl-btn:hover { background: rgba(255, 255, 255, 0.75); box-shadow: 0 0 10px rgba(69, 69, 69, 0.9); }
#certification .owl-prev, #certification .owl-next { margin-top: 8%; }

/*
================================================
Services
================================================
*/
#service .service-title h3 { margin: 0; text-transform: capitalize; color: #fff; }
.call-order { /*z-index: 10000;*/ }
.call-order .service-title:after { content: ''; height: 50px; width: 100%; background: url(/images/shadow-top.png) center center no-repeat; position: absolute; right: 0; bottom: -43px; opacity: .5; }
.call-order .service-title { display: table; width: 100%; background: #454545; position: relative; padding: 0; margin: 0 auto; text-align: center; margin-top: -1px; }
.call-order .service-title h3 { color: #fff; font-size: 18px; }
.call-order .has-error .help-block { color: #fff; }
.call-order .call-order-forma { width: 85%; position: relative; padding: 15px 15px 25px 15px; margin: 0 auto; text-align: center; }
.wpcf7-form .tel-793 { width: 35%; min-width: 230px; }
.call-order .form-group { display: inline-block; margin: 15px 5px 25px 5px; }
.call-order .btn { vertical-align: baseline; color: #fff; background-color: #ff6b26; border-color: #ff6b26; }
.call-order .help-block { display: none; }
#top-banner .owl-theme .owl-controls { position: absolute; width: 100%; height: 70%; top: 0; left: 0; right: 0; margin-top: 0; }
#top-banner .owl-theme .owl-controls:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(/images/slider/bg-1.png) center center no-repeat; margin-top: 0; background-size: contain; }
#top-banner .owl-theme:after { content: ""; position: absolute; width: 15%; height: 30%; bottom: 0; right: 0; background: url(/images/slider/bg-2.png) center center no-repeat; background-size: contain; }
#top-banner .owl-pagination { float: right; margin: 20px; }
#top-banner .owl-buttons { position: absolute; width: 100%; top: 60%; }
#top-banner .owl-prev { float: left; }
#top-banner .owl-prev:before { font-family: 'FontAwesome'; content: "\f104"; color: #454545; font-size: 40px; }
#top-banner .owl-next { float: right; }
#top-banner .owl-next:before { font-family: 'FontAwesome'; content: "\f105"; color: #454545; font-size: 40px; }
#top-banner .owl-theme .owl-controls .owl-page span { background: #ff6b26; }
#top-banner .owl-theme .owl-controls .owl-buttons div { font-size: 0px; background: #fff; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#top-banner .owl-btn { display: block; position: absolute; bottom: 20px; left: 12%; background: rgba(255, 255, 255, 0.65); padding: 10px 25px; box-shadow: 0 0 10px rgba(69, 69, 69, 0.5); color: #454545; text-transform: uppercase; border: 1px solid rgba(255, 255, 255, 0.67); font-weight: 600; }
#top-banner .owl-btn:hover { background: rgba(255, 255, 255, 0.75); box-shadow: 0 0 10px rgba(69, 69, 69, 0.9); }
.topbar-base .left .popover { left: 0; }
#service .service-top-btn, #doverie .doverie-top-btn { left: -7px; position: absolute; top: 12px; }
.service-top-btn .top-btn, .doverie-top-btn .top-btn { background-color: #ffa800; border: medium none; color: #fff; font-size: 13px; padding: 3px 17px; }
.service-top-btn .top-btn a, .doverie-top-btn .top-btn a { color: #fff; }
.service-top-btn .top-btn::before, .doverie-top-btn .top-btn::before { border-color: #595959 transparent transparent; border-style: solid; border-width: 7px 0 4px 7px; bottom: -11px; content: ""; height: 7px; left: 0; position: absolute; width: 5px; }
#service .service-block h4, #doverie .doverie-block h4 a, #service-inner h4, aside h4 { color: #454545; font-size: 16px; font-weight: 400; margin-bottom: 15px; margin-top: 0; text-transform: uppercase; }
#service .service-block .service-text, #doverie .doverie-block .doverie-text { padding: 20px; border: 1px solid #ecebeb; border-top: none; background-color: #fff; }
#service .service-text a, #doverie .doverie-text a { color: #454545; display: inline-block; margin: 8px 0 20px 0; text-decoration: underline; text-transform: capitalize; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#service .service-text a:hover, #doverie .doverie-text a:hover { color: #ff6b26; }
.inner section#service { background-color: #f9f9f9; }
#service-inner .service-main section#service { background-color: transparent; }
#service-inner #service .service-block .service-text { border: medium none; padding-left: 0; padding-right: 0; }
#service-inner .service-block ul { margin-top: 12px; padding-left: 20px; }
#service-inner .service-block ul li::before { bottom: 0; color: #ff6b26; content: "\f00c"; font-family: fontawesome; font-size: 14px; left: -19px; position: absolute; top: 0; }
#doverie { padding-top: 50px; padding-bottom: 50px; }
.doverie-inner .img-portfolio-post span{ font-size: 10px; }
.doverie-text { background: #fff; padding: 10px 15px; }
.doverie-text { -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, .1); box-shadow: 0 0px 10px rgba(0, 0, 0, .1); }
.doverie-p { position: relative; height: 40px; overflow: hidden; text-overflow: clip; }
.doverie-pagination { text-align: center; background: #fff; min-height: 50px }
#cont-slider .owl-controls.clickable { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
#cont-slider .owl-buttons { left: 0; position: absolute; right: 0; top: 45%; }
#cont-slider .owl-buttons div { position: absolute; background-color: transparent; border: 1px solid #F2CA51; border-radius: 0; height: 30px; margin: 0; padding: 0; width: 30px; opacity: 1; }
#rev_slider_1_1 > div, #rev_slider_1_1 > ul, #rev_slider_1_1 > ul li { transition: all ease-in-out 0s; -webkit-transition: all ease-in-out 0s; }
#cont-slider .owl-buttons .owl-next { right: 5px; }
#cont-slider .owl-buttons .owl-prev { left: 5px; }
#cont-slider .owl-buttons i { font-size: 23px; }
.service-main section#service-contract { margin-top: 15px; }
/*
================================================
blogs
================================================
*/
article .blog-info-inner ul li { display: block; text-transform: uppercase; cursor: default; }
#blog article .blog-info { padding: 0; }
article .blog-info-inner ul { background: rgba(146, 146, 146, 0.11); padding: 15px 25px; height: 100%; border: 1px solid rgba(0, 0, 0, 0.07); }
article .blog-info-inner h4 { font-size: 20px; margin-top: 4px; margin-bottom: 0; }
article .blog-info-inner h4 a { color: #000; }
article .blog-info-inner ul li span i:not(:last-child) { color: #ff6b26; font-size: 15px; margin-right: 0; }
article.blog-block a.btn { background-color: transparent; border: 1px solid #ccc; color: #454545; font-size: 14px; margin-top: 15px; }
article.blog-block a.btn:hover { background-color: #ff6b26; color: #fff; border-color: transparent; }
article.blog-block .blog-info p { margin: 15px 0 30px 0; }
article.blog-block .blog-info .tab-content p { margin: 10px 15px; }
article.blog-block .blog-info-inner a { color: #454545; }
.blog-info h4 span span { cursor: default; position: relative; }
.blog-info .sdan { color: #509e1a; }
.blog-info .stroitsya { color: #0c67ab; }
.blog-info .proekt { color: #ff6b26; }
#blog .large-margin { margin: 25px 0; }
#blog .owl-buttons div { background-color: rgba(0, 0, 0, 0.7); border: medium none; border-radius: 4px; }
article .blog-info-inner ul li:first-child { padding-left: 0; }
article .link-block.space, article .qoute-block.space { background-color: #ff6b26; padding: 100px 50px; }
article .link-block h2 { color: #fff; margin: 0; }
article .link-block::before, article .qoute-block::before { color: rgba(255, 255, 255, 0.15); font-family: FontAwesome; font-size: 300px; left: -60px; position: absolute; top: -75px; z-index: 1; }
article .qoute-block::before { content: ""; }
article .link-block::before { content: ""; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
article .qoute-block.space { padding: 80px 50px; }
article .qoute-block.space p { color: #fff; font-size: 16px; }
article .qoute-block h3 { color: #fff; margin-bottom: 0; margin-top: 15px; }
#blog #cont-slider .owl-buttons { top: 49%; }
.img-responsive { width: 100%; }
.tab-content { padding-bottom: 30px; }
/* Pagination */
#pagination { position: absolute; bottom: -30px; right: 35%; }
#pagination div { background: black; width: 16px; height: 16px; border-radius: 100px; float: left; cursor: pointer; margin: 0 5px 0 0;display:none }
#pagination .cur { background: #42cae8; box-shadow: inset 0 3px 7px rgba(0,0,0,0.2); }
.tab-content h3{ color: #ffa800; }
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { font-size: 20px; line-height: 32px; text-align: justify; font-style: italic; }
article.blog-block .blog-info-inner .subtitle-key{font-weight: 700;}
article.blog-block .blog-info-inner .subtitle-key p {margin: 15px 0 20px 0;text-transform: none;    font-weight: 300;font-style: italic;font-size: 16px;}
article.blog-block .blog-info-inner .subtitle-key a {color: #ffa800;font-weight: 700;}
article.blog-block .blog-info-inner .subtext-key{font-size: 12px;    line-height: 20px;padding: 0 15px 0 25px; border-left: 5px solid rgba(0, 0, 0, 0.07); margin: 25px 0; text-align: justify;}
article.blog-block .tags{margin-top: 30px;}
article.blog-block .tags a {color: #000;font-style: italic; text-transform: capitalize;}
article.blog-block .entry{text-align: justify;line-height: 28px;}
article.blog-block .entry p {margin: 20px 0 0;}
@media (min-width: 768px) { .newsletter .col-sm-3, .newsletter .col-sm-2, .newsletter .col-sm-1 {padding-left: 3px;padding-right: 3px;} .park-box-y {margin-top: -3.5%;margin-left: 57%;} }
.kupit { /*border: 1px solid rgba(92, 190, 3, 0.5); border-radius: 7px; padding: 0 15px 0 25px;*/ background: /*rgba(92, 190, 3, 0.1) */url(/images/bg/rub.png) right top no-repeat; /*min-height: 390px; margin-bottom: 30px;*/ }
.g-bg { /* border: 1px solid rgba(92, 190, 3, 0.5);border-radius: 7px; padding: 25px; font-size: 13px; */background: rgba(92, 190, 3, 0.1); /* margin-bottom: 30px; */}
article.page .kupit h3 { line-height: 1.25; color: #008dd2; font-weight: 800; }
article.page h3.ip-title { color: #5cbe03; font-weight: 800; text-transform: uppercase; margin-top: 0; margin-bottom: 30px; }

.kupit-ipoteka strong { color: #008dd2; }
.park-text-g, .park-text-y { font-size: 16px; display: inline-block; margin: 15px 0; transform: skewX(-15deg); border-radius: 3px; }
.park-text-g { background: #5cbe03; }
.park-text-y { background: #ffa800; }
.park-box-g { /*margin-left: 7%;*/ }
.park-text-g span, .park-text-y span{ display: block; padding: 15px 28px; color: #fff; text-decoration: none; transform: skewX(15deg); }
.park-text-y strong{ color: #ffffff; background: #ff6214; padding: 3px 15px; border-radius: 5px; }
#park .col-5{position: relative;padding: 15px 5px;}

/*-------------------------------------------------------------------------------
  Newsletter
-------------------------------------------------------------------------------*/

.newsletter-subscription {max-width: 100%;}
.newsletter-subscription input[type=text], .newsletter-subscription input[type=email], .newsletter-subscription input[type=submit], .newsletter-subscription select {height: 35px;width: 100%;padding: 0!important;padding-left:15px!important;padding-right:15px!important;font-size: 12px;transform: skewX(-15deg);border-radius: 3px;border: none;margin-top:15px!important;margin-bottom:15px!important;}
.newsletter-profile input {border: 1px solid #5cbe03;}
.newsletter table th {padding: 3px 5px;}
.newsletter input[type="submit"] {background-color: #5cbe03!important;color: #fff;}
.newsletter table tr {display: inline;}

.perehod { position: fixed; bottom: 0; left: 50%; margin-left: -136px; background: #f2672a; z-index: 50; color: #fff; font-size: 10px; font-weight: 700; text-transform: uppercase; text-decoration: none; transform: skewX(-15deg); border-radius: 3px; }
.perehod a { display: block; padding: 10px 28px; color: #fff; text-transform: uppercase; text-decoration: none; transform: skewX(15deg); }
.com-plan{ background: #5cbe03; padding: 10px 0; width: 100%; display: block; margin: 10px 0; color: #fff; }
.com-plan:hover, .com-plan:focus, .com-plan:active{ background: #ffa900; color: #fff; text-decoration: none;}

/*-------------------------------------------------------------------------------
     Bvi
-------------------------------------------------------------------------------*/
.bvi-grayscale {width:100%;}
.l-content__logo .bvi-grayscale {width:50%;}
.bvi-panel-menu-bg { position: fixed; left: 0; bottom: 0;}
.affix-top .navbar-nav li.bvi-panel-open-menu { position: fixed; left: 20px;  bottom: 27px;}
.affix .navbar-nav li.bvi-panel-open-menu { position: fixed; left: 10px;top: 47px;}
.bvi-panel-menu-bg { background: #f2f2f2; padding: 5px 15px; border: 1px solid #e2e2e2; }
.bvi-body .opener { padding: 100px 0 100px;}
.bvi-body #hod {  padding-top: 250px;}
.navbar-nav li.bvi-panel-open-menu {text-align: center;}
.navbar-nav li.bvi-panel-open-menu a{font-size: 11px; padding: 5px 7px;}
.affix-top .navbar-nav > li.bvi-panel-open-menu > a{margin-bottom: 0;}
.affix-top .navbar-nav li.bvi-panel-open-menu a {background: rgba(37, 186, 254, 0.66);color: #fff; }
.affix-top .navbar-nav li.bvi-panel-open-menu a:hover {background: rgba(37, 186, 254, 0.76);color: #f1f9fc; }
.affix .navbar-nav li.bvi-panel-open-menu a{border-radius: 0 0 15px 15px;padding-top:15px; border: 3px solid rgba(0,0,0,0.06);  border-top: 3px solid #fff; background: rgba(255, 255, 255, 0.8);/*-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.2), 0 0 0 0.6px rgba(0,0,0,0.06); box-shadow: 0 2px 0 0 rgba(0,0,0,0.2), 0 0 0 0.6px rgba(0,0,0,0.06);*/}
@media (max-width: 768px) { 
.affix-top .navbar-nav li.bvi-panel-open-menu, .affix .navbar-nav li.bvi-panel-open-menu {display:none; }
.xs-text-right {text-align: right;} 
.xs-text-none {display: none;} 
}
.phone-renaktiv{ color: #fff; font-size: 28px; margin-top: 15px; display: inline-block;}
.affix-top.affix .phone-renaktiv{ color: #000;}

@media (max-width: 480px) { 
.phone-renaktiv{ font-size: 18px;}
}

.colorbox2 #sgcboxContent { background: rgba(0, 0, 0, 0)!important; }
.colorbox2 #sgcboxLoadedContent { background: rgba(0, 0, 0, 0)!important; }

.fa-icon { display: inline-block;  text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fa-icon:before { font: normal normal normal 40px/1 FontAwesome;}
.fa-icon.fa-video-camera:before { content: "\f03d"; }	
.fa-icon.fa-camera:before {content: "\f030"; }
.fa-icon.fa-book:before { content: "\f02d"; }
.fa-icon.fa-file:before {  content: "\f15b";}

 .video-link { border: 1px solid rgba(255, 255, 255, 0.4); padding: 20px 10px; display: block; border-radius: 7px;background: rgba(255, 255, 255, 0.20); margin-bottom: 30px;text-transform: uppercase;font-size: 12px;}
.video-link  div { margin-top: 10px; }

.zhuchdoc {display: block;}
.zhuchdata {display: block; color: #a09f9c; font-size: 14px; margin: 0px 0 20px 40px;}

#search-box.in.collapse { display:table !important;position: fixed; top:0; right: 0; width: 100%;height: 100vh; background:#fff; border: none; padding: 25px 0px;z-index: 99;}
.search-box {width: 100%; margin: 0 auto; display: table-cell; vertical-align: middle;}
.search-box form { width: 300px; margin: 0 auto; }
#search-box #search.form-control {width: 280px; height: 54px; padding: 8px 18px;}
.search-box-close {font-size: 28px; position: absolute; top: 15px; margin-bottom: -12px; right: 25px;}
#search-box .btn { font-size: 18px; }

.logo-renaktiv img { width: 100%;}
.content-gallery {width:50%;float:left;padding:0 15px 15px 0}

@media (max-width: 1200px) {
.affix .navbar-nav li.bvi-panel-open-menu { position: relative; left: 0; top: 0;text-align: left; }
.affix .navbar-nav li.bvi-panel-open-menu a, .affix-top .navbar-nav li.bvi-panel-open-menu a  { border-radius: 0; padding: 0 5px; border: none; border-top: none;color: #000;font-size: 14px;}

.affix .navbar-nav li.bvi-panel-open-menu a br, .affix-top .navbar-nav li.bvi-panel-open-menu a br,.affix-top .navbar-nav li.bvi-panel-open-menu a .fa-low-vision,.affix .navbar-nav li.bvi-panel-open-menu a .fa-low-vision{ display: none; }
.phone-renaktiv { font-size: 20px;margin-left: -15px; }

.affix .logo-renaktiv .logo-renaktiv{visibility: hidden;}
.affix-top.affix .logo-renaktiv img{ width: 100%; margin-top: 10px; }
 img.brand-logo{ width: 100%; }
.navbar.affix .l-menu { display: block; position: absolute; top: 0; }
.navbar.affix img.brand-logo { width: 40%; }
.affix-top.affix .xs-text-none  a, .affix .xs-text-none  a  {display: none;}

}

@media (max-width: 1024px){
.phone-renaktiv {font-size: 20px;}
}
@media (max-width: 768px){
.skew-block div span {padding: 5px 10px;}
#top > .container > .navbar-header {margin-left: 0;}
.affix-top.affix .logo-renaktiv img { width: 100%; margin-top: 5px; }
.phone-renaktiv { white-space: nowrap; }
.navbar.affix img.brand-logo { width: 50%; }
.perehod {left: 0;margin-left: 20px;}
.perehod a{ width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px;-webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.perehod a:hover{ width: auto;}
.content-gallery { width: 100%; float: none; padding: 0 0 15px 0; }
}
@media (max-width: 425px){
.logo-renaktiv { display: none; }
.affix-top .navbar-toggle {top:-75px;}
.affix-top.affix .navbar-toggle { top: -2px;; }
#top.affix-top.affix > .container > .navbar-header {margin-top: 20px;}
.navbar-nav li a {line-height: 35px;}
.info-top-bar { display: none;}
.search-box form { width: 330px; margin: 0 auto; }
.link-all div {display: none;}
.nov-thumb { width: 70px; float: left; margin-right: 10px; }
h2.tit-left {margin: 30px 0;}
.navbar.affix img.brand-logo { width: 70%; }
}
@media (max-width: 375px){
.affix-top .navbar-toggle { top:-62px;}
}
@media (max-width: 320px){
.phone-renaktiv { font-size: 16px; }
.affix-top .navbar-toggle { position: absolute; top:-50px;}
.search-box form { width: 290px; margin: 0 auto; }
#search-box #search.form-control { width: 230px;}
.search-box-close {right: 20px;}
}



/*
     */
/*
*/