@font-face { font-family: "SegoeUIRegular"; font-style: normal; font-weight: normal; src: url("../fonts/SegoeUI/SegoeUIRegular/SegoeUIRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/SegoeUI/SegoeUIRegular/SegoeUIRegular.woff") format("woff"), url("../fonts/SegoeUI/SegoeUIRegular/SegoeUIRegular.ttf") format("truetype"); }
@font-face { font-family: "SegoeUILight"; font-style: normal; font-weight: normal; src: url("../fonts/SegoeUI/SegoeUILight/SegoeUILight.eot?#iefix") format("embedded-opentype"), url("../fonts/SegoeUI/SegoeUILight/SegoeUILight.woff") format("woff"), url("../fonts/SegoeUI/SegoeUILight/SegoeUILight.ttf") format("truetype"); }
@font-face { font-family: "SegoeUIItalic"; font-style: normal; font-weight: normal; src: url("../fonts/SegoeUI/SegoeUIItalic/SegoeUIItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SegoeUI/SegoeUIItalic/SegoeUIItalic.woff") format("woff"), url("../fonts/SegoeUI/SegoeUIItalic/SegoeUIItalic.ttf") format("truetype"); }
@font-face { font-family: "SegoeUIBold"; font-style: normal; font-weight: normal; src: url("../fonts/SegoeUI/SegoeUIBold/SegoeUIBold.eot?#iefix") format("embedded-opentype"), url("../fonts/SegoeUI/SegoeUIBold/SegoeUIBold.woff") format("woff"), url("../fonts/SegoeUI/SegoeUIBold/SegoeUIBold.ttf") format("truetype"); }
@font-face { font-family: "SegoeUISemiBold"; font-style: normal; font-weight: normal; src: url("../fonts/SegoeUI/SegoeUISemiBold/SegoeUISemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/SegoeUI/SegoeUISemiBold/SegoeUISemiBold.woff") format("woff"), url("../fonts/SegoeUI/SegoeUISemiBold/SegoeUISemiBold.ttf") format("truetype"); }

body { font-family: "SegoeUIRegular", sasn-serif; position: relative; }

a:hover, a:active, a:focus { text-decoration: none; }

.wow { visibility: hidden; }

.readmore { color:#e23a19; }
.readmore:hover { color:#f30; }

.section { position: relative; }
.section--xs { margin: 20px 0; }
.section--sm { margin: 40px 0; }
.section--md { margin: 65px 0; }
.section--lg { margin: 80px 0; }

.row--xs { margin-bottom: 20px; }
.row--sm { margin-bottom: 40px; }
.row--md { margin-bottom: 60px; }
.row--lg { margin-bottom: 80px; }
.row--separator { clear: both; }

.button { display: inline-block; padding: 10px 15px; text-transform: uppercase; border: none; outline: none; -webkit-border-radius: 20px; border-radius: 20px; }
.button--primary { color: #FFF; border-radius:0; background-color: #e23a19; -webkit-transition: background-color 0.2s ease, color 0.2s ease; transition: background-color 0.2s ease, color 0.2s ease; }
.button--primary:hover,
.button--primary:active,
.button--primary:focus { color: #fff; background-color: #F30; }
.button--secondary { color: #0c1c34; background-color: #ffde00; -webkit-transition: background-color 0.2s ease, color 0.2s ease; transition: background-color 0.2s ease, color 0.2s ease; }
.button--secondary:hover,
.button--secondary:active,
.button--secondary:focus { color: #fff; background-color: #ff5300; }
.button--lg { padding:15px 35px; font-size:2.6rem; }

.title { display: block; font-size: 5rem; text-transform: uppercase; color: #0c1c34; margin: 0 0 40px; padding: 0; }
.title--background { display: inline-block; padding: 30px; line-height: 1; background-color: #ffde00; }

.contacts { list-style-type: none; padding: 0; margin: 0; }
.contacts--header { display: inline-block; float: right; }
.contacts--header .contacts__item { display: inline-block; text-transform: uppercase; font-family: 'SegoeUISemiBold'; -webkit-border-radius: 50px; border-radius: 50px; background-color: rgba(255, 255, 255, 0.8); position: relative; margin-left: 20px; }
.contacts--header .contacts__item:first-child { margin-left: 0; }
.contacts--header .contacts__link { display: block; padding: 10px 20px; color: #0c1c34; }
.contacts--header .contacts__text { position: absolute; bottom: -15px; left: 0; right: 0; text-align: center; font-size: 1rem; }
.contacts--header .contacts__text--phone { position: static; }

.header--glass { position: absolute; top: 200px; left: 0; right: 0; padding: 30px 0; z-index: 100; text-align: right; border: none !important; box-shadow: none; }
.header--glass .header-menu { display: inline-block; list-style-type: none; padding: 0 20px; margin: 0; -webkit-border-radius: 50px; border-radius: 50px; background-color: rgba(255, 255, 255, 0.8); }
.header--glass .header-menu__item { display: inline-block; text-transform: uppercase; font-family: 'SegoeUISemiBold'; }
.header--glass .header-menu__link { display: block; padding: 10px; color: #0c1c34; }
.header--glass.sticky .header-menu,
.header--glass.sticky .contacts__item { background-color: #fff; }

.header-phone a,
.header-phone a:hover,
.header-phone a:active,
.header-phone a:focus {color: #e23a19;}

.slidemenu { display: inline-block; }



.hero { overflow: hidden; height: 100vh; min-height: 700px; }
.hero__nav { position: absolute; top: 50%; right: 100px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 100; }
.hero__prev,
.hero__next { font-size: 4rem; color: #fff; background-color: transparent; border: none; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; outline: none; text-shadow: 0 0 15px #eee; }

.types { border-bottom: 1px solid #ddd; padding-bottom: 40px; }
.types .owl-carousel__content { position: absolute; z-index:9; top: 0; bottom: 0; left: 0; width: 50%; background-color: rgba(255, 255, 255, 0.75); padding: 20px 30px; }

.slider { border-bottom: 1px solid #ddd; padding-bottom: 40px; }

.articles { padding-bottom: 60px; }
.articles-item__title,
.articles-item__subtitle { display: block; }
.articles-item__title { font-size: 2.4rem; font-family: 'SegoeUIBold'; line-height: 1.2; text-transform: uppercase; margin-bottom: 30px; }
.articles-item__image { margin-bottom: 30px; }
.articles-item__subtitle { font-family: 'SegoeUIItalic'; margin-bottom: 10px; font-size: 1.4rem; }
.articles-item__desc { margin-bottom: 10px; }
.articles-item__desc:last-child { margin-bottom:0; }

.steps { background-image: url("/i/pages/constructions/glass/steps/bg.jpg"); background-repeat: no-repeat; background-position: bottom center; background-size: cover; padding-bottom: 80px; font-size: 0; counter-reset: counter-name; }
.steps__title { margin-top: -60px; }
.steps-item { color: #fff; position: relative; padding-left: 30px; }
.steps-item:before { counter-increment: counter-name; content: counter(counter-name); font-size: 5rem; line-height: 1; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; height: 55px; color: #ffde00; }
.steps-item__icon { display: inline-block; vertical-align: middle; width: 30%; max-width: 100px; height: 100px; background-color: rgba(255, 255, 255, 0.2); position: relative; -webkit-border-radius: 50%; border-radius: 50%; }
.steps-item__icon:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 90px; height: 90px; margin: auto; background-image: url("/i/pages/constructions/glass/steps/icons.png"); }
.steps-item--1 .steps-item__icon:before { background-position: 0px 0; }
.steps-item--2 .steps-item__icon:before { background-position: -90px 0; }
.steps-item--3 .steps-item__icon:before { background-position: -180px 0; }
.steps-item--4 .steps-item__icon:before { background-position: -270px 0; }
.steps-item--5 .steps-item__icon:before { background-position: -360px 0; }
.steps-item--6 .steps-item__icon:before { background-position: -450px 0; }
.steps-item--7 .steps-item__icon:before { background-position: -540px 0; }
.steps-item--8 .steps-item__icon:before { background-position: -630px 0; }
.steps-item__text { display: inline-block; vertical-align: middle; width: 70%; font-size: 2.2rem; line-height: 1.2; text-transform: uppercase; padding-left: 20px; }

.works { padding-bottom: 30px; }
.works-thumbs__item { display: inline-block; width: 30%; max-width: 150px; height: 85px; margin-right: 5%; margin-bottom: 4%; background-color: transparent; border: 2px solid transparent; padding: 0; outline: none; position: relative; overflow: hidden; }
.works-thumbs__item:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(255, 222, 0, 0.2); opacity: 0; z-index: 10; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }
.works-thumbs__item:nth-child(3n) { margin-right: 0; }
.works-thumbs__item.active { border: 2px solid #ffde00; }
.works-thumbs__item.active:before { opacity: 1; }
.works-thumbs__item > img { position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%; margin: auto; max-width: 400px; }

.order { background-image: url("/i/pages/constructions/glass/order/bg.jpg"); background-repeat: no-repeat; background-position: 0 0; background-size: cover; padding-bottom: 40px; }
.order__title { margin-top: -30px; margin-bottom: 60px; }
.order__control { -webkit-border-radius: 0; border-radius: 0; height: 40px; }
.order__control,
.order__control + label { text-transform: uppercase; }
.order__control + label { color: #fff; margin-top: 5px; font-size: 1.2rem; font-weight: normal; }
.order .cs-select__label { text-transform: uppercase; color: #fff; margin-top: 5px; font-size: 1.2rem; font-weight: normal; }

.order__form-glass { }
.order__form-glass .form-group-result { margin-top:10px;  text-align:center; }
.order__form-glass .form-group-result-text { background:#080; color:#FFF; display:inline-block; padding:10px;  }

.map__contacts { position: absolute; top: 0; left: 0; bottom: 0; max-width: 350px; width: 100%; background-color: rgba(255, 255, 255, 0.9); padding: 20px; z-index: 10; font-family: 'SegoeUILight'; }
.map__address { display: block; margin-bottom: 15px; font-size: 1.8rem; line-height: 1.2; color: #0c1c34; }
.map__button { margin-bottom: 15px; }
.map__phone { display: block; text-align: center; font-size: 3rem; color: #0c1c34; margin-bottom: 15px; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; }
.map__phone:hover,
.map__phone:active,
.map__phone:focus { color: #ff5300; }
.map__mail { display: block; font-size: 1.8rem; line-height: 1.2; margin-bottom: 10px; }
.map__mail > a { color: #ff5300; }
.map__mail > a > span { display: block; color: #0c1c34; font-size: 1.4rem; }
.map__work { display: block; font-size: 1.8rem; line-height: 1.2; font-family: 'SegoeUIRegular'; }
.map__work > span { display: block; color: #0c1c34; font-size: 1.4rem; }

#map { height: 400px; }

.footer--glass { padding: 20px 0; background-color: #0c1c34; text-transform: uppercase; margin: 0 !important; }
.footer--glass .footer__copy { display: block; color: #fff; }
.footer--glass .footer__copy:first-child { margin-bottom: 5px; }
.footer--glass .footer__link { color: #ffde00; }
.footer--glass .footer__link:hover,
.footer--glass .footer__link:active,
.footer--glass .footer__link:focus { color: #ffde00; border-bottom: 1px solid #ffde00; }

.owl-carousel-wrapper { position:relative; }

.owl-carousel--hero-glass,
.owl-carousel--hero-glass .owl-stage-outer,
.owl-carousel--hero-glass .owl-stage,
.owl-carousel--hero-glass .owl-item,
.owl-carousel--hero-glass .owl-carousel__item,
.owl-carousel--hero-glass .owl-carousel__image { height: 100%; }

.owl-carousel--hero-1 .owl-carousel__item { position: relative; }
.owl-carousel--hero-1 .owl-carousel__item--1 .owl-carousel__content { background-color: rgba(31, 47, 61, 0.75); }
.owl-carousel--hero-1 .owl-carousel__item--2 .owl-carousel__content { background-color: rgba(100, 94, 129, 0.75); }
.owl-carousel--hero-1 .owl-carousel__item--3 .owl-carousel__content { background-color: rgba(255, 255, 255, 0.75); }
.owl-carousel--hero-1 .owl-carousel__item--3 .owl-carousel__title { color: #0c1c34; }
.owl-carousel--hero-1 .owl-carousel__item--4 .owl-carousel__content { background-color: rgba(145, 174, 169, 0.75); }
.owl-carousel--hero-1 .owl-carousel__item--4 .owl-carousel__title { color: #0c1c34; }
.owl-carousel--hero-1 .owl-carousel__image { background-position: 0 0; background-repeat: no-repeat; background-size: cover; }
.owl-carousel--hero-1 .owl-carousel__image > img { width: 100%; max-width: none; }
.owl-carousel--hero-1 .owl-carousel__content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 50%; padding: 30px 50px; }
.owl-carousel--hero-1 .owl-carousel__title { display: inline-block; max-width: 400px; font-size: 6rem; font-family: 'SegoeUIBold'; line-height: 1; text-transform: uppercase; color: #fff; }

.owl-carousel--hero-2 { position: absolute; top: 0; left: 0; overflow: hidden; border-right: 2px solid #9bbccc; }
.owl-carousel--hero-2:before { content: ''; display: block; width: 200px; height: 144px; background-image: url("/i/pages/constructions/glass/logo.png"); background-repeat: no-repeat; background-position: 0 0; margin: auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; z-index: 100; }
.owl-carousel--hero-2 .owl-carousel__image { background-position: 0 0; background-repeat: no-repeat; background-size: cover; }
.owl-carousel--hero-2 .owl-carousel__image > img { width: auto; max-width: none; }

.owl-carousel--types .owl-carousel__item { position: relative; }

.types .owl-carousel__title,
.types .owl-carousel__subtitle { display: block; }
.types .owl-carousel__title { font-size: 2.6rem; font-family: 'SegoeUIBold'; line-height: 1.2; text-transform: uppercase; margin-bottom: 10px; }
.types .owl-carousel__subtitle { font-family: 'SegoeUIItalic'; margin-bottom: 10px; font-size: 1.4rem; }
.types .owl-carousel__desc { margin-bottom: 10px; }
.types .owl-carousel__desc:last-child { margin-bottom:0; }
.owl-carousel--types .owl-nav { position: absolute; top: 0; right: 0; z-index: 10; }
.owl-carousel--types .owl-nav .owl-prev,
.owl-carousel--types .owl-nav .owl-next { font-size: 6rem; line-height: 1; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; }
.owl-carousel--types .owl-nav .owl-prev:hover,
.owl-carousel--types .owl-nav .owl-next:hover { color: #ffde00; }

.owl-carousel--slider .owl-carousel__image { width: auto !important; }
.slider .owl-carousel__title,
.slider .owl-carousel__subtitle { display: block; }
.slider .owl-carousel__title { font-size: 2.6rem; font-family: 'SegoeUIBold'; line-height: 1.2; text-transform: uppercase; margin-bottom: 10px; }
.slider .owl-carousel__subtitle { font-family: 'SegoeUIItalic'; margin-bottom: 10px; font-size: 1.4rem; }
.slider .owl-carousel__desc { margin-bottom: 10px; }
.slider .owl-carousel__desc:last-child { margin-bottom:0; }
.owl-carousel--slider .owl-nav { position: absolute; top: 0; left: 0; z-index: 10; }
.owl-carousel--slider .owl-nav .owl-prev,
.owl-carousel--slider .owl-nav .owl-next { font-size: 6rem; line-height: 1; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; }
.owl-carousel--slider .owl-nav .owl-prev:hover,
.owl-carousel--slider .owl-nav .owl-next:hover { color: #ffde00; }

.owl-carousel--works .owl-nav { position: absolute; top: -105px; right: 0; z-index: 10; }
.owl-carousel--works .owl-nav .owl-prev,
.owl-carousel--works .owl-nav .owl-next { font-size: 6rem; line-height: 1; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; }
.owl-carousel--works .owl-nav .owl-prev:hover,
.owl-carousel--works .owl-nav .owl-next:hover { color: #ffde00; }

@media screen and (max-width: 1440px) {
  .owl-carousel--hero-1 .owl-carousel__title,
  .owl-carousel--hero-2 .owl-carousel__title { font-size: 4rem; }
}

@media screen and (max-width: 1200px) {
  .header-menu { padding: 0 10px; }
  .header-menu__link { padding: 10px 5px; }
  .contacts--header .contacts__item { margin-left: 15px; }
  .articles-item__title { font-size: 1.8rem; }
  .steps-item:before { top: 25px; bottom: auto; left: 60px; }
  .steps-item__icon, .steps-item__text { display: block; width: 100%; }
  .steps-item__icon { margin: 0 auto 20px; }
  .steps-item__text { font-size: 1.8rem; text-align: center; padding-left: 0; }
  .works-thumbs__item { height: 98px; }
  .owl-carousel--hero-1 .owl-carousel__title, .owl-carousel--hero-2 .owl-carousel__title { font-size: 3rem; }
  .owl-carousel--types .owl-carousel__content { width: 40%; padding: 20px; }
  .owl-carousel--types .owl-carousel__title { font-size: 1.8rem; }
  .owl-carousel--types .owl-carousel__subtitle { font-size: 1.4rem; }
  .owl-carousel--slider .media-left { max-width: 560px; overflow: hidden; padding-right: 0; }
  .owl-carousel--slider .media-body { padding-left: 20px; }
}

@media screen and (max-width: 992px) {
  .title { font-size: 4rem; }
  .contacts--header .contacts__item,
  .header-menu__item { font-size: 1.2rem; }
  .contacts--header .contacts__item { margin-left: 10px; }
  .contacts--header .contacts__text--phone { display: none; }
  .hero__nav { right: 50px; }
  .steps-item { padding-left: 10px; }
  .steps-item:before { left: 30px; }
  .steps-item__text { font-size: 1.4rem; }
  .owl-carousel--hero-1 .owl-carousel__title { max-width: 275px; }
  .owl-carousel--works .owl-nav { top: -100px; }
}

@media screen and (max-width: 768px) {
  .header--glass {display: none;}
  .title { font-size: 3rem; }
  .hero__nav { display: none; }
  .menu-icon { display: block; }
  .slidemenu { display: block; position: fixed; top: 0; left: -300px; width: 300px; height: 100vh; background: #fff; border-right: 2px solid #0c1c34; z-index: 9900; -webkit-transition: left .35s ease; transition: left .35s ease; }
  .slidemenu.open { position: fixed; left: 0; }
  .slidemenu .header-menu, .slidemenu.open .header-menu { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; }
  .slidemenu .header-menu__item, .slidemenu.open .header-menu__item { display: block; font-size: 1.4rem; margin: 0; }
  .slidemenu .header-menu__link, .slidemenu.open .header-menu__link { display: block; padding: 10px 15px; -webkit-transition: all .25s ease; transition: all .25s ease; }
  .articles-item { margin-bottom: 40px; }
  
  .owl-carousel--hero-1 .owl-carousel__content { right:auto; left:0;}
  
  .owl-carousel--types .owl-carousel__content { position: static; width: 100%; background-color: #0c1c34; color: #fff; }
  .owl-carousel--slider .media-left, .owl-carousel--slider .media-body { display: block; }
  .owl-carousel--slider .media-left { max-width: none; }
  .owl-carousel--slider .media-body { width: auto; padding: 20px; background-color: #0c1c34; color: #fff; }
  .owl-carousel--slider .owl-carousel__image { width: 100% !important; }
  .owl-carousel--slider .owl-carousel__title { font-size: 1.8rem; }
  .owl-carousel--works .owl-nav { top: -90px; }
}

@media screen and (max-width: 640px) {
  .map__contacts { position: static; max-width: none; }
  .map__phone { text-align: left; }
}

@media screen and (max-width: 480px) {
  .title { font-size: 2rem; }
}

a { color: #e23a19; }
header { position: absolute; top: 200px; left: 0; right: 0; padding: 30px 0; z-index: 120; border: none !important; box-shadow: none; width:1140px; max-width: 100%; margin: 0 auto; box-shadow: none !important; }
.header-2-page-title { display: inline-block; float:left; list-style-type: none; padding: 10px 20px; margin: 0; -webkit-border-radius: 50px; border-radius: 50px; background-color: rgba(255, 255, 255, 0.9); text-transform:uppercase; font-family:'PFDinTextCondProRegular'; font-weight:bold; border:1px #DDD solid; font-size: 22px; margin-top: -10px; color: #e23a19; }
header.sticky { position: fixed; top: 0; right: 0; }
header.sticky .header-2-page-title { font-size: 18px; margin-top: -2px; }
header div.header-2-page-title { margin-left: 30px; text-decoration: underline; }
header a.header-2-page-title { color: #666; }
header a.header-2-page-title:hover { color: #e23a19; text-decoration: underline; }
@media screen and (max-width: 992px) { header { display: none; } }