

/* Start:/bitrix/templates/.default/css/owl2/owl.carousel.min.css?16687642063011*/
/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/bitrix/templates/.default/css/owl2/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/bitrix/templates/.default/css/video_rew.css?16687642061010*/
#video_rew {
	margin-top: 40px;
}

.video-logo {
	width: 50px;
	display: inline;
}

.video-logo img {
	max-width: 100px;
	padding-right: 10px;
}

.owl-item .item {
	margin: 0 50px;
}

.video {
	width: 100%;
	margin-bottom: 30px;
	/*padding: 0 30px;*/
}

.video-youtube {
	width: 80%;
	position: relative;
  padding-bottom: 56.25%;
  padding-top: 10px;
  height: 0;
  overflow: hidden;
  margin: 0 30px;
}

.video-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-desc {
	text-align: center;
}

.owl-prev {
	display: inline-block;
	float: left;
	position: absolute;
	width: 16px;
	height: 53px;
	background: url(/bitrix/templates/.default/css/../images/img-arrow-slide.png) no-repeat;
	background-position: 0 -53px;
}

.owl-next {
	display: inline-block;
	float: right;
	position: absolute;
	right: 0;
	background: url(/bitrix/templates/.default/css/../images/img-arrow-slide.png) no-repeat;
	background-position: -16px -53px;
	width: 16px;
	height: 53px;
}
/* End */


/* Start:/bitrix/components/prymery/feedback.form/js/jquery.fancybox.min.css?166876418312795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/simple/style.css?1668764206964*/
.header__nav {
    width: 100% !important;
}

header .header__menu {
    position:relative;
}

.header__nav a {
    padding:15px 0;
}

.dd-wrapper {
    display: inline-block;
}

/*.dd-wrapper::after {
    content: ''; 
    left: 20px; bottom: -20px;
    border: 10px solid transparent;
    border-top: 10px solid #fff;
}*/

.dd-wrapper:hover .dropdown-block {
    opacity:1;
    visibility:visible;
}

.dropdown-block {
    width:100%;
    position:absolute;
    min-height:300px;
    background:#fff;
    left:0;
    top:25px;
    opacity:0;
    visibility:hidden;
    z-index:9;
    transition:.3s all;
    padding:40px;
    display:flex;
    justify-content: start;
}

.top-page {
    overflow: unset!important;
}

.dropdown-block .half-block {
    width:50%;
}

.header__nav .dropdown-block a {
    color:#000;
    white-space: unset;
    display: inline-block;
    padding:0;
    padding-left:15px;
}
/* End */


/* Start:/bitrix/templates/.default/css/template_styles.css?1705218764156727*/
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; padding: 30px 30px 20px; background: #FFF; } .fancybox-opened { z-index: 8030; } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/bitrix/templates/.default/css/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: 16px; right: 16px; width: 22px; height: 22px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; margin-top: -14px; cursor: pointer; z-index: 8040; width: 9px; height: 28px; } .fancybox-prev span { left: -30px; } .fancybox-next span { right: -30px; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(/bitrix/templates/.default/css/../images/ie-bg-popup.png) 0 0; background: rgba(0,0,0,0.5); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: bold 17px/21px Arial, Helvetica, sans-serif; color: #9F9F9F; position: relative; text-shadow: none; z-index: 8050; } .fancybox-title A { display: block; float: right; padding: 8px 0 0; font-size: 12px; line-height: 12px; text-decoration: none; } .fancybox-title A SPAN { padding-left: 4px; color: #9F9F9F; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { position: static; padding: 0 0 20px 0; text-transform: uppercase; font-size: 15px; line-height: 15px; color: #94C400; } .fancybox-title-inside-wrap A { position: absolute; bottom: 25px; left: 50px; padding: 8px 0 0 32px; } .fancybox-title-inside-wrap A:before { content: ''; display: block; position: absolute; top: 3px; left: 0; width: 25px; height: 25px; } .fancybox-title-inside-wrap A SPAN { font-size: 14px; line-height: 20px; color: #777; display: block; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } html { font-size: 100.01%; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { padding: 0; margin: 0; border: none; outline: none; font-family: inherit; } dfn, i, cite, var, address, em { font-style: normal; } th, h1, h2, h3, h4, h5, h6 { font-weight: normal; } textarea, input, select { font-family: arial, sans_serif; font-size: 1em; } input[type=button], input[type=submit] { cursor: pointer; } small { font-size: 0.85em; } ul { list-style-type: none; list-style: none; } ul li ul { margin: 20px 0; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; } .clearfix:after, .b-row:after, .ms-container:after { content:""; display:table; clear:both; } .b-row { display: inline-block; width: 100%; position: relative; } .special-content table { border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 30px; } .special-content-2 table { border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 30px; } .special-content caption, .special-content th, .special-content td { text-align: left; padding: 10px; border: 1px solid #DFDFDF; } .special-content-2 caption, .special-content-2 th, .special-content-2 td { text-align: left; padding: 10px; border: 1px solid #DFDFDF; } .bordered-block { padding: 15px 0; margin: 10px 0; border-width: 2px 0 2px 0; border-style: solid; border-color: #000; font-family: "myriadpro-it-webfont", "Myriad Pro", "Arial", sans-serif; font-size: 18px; font-weight: 700; } .special-content table tr:nth-child(odd) { background-color:#f1f1f1; } .special-content-2 table tr:nth-child(odd) { } sup, sub { vertical-align: baseline; position: relative; top: -0.5em; font-size: 0.85em; } sub { top: 0.5em; } strong { font-weight: bold; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } .border-blue { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDc4MjY4MjEzNTkxMTFFMzhBMURBMkJDQzE3Mzc3MEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDc4MjY4MjIzNTkxMTFFMzhBMURBMkJDQzE3Mzc3MEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NzgyNjgxRjM1OTExMUUzOEExREEyQkNDMTczNzcwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NzgyNjgyMDM1OTExMUUzOEExREEyQkNDMTczNzcwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrXURUUAAAAUSURBVHjaYmDYdfs/EDCAMECAAQA3cgiPBBPd4QAAAABJRU5ErkJggg==); background-repeat: repeat-x; background-position: 0 100%; } .border-gray, .calendar_month .calendar__item:hover SPAN, .btn-more SPAN, .btn-to-top SPAN, .btn-back SPAN { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTRENEM2QjkzNUE0MTFFMzk1MEFEMTdCNzA5QzNCNDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTRENEM2QkEzNUE0MTFFMzk1MEFEMTdCNzA5QzNCNDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NEQ0QzZCNzM1QTQxMUUzOTUwQUQxN0I3MDlDM0I0MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NEQ0QzZCODM1QTQxMUUzOTUwQUQxN0I3MDlDM0I0MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtPsq4sAAAAUSURBVHjaYpg+e+5/IGAAYYAAAwA6xQjJRf4qmwAAAABJRU5ErkJggg==); background-repeat: repeat-x; background-position: 0 100%; } @font-face { font-family: "myriadpro-light-webfont"; src: url("/bitrix/templates/.default/css/../fonts/myriadpro-light-webfont.eot"); src: url("/bitrix/templates/.default/css/../fonts/myriadpro-light-webfont.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/.default/css/../fonts/myriadpro-light-webfont.ttf") format("truetype"), url("/bitrix/templates/.default/css/../fonts/myriadpro-light-webfont.woff") format("woff"), url("/bitrix/templates/.default/css/../fonts/myriadpro-light-webfont.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "myriadPro-regular-webfont"; src: url("/bitrix/templates/.default/css/../fonts/myriadPro-regular-webfont.eot"); src: url("/bitrix/templates/.default/css/../fonts/myriadPro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/.default/css/../fonts/myriadPro-regular-webfont.ttf") format("truetype"), url("/bitrix/templates/.default/css/../fonts/myriadPro-regular-webfont.woff") format("woff"), url("/bitrix/templates/.default/css/../fonts/myriadPro-regular-webfont.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "myriadpro-bold-webfont"; src: url("/bitrix/templates/.default/css/../fonts/myriadpro-bold-webfont.eot"); src: url("/bitrix/templates/.default/css/../fonts/myriadpro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/.default/css/../fonts/myriadpro-bold-webfont.ttf") format("truetype"), url("/bitrix/templates/.default/css/../fonts/myriadpro-bold-webfont.woff") format("woff"), url("/bitrix/templates/.default/css/../fonts/myriadpro-bold-webfont.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "myriadpro-semibold-webfont"; src: url("/bitrix/templates/.default/css/../fonts/myriadpro-semibold-webfont.eot"); src: url("/bitrix/templates/.default/css/../fonts/myriadpro-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/.default/css/../fonts/myriadpro-semibold-webfont.ttf") format("truetype"), url("/bitrix/templates/.default/css/../fonts/myriadpro-semibold-webfont.woff") format("woff"), url("/bitrix/templates/.default/css/../fonts/myriadpro-semibold-webfont.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "myriadpro-it-webfont"; src: url("/bitrix/templates/.default/css/../fonts/myriadpro-it-webfont.eot"); src: url("/bitrix/templates/.default/css/../fonts/myriadpro-it-webfont.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/.default/css/../fonts/myriadpro-it-webfont.ttf") format("truetype"), url("/bitrix/templates/.default/css/../fonts/myriadpro-it-webfont.woff") format("woff"), url("/bitrix/templates/.default/css/../fonts/myriadpro-it-webfont.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } /* Grid */ /* TKFIX */ .bl-fix-left { min-width: 235px; } .bl-fix-right, .side-bar_right { /* width: 23.84%; */ width: 15.84%; margin-right: 4.5%; } .bl-fix-aside, .side-bar__i { /* width: 265px; */ width: 215px; } .bl-fluid-left, .page-content_left { /* width: 65%; */ width: 73%; margin-right: 6.66%; } /* Styles for modernizr */ .no-rgba .brunch-list__item__i, .no-rgba .blue-bl { background: url(/bitrix/templates/.default/css/../images/ie-bg-blue.png) 0 0; } .no-rgba .date_inner { border: #838383; background: #474d57; } .no-rgba .g-search-block:hover, .no-rgba .g-search-block.focused { background: url(/bitrix/templates/.default/css/../images/ie-bg-black.png) 0 0; } .no-rgba .category-filter__item { background: url(/bitrix/templates/.default/css/../images/ie-bg-gray.png) 0 0; } .no-rgba .category-filter__item:hover { background: url(/bitrix/templates/.default/css/../images/ie-bg-gray.png) 0 0; } .no-rgba .date_inner { border-color: #aaabab; } .no-rgba .fancybox-overlay { background: url(/bitrix/templates/.default/css/../images/ie-bg-gray.png) 0 0; } .no-cssgradients .person-quot_left { background: #375362; background-image: none; } .no-cssgradients .g-btn:hover { background: #679200; } .no-backgroundsize .index .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg1.jpg) repeat 50% 0; } .no-backgroundsize .bg1 .top-page { background: url("/bitrix/templates/.default/css/../images/bg/bg1.jpg") repeat 50% 0; } .no-backgroundsize .bg2 .top-page { background: url("/bitrix/templates/.default/css/../images/bg/bg2.jpg") repeat 50% 0; } .no-backgroundsize .bg3 .top-page { background: url("/bitrix/templates/.default/css/../images/bg/bg3.jpg") repeat 50% 0; } .no-backgroundsize .bg4 .top-page { background: url("/bitrix/templates/.default/css/../images/bg/bg4.jpg") repeat 50% 0; } .no-backgroundsize .bg5 .top-page { background: url("/bitrix/templates/.default/css/../images/bg/bg5.jpg") repeat 50% 0; } .no-backgroundsize .bg6 .top-page { background: url("/bitrix/templates/.default/css/../images/bg/bg6.jpg") repeat 50% 0; } .no-backgroundsize .bg7 .top-page { background: url("/bitrix/templates/.default/css/../images/bg/bg7.jpg") repeat 50% 0; } .no-backgroundsize .bg8 .top-page { background: url("/bitrix/templates/.default/css/../images/bg/bg8.jpg") repeat 50% 0; } .no-backgroundsize .bg9 .top-page { background: url("/bitrix/templates/.default/css/../images/bg/bg9.jpg") repeat 50% 0; } .no-backgroundsize .bg10 .top-page { background: url("/bitrix/templates/.default/css/../images/bg/bg10.jpg") repeat 50% 0; } .no-backgroundsize .bg11 .top-page { background: url("/bitrix/templates/.default/css/../images/bg/bg11.jpg") repeat 50% 0; } .no-backgroundsize .bg12 .top-page { background: url("/bitrix/templates/.default/css/../images/bg/bg12.jpg") repeat 50% 0; } .no-backgroundsize .bg13 .top-page { background: url("/bitrix/templates/.default/css/../images/bg/bg13.jpg") repeat 50% 0; } .no-backgroundsize .bg14 .top-page { background: url("/bitrix/templates/.default/css/../images/bg/bg14.jpg") repeat 50% 0; } .no-backgroundsize .bg15 .top-page { background: url("/bitrix/templates/.default/css/../images/bg/bg15.jpg") repeat 50% 0; } .ie7 .g-pagination__prev, .ie7 .g-pagination__next, .ie7 .map-list__section, .ie7 .items-list .article-item, .ie7 .g-checkbox, .ie7 .g-btn, .ie7 .g-btn_cart .icon, .ie7 .btn-to-top, .ie7 .btn-back, .ie7 .date, .ie7 .link-emph, .ie7 .rss, .ie7 .subscription, .ie7 .brunch-list__item__icon .icon, .ie7 .brunch-list__item__i, .ie7 .pagination LI, .ie7 .slider_clients .slider__item__i { zoom: 1; *display: inline; } .ie7 .business-list__item__i { padding-top: 30px; } .ie7 .sub-menu { margin-bottom: 20px; } .ie7 .category-filter { margin-top: -38px; } .ie7 .products-table TD { border-bottom: 1px solid #f2f2f2; } .ie7 .brunch-menu__i { overflow: hidden; zoom: 1; margin-top: -101px; padding-bottom: 1px; } .ie7 .brunch-menu__item { position: static; display: block; float: left; width: 107px; } .ie7 .characters-list__item { display: block; width: 130px; height: 185px; padding: 0; } .ie7 .rate-options .cols__i { width: 49%; } .ie7 .rate-price__i { border-bottom: 1px solid #989898; } .ie7 .rate-promo .cols__i { width: 49%; } .ie7 .form__i { zoom: 1; vertical-align: middle; } .ie7 .form__i .agreement { zoom: 1; } .ie7 .explanation_small { zoom: 1; display: inline; color: black; } .ie7 .captcha { zoom: 1; } .ie7 .captcha INPUT { zoom: 1; } .ie7 .form__i INPUT[type=text], .ie8 .form__i INPUT[type=text] { height: 25px; padding-top: 5px; } .ie7 .form__i INPUT[type=checkbox], .ie8 .form__i INPUT[type=checkbox] { background: none; } .icons-sprite, .icon_1, .icon_2, .icon_3, .icon_4, .icon_5, .icon_6, .icon_7, .icon_8, .brunch-menu__item.current .icon_1, .brunch-menu__item h3:hover .icon_1, .brunch-list__item.current .icon_1, .brunch-menu__item.current .icon_2, .brunch-menu__item h3:hover .icon_2, .brunch-list__item.current .icon_2, .brunch-menu__item.current .icon_3, .brunch-menu__item h3:hover .icon_3, .brunch-list__item.current .icon_3, .brunch-menu__item.current .icon_4, .brunch-menu__item h3:hover .icon_4, .brunch-list__item.current .icon_4, .brunch-menu__item.current .icon_5, .brunch-menu__item h3:hover .icon_5, .brunch-list__item.current .icon_5, .brunch-menu__item.current .icon_6, .brunch-menu__item h3:hover .icon_6, .brunch-list__item.current .icon_6, .brunch-menu__item.current .icon_7, .brunch-menu__item h3:hover .icon_7, .brunch-list__item.current .icon_7, .brunch-menu__item.current .icon_8, .brunch-menu__item h3:hover .icon_8, .brunch-list__item.current .icon_8 { background: url("/bitrix/templates/.default/css/../images/icons-s4c89ecae67.png") no-repeat; } .elements-sprite, .icon_search, .g-search-block INPUT[type=submit], .icon_doc, .icon_pdf, .icon_download, .fancybox-title-inside-wrap A:before, .icon_to-top, .icon_back, .icon_mail, .icon_rss, .icon_print, .print-btn, .icon_phone, .icon_check, .icon_checked, .g-checkbox_category.checked .icon, .icon_ring, .icon_task, .current .icon_ring, .current .icon_task, .icon_list, .user-generated LI:before, .icon_quotation, .quotation__content:before, .icon_prev, .icon_next, .icon_more, .more-info SPAN:after, .icon_up, .icon_up-w, .icon_marker, .icon_offer, .rate-options H4:before, .icon_restrict, .icon_cart, .icon_cart-h, .g-btn_cart:hover .icon, .icon_close, .fancybox-close, .arrow_bottom-w, .arrow_top-w, .arrow_pagination, .g-breadcrumbs A:after, .arrow_left-b, .prev, .fancybox-prev SPAN, .arrow_right-b, .next, .fancybox-next SPAN, .article-item__img.video:after, .success .success-right, .success .success-left, .link-emph:after { background: url("/bitrix/templates/.default/css/../images/elements-s26b402597f.png") no-repeat; } .project-sprite, .icon_character-1, .icon_character-2, .icon_character-3, .icon_character-4, .icon_character-5, .icon_character-6, .icon_character-7, .icon_character-8 { background: url("/bitrix/templates/.default/css/../images/project-sde031c7835.png") no-repeat; } .inner-col-content LI { position: relative; min-height: 25px; margin-bottom: 17px; padding: 1px 0 0 36px; font-family: "myriadpro-it-webfont", "Myriad Pro", Arial, sans-serif; font-size: 18px; line-height: 20px; color: #797979; } .inner-col-content LI:before { background: url("/bitrix/templates/.default/css/../images/elements-s26b402597f.png") no-repeat; content: " "; display: block; position: absolute; top: 0; left: 0; background-position: 0px -728px; height: 25px; width: 25px; } /* Icons */ .icon { display: block; } .icon_search, .g-search-block INPUT[type=submit] { width: 23px; height: 30px; background-position: 0 -558px; } .icon_doc { width: 30px; height: 30px; background-position: 0 -32px; } .icon_pdf { width: 30px; height: 30px; background-position: 0 -65px; } .icon_download, .fancybox-title-inside-wrap A:before { width: 25px; height: 25px; background-position: 0 -998px; } .icon_to-top { width: 25px; height: 25px; background-position: 0 -866px; } .icon_back { width: 25px; height: 25px; background-position: 0 -675px; } .icon_mail { width: 16px; height: 12px; background-position: 0 -796px; } .icon_rss { width: 18px; height: 18px; background-position: 0 -435px; } .icon_print, .print-btn { background-position: 0 -983px; } .icon_phone { width: 31px; height: 31px; background-position: 0 -527px; } .icon_check { width: 10px; height: 9px; background-position: 0 -974px; } .icon_checked, .g-checkbox_category.checked .icon { background-position: 0 -940px; } .icon_ring { width: 32px; height: 32px; background-position: 0 -609px; } .icon_task { width: 32px; height: 32px; background-position: 0 -473px; } .current .icon_ring { background-position: 0 0; } .current .icon_task { background-position: 0 -370px; } .icon_list, .user-generated LI:before { width: 25px; height: 25px; background-position: 0 -728px; } .icon_quotation, .quotation__content:before { width: 29px; height: 31px; background-position: 0 -402px; } .icon_prev { background-position: 0 -841px; } .icon_next { background-position: 0 -816px; } .icon_more, .more-info SPAN:after { width: 27px; height: 8px; background-position: 0 -666px; } .icon_up, .more-info .link-emph.opened SPAN:after, .rate-comparison__section__title.opened .icon_more, .rate-comparison__section__title.opened .more-info SPAN:after, .more-info .rate-comparison__section__title.opened SPAN:after, .toggle-section__title_plain.opened .icon_more, .toggle-section__title_plain.opened .more-info SPAN:after, .more-info .toggle-section__title_plain.opened SPAN:after { background-position: 0 -808px; } .icon_up-w, .toggle-section__title.opened .icon_more, .toggle-section__title.opened .more-info SPAN:after, .more-info .toggle-section__title.opened SPAN:after { background-position: 0 -917px; } .icon_marker, .user-generated .list LI:before { background-position: 0 -641px; } .icon_offer, .rate-options H4:before { background-position: 0 -904px; } .icon_restrict, .rate-options .restrictions H4:before { background-position: 0 -891px; } .icon_cart { width: 16px; height: 15px; background-position: 0 -781px; } .icon_cart-h, .g-btn_cart:hover .icon { background-position: 0 -925px; } .icon_close, .fancybox-close { background-position: 0 -588px; } .icon_1 { background-position: 0 -294px; } .icon_2 { background-position: 0 -462px; } .icon_3 { background-position: 0 -84px; } .icon_4 { background-position: 0 -252px; } .icon_5 { background-position: 0 -630px; } .icon_6 { background-position: 0 -42px; } .icon_7 { background-position: 0 -420px; } .icon_8 { background-position: 0 -546px; } .icon_character-1 { background-position: 0 -654px; } .icon_character-2 { background-position: 0 0; } .icon_character-3 { background-position: 0 -109px; } .icon_character-4 { background-position: 0 -436px; } .icon_character-5 { background-position: 0 -763px; } .icon_character-6 { background-position: 0 -218px; } .icon_character-7 { background-position: 0 -327px; } .icon_character-8 { background-position: 0 -545px; } .brunch-menu__item.current .icon_1, .brunch-menu__item h3:hover .icon_1, .brunch-list__item.current .icon_1 { background-position: 0 -210px; } .brunch-menu__item.current .icon_2, .brunch-menu__item h3:hover .icon_2, .brunch-list__item.current .icon_2 { background-position: 0 -336px; } .brunch-menu__item.current .icon_3, .brunch-menu__item h3:hover .icon_3, .brunch-list__item.current .icon_3 { background-position: 0 -126px; } .brunch-menu__item.current .icon_4, .brunch-menu__item h3:hover .icon_4, .brunch-list__item.current .icon_4 { background-position: 0 -168px; } .brunch-menu__item.current .icon_5, .brunch-menu__item h3:hover .icon_5, .brunch-list__item.current .icon_5 { background-position: 0 -588px; } .brunch-menu__item.current .icon_6, .brunch-menu__item h3:hover .icon_6, .brunch-list__item.current .icon_6 { background-position: 0 0; } .brunch-menu__item.current .icon_7, .brunch-menu__item h3:hover .icon_7, .brunch-list__item.current .icon_7 { background-position: 0 -378px; } .brunch-menu__item.current .icon_8, .brunch-menu__item h3:hover .icon_8, .brunch-list__item.current .icon_8 { background-position: 0 -504px; } /* Arrows */ .arrow { display: block; } .arrow_bottom-w, .arrow_top-w { width: 69px; height: 20px; } .arrow_bottom-w { background-position: 0 -452px; } .arrow_top-w { background-position: 0 -505px; } .arrow_pagination, .g-breadcrumbs A:after { background-position: 0 -1023px; } .arrow_left-b, .prev, .fancybox-prev SPAN { width: 9px; height: 28px; background-position: 0 -700px; } .arrow_right-b, .next, .fancybox-next SPAN { width: 9px; height: 28px; background-position: 0 -753px; } /* Index gallery */ .inner-slider { position: relative; width: 560px; margin: 30px auto 0; } .inner-slider .slides_container { width: 560px; height: 390px; } .inner-slider .inner-slider__item { display: block; width: 560px; height: 390px; text-align: center; } .inner-slider .inner-slider__item img { height: 390px; } .inner-slider .prev, .inner-slider .next { top: 180px; } .inner-slider .prev { left: -22px; } .inner-slider .next { right: -22px; } .inner-slider .pagination { bottom: 20px; right: 20px; } .inner-slider .pagination LI { min-height: 5px; margin: 6px; padding: 0; } .inner-slider .pagination LI:before { display: none; } .inner-slider.hidden .pagination { display: none; } .slider_clients { position: relative; width: 447px; margin-top: 50px; } .slider_clients .slider__item { width: 447px; height: 60px; } .slider_clients .slider__item__i { display: inline-block; width: 24%; } .slider_clients .prev, .slider_clients .next { top: 3px; } .slider_clients .next { right: -11px; } .slider_clients .prev { left: -28px; } .slider_clients .pagination { padding: 0; } .slider_clients .pagination LI { margin: 0 5px; } /* Slider controls */ .prev, .next { display: block; position: absolute; text-indent: -9999px; cursor: pointer; } .pagination { padding: 14px 30px; z-index: 20; text-align: center; } .pagination LI { display: inline-block; min-height: 5px; margin-right: 6px; padding: 0; border-radius: 7px; background: #bed7df; } .pagination LI:hover { background: #5798ad; } .pagination LI.current { position: relative; top: -1px; background: #277b96; } .pagination LI.current A { width: 7px; height: 7px; } .pagination LI:before { display: none; } .pagination A { width: 5px; height: 5px; display: block; text-indent: -9999px; border-radius: 7px; } /* Slider with matched items */ .match-slider { position: relative; padding-bottom: 30px; } .match-slider .items-list .article-item { margin-bottom: 0; } .match-slider__item { margin: 0 0 20px 0; } .match-slider-controls { position: absolute; bottom: -15px; left: 0; right: 0; padding: 0; text-align: center; } .match-slider-controls .prev, .match-slider-controls .next { position: static; display: inline-block !important; vertical-align: top; } .pagination_match { padding: 11px 10px 0 20px; display: inline-block !important; vertical-align: top; } .pagination_match A { display: inline-block; min-height: 5px; width: 5px; height: 5px; margin-right: 10px; padding: 0; border-radius: 7px; border-radius: 7px; text-indent: -9999px; background: #bed7df; } .pagination_match A:hover { background: #5798ad; } .pagination_match A.selected { position: relative; top: -1px; background: #277b96; width: 7px; height: 7px; } /* Fancybox */ .fancybox-close:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } /* Global styles */ BODY { font: 15px/23px "myriadpro-regular-webfont", sans-serif; color: #474747; } INPUT, TEXTAREA { outline: none; font-family: "myriadPro-regular-webfont", "Myriad Pro", Arial, sans-serif; } A { color: #01badb; -webkit-transition: all ease; -webkit-transition-delay: 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } A:hover { color: #44e2fe; } P { margin-bottom: 25px; font-size: 16px; line-height: 24px; } /* Header */ .header-wrapper { width: 100%; min-height: 140px; background-color: transparent; padding: 15px 0 5px 0; } .header-wrapper &gt; HEADER, .ms-container { padding: 0 2%; } .header-wrapper &gt; HEADER, .index__intro .ms-container{ max-width: 1400px; margin: 0 auto; } .static-page-header { /*background-color: #0a2d36; */ position: absolute; z-index: 50; } .static-page-header ~ .top-page { padding-top: 150px; } HEADER { position: relative; max-width: 1400px; height: 90px; z-index: 1; margin: 0 auto; } .old-header { margin-top: 10px; } .old-header .header__phone { margin-left: 0; width: 18%; } .old-header-intro-btn { padding-left: 40px; position: absolute; bottom: 25px; } /*.header__logo, .header__nav, .header__phone, .header__search { position: absolute; } */ .header__logo { top: 15px; left: 0; overflow: hidden; zoom: 1; width: 25%; float: left; } .header__logo img{ max-width: 100% } .header__logo__img { display: block; } .header__nav { top: 38px; left: 29%; width: 47%; min-width: 670px; } .header__nav A { margin: 0 9px 0 0; font-size: 15px; line-height: 15px; text-transform: uppercase; text-decoration: none; white-space: nowrap; color: #fff; } .header__nav A:hover { text-decoration: underline; } .header__nav A.current { color: white; } .header__phone { float: right; width: 21%; margin-left: 5%; } .header__search { z-index: 2; width: 30%; float: right; position: relative; } header .header__menu { /*width: 69%; */ float: left; margin-top: 20px; } .header__phone__number { display: block; } .header__phone__number SPAN { font-family: "myriadpro-light-webfont", "Myriad Pro", Arial, sans-serif; } .slider-pro { position: relative; margin: 0 auto; -moz-box-sizing: content-box; box-sizing: content-box; } .sp-slides-container { position: relative; } .sp-mask { position: relative; overflow: hidden; } .sp-slides { position: relative; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } .sp-slide { position: absolute; } .sp-image-container { overflow: hidden; } .sp-image { position: relative; display: block; border: none; } .sp-no-js { overflow: hidden; max-width: 100%; } /* Footer */ FOOTER { position: relative; z-index: 10; padding: 0 2%; background: #223640; } .footer__i { /*min-width: 984px; */ max-width: 1400px; margin: 0 auto; padding: 40px 0; } .footer__nav { margin-bottom: 50px; } .footer__nav__i { overflow: hidden; zoom: 1; } .footer__nav__section { float: left; width: 15.37%; padding-right: 1%; } .footer__nav__section.last { width: 13.13%; padding: 0; } .footer__nav__section__title { margin-bottom: 25px; font-family: "myriadPro-regular-webfont", "Myriad Pro", Arial, sans-serif; font-size: 16px; line-height: 22px; text-transform: uppercase; color: white; } .footer__nav__item { margin-bottom: 7px; font-size: 13px; line-height: 15px; } .footer__nav__item A { text-decoration: none; font-size: 13px; line-height: 15px; } .footer__info { overflow: hidden; zoom: 1; padding: 17px 17px 12px; border: 1px solid #68767d; color: white; } .footer__info__copy { float: left; width: 35%; } .footer__info__copy__i { font-size: 14px; line-height: 14px; } .footer__info__copy__i P { margin-bottom: 0; color: white; } .footer__info__copy__i P:first-child { margin-bottom: 25px; font-size: 14px; line-height: 24px; } .footer__info__copy__i .defa { text-decoration: none; color: white; } .footer__info__copy__i .defa img { position: relative; top: 9px; left: 9px; } .footer__info__contacts { position: relative; float: right; width: 65%; } .footer__phone, .footer__address, .footer__search, .footer__map { position: absolute; } .footer__phone { top: 53px; right: 72px; } .footer__map { top: 0; right: 0; font-size: 14px; line-height: 14px; text-transform: uppercase; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .footer__map A { color: white; } .footer__map:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .footer__search { top: 42px; right: 0; } .footer__address { top: 75px; right: 250px; width: 370px; font-family: "myriadpro-regular-webfont", "Myriad Pro", Arial, sans-serif; font-size: 18px; line-height: 18px; } /* Inner navigation */ .inner-nav { padding-left: 0px; } .inner-nav p { font-size: 14px; line-height: 22px; } .inner-nav__item { margin-bottom: 15px; padding: 0 0 0 9px; border: 2px solid transparent; /*-webkit-transition: border 0.3s ease; -moz-transition: border 0.3s ease; -o-transition: border 0.3s ease; transition: border 0.3s ease; */ } .inner-nav__item A { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; font-size: 20px; line-height: 25px; } .inner-nav__item SPAN { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .inner-nav__item.current { /*padding: 11px 9px 7px; margin-bottom: 7px; */ display: inline-block; border-color: black; } .inner-nav__item.current A { cursor: default; /*padding: 0; */ font-size: 20px; line-height: 25px; color: black; } .inner-nav__item.current A:after { display: none; } .inner-nav__item.current A:hover SPAN { border: none; } .inner-nav__item.current SPAN { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; border-bottom-color: transparent; } .inner-nav_fixed { position: absolute; top: 0; left: 0; width: 190px; /*z-index: 10; */ } .inner-nav__i { max-width: 115%; width: 250px; position: relative; /*-webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; -o-transition: top 0.3s ease; transition: top 0.3s ease; */ } /* Top page block */ .top-page { overflow: hidden; zoom: 1; padding: 0 2%; } .top-page__i { /*min-width: 984px; */ max-width: 1400px; margin: 0 auto; padding-bottom: 1px; } .top-page__ii { padding: 23px 30px 27px 30px; margin: 30px 0 0; } /* Layout */ BODY { /*background: #223640; */} .g-page { /*min-width: 1024px; */ background: white; } .g-content { padding-top: 70px; } .g-content__i { /*min-width: 984px; */ max-width: 1400px; margin: 0 auto; padding: 0 2% 45px; position: relative; } .g-content-fluid { padding-bottom: 15px; } .error-page .top-page { background: url(/upload/404.jpg) no-repeat 0 0; } .index .top-page { position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .index .top-page .arrow { position: absolute; bottom: 10px; left: 50%; margin-left: -35px; } .index .top-page .arrow:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .index .top-page__i { position: relative; } .events .top-page__ii { margin-bottom: 0; } .events .sub-menu { margin-bottom: 123px; } .projects .top-page__ii { margin-bottom: 0; } .projects .sub-menu { margin-bottom: 145px; } .prop_project .sub-menu { margin-bottom: 50px; } .products .top-page__ii { margin-bottom: 80px; } .inner-nop .content-header { padding: 0 0 10px; margin: 0; } .inner-nop .section-title { margin-top: 0; } .inner-nop .inner-nav_fixed { margin-top: 0; } /*.page-content_left { margin-top: -20px; padding-top: 20px; } */ .page-content__i { position: relative; padding-left: 33%; } .page-content__i_full { padding-left: 22%; } .side-bar_padded { padding-top: 51px; } .side-bar__i { float: right; } .inner-col-content { width: 74%; margin-right: 5%; } .inner-col-content.content-2 { width: 100%; padding: 0; } .inner-col-content.content-2 .more-info__content { padding: 30px 0; } .inner-col-sidebar { width: 21%; padding-top: 65px; } /*.padded { padding-top: 70px; } */ .bg1 .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg1.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg2 .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg2.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg3 .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg3.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg4 .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg4.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg5 .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg5.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg6 .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg6.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg7 .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg7.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg8 .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg8.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg9 .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg9.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg10 .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg10.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg11 .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg11.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg12 .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg12.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg13 .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg13.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg14 .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg14.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg15 .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg15.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg16 .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg16.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg17 .top-page { background: url(/bitrix/templates/.default/css/../images/bg/bg17.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* Styles for index page */ /* Sorted projects */ .sorted-projects { position: relative; padding-top: 35px; } .sorted-projects__all { position: absolute; top: 70px; right: 0; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; text-transform: uppercase; white-space: nowrap; z-index: 3; } .brunch-list { overflow: hidden; zoom: 1; position: relative; margin-bottom: 22px; padding-left: 126px; } .brunch-list__item { float: left; width: 16.66%; text-align: right; } .brunch-list__item.current .brunch-list__item__i { background: white; } .brunch-list__item.current .brunch-list__item__title { color: #17363c; } .brunch-list__item.current:hover .brunch-list__item__i { background: white; } .brunch-list__item:hover .brunch-list__item__i { background: #072331; } .brunch-list__item:first-child { position: absolute; top: 0; left: 0; width: 126px; } .brunch-list__item__i { display: inline-block; width: 120px; height: 120px; text-align: center; text-decoration: none; } .brunch-list__item__icon { width: 120px; padding: 24px 0 9px; vertical-align: middle; } .brunch-list__item__icon .icon { display: inline-block; width: 51px; height: 42px; } .brunch-list__item__title { font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 12px; line-height: 15px; text-align: center; text-transform: uppercase; color: white; } /* Chosen project */ .project-view { overflow: hidden; zoom: 1; padding: 25px 30px 23px; margin: 30px 0 80px; color: white; height: 265px; position: relative; } .project-view__title { color: #2ae8ff; font-size: 36px; line-height: 38px; margin-bottom: 5px; } .project-view__title a{ text-decoration: none; } .project-view__info { float: left; width: 65%; margin-right: 4%; padding-left: 40px; max-height: 220px; overflow: hidden; } .project-view__descr { margin: 0 0 20px; font-family: "myriadpro-light-webfont", "Myriad Pro", Arial, sans-serif; font-size: 24px; line-height: 24px; } .project-view__text { font-size: 17px; line-height: 24px; } .project-view__company { float: left; width: 26%; padding-top: 9px; } .project-view__company__logo { overflow: hidden; zoom: 1; margin-bottom: 18px; display: none; } .project-view__company__logo__img { float: left; padding-right: 15px; } .project-view__company__logo__descr { overflow: hidden; zoom: 1; font-size: 14px; line-height: 16px; } .project-view__company__logo__descr SPAN { display: table-cell; height: 44px; vertical-align: middle; } .project-view__company__more SPAN { display: block; font-size: 14px; line-height: 14px; margin-bottom: 20px; } .project-preview-list, .project-preview-list-1 { overflow: hidden; zoom: 1; width: 260px; } .project-preview-list__item { float: left; width: 33.3%; text-align: center; } .project-preview-list__item__i { display: table-cell; width: 110px; height: 40px; vertical-align: middle; } /* Business strategies list */ .business-list { position: relative; } .business-list__i { position: relative; height: 300px; margin: 0 auto; display: none; } .business-list__item { position: absolute; top: 110px; width: 120px; height: 109px; padding-left: 9px; background: url(/bitrix/templates/.default/css/../images/main.png) no-repeat -133px 0; cursor: pointer; } .business-list__item.current { background: url(/bitrix/templates/.default/css/../images/main.png) no-repeat 0 0; } .business-list__item.current .business-list__item__i { color: #18363b; } .business-list__item.current:hover { background: url(/bitrix/templates/.default/css/../images/main.png) no-repeat 0 0; } .business-list__item:hover { background: url(/bitrix/templates/.default/css/../images/main.png) no-repeat -264px 0; } .business-list__item.linked:before { content: ""; position: absolute; top: -110px; left: 50%; width: 3px; height: 110px; background: white; } .business-list__item.top { top: 50px; } .business-list__item.top.linked:before { height: 50px; top: -50px; } .business-list__item__i { display: table-cell; width: 105px; height: 110px; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 10px; line-height: 16px; text-transform: uppercase; text-align: center; vertical-align: middle; color: white; word-wrap: break-word; } .business-list__item_1:before, .business-list__item_2:before, .business-list__item_3:before, .business-list__item_4:before, .business-list__item_7:before { display: block; } .business-list__item_1 { left: 0%; } .business-list__item_2 { left: 9.1%; } .business-list__item_3 { left: 18.2%; } .business-list__item_4 { left: 27.3%; } .business-list__item_5 { left: 36.4%; } .business-list__item_6 { left: 45.5%; } .business-list__item_7 { left: 54.6%; } .business-list__item_8 { left: 63.7%; } .business-list__item_9 { left: 72.8%; } .business-list__item_10 { left: 81.9%; } .business-list__item_11 { left: 91%; } .index-about { overflow: hidden; zoom: 1; padding-top: 18px; } .index-section-important { position: relative; top: -13px; font-size: 18px; line-height: 18px; color: #919191; } .index-about__text { float: left; width: 300px; margin-bottom: 15px; font: 14px/17px Tahoma, Arial, Helvetica, sans-serif; } .index-about__text P { font: 14px/17px Tahoma, Arial, Helvetica, sans-serif; } .index-about__quot { position: relative; top: -26px; float: right; } .index-about__quot .person-quot__content { float: right; width: 50%; } /* Grid .bl-fix-left { min-width: 235px; } .bl-fix-right, .side-bar_right { width: 23.84%; margin-right: 4.5%; } .bl-fix-aside, .side-bar__i { width: 265px; } .bl-fluid-left, .page-content_left { width: 65%; margin-right: 6.66%; } */ /* REUSABLE BLOCKS */ /* Cols */ .g-cols { overflow: hidden; zoom: 1; } .index .g-cols.g-cols_padd.index-brunch-wrapper{display:none;} .cols__i { float: left; } /*.g-cols_padd { padding-top: 45px; } */ /* Styled blocks */ .blue-bl { border: 3px solid white; background: rgba(7, 35, 49, 0.6); } .section { margin-bottom: 30px; } .section .title { margin-bottom: 15px; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 18px; line-height: 21px; text-transform: uppercase; color: #94c400; } .section .content { font-size: 14px; line-height: 20px; color: #919191; } .additional-info { padding: 20px 20px 15px; border: 2px solid #d0d0d0; } /* Common list with .article-items */ .items-list .article-item { display: inline-block; /* margin: 0 30px 50px 0; */ margin: 0 20px 50px 0; vertical-align: top; } .items-list .article-item_project { margin: 0 46px 50px 0; } @media only screen and (min-width: 900px) and (max-width: 1279px) { .items-list .article-item_project { margin: 0 85px 50px 0; } .items-list .article-item_project:nth-of-type(3n+3) { margin: 0 0px 50px 0; } } @media only screen and (min-width: 1280px) { .items-list .article-item_project { margin: 0 45px 50px 0; } .items-list .article-item_project:nth-of-type(4n+4) { margin: 0 0px 50px 0; } } /* News, article, content item */ .article-item { width: 265px; } .article-item P { font-size: 14px; line-height: 20px; } .article-item__head { margin-bottom: 20px; } .article-item__img { margin-bottom: 15px; } .article-item__img IMG { max-width: 100%; vertical-align: middle; } .article-item__img.video { position: relative; } .article-item__img.video:after { content: ""; display: block; position: absolute; top: 50px; left: 100px; width: 45px; height: 45px; background-position: 0 -325px; } .article-item__title { margin-bottom: 20px; } .article-item__title A { font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 18px; line-height: 24px; } .article-item__author SPAN { display: block; } .article-item__tags { margin-top: 15px; } .article-item_project { margin: 0 46px 10px 0; } .article-item_project .article-item__img { margin-bottom: 6px; padding: 2px 0; border-top: 2px solid #277b96; border-bottom: 2px solid #277b96; } .article-item_project .article-item__title A { font-size: 16px; line-height: 17px; } .article-item_project .article-item_client { height:50px; } .article-item_project .company-title { margin: 2px 0 15px; font-family: "myriadPro-regular-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 14px; text-transform: uppercase; color: #277b96; height: 25px; } .article-item_project.mod { margin: 0 46px 20px 0; } .article-item_project.mod .company-title { color: black; padding-bottom: 3px; margin-bottom: 16px; border-bottom: 2px solid black; } .article-item_project.mod .article-item__title A { font-size: 18px; line-height: 24px; } .article-item_section { width: 47%; } .article-item_section .video iframe { width: 100%; height: 300px; } .article-item_section .article-item__img { margin-bottom: 19px; } .article-item_section .article-item__title { margin-bottom: 8px; font-size: 21px; line-height: 21px; } .article-item_section .article-item__title A { font-size: 21px; line-height: 28px; } .article-item_section P { margin-bottom: 8px; } .article-item_section.last { margin-right: 0; } .article-item_expert .article-item__img { margin-bottom: 6px; } .article-item_expert .article-item__author { display: block; margin-bottom: 6px; font-size: 14px; line-height: 17px; color: #999999; } .article-item_expert .article-item__title { margin-bottom: 8px; } .article-item_expert .article-item__title A { font-size: 21px; line-height: 28px; text-decoration: none; } /* Preview item */ .preview-item { margin-bottom: 30px; } .preview-item P { font-size: 14px; line-height: 20px; } .preview-item .details-head { margin-bottom: 7px; margin-bottom: 7px; } .preview-item__title { font-size: 14px; line-height: 20px; text-transform: none; } /* Sub menu on page top */ .sub-menu { padding: 0 0 0; overflow: hidden; zoom: 1; margin-bottom: 50px; } .sub-menu__item { float: left; margin: 20px 30px 0 0; border: 2px solid white; -webkit-transition: background ease; -webkit-transition-delay: 0.3s; -moz-transition: background ease 0.3s; -o-transition: background ease 0.3s; transition: background ease 0.3s; } .sub-menu__item A { display: block; padding: 15px 14px; color: white; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 14px; text-transform: uppercase; text-decoration: none; } .sub-menu__item.current { position: relative; background: white; } .sub-menu__item.current A { color: #181818; } .sub-menu__item.current:after { content: ""; display: block; position: absolute; top: -23px; left: 50%; width: 3px; height: 21px; margin-left: -2px; background: white; } .sub-menu__item.current:hover { background: white; } .sub-menu__item:hover { background: #072331; } /* Header on content page */ .content-header { overflow: hidden; zoom: 1; margin-bottom: 15px; padding: 17px 0 10px; } .content-header .date { border: none; } .content-header_bordered { padding: 17px 0 1px; border-bottom: 2px solid black; } .content-header_calendar { margin-bottom: 20px; border-bottom: 1px solid #e0e1e1; } /* Footer on content page */ .content-footer { margin: 20px 0 0; } .content-footer_controls { overflow: hidden; zoom: 1; clear: both; position: absolute; bottom: 5px; right: 2%; display: block; width: 100%; } .content-footer_controls .btn-to-top, .content-footer_controls .btn-back { float: right; } .content-footer_controls .btn-back { float: left; } /* Additional info in an accordeon */ .more-info { margin-bottom: 50px; text-align: center; } .more-info .link-emph:after { display: none; } .more-info A { font-size: 24px; line-height: 24px; text-transform: none; } .more-info SPAN { position: relative; } .more-info SPAN:after { content: ""; display: block; position: absolute; bottom: -13px; left: 50%; margin-left: -14px; width: 28px; height: 8px; } .more-info__content { display: none; padding: 30px 0; border-bottom: 1px solid #bababa; text-align: left; } .more-info__content li { list-style: dotted; } /* Blocks */ /* Search block */ .header__search .g-search-block { position: relative; height: 49px; float: right; width: 100%; } .header__search .g-search-block INPUT[type=text] { box-sizing: border-box; width: 100%; height: 40px; border: none; font-size: 14px; color: #000; background: #ffffff; border: 1px solid #d0d0d0; padding: 5px 50px 5px 0; line-height: 31px; text-indent: 10px; } .header__search INPUT[type=submit] { position: absolute; top: 10px; right: 1px; width: 39px; height: 30px; margin: 0; border: none; font-family: inherit; background-image: url(/bitrix/templates/.default/css/../images/elements/search_btn.png); background-position: center; } .footer__search .g-search-block { position: relative; width: 40px; height: 49px; padding-left: 12px; border: 1px solid #01badb; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; } .footer__search .g-search-block INPUT[type=text] { width: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; height: 23px; padding: 6px 0 0; border: none; font-size: 16px; color: white; background: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .footer__search .g-search-block INPUT[type=submit] { position: absolute; top: 10px; right: 1px; width: 39px; height: 30px; margin: 0; border: none; font-family: inherit; } .footer__search .g-search-block:hover { width: 300px; background: rgba(0, 0, 0, 0.7); } .footer__search .g-search-block:hover INPUT[type=text] { width: 250px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .footer__search .g-search-block.focused { width: 300px; background: rgba(0, 0, 0, 0.7); } .footer__search .g-search-block.focused INPUT[type=text] { width: 250px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* Breadcrumbs */ .g-breadcrumbs { margin-bottom: 3px; } .g-breadcrumbs A, .g-breadcrumbs SPAN { font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 12px; line-height: 12px; text-transform: uppercase; } .g-breadcrumbs A { position: relative; padding-right: 16px; } .g-breadcrumbs A:after { content: " "; display: block; position: absolute; top: 5px; right: 7px; width: 3px; height: 5px; } .g-breadcrumbs SPAN { color: white; } /* Hastags */ .g-hashtags { padding: 9px 9px 10px; line-height: 10px; background: #f4f4f4; } .g-hashtags SPAN, .g-hashtags A { padding-right: 18px; font-size: 10px; line-height: 10px; text-transform: uppercase; text-decoration: none; color: #999999; } /* Pagination */ .g-pagination { text-align: center; } .g-pagination A { margin: 0 4px; font-size: 18px; line-height: 18px; text-decoration: none; color: #8f9fa7; } .g-pagination A.current { font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; color: #d30000; } .g-pagination A.current:hover { color: #d30000; } .g-pagination A:hover { color: #5c6c74; } .g-pagination__prev, .g-pagination__next { display: inline-block; width: 7px; height: 11px; -webkit-transition: opacity easing; -webkit-transition-delay: 0.3s; -moz-transition: opacity easing 0.3s; -o-transition: opacity easing 0.3s; transition: opacity easing 0.3s; } .g-pagination__prev:hover, .g-pagination__next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } .g-pagination__prev { margin-right: 7px; background: url(/bitrix/templates/.default/css/../images/main.png) no-repeat -40px -89px; } .g-pagination__next { margin-left: 7px; background: url(/bitrix/templates/.default/css/../images/main.png) no-repeat -50px -89px; } /* Indent block */ .indent-block { margin-bottom: 10px; padding: 10px 13px 10px; border: 1px solid gainsboro; font-size: 16px; line-height: 22px; background: #e9e9e9 url(/bitrix/templates/.default/css/../img/bg-indent.png) repeat-x 0 0; } /* Phone block */ .phone { font-size: 24px; line-height: 24px; text-align: left; color: white; margin-bottom: 0; float: right; width: 230px; } .phone A { display: block; margin-bottom: 8px; font-size: 10px; line-height: 10px; text-transform: uppercase; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; color: white; } .footer__phone .phone A:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .footer__phone .phone{ text-align: right; } .header__phone a{ margin-bottom: 15px; color: #01badb; opacity: 1; font-size: 13px; text-decoration: none; line-height: 15px; border-bottom: 1px dotted #01badb; display: inline-block; text-transform: none; } .header__phone a:hover { color: #44e2fe; } /* Calendars */ .calendar { overflow: hidden; zoom: 1; } .calendar__item { float: left; } .calendar__item A { cursor: pointer; display: block; font-family: "myriadpro-light-webfont", "Myriad Pro", Arial, sans-serif; text-decoration: none; font-size: 12px; line-height: 12px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .calendar__item A span{ cursor: pointer; } .calendar_year { margin-top: -44px; } .calendar_year .calendar__item {height:26px; } .calendar_year .calendar__item.current A { padding: 4.5px 6px; border-top: 1px solid #e0e1e1; border-right: 1px solid #e0e1e1; border-left: 1px solid #e0e1e1; background: white; font-size: 14px; line-height: 14px; color: #979b9d; } .calendar_year A { padding: 7px 9px; } .calendar_month .calendar__item { margin-right: 40px; } .calendar_month .calendar__item A { display: block; padding: 16px 0 23px; font-size: 12px; line-height: 12px; font-family: "myriadpro-light-webfont", "Myriad Pro", Arial, sans-serif; text-transform: uppercase; text-decoration: none; color: #979b9d; } .calendar_month .calendar__item.current A { font-family: "myriadPro-regular-webfont", "Myriad Pro", Arial, sans-serif; color: #4b4e50; } .calendar_filter { margin-bottom: 45px; } /* Gallery preview */ .gallery-preview .link-emph { margin-bottom: 10px; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; } .gallery-preview IMG { border: 1px solid #83b5c5; } /* Category checkboxes */ .category-list { overflow: hidden; zoom: 1; margin-bottom: 40px; padding-top: 1px; } .category-list .category-list__item { float: left; } /* Business-brunches menu and list */ .brunch-menu { position: relative; margin-bottom: 255px; margin-top: -180px; } .brunch-menu__i { display: table; position: relative; width: 100%; margin-top: -125px; } .brunch-menu__item { position: relative; z-index: 2; display: table-cell; border-top: 3px solid transparent; border-right: 3px solid transparent; border-left: 3px solid transparent; } .brunch-menu__item H3 { position: relative; padding-top: 65px; margin-bottom: 10px; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 9px; line-height: 11px; text-transform: uppercase; text-align: center; color: white; cursor: pointer; } .brunch-menu__item H3 SPAN { display: block; width: 100px; margin: 0 auto; } .brunch-menu__item H3:hover { color: #277b96; } .brunch-menu__item H3:before { content: " "; display: block; position: absolute; top: 20px; left: 0; width: 1px; height: 67px; background: #acafae; } .brunch-menu__item .icon { position: absolute; left: 50%; top: 13px; width: 51px; height: 42px; margin-left: -25px; } .brunch-menu__item:first-child { padding: 13px 0 10px 0; text-align: center; } .brunch-menu__item.current:first-child + .brunch-menu__item H3:before { display: none; } .brunch-menu__item:first-child H3 { display: inline-block; padding: 10px 0; border-top: 1px solid white; border-bottom: 1px solid white; font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 18px; line-height: 23px; } .brunch-menu__item:first-child H3:before { display: none; } .brunch-menu__item:first-child.current H3 { border-color: #277b96; } .brunch-menu__item.current { border-top-color: #d8d8d8; border-right-color: #d8d8d8; border-left-color: #d8d8d8; } .brunch-menu__item.current H3 { color: #277b96; } .brunch-menu__item.current H3:before { display: none; } .brunch-menu__item.current + .brunch-menu__item H3:before { display: none; } .business-brunches { position: absolute; left: 0; right: 0; top: 110px; padding: 31px 25px 10px; border: 3px solid #d8d8d8; background: white; } .business-brunches__title { display: block; margin-bottom: 17px; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #277b96; } .business-brunches__list { overflow: hidden; zoom: 1; } .business-brunches__list__item { float: left; margin: 0 23px 15px 0; } /* Filter based on time */ .time-filter { margin-top: -109px; padding-left: 25px; overflow: hidden; zoom: 1; margin-bottom: 10px; } .time-filter + .content-header { margin-bottom: 20px; padding: 17px 0 13px; border-bottom: 1px solid #c7c7c7; } .time-filter__item { display: block; position: relative; float: left; padding: 66px 40px 19px; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 9px; line-height: 9px; text-transform: uppercase; text-align: center; text-decoration: none; color: white; } .time-filter__item:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; color: white; } .time-filter__item.current { color: #277b96; background: white; cursor: default; } .time-filter__item.current:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .time-filter__item .icon { position: absolute; top: 20px; left: 50%; margin-left: -16px; } /* Filter, based on category */ .category-filter { overflow: hidden; zoom: 1; margin-top: -65px; padding-left: 22px; color: white; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 70px; } .category-filter__item { float: left; width: 140px; padding: 14px 0 13px; text-align: center; background: rgba(0, 0, 0, 0.3); cursor: pointer; } .category-filter__item:hover { background: rgba(0, 0, 0, 0.4); } .category-filter__item.current { background: white; color: #277b96; cursor: default; } .category-filter__item.current:hover { background: white; } .category-filter__item SPAN, .category-filter__item A { font-size: 13px; line-height: 13px; } .category-filter__item A { text-decoration: none; color: white; } .category-filter__item A:hover { color: white; } /* Quotation */ .quotation { position: relative; width: 430px; margin: 30px auto 40px; padding-left: 130px; } .quotation P { font-family: "myriadpro-it-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 22px; color: #a5a5a5; } .quotation SPAN { display: block; } .quotation .name { font-family: "myriadPro-regular-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 17px; color: black; font-style: normal; } .quotation .position { font-family: "myriadPro-regular-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 17px; font-style: normal; } .quotation .quotation__content P { margin-bottom: 4px; } .quotation__content { position: relative; padding: 13px 14px 14px 32px; border: 3px solid #d7d7d7; } .quotation__content:before { content: ""; display: block; position: absolute; top: 50%; left: -29px; margin-top: -15px; } .quotation__img { position: absolute; top: 50%; left: 0; margin-top: -60px; border-radius: 120px; } .quotation__img IMG { vertical-align: middle; border-radius: 120px; } .person-quot { overflow: hidden; zoom: 1; margin-bottom: 20px; } .person-quot__i { float: left; width: 570px; background: url(/bitrix/templates/.default/css/../images/quotation-bg.png) no-repeat 0 100%; } .bg_c_right { float: right; width: 800px; background: url(/bitrix/templates/.default/css/../images/quotation-bg-r.png) no-repeat 0 100%; } .person-quot__img { float: left; width: 32%; } .person-quot__img IMG { vertical-align: middle; } .person-quot__content { float: left; width: 63%; padding: 45px 0 0 0; } .person-quot__content P { margin-bottom: 30px; font-family: "myriadpro-it-webfont", "Myriad Pro", Arial, sans-serif; font-size: 13px; line-height: 18px; color: white; } .person-quot__content .person-quot__content__imp { margin-bottom: 50px; font-family: "myriadpro-it-webfont", "Myriad Pro", Arial, sans-serif; font-size: 24px; line-height: 28px; } .person-quot__content__name { margin-bottom: 5px; font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 21px; line-height: 21px; text-transform: uppercase; color: #b0e008; } .person-quot__content__about { font-size: 14px; line-height: 17px; color: #8dacb4; } /* Left-sided */ .person-quot_left { position: relative; overflow: visible; padding: 30px 100px 0 0; } .person-quot_left .person-quot__i { float: none; width: auto; min-height: 250px; padding: 0 180px 0 0; overflow: hidden; zoom: 1; background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #2e5d6c), color-stop(100%, #820614)); background: -webkit-linear-gradient(top left, #2e5d6c, #820614); background: -moz-linear-gradient(top left, #2e5d6c, #820614); background: -o-linear-gradient(top left, #2e5d6c, #820614); background: linear-gradient(top left, #2e5d6c, #820614); } .person-quot_left .person-quot__i .person-quot__img { position: absolute; bottom: 0; right: 0; width: auto; } .person-quot__content_left { float: none; width: auto; padding: 0 0 0 30px; margin: 30px 0 20px; } .person-quot__content_left P { margin-bottom: 10px; font-size: 16px; line-height: 21px; } .person-quot__content_left H2 { margin-bottom: 5px; font-size: 36px; line-height: 36px; text-transform: uppercase; color: white; } /* Characters-list */ .characters-list { overflow: hidden; zoom: 1; } .characters-list .characters-list__item { float: left; margin-right: 25px; padding: 0; font-family: "myriadPro-regular-webfont", "Myriad Pro", Arial, sans-serif; font-size: 13px; line-height: 16px; text-align: center; text-transform: uppercase; color: #474747; } .characters-list .characters-list__item:before { display: none; } .characters-list__item__icon { margin-bottom: 6px; } .characters-list__item__icon .icon { width: 126px; height: 109px; margin: 0 auto; } .characters-list__item__text { display: table-cell; width: 125px; height: 70px; vertical-align: middle; } /* Consult */ .consult { overflow: hidden; zoom: 1; width: 525px; padding: 13px 20px 14px; } .consult__img { float: left; margin-right: 20px; padding-top: 8px; } .consult__descr { overflow: hidden; zoom: 1; } .consult__descr P { width: 250px; font-family: "myriadpro-it-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 21px; color: #797979; } .consult__descr .g-btn { margin-bottom: 15px; } .consult__descr .phone-inner { margin-bottom: 15px; } .consult .consult__descr P { margin-bottom: 0; } .consult__descr__name { margin-bottom: 2px; font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 21px; line-height: 21px; text-transform: uppercase; color: #c8004b; } .consult__descr__pos { display: block; margin-bottom: 24px; font-size: 14px; line-height: 14px; color: #797979; } /* Rates */ .rate-promo { margin-top: 0; } .rate-promo .cols__i { width: 50%; } .rate-promo .section-title { margin: 22px 0 11px; } .rate-promo__clients { float: right; padding-right: 10px; } .rates { margin-bottom: 30px; } .rates__item { padding: 14px 0 10px; border-bottom: 1px solid #f2f2f2; } /* Rate list */ .rates-title { position: relative; } .rates-title .offer { position: absolute; top: 0; right: 0; } .rates-title .offer &gt; SPAN { position: absolute; left: -133px; top: 20px; font-size: 18px; line-height: 18px; } .rate-block { overflow: hidden; zoom: 1; } .rate-block__icon { float: left; width: 130px; text-align: center; } .rate-block__icon SPAN { font-family: "myriadpro-it-webfont", "Myriad Pro", Arial, sans-serif; font-size: 12px; line-height: 14px; color: #c6c6c6; } .rate-block__info { overflow: hidden; zoom: 1; padding-top: 14px; } .rate-block__info .currency { margin-bottom: 9px; } .rate-block__info .amount { margin-bottom: 3px; } .rate-block__info__i { overflow: hidden; zoom: 1; } .rate-block__info__name, .rate-block__info__price, .rate-block__info__order { float: left; } .rate-block__info__name { width: 47%; } .rate-block__info__name H3 { margin-bottom: 10px; font-family: "myriadPro-regular-webfont", "Myriad Pro", Arial, sans-serif; font-size: 30px; line-height: 30px; color: #01badb; cursor: pointer; } .rate-block__info__name H3 SPAN { border-bottom: 1px dotted #01badb; } .rate-block__info__name H3:hover { color: #44e2fe; } .rate-block__info__name H3:hover SPAN { border-bottom: 1px dotted #44e2fe; } .rate-block__info__name .descr { font-size: 14px; line-height: 20px; color: #666666; } .rate-block__info__price { width: 6%; text-align: center; } .rate-block__info__order { width: 47%; text-align: right; } .rate-block__info__order .g-btn { margin-bottom: 20px; } /* Rate options list */ .rate-options { display: none; } .rate-options .cols__i { width: 50%; } .rate-options H4 { position: relative; margin-bottom: 5px; padding: 2px 0 7px 45px; border-bottom: 1px solid #e5e5e5; font-size: 14px; line-height: 14px; font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; letter-spacing: 1px; color: #223640; } .rate-options H4:before { content: ""; display: block; position: absolute; top: 2px; left: 20px; width: 16px; height: 13px; } .rate-options .restrictions H4 { padding: 2px 0 7px 70px; } .rate-options .restrictions H4:before { left: 50px; } .rate-options__list { padding: 9px 20px 10px; background: #f8f8f8; } .rate-options__list__item { position: relative; margin-bottom: 28px; padding-left: 20px; font-size: 14px; line-height: 20px; } .rate-options__list__item:before { content: ""; display: block; position: absolute; top: 6px; left: 0; width: 8px; height: 8px; background: #8bc500; } .rate-options__list_restr { padding: 13px 20px 10px 50px; background: none; } .rate-options__list_restr .rate-options__list__item:before { background: #8ea2b4; } /* Comparison rate table */ .rate-comparison { display: none; margin-bottom: 10px; border: 1px solid #e5e5e5; } .rate-comparison .options-table { display: none; } .rate-comparison__section:first-child .options-table { display: block; } .rate-comparison__section__title, .toggle-section__title_plain { position: relative; margin-bottom: 0; padding: 20px 40px 20px 10px; font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 14px; text-transform: uppercase; letter-spacing: 1px; color: #277b96; background: #f1f1f1; cursor: pointer; } .rate-comparison__section__title:hover, .toggle-section__title_plain:hover { color: #51b3d2; } .rate-comparison__section__title .icon_more, .rate-comparison__section__title .more-info SPAN:after, .more-info .rate-comparison__section__title SPAN:after, .toggle-section__title_plain .icon_more, .toggle-section__title_plain .more-info SPAN:after, .more-info .toggle-section__title_plain SPAN:after { position: absolute; top: 23px; right: 10px; } .toggle-section__title_plain { padding: 18px 10px; } .options-table TABLE { width: 100%; } .options-table .col1 { width: 20%; } .options-table TR { border-bottom: 1px solid #f2f2f2; } .options-table TR:hover { background: #f8f8f8; } .options-table TD { padding: 12px 10px; color: black; text-align: center; } .options-table TD:first-child { text-align: left; color: #666666; } .options-table_prices TR:hover { background: none; } .options-table_prices H5 { margin-bottom: 11px; font-size: 14px; line-height: 14px; color: #277b96; } /* Rate fixed head */ .rate-price { display: none; overflow: hidden; zoom: 1; } .rate-price__i { display: none; z-index: 100; } .rate-price__i.fixed { display: block; position: fixed; top: 0; left: 0; right: 0; background: white; -webkit-box-shadow: 0 3px 6px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 3px 6px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 6px 3px rgba(0, 0, 0, 0.4); } .rate-price__ii { min-width: 984px; max-width: 1400px; margin: 0 auto; } /* Products order page */ .products { margin-bottom: 40px; } .products-table .img-b { display: inline-block; vertical-align: top; width: 20% } .products-table .text-b { display: inline-block; vertical-align: top; width:70%; } .products-table .g-btn_cart { background: rgba(152,204,0,1); background: -moz-linear-gradient(top, rgba(152,204,0,1) 0%, rgba(122,185,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(152,204,0,1)), color-stop(100%, rgba(122,185,0,1))); background: -webkit-linear-gradient(top, rgba(152,204,0,1) 0%, rgba(122,185,0,1) 100%); background: -o-linear-gradient(top, rgba(152,204,0,1) 0%, rgba(122,185,0,1) 100%); background: -ms-linear-gradient(top, rgba(152,204,0,1) 0%, rgba(122,185,0,1) 100%); background: linear-gradient(to bottom, rgba(152,204,0,1) 0%, rgba(122,185,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98cc00', endColorstr='#7ab900', GradientType=0 ); color: white; } .products-table { display: none; margin-bottom: 3px; padding: 0 13px; border: 1px solid #01badb; color: #666666; } .products-table TABLE { width: 100%; } .products-table .col1 { width: 43.4%; } .products-table .col2 { width: 35%; } .products-table .col3 { width: 21.6%; } .products-table TR { border-top: 1px solid #f2f2f2; } .products-table TR:first-child { border-top: none; border-bottom: 2px solid #333333; } .products-table TH { padding: 17px 0; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 14px; text-align: center; color: #333333; } .products-table TD { padding: 16px 0; font-size: 16px; line-height: 24px; vertical-align: middle; } .products-table .products-table__order { text-align: right; } .products-table__name { display: block; font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; text-decoration: none; color: #666666; } .products-table__name:hover { color: #b3b3b3; } .products-table__price { font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; text-align: center; color: #c8004b; } .products-table__order .g-btn { display: inline-block; //display: inline; //zoom: 1; width: 216px; } /* Vacancies */ .vacancy { display: none; overflow: hidden; zoom: 1; } .vacancies-section { margin-bottom: 55px; } .vacancy__img { float: left; width: 313px; padding-top: 60px; } .vacancy__content { overflow: hidden; zoom: 1; } .vacancy__content .g-cols { padding-right: 13px; } .vacancy__content .cols__i { width: 33.333%; } .vacancy__content .cols__i:first-child .vacancy__content__title { margin-left: 17px; padding-left: 0; } .vacancy__content__title { padding: 17px 0 17px 17px; border-bottom: 2px solid #e6e6e6; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 14px; color: #333333; } .vacancy__content__list { padding-right: 30px; } .vacancy__content__list LI { position: relative; margin-bottom: 7px; padding-left: 18px; font-size: 14px; line-height: 20px; color: #666666; } .vacancy__content__list LI:before { position: absolute; top: 0; left: 0; content: "*"; } .vacancy__content__contacts { zoom: 1; margin: 0 13px 20px 17px; padding-top: 15px; border-top: 2px solid #e6e6e6; font-size: 14px; line-height: 20px; } .vacancy__content__contacts:before, .vacancy__content__contacts:after { content: ""; display: table; } .vacancy__content__contacts:after { clear: both; } .vacancy__content__contacts SPAN { font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; } .vacancy__content__contacts .address { float: left; width: 450px; } .vacancy__content__contacts .application { position: relative; right: -13px; float: right; } .vacancy-details { font-size: 21px; line-height: 25px; color: #9c9c9c; } .vacancy-details SPAN { position: relative; padding-right: 0; } .vacancy-details SPAN i { color: #444652; } .vacancy-details SPAN:first-child { padding-right: 44px; } .vacancy-details SPAN:first-child:after { content: ""; display: block; position: absolute; right: 22px; top: 50%; width: 1px; height: 11px; margin-top: -6px; background: #9c9c9c; } .vacancy-item .user-generated H3 { font-family: "myriadPro-regular-webfont", "Myriad Pro", Arial, sans-serif; font-size: 21px; line-height: 21px; color: #277b96; margin-bottom: 15px; } .vacancy-contacts { margin-bottom: 40px; padding: 20px 25px 17px; background: #f9f9f9; } .vacancy-contacts SPAN { font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; } /* Toggle menus */ .toggle-section { margin-bottom: 3px; } .toggle-section:first-child .products-table { display: block; } .toggle-section__title { position: relative; margin-bottom: 0; padding: 18px 40px 18px 10px; font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 14px; text-transform: uppercase; letter-spacing: 1px; color: #277b96; background: #f1f1f1; cursor: pointer; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } .toggle-section__title SPAN { text-decoration: underline; } .toggle-section__title:hover { color: #51b3d2; } .toggle-section__title .icon_more, .toggle-section__title .more-info SPAN:after, .more-info .toggle-section__title SPAN:after { position: absolute; top: 23px; right: 10px; } .toggle-section__title .price { position: absolute; right: 70px; top: 19px; font-size: 14px; line-height: 14px; text-decoration: none; text-transform: none; color: #c8004b; letter-spacing: 0; } .toggle-section__title.opened { margin-bottom: 0; background: #01badb; color: white; } .toggle-section__title.opened .icon_more, .toggle-section__title.opened .more-info SPAN:after, .more-info .toggle-section__title.opened SPAN:after { top: 21px; } .toggle-section__title.opened .price { color: white; } /* Form */ .form { margin: 35px 0 30px; } .form_request, .form_subscription { width: 680px; margin: 35px auto 40px; } .form_subscription LABEL.indent { margin: 0 20px 5px 21px; } .form_subscription .form__i { padding: 35px 150px 40px; } .form_subscription .form__i INPUT[type=text] { margin-bottom: 12px; } .form_subscription .form__i INPUT[type=checkbox] { margin: 0; } .form__i { width: 380px; padding: 20px 150px 40px; font-size: 14px; line-height: 14px; color: #868686; background: #f9f9f9; } .form__i LABEl { display: block; margin-bottom: 5px; } .form__i TEXTAREA { width: 350px; min-width: 350px; max-width: 350px; height: 118px; min-height: 118px; max-height: 118px; margin-bottom: 30px; padding: 6px 10px; border: 1px solid #d0d0d0; } .form__i INPUT[type=text] { margin-bottom: 25px; height: 30px; width: 350px; padding: 0 10px; border: 1px solid #d0d0d0; color: #868686; background: white; } .form__i INPUT[type=text]:focus { border-color: #01badb; } .form__i INPUT[type=text].code { width: 35px; margin: 0 8px 0 6px; } .form__i INPUT[type=text].number { width: 150px; margin-right: 9px; } .form__i .g-btn { width: 375px; } .form__title { margin-bottom: 10px; font-family: "myriadPro-regular-webfont", "Myriad Pro", Arial, sans-serif; font-size: 16px; line-height: 16px; } .form__note { margin-bottom: 40px; font-size: 12px; line-height: 12px; } .form__i INPUT[type=text] { margin-bottom: 33px; } .form__attachment { position: relative; } .checkbox-group { width: 330px; margin-bottom: 28px; padding: 7px 20px 5px; border: 1px solid #d7d7d7; } .checkbox-group .indent { margin-bottom: 12px; } .checkbox-group LABEL { margin-bottom: 8px; } .checkbox-group__section { display: block; margin: 0 0 10px 18px; font-size: 13px; line-height: 13px; } .checkbox-group__section SPAN { position: relative; top: -2px; color: black; } .checkbox-group__section_all { margin: 0 0 10px 0; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; } .captcha INPUT[type=text] { position: relative; top: -23px; width: 200px; margin-right: 20px; } .attach-btn { overflow: hidden; zoom: 1; position: relative; height: 31px; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } .attach-btn:hover SPAN { background: #44e2fe; } .attach-btn INPUT[type=file] { width: 81px; height: 31px; position: relative; float: right; padding: 0; z-index: 2; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .attach-btn SPAN { position: absolute; top: 0; right: 0; width: 81px; height: 22px; padding-top: 8px; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 14px; text-align: center; text-transform: uppercase; color: white; background: #01badb; } .attach-btn .fileName { position: absolute; left: 0; top: 0; width: 270px; height: 21px; padding: 7px 5px 0; border: 1px solid #d0d0d0; background: white; } .explanation { display: block; padding: 8px 0 25px; font-family: "myriadpro-it-webfont", "Myriad Pro", Arial, sans-serif; font-size: 12px; line-height: 15px; color: #b9b9b9; } .explanation_small { font-family: "myriadPro-regular-webfont", "Myriad Pro", Arial, sans-serif; font-size: 12px; line-height: 12px; } .agreement { margin-bottom: 35px; } .agreement SPAN { position: relative; top: -3px; } .example { font-family: "myriadpro-it-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 14px; color: #b9b9b9; } /* Site map */ .map-list { margin-top: 60px; } .map-list A { text-decoration: none; } .map-list__section { display: inline-block; width: 19%; margin: 0 5% 50px 0; vertical-align: top; } /* .map-list__section.short { width: 17.5%; margin: 0 0 70px; } */ .map-list__section__title { margin-bottom: 14px; text-transform: uppercase; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 36px; line-height: 36px; } .map-list__section__title A { border-bottom: 1px solid #01badb; font-size: 36px; line-height: 36px; color: #474747; } .map-list__section__title A:hover { color: #01badb; } .map-second-level { margin-left: 20px; } .map-second-level__item { margin-bottom: 18px; } .map-second-level__title { margin: 0 0 10px; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 18px; line-height: 18px; } .map-third-level { display: block; margin: 0 0 10px 20px; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 14px; } /* Search page */ .search-results { margin-left: 30px; font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 16px; line-height: 24px; } .search-results P { font-family: "myriadPro-regular-webfont", "Myriad Pro", Arial, sans-serif; } .search-results__item__link { margin-bottom: 5px; } .search-results__item__link A { font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 18px; line-height: 24px; } .results-amount { margin: 20px 0; font-family: "myriadpro-light-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 14px; color: #919191; } .search-line { overflow: hidden; zoom: 1; margin-bottom: 20px; padding: 14px 20px; background: #f9f9f9; } .search-line INPUT[type=text] { width: 98%; height: 30px; padding: 0 1%; border: 1px solid #d0d0d0; font-size: 14px; color: black; } .search-line__input { float: left; width: 88%; } .search-line__submit { float: left; width: 10.3%; margin-left: 1.7%; } .search-line__submit INPUT[type=submit] { width: 100%; padding: 0; height: 31px; } /* Error page */ .error_page { margin: 115px 0 250px; color: white; } .error_page .top-page__title { color: #01badb; } .error_page .top-page__ii { padding: 32px 30px 30px 30px; } .error__class { margin: 13px 0 33px; font-family: "myriadpro-light-webfont", "Myriad Pro", Arial, sans-serif; font-size: 24px; line-height: 24px; } .error__content { width: 58%; margin-right: 15%; } .error__content P { margin-bottom: 10px; font-size: 17px; line-height: 24px; } .error__help { width: 27%; } .error__help P { font-size: 14px; line-height: 20px; } /* Projects category */ .projects-category { margin-bottom: 50px; } /* Persons */ .persons-page .g-page { position: relative; background: url(/bitrix/templates/.default/css/../images/bg/bg16.jpg) no-repeat 0 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .persons-page .top-page { position: relative; z-index: 20; } .persons-page .g-content { padding: 0; } .persons-page .g-content__i { padding-bottom: 0; /*overflow: hidden; */ } .persons { position: relative; left: -65px; width: 1096px; height: 450px; padding-top: 110px; margin: 0 auto; } .persons-hover { display: none; position: fixed; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background: rgba(87, 105, 117, 0.8); } .persons-image { position: relative; z-index: 12; margin-top: 35px; } .persons-image IMG { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .persons-active { position: absolute; top: 0; right: 0; bottom: 0; left: 0; top: 110px; } .persons-active.back .persons-item { display: block; } .persons-active.back .persons-item.item1 { z-index: 2; } .persons-active.back .persons-item.item2 { z-index: 3; } .persons-active.back .persons-item.item3 { z-index: 4; } .persons-active.back .persons-item.item4 { z-index: 3; } .persons-active.back .persons-item.item5 { z-index: 2; } .persons-active.back .persons-item.item6 { z-index: 1; } .persons-item { position: absolute; bottom: 0; z-index: 11; display: none; } .persons-item.item1 { left: 0; width: 288px; height: 362px; background: url(/bitrix/templates/.default/css/../images/person-1.png) no-repeat 0 100%; } .persons-item.item1 .persons-quotation { left: 4px; } .persons-item.item2 { left: 200px; width: 176px; height: 368px; background: url(/bitrix/templates/.default/css/../images/person-2.png) no-repeat 0 100%; } .persons-item.item2 .persons-quotation { left: -62px; } .persons-item.item3 { left: 353px; width: 262px; height: 416px; background: url(/bitrix/templates/.default/css/../images/person-3.png) no-repeat 0 100%; } .persons-item.item3 .persons-quotation { left: -2px; } .persons-item.item4 { left: 528px; width: 296px; height: 404px; background: url(/bitrix/templates/.default/css/../images/person-4.png) no-repeat 0 100%; } .persons-item.item4 .persons-quotation { left: 12px; } .persons-item.item5 { left: 777px; width: 191px; height: 367px; background: url(/bitrix/templates/.default/css/../images/person-5.png) no-repeat 0 100%; } .persons-item.item5 .persons-quotation { left: -12px; } .persons-item.item6 { left: 913px; width: 183px; height: 351px; background: url(/bitrix/templates/.default/css/../images/person-6.png) no-repeat 0 100%; } .persons-item.item6 .persons-quotation { left: -27px; } .persons-item__i { position: absolute; bottom: 123px; left: 50%; margin-left: -47px; width: 95px; } .persons-item__name { display: inline-block; margin-bottom: 6px; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 18px; line-height: 22px; text-decoration: none; color: white; } .persons-item__name SPAN { padding: 0 6px; background: #00badb; } .persons-item__pos { display: inline-block; font-family: "myriadPro-regular-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 17px; color: white; } .persons-item__pos SPAN { padding: 0 6px; background: black; } .persons-quotation { position: absolute; bottom: 100%; width: 261px; padding-bottom: 11px; color: white; background: url(/bitrix/templates/.default/css/../images/qoutation-bottom.png) no-repeat 0 100%; } .persons-quotation__i { display: block; padding: 13px 10px; border-top: 3px solid white; border-left: 3px solid white; border-right: 3px solid white; } .person-description { margin-bottom: 22px; zoom: 1; } .person-description:before, .person-description:after { content: ""; display: table; } .person-description:after { clear: both; } .person-description .person-description__picture { float: left; width: 310px; } .person-description .person-description__picture P { font-family: "myriadpro-it-webfont", "Myriad Pro", Arial, sans-serif; font-size: 16px; line-height: 22px; color: #797979; } .person-description .person-description__about { overflow: hidden; zoom: 1; } /* Success page */ .success-page .g-page { position: relative; background: url(/bitrix/templates/.default/css/../images/bg/bg18.jpg) no-repeat 0 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .success-page .top-page { position: relative; z-index: 20; } .success-page .g-content { padding: 0; } .success-page .g-content__i { padding-bottom: 0; } .success { position: relative; padding: 0 40px; } .success .success-pagination { position: absolute; left: 43%; right: 0; bottom: 80px; text-align: center; } .success .success-pagination A { display: inline-block; width: 10px; height: 10px; margin: 0 10px; border-radius: 10px; text-indent: -9999px; background: #49c7dd; } .success .success-pagination A.selected { position: relative; top: -3px; width: 15px; height: 15px; border-radius: 15px; background: #60757b; } .success .success-right, .success .success-left { display: block; position: absolute; top: 50%; width: 34px; height: 114px; margin-top: -57px; text-indent: -9999px; cursor: pointer; } .success .success-right:hover, .success .success-left:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .success .success-right { right: 0; background-position: 0 -97px; } .success .success-left { left: 0; background-position: 0 -211px; } .success__image { /* width: 46%; */ width: 50%; position: relative; min-height: 820px; } .success__image__i { height: 820px; position: absolute; bottom: 0; left: 0; right: 0; background-position: 50% 0; background-repeat: no-repeat; } .success__description { /* width: 45%; */ width: 50%; padding-bottom: 40px; overflow: hidden; } .success__description__pos { display: block; padding-left: 3px; font-family: "myriadpro-light-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 14px; color: #6f7d7f; } .success__description__title { margin-bottom: 75px; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 60px; line-height: 68px; color: #008bbf; } /* Titles */ H1 { font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 50px; line-height: 50px; text-transform: uppercase; color: white; } H2 { margin-bottom: 25px; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 36px; line-height: 40px; color: #277b96; } H3 { margin-bottom: 13px; font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 24px; line-height: 24px; color: #474747; } H4 { font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #94c400; } H4 + H2.section-title { margin: 2px 0 30px; } H5 { font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 16px; line-height: 16px; color: #474747; } .section-title { margin: 0px 0 11px; text-transform: uppercase; } .section-title.no-m { margin-top: 0; } .title { text-transform: uppercase; } .title-more { position: relative; margin-bottom: 16px; } .title-more A { position: absolute; top: 14px; right: 0; font-size: 14px; line-height: 14px; text-transform: none; } .index-section-title { padding-top: 22px; font-size: 36px; line-height: 37px; color: #0b2b3d; text-transform: uppercase; } /* Styled form elements */ .g-checkbox { display: inline-block; position: relative; z-index: 3; margin-right: 6px; padding: 8px 11px 7px 25px; font-size: 13px; line-height: 12px; text-transform: uppercase; cursor: pointer; } .g-checkbox LABEL, .g-checkbox SPAN, .g-checkbox DIV { position: relative; cursor: pointer; } .g-checkbox INPUT[type=checkbox] { position: absolute; top: 0; left: 0; width: 100%; height: 27px; margin: 0; padding: 0; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .g-checkbox .icon { display: none; position: absolute; top: 9px; left: 9px; } .g-checkbox.checked { padding: 7px 10px 6px 24px; border: 1px solid #979b9d; color: #c8004b; } .g-checkbox.checked .icon { display: block; } .g-checkbox_category { font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 9px; line-height: 9px; color: #01badb; } .g-checkbox_category .icon { display: block; top: 4px; left: 0; width: 12px; height: 11px; border: 3px solid #00badb; background: none; } .g-checkbox_category.checked { border: none; padding: 8px 11px 7px 25px; color: #01badb; } .g-checkbox_category.checked .icon { width: 18px; height: 17px; border: none; } .g-checkbox_category.disabled { color: #b7b7b7; } .g-checkbox_category.disabled .icon { border-color: #b7b7b7; } .g-checkbox_category.disabled:hover SPAN { color: #b7b7b7; } .g-checkbox_category:hover { color: #44e2fe; } /* Buttons */ .g-btn { display: inline-block; padding: 13px 40px; border-bottom: 1px solid #999999; font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 14px; text-transform: uppercase; text-align: center; text-decoration: none; color: white; background: #8bc500; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .g-btn:hover { color: white; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #98cc00), color-stop(100%, #7ab900)); background: -webkit-linear-gradient(#98cc00, #7ab900); background: -moz-linear-gradient(#98cc00, #7ab900); background: -o-linear-gradient(#98cc00, #7ab900); background: linear-gradient(#98cc00, #7ab900); } .g-btn:active { color: white; background: #8bc500; -webkit-box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.3); box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.3); } .btn-more:hover SPAN, .btn-to-top:hover SPAN, .btn-back:hover SPAN { color: #64686a; } .g-btn_cart { background: none; border: none; font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; color: #01badb; } .g-btn_cart .icon { display: inline-block; margin-right: 10px; } .btn-more { display: block; width: 130px; height: 35px; margin: 30px auto 10px; padding: 12px 0 0; border: 1px solid #cccccc; text-align: center; text-decoration: none; } .btn-more SPAN { font-size: 14px; line-height: 14px; text-transform: uppercase; color: #979b9d; } .btn-to-top, .btn-back { display: inline-block; position: relative; padding: 8px 33px 8px 0; text-decoration: none; } .btn-to-top .icon, .btn-back .icon { position: absolute; top: 7px; right: 0; } .btn-to-top SPAN, .btn-back SPAN { font-size: 14px; line-height: 14px; text-transform: uppercase; color: #979b9d; } .btn-back { padding: 8px 0 0 33px; } .btn-back .icon { left: 0; } .btn-back SPAN { background: none; text-decoration: underline; } .important-btn { display: block; padding-right: 16px; font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 12px; line-height: 14px; text-transform: uppercase; text-decoration: none; background: url(/bitrix/templates/.default/css/../images/corner.png) no-repeat 100% 0; -webkit-transition: 0; -moz-transition: 0; -o-transition: 0; transition: 0; } .important-btn SPAN { display: block; padding: 7px 35px 7px 20px; border-left: 2px solid #01badb; border-top: 2px solid #01badb; border-bottom: 2px solid #01badb; -webkit-transition: 0; -moz-transition: 0; -o-transition: 0; transition: 0; } .important-btn:hover { color: white; background: url(/bitrix/templates/.default/css/../images/corner-h.png) no-repeat 100% 0; } .important-btn:hover SPAN { background: #01badb; } .social-block, .social-like-block { margin: 20px 0 30px; } .social-like-block { position: relative; z-index: 11; width: 530px; margin: 20px auto; zoom: 1; } .social-like-block:before, .social-like-block:after { content: ""; display: table; } .social-like-block:after { clear: both; } .social-like-block .item { float: left; } .social-like-block_vk { margin-right: 23px; } .social-like-block_facebook { margin-right: 45px; } .social-like-block_gplus { margin-right: 15px; } /* Small elements */ .to-top { text-align: right; } .date { display: inline-block; padding: 6px; border: 1px solid #979b9d; font-size: 14px; line-height: 14px; color: #919191; } .date_inner { position: absolute; top: 7px; left: 9px; border: 1px solid rgba(250, 250, 250, 0.6); background: rgba(0, 0, 0, 0.6); color: white; } .details-head .category { padding-left: 6px; text-transform: uppercase; font-size: 15px; line-height: 14px; color: #c8004b; } .details-head_events .category { display: block; margin-top: 7px; padding-left: 0; } .article-details { overflow: hidden; zoom: 1; padding-top: 15px; } .article-details .details-head { float: left; } .article-details .author { overflow: hidden; zoom: 1; position: relative; top: 3px; padding: 0 0 14px 30px; text-align: right; } .link-emph { display: inline-block; position: relative; padding: 5px 16px 5px 0; font-family: "myriadPro-regular-webfont", "Myriad Pro", Arial, sans-serif; font-size: 20px; line-height: 20px; color: #01badb; text-transform: uppercase; text-decoration: none; } .link-emph SPAN { text-decoration: underline; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .link-emph:after { content: ""; display: block; position: absolute; top: 50%; margin-top: -14px; right: 0; width: 9px; height: 28px; background-position: 0 -754px; } .link-emph_dot SPAN { text-decoration: none; border-bottom: 1px dotted #01badb; } .link-emph_dot:hover SPAN { border-bottom: 1px dotted #44e2fe; } .link-emph_simple SPAN { text-decoration: none; } .more-info { margin-bottom: 50px; text-align: center; } .more-info .link-emph:after { display: none; } .more-info A { font-size: 24px; line-height: 24px; text-transform: none; } .more-info SPAN { position: relative; } .more-info SPAN:after { content: ""; display: block; position: absolute; bottom: -13px; left: 50%; margin-left: -14px; width: 28px; height: 8px; } .g-attachment .icon, .rss .icon, .subscription .icon { position: absolute; top: 0; left: 0; } .g-attachment.download, .rss.download, .subscription.download { padding: 0 0 10px 31px; } .g-attachment.download .icon, .rss.download .icon, .subscription.download .icon { top: -1px; } .g-attachment { position: relative; padding: 0 0 10px 50px; margin-bottom: 7px; font-size: 14px; line-height: 20px; } .g-attachment .g-attachment__i { display: table-cell; height: 35px; vertical-align: middle; } .g-attachment .icon { top: 4px; } .rss, .subscription { display: inline-block; float: right; margin-left: 30px; position: relative; font-family: "myriadpro-light-webfont", "Myriad Pro", Arial, sans-serif; font-size: 12px; line-height: 12px; text-transform: uppercase; text-decoration: none; } .rss { padding: 3px 0 3px 25px; } .subscription { padding: 1px 0 3px 25px; top: 2px; } .print { overflow: hidden; zoom: 1; } .print .print-btn { float: right; } .print-btn { width: 18px; height: 15px; } .print-btn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .author { font-family: "myriadpro-light-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 18px; color: #999999; } .phone-inner { position: relative; margin-bottom: 20px; padding-left: 50px; font-family: "myriadpro-light-webfont", "Myriad Pro", Arial, sans-serif; font-size: 11px; line-height: 11px; text-transform: uppercase; } .phone-inner .icon { position: absolute; top: 4px; left: 0; } .inner-phone__number { display: block; margin-top: 5px; font-size: 24px; line-height: 24px; color: #277b96; } .inner-phone__number SPAN { font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif; } .inner-details { color: #999999; font-size: 14px; line-height: 14px; } .inner-details-indent { font-family: "myriadpro-it-webfont", "Myriad Pro", Arial, sans-serif; font-size: 16px; line-height: 24px; } .important-info { margin: 30px 0; padding: 10px 0 9px; border-top: 2px solid black; border-bottom: 2px solid black; font-family: "myriadpro-it-webfont", "Myriad Pro", Arial, sans-serif; font-size: 21px; line-height: 24px; } .amount, .currency, .monthly { display: block; } .amount { font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 36px; line-height: 36px; color: #223640; } .currency { font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 14px; line-height: 14px; } .monthly { margin-bottom: 13px; font-family: "myriadpro-it-webfont", "Myriad Pro", Arial, sans-serif; font-size: 12px; line-height: 12px; color: #b0b4b6; } .important { font-size: 12px; line-height: 12px; color: red; } .indent { display: block; margin-bottom: 5px; font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; font-size: 12px; line-height: 12px; color: #868686; } .accent { display: block; font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif; color: #c8004b; } /* Form elements */ INPUT { padding: 0 14px; border: none; font-size: 18px; color: #01badb; background: #eaeaea; } TEXTAREA { padding: 11px 14px 10px; border: none; font-size: 18px; color: #01badb; } /* User generated styles */ /*.user-generated { margin-top: 40px; } */ .user-generated P { margin-bottom: 25px; overflow-x: auto; } .user-generated .emph { font-size: 17px; line-height: 22px; } .user-generated LI { position: relative; min-height: 25px; margin-bottom: 17px; padding: 1px 0 0 36px; font-family: "myriadpro-it-webfont", "Myriad Pro", Arial, sans-serif; font-size: 18px; line-height: 20px; color: #797979; } .user-generated LI:before { content: " "; display: block; position: absolute; top: 0; left: 0; } .user-generated .img-center { display: block; margin: 25px auto 22px; } .user-generated .video { width: 560px; margin: 25px auto 22px; max-width: 100%; } .user-generated .gallery { margin-bottom: 30px; padding-bottom: 1px; } .user-generated .list LI { color: #c8004b; } .user-generated H3 { font-size: 24px; line-height: 30px; } /* Print styles */ .print-page { background: white; } .print-content { width: 900px; margin: 0 auto; color: black; font: 21px/30px "Times New Roman", Georgia, serif; background: white; } .print-content .header { overflow: hidden; zoom: 1; padding: 20px 0 50px; } .print-content .logo { float: left; } .print-content .qr-code { float: right; } .print-content .footer { margin-bottom: 50px; padding-top: 10px; border-top: 1px solid black; font: 14px/14px Arial, Helvetica, sans-serif; } .print-content .gallery, .print-content .video, .print-content .hash-tags, .print-content .social-like-block, .print-content .form { display: none; } .article-body { font: 21px/30px "Times New Roman", Georgia, serif; } .article-body H1 { margin-bottom: 25px; font-size: 30px; line-height: 31px; color: black; } .article-body H2, .article-body H3, .article-body H4, .article-body H5 { color: black; margin-bottom: 15px; font: bold 24px/24px Arial, Helvetica, sans-serif; } .article-body IMG { display: block; margin: 20px auto 25px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); } .article-body P { margin-bottom: 25px; font: 21px/30px "Times New Roman", Georgia, serif; } .article-body .link { font: 16px/30px "Times New Roman", Georgia, serif; } .article-info { margin-bottom: 25px; padding-bottom: 5px; border-bottom: 2px solid black; font: 14px/14px Arial, Helvetica, sans-serif; overflow: hidden; zoom: 1; } .article-info .article-info__date, .article-info .article-info__category { float: left; margin-right: 23px; } .article-info .article-info__author { float: right; } .article-info .article-info__category { text-transform: uppercase; } @media only screen and (max-width: 1330px) { .index-about__text { float: none; overflow: hidden; zoom: 1; width: auto; } .index-about__text .cols__i { width: 45%; margin-right: 5%; } .index-about__text .link-emph { clear: both; } } @media only screen and (max-width: 1290px) { header .header__menu { width: 100%; margin: 20px 0.5% 0; } header.old-header .header__menu{ width: 54%; } .header__nav { width: 100%; top: 29px; left: 27%; min-width: auto; } } @media only screen and (max-width: 1130px) { .header__nav { /*width: 37%; */ width: 100%; } header .header__menu { margin-top: 5px; } } @media only screen and (max-width: 1210px) { .business-list__i { margin: 0 0 0 -10px; } } @media only screen and (max-width: 600px) { INPUT:not([type=checkbox]), TEXTAREA { outline: none; font-family: "myriadPro-regular-webfont", "Myriad Pro", Arial, sans-serif; -webkit-appearance: none; border-radius: 0; } .success__image{ display: none; } .success .success-pagination { bottom: 0; } } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; padding: 30px 30px 20px; background: #FFF; /*box-shadow: 0 23px 43px 14px rgba(0, 0, 0, 0.3); */ } .fancybox-opened { z-index: 8030; } /*.fancybox-opened .fancybox-skin { */ /*-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); */ /*-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); */ /*box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); */ /*} */ .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("/bitrix/templates/.default/css/fancybox_loading.gif") center center no-repeat; } .fancybox-close { position: absolute; top: 16px; right: 16px; width: 22px; height: 22px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; margin-top: -14px; cursor: pointer; z-index: 8040; width: 9px; height: 28px; } .fancybox-prev span { left: -30px; } .fancybox-next span { right: -30px; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(/bitrix/templates/.default/css/../images/ie-bg-popup.png) 0 0; background: rgba(0, 0, 0, 0.5); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: bold 17px/21px Arial, Helvetica, sans-serif; color: #9F9F9F; position: relative; text-shadow: none; z-index: 8050; } .fancybox-title A { display: block; float: right; padding: 8px 0 0; font-size: 12px; line-height: 12px; text-decoration: none; } .fancybox-title A SPAN { padding-left: 4px; color: #9F9F9F; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { position: static; padding: 0 0 20px 0; text-transform: uppercase; font-size: 15px; line-height: 15px; color: #94C400; } .fancybox-title-inside-wrap A { position: absolute; bottom: 25px; left: 50px; padding: 8px 0 0 32px; } .fancybox-title-inside-wrap A:before { content: ''; display: block; position: absolute; top: 3px; left: 0; width: 25px; height: 25px; } .fancybox-title-inside-wrap A SPAN { font-size: 14px; line-height: 20px; color: #777; display: block; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /* added styles */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .field_option input[name="captcha_word"] { width: 150px; } .field_option .img { display: inline-block; vertical-align: top; } .form_reg input[type="text"].error, select.error, textarea.error { border: 1px solid red; } input[type="text"].phone-prefix { width: 20px; margin-bottom: 0; } .row_checkbox.error { border: 1px solid red; } .row select { height: 30px; display: block; margin-left: 0px; color: #868686; } .form__i select { margin-bottom: 25px; height: 30px; color: #868686; background: white; } .date { text-transform: lowercase; } .user-generated .video iframe {width: 100%; height: 360px; } .brunch-list__item { width: 12%; } body.inner .g-cols {min-height: 100px; } div.alert { background-color: #F9F9F9; padding: 10px; border: #D0D0D0 1px solid; margin: 10px 0; } div.alert-error { color: #F00; } textarea, input, select {margin-top: 7px; } .form__i div.required input {margin-right:15px; } div.category-filter a {text-decoration: none; } div.time-filter a {text-decoration: none; } div.events-archive {margin-top: 50px; } div.g-cols-error {overflow: hidden; } body.error-page div.g-content__i, body.error-page div.g-content {padding:0px; } body.products .g-cols_padd .category-filter {margin-top: -65px; margin-bottom: 70px; } body.products .g-cols {overflow: visible; } body.print-page div.content-header {padding:0; } body.print-page div.content-header div.article-details {padding:0; } body.print-page div.footer {overflow: hidden; zoom:1; line-height: 20px; } body.print-page div.footer span.link-page {max-width:500px; display: block; float: left; } body.print-page div.footer span.copyright {float:right; display: block; text-align:right; } body.services-page div.g-cols {min-height: 0; } div.print-content div.category-filter {visibility: hidden; position:absolute; left:-100500px; top: -100500px; } div.print-content div.page-content__i {padding:0; } div.print-content ul.inner-nav {visibility: hidden; position:absolute; left:-100500px; top: -100500px; } div.print-content div.time-filter {visibility: hidden; position:absolute; left:-100500px; top: -100500px; } div.print-content div.form_request {visibility: hidden; position:absolute; left:-100500px; top: -100500px; } .products .side-bar_right { margin-top: 70px; } .business-list__item:before { opacity: 0; } .business-list__item.linked:before { opacity: 1; top: -110px; } .business-list__item.link:before { opacity: 1 !important; } body.inner .top-page { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .index-about {overflow: visible; } .time-filter__item.current {cursor: pointer; } .g-btn { border: none; } .brunch-list__item { width: 14.28%; } .brunch-list__item__title { font-size: 11px; } .business-list__item.disabled { opacity: 0.3; cursor: default; } .project-view__company__logo__img img { max-width: 90px; max-height: 50px; background-color: #FFFFFF; } .project-preview-list__item__i img { max-width: 85px; max-height: 40px; } .project-preview-list__item img { border: 1px solid transparent; } .project-preview-list__item.active img { border: 1px solid #000; } body.inner .sorted-projects { padding: 0; margin-bottom: 150px; } body.projects .project-view { margin-bottom: 0; } body.inner .sorted-projects .project-view { margin: 0; } body.index .g-content {padding-top:0px; } body.news .g-content {padding-top:10px; } div.rate-price-fix {margin-bottom: 10px; display: none; } div.rate-price-fix .rate-price__i {display:block; } .events .g-content, .products .g-content { padding-top: 15px; } .success .caroufredsel_wrapper { min-width: 984px; } .success .success__item { float: left; } .page-content ul.items-list { /*margin-bottom: 50px; */ } /* Changes (Tk - 15.01.14) */ .text__scroll, .jspScrollable { overflow: hidden; height: 450px; } /* .text__scroll, .jspScrollable { height: 400px; width: 350px; } */ .items-list.col-2 .article-item { width: 45%; } .arrow-slide { background: url(/bitrix/templates/.default/css/../images/img-arrow-slide.png) no-repeat 0 0; width: 16px; height: 53px; display: block; position: absolute; top: 50%; margin-top: -26px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .arrow-slide.prev { background-position: 0 0; left: 27px; } .arrow-slide.prev:hover { background-position: 0 -53px; } .arrow-slide.next { background-position: -16px 0; right: 27px; } .arrow-slide.next:hover { background-position: -16px -53px; } .article-item__img .video { height: 250px; } .article-item__img .video iframe { width: 400px; height: 250px; max-width: 100%; } .project-view__text_link { background: rgba(7, 35, 49, 0.6); border: 3px solid #ffffff; color: #FFF; font-size: 12px; padding: 6px 12px 5px; text-transform: uppercase; text-decoration: none; display: inline-block; //display: inline; //zoom: 1; margin-top: 10px; } .project-view__text_link:hover { color: #18363B; font-size: 12px; background: #FFF; } .success { overflow: hidden; } @media only screen and (min-width: 320px) and (max-width: 479px) { .success__item {width: 470px; } .success__image {width: 0; } .success__description {width: 20%; } .success__description {width: 300px; } .text__scroll {width: 230px; height: 350px; } } @media only screen and (min-width: 480px) and (max-width: 600px) { .success__item {width: 550px; } .success__image {width: 0; } .success__description {width: 50%; } .success__description {width: 400px; } .text__scroll {width: 100%; height: 350px; } } @media only screen and (min-width: 600px) and (max-width: 1120px) { .success__item {width: 940px; } .success__image {width: 40%; } .success__description {width: 40%; } .success__description {width: 350px; } .text__scroll {width: 350px; height: 400px; } } @media only screen and (min-width: 1120px) and (max-width: 1290px) { .success__item {width: 1100px; } .success__image {width: 43%; } .success__description {width: 43%; } .success__description {width: 400px; } .text__scroll {width: 400px; height: 450px; } } @media only screen and (min-width: 1290px) and (max-width: 1330px) { .success__item {width: 1200px; } .success__image {width: 45%; } .success__description {width: 45%; } .success__description {width: 450px; } .text__scroll {width: 450px; height: 450px; } } @media only screen and (min-width: 1330px) and (max-width: 1400px) { .success__item {width: 1300px; } .success__image {width: 48%; } .success__description {width: 48%; } .success__description {width: 500px; } .text__scroll {width: 500px; height: 450px; } } @media only screen and (min-width: 1400px) { .success__item {width: 1350px; } .success__image {width: 47%; } .success__description {width: 47%; } } .text__scroll .jspDrag { background: #00badb; } .text__scroll .jspTrack { background: #fff; } .text__scroll .jspVerticalBar { width: 5px; } .page-content.page-content_left.cols__i .article-item_section { width: 29%; } /* End changes */ /* mxv-slider */ .mxv-slider-wrap { padding-top: 70px; } .mxv-slider-wrap .mxv-slider { min-width: 984px; max-width: 1300px; margin: 0 auto; padding: 0 40px; } .mxv-slider-wrap .mxv-slider .pic { text-align: center; } .mxv-slider-wrap .mxv-slider .pic img.preview_picture { max-height: 500px; vertical-align: bottom; } .icon-mobile-search { width: 21px; height: 21px; margin-left: 5px; display: inline-block; background: url("/bitrix/templates/.default/css/../images/elements/search-n.png") no-repeat; background-size: 100%; position: relative; top: 3px; } .ico-mobile-menu { width: 20px; height: 17px; margin-left: 5px; display: inline-block; position: relative; /*background: url("/bitrix/templates/.default/css/../images/menu-mobile.png") no-repeat; */ } .ico-mobile-menu i{ display: block; position: relative; width: 100%; left: 0; height: 2px; background-color: #fff; margin-bottom: 7px; } .ico-mobile-menu i:last-child { margin-bottom: 0; } .tablet-btn-text { font-size: 20px; line-height: 29px; } .mobile-btn-toggle { top: 5px; position: absolute; height: 30px; z-index: 999; background: transparent; border: none; font-size: 14px; color: #ffffff; display: none; cursor: pointer; } .hamburger2{ right: 0; } .search-toggle-btn { right: 100px; } .hamburger2.show-mobile-menu { position: fixed; right: 2%; top: 20px; } .old-header .hamburger2.show-mobile-menu { top: 15px; } .mobile-btn-toggle:focus, button:focus{ outline: none; } .header__logo { width: 25%; } .products-table .img-b img{ max-width: 100%; } #map, #map .ymaps-map { max-width: 100%; } /* New Header */ .header__block-text { float: left } .header__block-text p{ color: #fff; margin-bottom: 5px; font-size: 14px; line-height: 15px; } .header__block-text p:first-child { text-transform: uppercase; font-size: 13px; margin: 9px 0 20px 0; } .index__intro { color: #fff; background-color: transparent; min-height: 327px; padding: 46px 0 60px 0; position: relative; } .intro__content h2{ color: #fff; font-size: 48px; line-height: 52px; margin-bottom: 25px; width: 78%; font-weight: 600; } .intro__content p{ color: #fff; font-size: 24px; line-height: 52px; text-transform: uppercase; margin-bottom: 35px; } .intro-btn { display: inline-block; /*width: 370px; */ /*height: 70px; */ width: 261px; padding: 8px 0; font-size: 15px; margin-right: 20px; margin-top: 20px; /*line-height: 70px; */ text-align: center; background-color: #fff; color: #fff; text-decoration: none; text-transform: uppercase; /*font-size: 18px; */ /*margin-right: 30px; */ } .intro-btn:hover { color: #eee; text-decoration: underline; } .btn-green { background-color: rgba(105, 198, 0, 1); } .btn-green:hover { background-color: rgba(105, 198, 0, 0.7); } .btn-blue { background-color: rgba(1, 186, 219, 1)!important; } .btn-blue:hover { background-color: rgba(1, 186, 219, 0.7)!important; } .btn-green:active, .btn-blue:active { -webkit-box-shadow: inset 0px 0px 10px 0px rgba(255,255,255,1); -moz-box-shadow: inset 0px 0px 10px 0px rgba(255,255,255,1); box-shadow: inset 0px 0px 10px 0px rgba(255,255,255,1); } .rss-sub { height: 39px; position: absolute; right: 0; top: 70px; width: 126px; background-color: #fff; } .rss-sub a { font-size: 13px; text-decoration: underline; display: inline-block; line-height: 15px; text-align: center; margin: 10px 0 0 6px; color: #000; padding: 2px 7px; } .rss-sub a:hover { color: #111; } .rss-sub a:first-child { background-color: #ffe400; } .index__subintro { margin: 85px 0 115px 0; } .subintro__content { padding: 45px 0; float: left; width: 67%; } .subintro__content p{ font-size: 18px; line-height: 28px; } .subintro__numbers { float: right; margin-left: 5%; width: 350px; } .subintro__numbers span{ border: 3px solid #277b96; height: 64px; float: left; font-weight: 600; width: 64px; color: #277b96; font-size: 48px; line-height: 70px; text-align: center; display: inline-block; margin-right: 30px; } .subintro__numbers ul li { margin-bottom: 30px; } .subintro__numbers p { float: left; font-size: 24px; line-height: 30px; text-transform: uppercase; width: 250px; margin: 0; } .subintro__numbers p &gt; small { font-size: 16px; line-height: 20px; text-transform: none; display: block; } .intex__fixed-line { min-height: 60px; padding: 10px 0; position: fixed; left: 0; bottom: 0; width: 100%; background-color: rgba(1, 186, 219, 1); opacity: 0.9; z-index: 1000; } .fl-content { position: relative; } .fl-img { margin-right: 30px; width: 110px; height: 60px; float: left; } .fl-text { color: #fff; margin: 5px 0 0 0; padding-right: 35px; } .fl-text p { margin-bottom: 5px; text-transform: uppercase; } .fl-text p a{ font-size: 14px; line-height: 22px; color: #fff; font-weight: bold; text-decoration: none; } .fl-text span { font-size: 14px; line-height: 22px; } .fl-close { height: 27px; width: 27px; position: absolute; right: 2%; top: 15px; color: #fff; cursor: pointer; font-size: 40px; line-height: 55px; background: url(/bitrix/templates/.default/css/../images/elements/fl-close.png) no-repeat center; } .ipr-content { border: 4px solid #000; padding: 0; } .ipr-content &gt; h2, .ipr-content &gt; p { text-align: center; line-height: 52px; text-transform: uppercase; } .ipr-content &gt; h2 { margin-top: 30px; margin-bottom: 0; font-size: 44px; font-weight: 600; color: #000; } .ipr-content &gt; p { font-size: 24px; } .brunch-menu__i-mibile { width: 100%; display: none; } .brunch-menu__i-mibile .brunch-menu__item { display: block; text-align: left; padding: 0; } .brunch-menu__i-mibile .brunch-menu__item:first-child { padding: 0; } .ipr-content-inner { margin: 35px 25px; } .ipr-content-inner .brunch-menu{ margin-top: 0; } .ipr-content-inner .brunch-menu__i { margin-top: 0; } .ipr-content-inner .brunch-menu__item:first-child.current H3 { border-color: transparent; } .ipr-content-inner .brunch-menu__item H3 { color: #277b96; } .index-block-footer{ text-align: center; } .ipr-content-inner .brunch-menu__item .icon_1, .ib-item .icon_1 { background-position: 0 -210px; } .ipr-content-inner .brunch-menu__item .icon_2, .ib-item .icon_2{ background-position: 0 -336px; } .ipr-content-inner .brunch-menu__item .icon_3, .ib-item .icon_3{ background-position: 0 -126px; } .ipr-content-inner .brunch-menu__item .icon_4, .ib-item .icon_4{ background-position: 0 -168px; } .ipr-content-inner .brunch-menu__item .icon_5, .ib-item .icon_5{ background-position: 0 -588px; } .ipr-content-inner .brunch-menu__item .icon_6, .ib-item .icon_6{ background-position: 0 0; } .ipr-content-inner .brunch-menu__item .icon_7, .ib-item .icon_7{ background-position: 0 -378px; } .ipr-content-inner .brunch-menu__item .icon_8, .ib-item .icon_8{ background-position: 0 -504px; } .ipr-content-inner .business-brunches__list__item, .proj-page-form .business-brunches__list__item { float: left; margin: 0 20px 15px 0; display: inline-block; width: 30%; } .ipr-content-inner .brunch-menu { margin-bottom: 280px; } .ipr-slider-wrapper, .index-res-wrap{ position: relative; } .ipr-slider-inner { margin: 0 auto; overflow: hidden; max-height: 700px; width: 90%; } .ipr-hor-item{ /*float: left; */ width: 240px; /*margin: 0 45px; */ margin: 0 auto; } .ipr-slider-inner .ipr-hor-item .article-item.article-item_project { margin-right: 0; width: 100%; } .ipr-slider-inner .ipr-hor-item .article-item.article-item_project .article-item__img IMG{ width: 100%; } .ipr-slider-control { position: absolute; top: 40%; width: 34px; height: 114px; background: url("/bitrix/templates/.default/css/../images/elements-s26b402597f.png") no-repeat; cursor: pointer; } .isc-left { left: 0; background-position: 0 -211px; } .isc-right { right: 0; background-position: 0 -97px; } .res-slider-control { position: absolute; top: 15%; width: 16px; height: 53px; background: url(/bitrix/templates/.default/css/../images/img-arrow-slide.png) no-repeat; cursor: pointer; } .res-left { left: 0; background-position: 0 -53px; } .res-right { right: 0; background-position: -16px -53px; } .index-res-inn { margin: 80px 40px 45px; } .index-res-inn .index-res-i { width: 607px; /*margin-right: 10px; */ margin: 0 auto; } .index-res-inn .index-res-i img{ display: block; width: 140px; float: left; margin-right: 20px; } .index-res-desc { float: left; width: 430px; } .index-res-desc p { font-size: 14px; line-height: 22px; margin-bottom: 20px; } .index-res-desc .res-head { font-weight: bold; text-transform: uppercase; } .ir-person p{ margin-bottom: 0; } .ir-minus { display: block; float: left; width: 50px; position: relative; height: 50px; } .ir-minus:after { content: ""; display: block; width: 13px; height: 0px; border-top: 1px solid #000; position: absolute; top: 9px; right: 19px; -webkit-box-shadow: 1px -1px 1px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px -1px 1px 0px rgba(0,0,0,0.75); box-shadow: 1px -1px 1px 0px rgba(0,0,0,0.75); } .ir-name { color: #277b96; font-weight: bold; } .ir-btn { display: inline-block; width: 184px; height: 43px; font-size: 18px; line-height: 45px; text-decoration: none; text-align: center; color: #fff; text-transform: uppercase; margin-top: 5px; } .ir-btn:hover { color: #fff; text-decoration: underline; } .index-brunch { margin-top: 100px; padding: 25px 0; } .ib-col { float: left; width: 45%; margin-right: 5%; } .ib-col:nth-child(even) { margin-right: 0; } .ib-col .ib-item{ width: 100%; margin-bottom: 25px; } .ib-col .ib-item .ib-img { display: block; float: left; height: 63px; width: 63px; border: 1px solid #5591a6; margin-right: 18px; box-sizing: border-box; padding: 9px 4px; } .ib-col .ib-text { width: 68%; height: 63px; display: inline-block; } .ib-img i{ width: 100%; height: 100%; display: block; } .ib-col .ib-item a { text-transform: uppercase; font-size: 14px; line-height: 22px; color: #277b96; font-weight: 600; text-decoration: none; } .index-tasks-wrapper { height: 450px; overflow-x: scroll; overflow-y: hidden; margin: 80px 5% 0 0; padding: 25px 0 0 0; overflow: hidden; } .index-tasks-wrapper .item-list { white-space: nowrap; } .it-col { margin-right: 30px; width: 270px; display: inline-block; white-space: normal; vertical-align: top; } .it-col:last-child { margin-right: 0; } .it-col .article-item.article-item_section{ width: 100%; margin-bottom: 30px; } .it-col .article-item_section .article-item__img { margin-bottom: 8px; } .it-col .article-item.article-item_section .article-item__title A { font-size: 16px; line-height: 24px; font-weight: 600; } .index-events-news { border-top: 1px solid rgba(1, 186, 219, 1); border-bottom: 1px solid rgba(1, 186, 219, 1); margin-top: 80px; padding: 60px 0; } .index-events-news h2 { font-size: 36px; line-height: 37px; color: #0B2B3D; text-transform: uppercase; margin: 0 0 15px 0; min-height: 74px; } .ien-block { float: left; } .ievents-block { width: 23%; } .ien-list .ien-item{ width: 100%; margin-bottom: 35px; min-height: 318px; } .ien-item .ien-cat{ color: #c8004b; font-size: 14px; line-height: 20px; margin: 0 0 5px 0; min-height: 20px; text-transform: uppercase; font-weight: 100; } .ien-item img { width: 100%; height: auto; } .ien-item .ien-desc{ width: 100%; } .ien-item .ien-title { font-size: 18px; line-height: 24px; text-decoration: underline; width: 73%; float: left; display: block; } .ien-item .ien-title:hover { text-decoration: none; } .inews-block .ien-list .ien-item{ float: left; margin-right: 13%; width: 42%; } .inews-block .ien-list .ien-item:nth-child(even) { margin-right: 0; } .inews-block { border-left: 1px solid rgba(1, 186, 219, 1); margin-left: 8%; padding-left: 8%; width: 60%; } .ien-date { text-align: center; color: #919191; font-size: 14px; width: 25%; margin: 0 2% 5px 0; float: left; } .ien-date .ien-cal { line-height: 24px; height: 21px; width: 26px; border: 2px solid #919191; border-top: 7px solid #919191; margin: 5px auto; text-align: center; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(145,145,145,1); -moz-box-shadow: inset 0px 1px 1px 0px rgba(145,145,145,1); box-shadow: inset 0px 1px 1px 0px rgba(145,145,145,1); } .ien-item .ir-btn{ height: 29px; width: 152px; font-size: 10px; line-height: 29px; margin: 5px 0; } .ien-item .ien-author{ color: #999999; font-size: 14px; line-height: 18px; font-weight: 100; margin-top: 10px; } .ien-item .ien-tags { background-color: #f4f4f4; padding: 3px 10px; margin-top: 18px; } .ien-item .ien-tags li { color: #999999; display: inline-block; text-decoration: underline; font-size: 10px; line-height: 18px; text-transform: uppercase; margin-right: 18px; } .ien-item .ien-tags li:last-child { margin-right: 0; } .index-about-wrapper { margin-top: 62px; } .index-about-wrapper .inner-nav_fixed, .index-form-wrapper .inner-nav_fixed{ left: 0; } .index-about-wrapper .index-about__text{ float: left; width: 40%; } .index-about-wrapper .index-about__quot .person-quot__i { width: 525px; } .index-form-wrapper { margin: 10px auto 5px;max-width: 1400px;padding-bottom: 50px; } .index-form-wrapper h2{ font-size: 36px; line-height: 37px; font-weight: 600; } .index-form-section { background-color: #f9f9f9; height: 205px; width: 99%; /*max-width: 860px; */ border-style: solid; border-width: 5px; -moz-border-image: url(/bitrix/templates/.default/css/../images/border-pattern.jpg) 5 5 5 5; -webkit-border-image: url(/bitrix/templates/.default/css/../images/border-pattern.jpg) 5 5 5 5; -o-border-image: url(/bitrix/templates/.default/css/../images/border-pattern.jpg) 5 5 5 5; border-image: url(/bitrix/templates/.default/css/../images/border-pattern.jpg) 5 5 5 5; } .inf-form { display: block; padding: 35px 5%; } .inf-row { width: 100%; margin-bottom: 30px; } .inf-col { margin-right: 8%; float: left; width: 46%; } .inf-col:nth-child(even) { margin-right: 0; } .inf-form p { color: #868686; margin-bottom: 0; font-size: 14px; line-height: 20px; } .inf-form input { border: 1px solid #d0d0d0; color: #000; margin-top: 0; text-indent: 5px; width: 100%; height: 30px; font-size: 15px; background-color: #fff; line-height: 33px; padding: 0; } .inf-form .inf-btn { border: none; border-bottom: 1px solid #959595; cursor: pointer; width: 100%; height: 40px; font-size: 14px; line-height: 40px; margin-top: 0; } .inf-form .inf-btn:active { -webkit-box-shadow: inset 0px 0px 10px 0px rgba(255,255,255,1); -moz-box-shadow: inset 0px 0px 10px 0px rgba(255,255,255,1); box-shadow: inset 0px 0px 10px 0px rgba(255,255,255,1); } .inf-req-b:after, .inf-req:after { content: '*'; color: #ff0000; } .inf-form .inf-req-b { font-size: 12px; line-height: 17px; margin-top: 13px; } .index-mobile-only { display: none; } .vertical-middle-wrapper { width: 100%; content: ''; display: table; height: 100%; vertical-align: middle; } .vertical-middle-wrapper &gt; * { vertical-align: middle !important; height: 100% !important; display: table-cell !important; } .proj-page-form .business-brunches-mobile { font-size: 16px; } .proj-page-form .business-brunches-mobile:hover { text-decoration: underline; } .business-brunches-mobile { display: none; } .header-bg-class { background: url(/bitrix/templates/.default/css/../images/bg/intro-bg.jpg) no-repeat; background-size: cover; } .sub-menu .hide-when-sub { display: none; } .footer__search.like_footer { top: 8px; } .g-content__i:after { content: ''; display: table; clear: both; } .ash-modal-area { display: none; height: 100%; width: 100%; left: 0; top: 0; background-color: rgba(51, 51, 51, 0); position: fixed; z-index: 10000; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .ash-modal-area-open { display: block; background-color: rgba(51, 51, 51, 0); } .ash-modal-area.ash-modal-area-open { background-color: rgba(51, 51, 51, 0.6); } .ash-modal-area-content { position: relative; width: 100%; } .ash-modal-window { max-width: 390px; border: 1px solid #afafaf; display: block; background-color: #F9F9F9; color: #000; width: 33%; position: absolute; margin: 8% auto; padding: 20px 4% 35px; top: 8%; left: 0; right: 0; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .ash-modal-window.mw-from-top { -webkit-transform: translate(0, -500%); -ms-transform: translate(0, -500%); transform: translate(0, -500%); } .ash-modal-window.mw-show-window { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .ash-modal-window-header p{ font-family: 'Calibri Bold', 'Calibri'; font-weight: 700; font-style: normal; font-size: 16px; color: #666666; text-align: left; line-height: 22px; margin-bottom: 0; } .ash-modal-window-close { font-family: 'Arial Bold', 'Arial'; font-weight: 700; font-style: normal; font-size: 30px; color: #01BADB; text-decoration: none; position: absolute; top: 10px; right: 15px; } .ash-modal-window-content { margin-top: 15px; } .ash-modal-window-content span { color: #868690; font-size: 13px; line-height: 15px; display: inline-block; margin-bottom: 35px; } .ash-modal-window-content label { display: block; margin-bottom: 30px; } .ash-modal-window-content label.modal-check-box{ margin-bottom: 0; } .ash-modal-window-content label span { font-size: 16px; line-height: 20px; margin-bottom: 5px; } .ash-modal-window-content input[type=text], .ash-modal-window-content textarea { border: 1px solid #D0D0D0; width: 92%; color: #111; margin-top: 0; background-color: #fff; font-size: 16px; line-height: 30px; height: 30px; } .ash-modal-window-content textarea { resize: none; padding: 10px 14px; line-height: 20px; height: 110px; } .ash-modal-window-content button{ border: none; width: 100%; display: block; padding: 0; margin: 0; font-weight: bold; font-size: 15px; line-height: 40px; height: 40px; cursor: pointer; } @media (max-width:1319px) { .subintro__content { width: 64%; } } @media (max-width:1218px) { .index-about-wrapper .index-about__text { width: 30%; } .index-res-inn .index-res-i { width: 575px; margin: 0 auto; } .index-res-desc { width: 400px; } .subintro__content { width: 58%; } .sorted-projects .project-view__info { width: 55%; } } @media (min-width:1025px) { .header__block-text { width: 34%; margin-left: 6%; } } @media (max-width:1024px){ .header__block-text { width: 34%; margin-left: 6%; } .bl-fluid-left, .page-content_left { width: 100%; } .products-table__order .g-btn { width: 130px; } .bl-fix-right, .side-bar_right, .bl-fluid-left, .page-content_left{ width: 100%; margin: 0; } .side-bar__i{ float: left; width: 100%; } .rate-promo .cols__i { width: 100%; } .rate-promo__clients{ float: none; } .slider_clients { margin: 50px auto 0; } .slider_clients .slider__item { max-width: 600px; width: 100%; } .slider_clients .slider__item__i { width: 24%; } .header__logo { width: 185px; } .map-list__section { width: 28%; } .vacancy__img { width: 23%; } .vacancy__img img { width: 80%; height: 80%; } .items-list.col-2.items-list .article-item { margin-bottom: 25px; margin-right: 9%; } .items-list.col-2 .article-item:nth-child(even) { margin-right: 0; } .success__image { width: 23%; } .success__image__i { background-size: 90%; } .sub-menu__item.current:after { background-color: transparent; } .persons-active .persons-item { background-size: 75%; } .persons { height: 460px; padding-top: 35px; width: auto; left: -35px; } .personItem .persons-item, .personsBackground { pointer-events: none; } .persons-image, .Image { display: none; } .persons-item.item1 { left: 0; width: 175px; background-size: 120%; } .persons-item.item2 { left: 17%; width: 130px; background-size: 102%; } .persons-item.item3 { left: 31%; width: 195px; background-size: 100%; } .persons-item.item4 { left: 50%; width: 220px; background-size: 100%; } .persons-item.item5 { left: 70%; width: 145px; background-size: 100%; } .persons-item.item6 { left: 82%; width: 143px; background-size: 100%; } .persons-item__i { bottom: 5%; } .persons-quotation { margin-bottom: 0px; font-size: 13px; line-height: 20px; } .persons-item.item1 .persons-quotation { left: 20px; } .persons-item.item6 .persons-quotation { left: -92px; } .map-list__section__title A { border-bottom: none; font-size: 25px; line-height: 25px; } .user-generated iframe { max-width: 100%; } .inner-nav__i { max-width: 100% } .inner-nav__item A, .inner-nav__item.current A { font-size: 15px; line-height: 20px; } .user-generated table { max-width: 100%; } .user-generated .special-content { max-width: 100%; overflow-x: auto; } .brunch-menu { margin-bottom: 290px; } .project-view__company { width: 24%; } .items-list .article-item_project { width: 26%; } .header__phone, .header__search { width: 28%; } .header__phone { margin-left: 4px; } .header__block-text { width: 39%; } .subintro__content { padding: 20px 0; } .subintro__content p { font-size: 16px; } .subintro__numbers { margin-left: 4%; width: 321px; } .subintro__numbers span { height: 50px; width: 50px; margin-bottom: 10px; font-size: 40px; line-height: 55px; margin-right: 15px; } .subintro__numbers p { font-size: 20px; line-height: 24px; width: 250px; } .header__nav { min-width: auto; } .intro__content h2 { width: 90%; } /*.intro-btn { */ /*min-width: 300px; */ /*width: 30%; */ /*} */ .brunch-menu__item H3 { font-size: 7px; } .brunch-menu__item:first-child H3 { font-size: 12px; } .brunch-menu__item H3 SPAN { width: 68px; } .index-form-section { width: 98%; } .index-section-title { font-size: 26px; line-height: 29px; } .inner-nav_fixed { width: 20%; } .index-form-wrapper h2 { font-size: 21px; line-height: 21.99px; } .ien-item .ien-title { font-size: 14px; width: 70%; } .ien-date { font-size: 11px; margin-right: 5%; } .subintro__content { width: 51%; } .index-about__text { width: 100%; } .index-about-wrapper .index-about__text { width: auto; } .sorted-projects .project-view__info { width: 55%; } .sorted-projects .project-view__info .project-view__title { font-size: 30px; line-height: 1.2; } .sorted-projects .project-view__info .project-view__descr { margin: 0 0 20px; font-size: 20px; line-height: 1.1; } .sorted-projects .project-view__info .project-view__text { font-size: 15px; line-height: 1.4; } .sorted-projects .project-preview-list__item__i { display: block; float: left; width: 100%; height: auto; } .project-preview-list { width: 225px; } .sorted-projects .project-view__company{ width: 32%; } .sorted-projects .project-view__company__logo__img img { max-width: 80px; max-height: auto; } .sorted-projects .project-preview-list__item__i img { max-width: 100%; /*max-height: 40px; */ } .sorted-projects .project-preview-list__item { /*width: auto; */ width: 30%; margin-right: 1%; } .brunch-list__item:first-child { width: 90px; } .brunch-list { padding-left: 95px; } .brunch-list__item { width: 14%; } .brunch-list__item__i { width: 90px; } .brunch-list__item__icon { width: 90px; } .brunch-list__item__title { font-size: 8px; } } @media (min-width:768px) and (max-width:1024px){ .products-table TD{ width: 77%; } .header__nav A { margin-right: 6px; } .footer__address { right: 160px; } .header__phone, .header__search { display: none; } } @media (max-width:767px){ .products-table TD { float: left; } .menu-mobile.active{ display: block; } .ipr-content-inner .brunch-menu,{ margin-bottom: 0; } .proj-page-form .brunch-menu { margin-bottom: 100px; } .index-res{ display: none; } .rate-promo__clients{ display: none; } .business-brunches { position: relative; top: 15px; } .business-brunches-mobile { font-size: 13px; line-height: 13px; text-decoration: none; border-bottom: 1px dotted rgb(39, 123, 150); display: inline-block; color: rgb(39, 123, 150); font-weight: bold; margin: 10px 0 10px 2px; } .business-brunches-mobile:hover { color: rgb(39, 123, 150); } .ipr-slider-wrapper { border-top: 2px solid #d8d8d8; padding-top: 12px; } .ipr-content-inner .business-brunches, .proj-page-form .business-brunches{ display: none; z-index: 10; position: absolute; top: 55px; } .mobile-btn-toggle{ display: block; } .header__nav { display: none; width: 160px; right: 0; left: 0; top: 0; bottom: 0; padding: 65px 20px; z-index: 10; position: fixed; background-color: #0a2d36; min-width: inherit; } .header__nav A { margin-right: 0; margin-bottom: 15px; font-size: 15px; line-height: 15px; text-transform: uppercase; text-decoration: none; white-space: nowrap; display: block; } .header__nav A.current { color: white; } .header__nav.show-mobile-menu { display: block; } .toggle-section__title SPAN { margin-right: 40px; display: block; } .sub-menu { margin-bottom: 25px; } .sub-menu__item A { padding: 10px 7px; } .rates-title .offer { top: 50px; } .rates { margin-top: 75px; } .rate-block__info__order { width: 100%; } .rate-block__info__price { width: 30%; } .rate-block__info__name { width: 64%; } .person-quot__content_left H2 { font-size: 27px; line-height: 31px; } .rate-comparison__section__title, .toggle-section__title_plain{ padding-right: 45px; } .form_request, .form_subscription { width: auto; } .form__i, .form_subscription .form__i { width: 100%; padding: 20px 0 40px; } .form__i &gt; form { width: 360px; margin: 0 auto; } .form__i INPUT[type=text], .form__i TEXTAREA, .form__i .g-btn { width: 97%; padding-left: 0; padding-right: 0; } .form__i INPUT[type=text] { text-indent: 10px; } .form__i TEXTAREA { min-width: inherit; max-width: inherit; } .social-like-block { width: 100%; } .checkbox-group { padding: 7px 0px 5px 19px; } .map-list__section { width: 44%; } .vacancy__img { /*width: 15%; */ display: none; } .calendar_month { margin: 12px 0; } .calendar_month .calendar__item { margin-right: 30px; } .calendar_month .calendar__item A { padding: 8px 0; } .success__image { width: 10%; } .success__image__i { background-size: 95%; } .success .success-pagination { position: relative; left: auto; margin: 0 auto; } .person-description .person-description__picture { float: none; } .inner-nav_fixed { position: relative; width: 100%; } .inner-nav__i { width: 100%; } .inner-nav__i:after { content:""; display:table; clear:both; } .inner-nav__item { float: left; } .link-emph:after { background: none; } .sideMenu { display: none; } .page-content__i { padding-left: 0; } .success__description__title { font-size: 35px; line-height: 45px; margin-bottom: 15px; } .success .caroufredsel_wrapper { max-height: 610px; } .special-content-2 { overflow-x: auto; } .search-line__input { width: 73%; } .search-line__submit { width: 25%; } .user-generated .quotation { width: 72%; } .g-content { padding-top: 35px; } .user-generated P { margin-bottom: 10px; } .ipr-content-inner .brunch-menu { margin-bottom: 0; } .brunch-menu__i-mibile { display: block; } .brunch-menu__i { display: none; } .projects .sub-menu { margin-bottom: 160px; } .project-view__info { padding-left: 15px; } .project-view__descr { margin: 0 0 25px; font-size: 20px; line-height: 25px; } .project-view__text { font-size: 14px; line-height: 20px; } .inner-col-content { width: 100%; } .consult { width: 88%; } .inner-col-sidebar { width: 100%; padding-top: 0; } .items-list .article-item_project { width: 45%; margin-right: 5%; } .items-list .article-item_project:nth-child(even) { margin-right: 0; } .header__block-text { display: none; } .header__phone, .header__search{ display: none; } .header-wrapper { height: 55px; min-height: 0; } .match-slider .article-item{ width: 320px; } .index__intro { padding: 55px 0 20px 0; } .rss-sub { top: 15px; } .intro__content h2 { font-size: 27px; line-height: 36px; margin-bottom: 35px; } .intro__content p { font-size: 24px; line-height: 35px; margin-bottom: 35px; } .intro-btn { margin: 0 30px 15px 0; } .index__subintro { margin: 15px 0 25px 0; } .subintro__content { width: 100%; } .subintro__numbers { margin: 0 auto; float: none; } .header__search-show { display: block; width: 50%; position: fixed; right: 2%; top: 70px; z-index: 999; } .index-section-title { padding-top: 20px; margin-bottom: 0; } .index-brunch { margin-top: 0; } .inner-nav p { margin-bottom: 5px; } .index-tasks-wrapper { margin-top: 0; } #g345 .items-list:nth-child(2) ~ .article-item_section {display: none;} .ien-list .ien-item:nth-child(2) ~ .ien-item { display: none; } .ib-col .ib-text { width: 59%; } .ib-col .ib-item a { font-size: 12px; } .inews-block .ien-list .ien-item { float: none; width: 100%; margin-right: 0; } .ien-list .ien-item { min-height: 0; } .ievents-block { width: 40%; } .inews-block{ width: 40%; margin-left: 9.5%; padding-left: 9.5%; } .index-events-news { padding: 40px 0 10px 0; } .index-about-wrapper { margin-top: 20px; } .index-about-wrapper .index-about__quot .person-quot__i { width: 100%; } .index-form-wrapper { margin: 10px 0 40px 0; } #owlSubintro .owl-item{ float: none; } .ipr-content-inner .business-brunches__list__item, .proj-page-form .business-brunches__list__item{ margin: 0 4% 5px 0; width: 48%; } .ipr-content-inner .business-brunches__list__item:nth-child(even), .proj-page-form .business-brunches__list__item:nth-child(even) { margin-right: 0; } .ipr-content-inner .business-brunches.show-mobile-business, .proj-page-form .business-brunches.show-mobile-business { display: block; } .ipr-hor-item { float: none; margin: 0 auto; } .index-about__text { width: 100%; } .footer__search.like_footer { display: none; } .static-page-header ~ .top-page { padding-top: 60px; } .ash-modal-window { width: 90%; } .project-view { height: auto; } .sorted-projects .project-view__info, .sorted-projects .project-view__company { width: 94%; padding: 0 3% 30px; max-height: auto; } .project-view__info { max-height: 100%; } .sorted-projects .project-view__company__logo, .sorted-projects .project-view__company__more { width: 49%; margin-right: 2%; float: left; } .sorted-projects .project-view__company__more { margin-right: 0; } .old-header-intro-btn { padding: 0 3% 0; bottom: 5px; } .old-header-intro-btn a { 	vertical-align: top; min-width: 90%; width: 100%; padding-left: 0!important; padding-right: 0!important;} .sorted-projects .project-view { padding-bottom: 55px; } .intro-btn { margin-right: 5px; width: 185px; font-size: 11px; } .brunch-list { padding-left: 0; } .brunch-list__item__i { display: block; } .brunch-list__item:first-child { position: relative; } .brunch-list__item, .brunch-list__item:first-child { width: 25%; margin-bottom: 10px; } .brunch-list__item__i { margin: 0 auto; } header { height: 70px; } .sorted-projects__all { top: 45px; } } @media (min-width:480px) and (max-width:767px){ h1{ font-size: 34px; } .products-table TD { display: block; width: 100%; } .products-table TR { display: block; } .footer__address { top: 105px; right: 0; width: 235px; } h2{ font-size: 28px; } .footer__nav__section { float: none; width: 30%; padding-right: 2%; display: inline-table; } .footer__info__copy { width: 36%; } .footer__info__contacts { width: 64%; } .footer__info { height: 160px; } .page-content.page-content_left.cols__i .article-item_section { width: 48%; margin-right: 2%; } .page-content.page-content_left.cols__i .article-item_section:nth-child(2n) { margin-right: 0; } .article-item { width: 45%; } } @media (max-width:410px) { .brunch-list__item, .brunch-list__item:first-child { width: 33%; margin-bottom: 5px; } } @media (min-width:320px) and (max-width:479px){ .index-about__quot{ top: 0; } h1{ font-size: 25px; line-height: 35px; } .index-tasks-wrapper { height: 240px; overflow-x: scroll; overflow-y: hidden; margin: 0; padding: 0; } .index-events-news h2 { font-size: 18px; margin: 0 0 8px 0; text-transform: none; min-height: 0; } .index-form-wrapper { margin: 0 0 80px 0; } .index-form-section{ width: 100%; height: auto; } .index-about-wrapper { margin-top: 0; } .person-quot__content__about { font-size: 8px; line-height: 10px; } .person-quot { padding-top: 10px; } .person-quot__img { margin-top: -12px; } .person-quot__content__name { font-size: 12px; margin-bottom: 0; line-height: 14px; } .person-quot__content { padding: 10px 0 0 0; width: 62%!important; } .person-quot__content .person-quot__content__imp { margin-bottom:20px; font-size: 10px; line-height: 12px; } .person-quot__img IMG { max-width: 100%; } .index-about-wrapper .index-about__quot .person-quot__i { width: 100%; } .index-about{ padding: 0; } .inews-block .ien-list .ien-item { float: left; margin-right: 0; width: 100%; } .index-section-title { font-size: 19px; } .inews-block { border-left: 0; margin-left: 0; padding-left: 0; width: 100%; } .ien-list .ien-item { margin-bottom: 10px; } .ievents-block { width: 100%; } .index-events-news { margin-top: 25px; } .index-events-news { padding: 0; border-top: 0; border-bottom: 0; } .inner-nav p{ margin-bottom: 0; } .products-table TD { display: block; width: 100%; } .rate-block__icon { float: none; width: 100%; } .index-brunch { margin-top: 0; padding-top: 0; } .ib-col { float: none; width: 100%; margin-right: 0; } .page-content__i_full .link-emph_simple{ display: none; } .products-table TR { display: block; } .g-content { padding-top: 30px; } h2{ font-size: 25px; line-height: 30px; } .page-content.page-content_left.cols__i .article-item_section { width: 100%; margin-right: 0; } .footer__nav &gt; ul &gt; li.footer__nav__section { width: 100%; } .footer__i { padding: 15px 0; } .footer__info__copy { float: left; width: 100%; } .footer__info__copy__i P:first-child { margin-bottom: 5px; font-size: 12px; line-height: 12px; } .footer__phone { top: 35px; } .header__logo { width: 151px; } .footer__info { height: 200px; } .footer__search .g-search-block:hover { width: 250px; } .footer__search { top: 28px; } .footer__info__contacts{ width: 100%; } .footer__address { width: 100%; top: 95px; right: 0; } .top-page__ii { margin: 57px 0 0; } .products-table .img-b, .products-table .text-b { width: 100%; } .products-table .products-table__order{ text-align: left; } .items-list.col-2 .article-item, .article-item { width: 100%; margin-right: 0; } .article-item__img { text-align: center; } .form__i &gt; form { width: 100%; overflow: hidden; } .user-generated { overflow: hidden; } .user-generated .quotation { width: 100%; padding-left: 0; } .user-generated .quotation__img { display: none; } .user-generated .quotation__content:before { display: none; } .map-list__section { width: 85%; } .vacancy__content .cols__i{ width: 100%; } .success__image { display: none; } .success .success-pagination { bottom: 0; } .inner-col-content { width: 100%; } .inner-col-sidebar { width: 100%; } .sub-menu__item { margin: 10px 5px 0 0; } .sub-menu__item A { padding: 10px 7px; } .brunch-menu { margin-bottom: 520px; } .project-view__company { width: 100%; text-align: center; } .project-view__company__logo__img { float: none; } .consult__img { display: none; } .project-view__info { width: 100%; } .project-view__title { font-size: 25px; line-height: 30px; } .person-quot_left { padding: 0; } .person-quot_left .person-quot__i { padding: 0; min-height: 480px; } .person-quot__content_left H2 { font-size: 23px; line-height: 27px; } .person-quot__content_left P { font-size: 15px; line-height: 20px; } .bxarea-content_bottom_block .article-item { margin-right: 0; } .g-breadcrumbs A { display: inline-block; } .rate-block__info__name H3 { font-size: 27px; } .items-list .article-item_project { width: 100%; margin-right: 0; } .tablet-btn-text { display: none; } .search-toggle-btn { right: 40px; } .header-wrapper { height: 50px; padding: 10px 0 5px 0; } .hamburger2.show-mobile-menu { top: 15px; } .rss-sub { display: none; } .intex__fixed-line { display: none; } .index__intro { padding: 20px 0 20px 0; min-height: 0; max-height: 125px; margin-bottom: 100px; } .intro__content h2 { font-size: 18px; line-height: 22px; font-weight: normal; margin-bottom: 10px; } .intro__content p { font-size: 11px; line-height: 14px; margin-bottom: 50px; } .ih-mob-only-line { display: none; margin-bottom: 2px; height: 1px; background-color: #00ccff; width: 161px; } .intro-btn { margin: 0 0 10px 0; height: 45px; font-size: 13px; line-height: 45px; min-width: 100%; } .subintro__content p { font-size: 13px; line-height: 24px; } .subintro__content { float: none; padding-bottom: 0; } .subintro__numbers { position: relative; width: 75%; margin: 0 auto; display: block; float: none; } .subintro__numbers p { float: none; } .subintro__numbers p &gt; small { display: none; } .subintro__numbers ul li { margin: 0 auto; float: none; width: 220px; } .index-mobile-only { display: block; } .subintro__numbers .res-left{ left: -30px; top: 0; } .subintro__numbers .res-right{ right: -30px; top: 0; } .ipr-content { border: none; background-color: #f5f5f5; padding: 15px 15px 0; border-radius: 5px; } .ipr-content &gt; h2 { font-size: 14px; display: inline; text-transform: capitalize; font-weight: bold; line-height: 17px; } .ipr-content &gt; h2:after { content: ', '; font-weight: bold; } .ipr-content &gt; p { font-size: 14px; line-height: 17px; display: inline; text-transform: lowercase; font-weight: bold; } .ipr-content-inner { margin: 0; } .business-brunches-mobile { font-size: 13px; line-height: 13px; } .ipr-slider-control { display: none; } .ipr-slider-inner { margin: 0; overflow-x: scroll; overflow-y: hidden; } .ipr-hor { white-space: nowrap; } .ipr-hor-item { display: inline-block; white-space: normal; height: 280px; overflow: hidden; float: none; width: 426px; } .ipr-slider-inner .ipr-hor-item .article-item.article-item_project { width: 211px; display: inline-block; } .ipr-hor-item .article-item__img{ border: none; } .ipr-hor-item .article-item_client{ height: auto; } .ipr-hor-item .article-item_project .company-title{ margin: 2px 0 0; } .ipr-content .index-block-footer { display: none; } .index-brunch-wrapper .index-section-title, .index-tasks-b .index-section-title, .index-form-wrapper .index-section-title, .index-about-wrapper .index-section-title{ text-transform: none; padding-left: 15px; margin-bottom: 0; font-size: 18px; line-height: 25px; } .index-tasks-b .index-section-title, .index-form-wrapper .index-section-title{ padding: 0; } .index-about-wrapper .index-section-title { padding-left: 0; } .index-tasks-b { padding: 15px 15px 0 15px; background-color: #F5F5F5; border-radius: 5px; } .index-tasks-b .article-item__img { text-align: left; } .index-tasks-b .article-item__img IMG { width: 100%; } .it-col { width: 456px; margin-right: 0; } .it-col .article-item.article-item_section { width: 221px; margin-right: 5px; display: inline-block; float: none; } .index-tasks-b .inner-nav p{ font-size: 13px; line-height: 20px; margin-top: 10px; } .ib-col .ib-item a { text-transform: none; font-weight: normal; font-size: 15px; color: #01BADB; } .ib-col .ib-item a:hover { color: rgb(68, 226, 254); } .ib-col .ib-item .ib-img { border: none; margin: 5px 18px 5px 0; } .ib-item { position: relative; } .ib-col .ib-text { height: 73px; } .ib-col .ib-item { margin-bottom: 0; } .ib-item:before { content: ''; width: 70%; position: absolute; left: 81px; top: 0; border-top: 1px solid #F2F2F2; } .ib-col:last-child .ib-item:last-child:before { height: 100%; border-bottom: 1px solid #F2F2F2; pointer-events: none; } .index-form-wrapper { background-color: #6A7A83; padding: 15px 2%; } .index-form-wrapper .index-section-title { color: #fff; } .index-form-wrapper .inner-nav p { display: none; } .index-form-wrapper { } .index-form-section { border: none; background-color: transparent; } .inf-form { padding: 0; margin: 10px 0; } .inf-form p { text-transform: uppercase; color: #fff; font-size: 11px; line-height: 15px; } .index-about-wrapper .inner-nav_fixed, .index-form-wrapper .inner-nav_fixed { left: 0; } .inf-col { width: 100%; margin-right: 0; float: none; } .inf-form input { margin: 0 0 12px 0; font-size: 13px; height: 30px; } .inf-req-b { display: none; } .inf-row { margin-bottom: 12px; } .ien-item .ien-title { font-size: 13px; line-height: 16px; text-decoration: underline; width: 100%; float: none; } .ien-date, .ien-item .ir-btn, .ien-item .ien-cat, .ien-list .ien-item:first-child ~ .ien-item { display: none; } .ievents-block { border-bottom: 1px solid #F2F2F2; padding-bottom: 30px; } .inews-block { margin-top: 30px; } .ien-item .full-date { font-size: 12px; line-height: 14px; margin-bottom: 10px; } .ien-list-toall { display: inline-block; font-size: 13px; line-height: 16px; margin: 10px 0 0; } .index-about__text P { font-size: 13px; line-height: 15px; margin-bottom: 15px; } .index-about-wrapper .index-about__text { padding: 0 0; margin: 8px 0; float: none; } .person-quot { margin-bottom: 10px; } .index-about-toall { display: inline-block; text-transform: uppercase; margin-left: 2%; font-size: 15px; line-height: 18px; text-decoration: none; } .vertical-middle-wrapper p{ line-height: 19px; } .footer__nav__section__i { margin: 0 0 30px; } .footer__nav__section__title { margin-bottom: 10px; } #owlSubintro .owl-item{ float: left; } .ipr-content-inner .business-brunches__list__item, .proj-page-form .business-brunches__list__item { margin-right: 0; width: 100%; } .arrow-slide.prev { left: 5px; } .arrow-slide.next { right: 5px; } .sorted-projects .project-view { padding: 20px 15px 100px; margin-bottom: 45px; } .sorted-projects .project-view__info .project-view__title { font-size: 20px; text-align: center; } .sorted-projects .project-view__info .project-view__descr { font-size: 14px; } .sorted-projects .project-view__company__logo { width: 100%; margin-right: 0; float: none; } .sorted-projects .project-view__company__more { float: none; width: 100%; margin-right: 0; } .sorted-projects .project-view__info .project-view__text { font-size: 13px; } .sorted-projects .project-view__company__logo__descr SPAN { display: block; text-align: center; } .intro-btn { min-width: 97%; } } .for_result {color: red;} .project-view__title, .project-view__title a {color: #fff;} #modal-4 { background-color: #69c600; color: #fff; text-decoration: none; display: inline-block; font-family: Arial; font-size: 14px; padding: 5px 12px; } a#modal-2 { background-color: #69c600; color: #fff; text-decoration: none; display: inline-block; font-family: Arial; font-size: 13px; padding: 8px 12px; } #modal-4:hover { background-color: #85e41a; } #de_tr { font-size: 28px; font-family: "Myriad Pro"; margin-top: 30px; } @media (max-width: 768px) { .old-header-intro-btn { padding: 0 3%!important; left: 0!important; } .sorted-projects .project-preview-list__item { width: 30%; margin: 0 1%; 	display: inline-block; text-align: center; } .project-preview-list { margin: 25px auto!important;} 	.project-view__info { 		text-align: center; 	} 	.do-1 { 		width: 100%!important; 	} 	.do-2 { 		margin: 0 auto; 	} 	 	.index__proj { 		margin-bottom: 40px; 	} 	.index__proj .ipr-slider-wrapper {display: none;} 	 	.index__proj .index-block-footer { 		margin-top: 15px; 	} } @media (min-width: 768px) and (max-width: 1024px) { 	.do-1 { 		width: 100%!important; 	} 	 	.do-2 { 	 display: inline-block!important; 	 width: 32%; 	 text-align: center; 	} 	 }
.ipr-content > h2 {
	color: #000;
	text-transform: uppercase;
	font-size: 60px;
	margin: 50px 0 20px;
	text-align: center;
}

.ipr-content > h2 ~ p {
	font-size: 28px;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	padding: 15px 0;
}
@media (max-width: 480px) {
	.footer__nav__section {
		width: 100%!important;
	}
	.owl-item .item {
		margin: 0 20px !important;
	}
	.video-logo img {
		max-width: 50px !important;
	}
	.video-logo {
		width: 70px !important;
	}
}

#video_rew {
	margin-top: 40px;
}

.video-logo {
	/*width: 120px;*/
	float: left;
	text-align: left;
	height: 70px;
}

.video-logo img {
	max-width: 120px;
	max-height: 50px;
	padding-right: 10px;
	margin-top: 5px;
}

.owl-item .item {
	margin: 0 50px;
}

.video_top{
	max-height: 70px;
	min-height: 70px;
	padding-bottom: 10px;
}

.video {
	width: 100%;
	margin-bottom: 10px;
}

.video-youtube {
	width: 100%;
	position: relative;
	padding-bottom: 65%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}

.video-youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-desc {
	text-align: left;
	height: 70px;
	overflow: hidden;
}

.video-desc p {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 20px;
}

.owl-prev {
	display: inline-block;
	float: left;
	position: absolute;
	width: 16px;
	height: 53px;
	background: url(/bitrix/templates/.default/css/../images/img-arrow-slide.png) no-repeat;
	background-position: 0 -53px;
	top: 40%;
	left: 0;
	cursor: pointer;
}

.owl-next {
	display: inline-block;
	float: right;
	position: absolute;
	right: 0;
	background: url(/bitrix/templates/.default/css/../images/img-arrow-slide.png) no-repeat;
	background-position: -16px -53px;
	width: 16px;
	height: 53px;
	top: 40%;
	cursor: pointer;
}

.video-rew {
	position: relative;
}

.span5 {
	margin-bottom: 15px !important;
}

.intex__fixed-line {
	display:none;
}

.preloader {
	opacity:0;
	visibility:hidden;
}
.form_reg .form__title{
	font-size: 26px;
	margin-bottom: 40px;
}
#from_ajax_result .form__note{
	font-size: 18px;
	line-height: 18px;
}
#from_ajax_result .form__i INPUT[type=text]{
	height: 45px;
}
#from_ajax_result .form__i{
	/*height: 45px;*/
}
.social-like-block_twitter{
	display: none!important;
}

.business-brunches{
	position: relative;
	top: 0;
}
.brunch-menu {
	margin-bottom: 20px;
}
@media(max-width:767px){
	.tasks-item__list li{
		margin-bottom: 7px;
		line-height: 18px;
	}
}
/* End */


/* Start:/bitrix/templates/main/styles.css?17248310303099*/
.print-btn{
	cursor: pointer;
}
.modal-2-class{
	background-color: #69c600;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	font-family: Arial;
	font-size: 13px;
	padding: 8px 12px;
}
.header-contact-mini {
	gap: 20px;
}
.header-contact-mini {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 24px;
	position: absolute;
	left: 0;
	top: 83px;
}
.header-contact-mini:last-of-type {
	margin-right: 0;
}
@media(max-width: 768px){
	.header-contact-mini {
		top: 60px;
	}
}
@media(max-width: 575px){
	.header-contact-mini{
		display: flex!important;
	}
}
@media(max-width: 460px){
	.header-contact-mini {
		top: 93px;
	}

	.form.form_reg.form_request .form__i .row_checkbox{
		left: inherit!important;
	}
}
.fixed-contacts {
	position: fixed;
	display: flex;
	justify-content: space-between;
	align-items: center;
	right: 17px;
	bottom: 20px;
	transition: all .3s ease;
	z-index: 201;
}
.fixed-contacts a{
	margin-bottom: 15px;
	display: block;
	max-width: 65px;
	max-height: 65px;
}
.s-cta, .s-cta * {
	box-sizing: border-box;
}

.s-cta {
	position: relative;
	padding: 96px 0;
	background-image: url('/project/assets/img/cta/bg-cta-1.jpg');
	background-size: cover;
	background-position: center center;
}

.cta {
	width: 686px;
	max-width: 100%;
}

.cta__suptitle {
	margin: 0 0 10px;
	color: #21C1E4;
	font: 600 26px/130% 'MyriadPro',sans-serif;
	text-transform: uppercase;
}

.cta__title {
	color: #fff;
	font: 600 50px/130% 'MyriadPro',sans-serif;
	text-transform: uppercase;
}

.cta__action {
	margin: 22px 0 0;
}

.cta__action .btn {
	width: 482px;
	max-width: 100%;
}

.cta__thumb {
	width: 100%;
	margin: 0 0 30px;
}

.cta__thumb img {
	display: block;
	width: 100%;
}

@media (min-width: 768px) {
	.cta__thumb {
		display: none;
	}
}

@media (max-width: 767px) {
	.s-cta {
		padding: 64px 0;
	}

	.cta {
		width: 100%;
	}

	.cta__suptitle {
		font-size: 20px;
	}

	.cta__title {
		font-size: 36px;
	}
	.top-page__title{
		font-size: 23px!important;
		line-height: 27px!important;
	}
	.page-content *{
		font-size: 18px!important;
		line-height: 28px!important;
	}
}
.articles-text-styles img{
	max-width: 100% !important;
}
.articles-text-styles div, .articles-text-styles span, .articles-text-styles p, .articles-text-styles {
	font-size: 18px!important;
	line-height: 28px!important;
}
body.inner .top-page{
	padding-bottom: 75px!important;
}
.soon-events__item{
	max-width: 50%;
}
.soon-events__item img{
	max-width: 100%;
}
.form__i{
	box-sizing: content-box;
}
.soon-events__item{
	max-width: 48%;
}
@media (max-width: 525px) {
	.soon-events__item{
		max-width: 100%;
		margin-bottom: 15px;
	}
}
.soon-events__list{
	justify-content: space-between;
}
@media (max-width: 525px){
	.soon-events__item {
		max-width: 100%;
		margin-bottom: 20px;
	}
	.section-title{
		font-size: 40px;
		line-height: 36px;
	}
	.preview__title{
		margin-top: 50px;
	}
	.marquiz__container{
		z-index: 999;
	}
}
.btn-center{
	margin-bottom: 50px;
}
.btns-block-blue{
	background: #DEF6FB;
	padding: 50px 0;
}
body .container_pb0{
	padding-bottom: 0!important;
}
/* End */


/* Start:/bitrix/templates/main/template_styles.css?1724831030372*/
.top-page__title {
	font-family: "myriadpro-bold-webfont", "Myriad Pro", Arial, sans-serif;
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
    color: white;
}

.g-content h1 {
	margin-bottom: 25px;
    font-family: "myriadpro-semibold-webfont", "Myriad Pro", Arial, sans-serif;
    font-size: 36px;
    line-height: 40px;
    color: #277b96;
}

/* End */


/* Start:/bitrix/templates/.default/assets/css/public.css?166876420729316*/
/*
! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}
    html {
        font-family: 'Myriad Pro', sans-serif;
		color: #0B2B3D;
    }

	.leading-snug {
		line-height: 1.375 !important;
	
	}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::-webkit-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.container {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.bottom-\[-50px\] {
  bottom: -50px !important;
}
.left-0 {
  left: 0px !important;
}
.top-\[-30px\] {
  top: -30px !important;
}
.left-\[-35px\] {
  left: -35px !important;
}
.bottom-0 {
  bottom: 0px !important;
}
.top-0 {
  top: 0px !important;
}
.bottom-\[48px\] {
  bottom: 48px !important;
}
.left-\[48px\] {
  left: 48px !important;
}
.right-0 {
  right: 0px !important;
}
.z-10 {
  z-index: 10 !important;
}
.z-0 {
  z-index: 0 !important;
}
.col-start-3 {
  grid-column-start: 3 !important;
}
.row-start-1 {
  grid-row-start: 1 !important;
}
.row-end-4 {
  grid-row-end: 4 !important;
}
.m-auto {
  margin: auto !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-10 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}
.my-28 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}
.ml-6 {
  margin-left: 1.5rem !important;
}
.mt-6 {
  margin-top: 1.5rem !important;
}
.mb-9 {
  margin-bottom: 2.25rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.mb-6 {
  margin-bottom: 1.5rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-1\.5 {
  margin-bottom: 0.375rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mt-20 {
  margin-top: 5rem !important;
}
.mb-12 {
  margin-bottom: 3rem !important;
}
.mr-10 {
  margin-right: 2.5rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-4 {
  margin-left: 1rem !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-5 {
  margin-top: 1.25rem !important;
}
.flex {
  display: flex !important;
}
.grid {
  display: grid !important;
}
.h-20 {
  height: 5rem !important;
}
.h-0 {
  height: 0px !important;
}
.h-16 {
  height: 4rem !important;
}
.h-56 {
  height: 14rem !important;
}
.h-28 {
  height: 7rem !important;
}
.h-\[675px\] {
  height: 675px !important;
}
.h-14 {
  height: 3.5rem !important;
}
.h-32 {
  height: 8rem !important;
}
.h-full {
  height: 100% !important;
}
.h-4\/5 {
  height: 80% !important;
}
.w-44 {
  width: 11rem !important;
}
.w-20 {
  width: 5rem !important;
}
.w-16 {
  width: 4rem !important;
}
.w-full {
  width: 100% !important;
}
.w-96 {
  width: 24rem !important;
}
.w-5\/6 {
  width: 83.333333% !important;
}
.w-2\/12 {
  width: 16.666667% !important;
}
.w-3\/4 {
  width: 75% !important;
}
.w-1\/4 {
  width: 25% !important;
}
.w-32 {
  width: 8rem !important;
}
.w-1\/2 {
  width: 50% !important;
}
.w-1\/3 {
  width: 33.333333% !important;
}
.w-2\/3 {
  width: 66.666667% !important;
}
.shrink-0 {
  flex-shrink: 0 !important;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
}
.flex-col {
  flex-direction: column !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.items-start {
  align-items: flex-start !important;
}
.items-end {
  align-items: flex-end !important;
}
.items-center {
  align-items: center !important;
}
.justify-start {
  justify-content: flex-start !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-between {
  justify-content: space-between !important;
}
.gap-20 {
  gap: 5rem !important;
}
.gap-2\.5 {
  gap: 0.625rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-6 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 1.25rem !important;
}
.gap-16 {
  gap: 4rem !important;
}
.gap-4 {
  gap: 1rem !important;
}
.gap-0\.5 {
  gap: 0.125rem !important;
}
.gap-0 {
  gap: 0px !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-10 {
  gap: 2.5rem !important;
}
.gap-3 {
  gap: 0.75rem !important;
}
.gap-8 {
  gap: 2rem !important;
}
.gap-3\.5 {
  gap: 0.875rem !important;
}
.gap-y-5 {
  row-gap: 1.25rem !important;
}
.gap-x-12 {
  -moz-column-gap: 3rem !important;
       column-gap: 3rem !important;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem !important;
       column-gap: 1.5rem !important;
}
.gap-x-20 {
  -moz-column-gap: 5rem !important;
       column-gap: 5rem !important;
}
.gap-y-9 {
  row-gap: 2.25rem !important;
}
.gap-y-8 {
  row-gap: 2rem !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.rounded-full {
  border-radius: 9999px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border {
  border-width: 1px !important;
    border: 1px solid!important;
}
.border-b {
  border-bottom-width: 1px !important;
}
.border-\[\#01BADB\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(1 186 219 / var(--tw-border-opacity)) !important;
}
.border-\[\#C4C4C4\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(196 196 196 / var(--tw-border-opacity)) !important;
}
.border-\[\#4E4E4E\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(78 78 78 / var(--tw-border-opacity)) !important;
}
.border-white {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}
.bg-\[\#F0F2F4\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 242 244 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#315C6D\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(49 92 109 / var(--tw-bg-opacity)) !important;
}
.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2) !important;
}
.bg-dark\/20 {
  background-color: rgb(0 0 0 / 0.2) !important;
}
.bg-\[\#21C1E4\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(33 193 228 / var(--tw-bg-opacity)) !important;
}
.bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#69C600\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(105 198 0 / var(--tw-bg-opacity)) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-black {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#0B2B3D\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(11 43 61 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#071923\]\/70 {
  background-color: rgb(7 25 35 / 0.7) !important;
}
.bg-\[url\(\'\.\.\/\.\.\/src\/img\/bg-main\.png\'\)\] {
  background-image: url('/bitrix/templates/.default/assets/css/../../assets/img/bg-main.png') !important;
}
.bg-\[url\(\'\.\.\/\.\.\/src\/img\/bg-3\.svg\'\)\] {
  background-image: url('/bitrix/templates/.default/assets/css/../../assets/img/bg-3.svg') !important;
}
.bg-\[url\(\'\.\.\/\.\.\/src\/img\/home-top-banner\.png\'\)\] {
  background-image: url('/bitrix/templates/.default/assets/css/../../assets/img/home-top-banner.png') !important;
}
.bg-\[url\(\'\.\.\/\.\.\/src\/img\/bg-4\.png\'\)\] {
  background-image: url('/bitrix/templates/.default/assets/css/../../assets/img/bg-4.png') !important;
}
.bg-\[url\(\'\.\.\/\.\.\/src\/img\/bg-1\.png\'\)\] {
  background-image: url('/bitrix/templates/.default/assets/css/../../assets/img/bg-1.png') !important;
}
.bg-cover {
  background-size: cover !important;
}
.bg-right {
  background-position: right !important;
}
.bg-no-repeat {
  background-repeat: no-repeat !important;
}
.object-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.p-12 {
  padding: 3rem !important;
}
.p-9 {
  padding: 2.25rem !important;
}
.p-8 {
  padding: 2rem !important;
}
.p-6 {
  padding: 1.5rem !important;
}
.p-4 {
  padding: 1rem !important;
}
.p-1\.5 {
  padding: 0.375rem !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-5 {
  padding: 1.25rem !important;
}
.py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.px-14 {
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}
.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.px-16 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.py-24 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
.py-12 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.py-14 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}
.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.py-2\.5 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.px-10 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
.pl-20 {
  padding-left: 5rem !important;
}
.pb-20 {
  padding-bottom: 5rem !important;
}
.text-center {
  text-align: center !important;
}
.text-3xl {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}
.text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-5xl {
  font-size: 3rem !important;
  line-height: 1 !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-bold {
  font-weight: 700 !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.leading-snug {
  line-height: 1.375 !important;
}
.text-\[\#21C1E4\] {
  --tw-text-opacity: 1 !important;
  color: rgb(33 193 228 / var(--tw-text-opacity)) !important;
}
.text-\[\#767676\] {
  --tw-text-opacity: 1 !important;
  color: rgb(118 118 118 / var(--tw-text-opacity)) !important;
}
.text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#0B2B3D\] {
  --tw-text-opacity: 1 !important;
  color: rgb(11 43 61 / var(--tw-text-opacity)) !important;
}
.text-\[\#315C6D\] {
  --tw-text-opacity: 1 !important;
  color: rgb(49 92 109 / var(--tw-text-opacity)) !important;
}
.text-\[\#C4C4C4\] {
  --tw-text-opacity: 1 !important;
  color: rgb(196 196 196 / var(--tw-text-opacity)) !important;
}
.underline {
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}
.transition-shadow {
  transition-property: box-shadow !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
 
/* This stylesheet generated by Transfonter (https://transfonter.org) on July 4, 2017 2:58 PM */

@font-face {
	font-family: 'Myriad Pro';
	src: url('/bitrix/templates/.default/assets/css/MyriadPro-Bold.eot');
	src: local('Myriad Pro Bold'), local('MyriadPro-Bold'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-Bold.woff') format('woff'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


@font-face {
	font-family: 'Myriad Pro';
	src: url('/bitrix/templates/.default/assets/css/MyriadPro-Semibold.eot');
	src: local('Myriad Pro Semibold'), local('MyriadPro-Semibold'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-Semibold.woff') format('woff'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
	src: url('/bitrix/templates/.default/assets/css/MyriadPro-Black.eot');
	src: local('Myriad Pro Black'), local('MyriadPro-Black'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-Black.eot?#iefix') format('embedded-opentype'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-Black.woff') format('woff'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
	src: url('/bitrix/templates/.default/assets/css/MyriadPro-Regular.eot');
	src: local('Myriad Pro Regular'), local('MyriadPro-Regular'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-Regular.woff') format('woff'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
	src: url('/bitrix/templates/.default/assets/css/MyriadPro-BoldSemiExt.eot');
	src: local('Myriad Pro Bold SemiExtended'), local('MyriadPro-BoldSemiExt'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-BoldSemiExt.eot?#iefix') format('embedded-opentype'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-BoldSemiExt.woff') format('woff'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-BoldSemiExt.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
	src: url('/bitrix/templates/.default/assets/css/MyriadPro-Light.eot');
	src: local('Myriad Pro Light'), local('MyriadPro-Light'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-Light.woff') format('woff'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
	src: url('/bitrix/templates/.default/assets/css/MyriadPro-SemiboldSemiExt.eot');
	src: local('Myriad Pro Semibold SemiExtended'), local('MyriadPro-SemiboldSemiExt'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-SemiboldSemiExt.eot?#iefix') format('embedded-opentype'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-SemiboldSemiExt.woff') format('woff'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-SemiboldSemiExt.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
	src: url('/bitrix/templates/.default/assets/css/MyriadPro-BlackSemiExt.eot');
	src: local('Myriad Pro Black SemiExtended'), local('MyriadPro-BlackSemiExt'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-BlackSemiExt.eot?#iefix') format('embedded-opentype'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-BlackSemiExt.woff') format('woff'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-BlackSemiExt.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
	src: url('/bitrix/templates/.default/assets/css/MyriadPro-SemiExt.eot');
	src: local('Myriad Pro SemiExtended'), local('MyriadPro-SemiExt'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-SemiExt.eot?#iefix') format('embedded-opentype'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-SemiExt.woff') format('woff'),
		url('/bitrix/templates/.default/assets/css/../font/MyriadPro-SemiExt.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.owl-nav {
    position: absolute;
    top: -70px;
    right: 0;
    font-size: 50px;
    line-height: 0.5;
    display: flex;
    gap: 45px;
    color: #0B2B3D;
    width: 85px;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    width: 35px;
}
.hover\:underline:hover {
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

@media (min-width: 640px) {

  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .sm\:flex-row {
    flex-direction: row !important;
  }
}

@media (min-width: 768px) {

	.md\:\!leading-snug {
		line-height: 1.375 !important;
	
	}

	.md\:bottom-\[48px\] {
    bottom: 48px !important;
  }

	.md\:my-28 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

	.md\:mr-10 {
    margin-right: 2.5rem !important;
  }

	.md\:w-4\/5 {
    width: 80% !important;
  }

	.md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

	.md\:flex-row {
    flex-direction: row !important;
  }

	.md\:items-start {
    align-items: flex-start !important;
  }

	.md\:py-24 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

	.md\:py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

	.md\:px-16 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

	.md\:py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

	.md\:px-20 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

	.md\:text-left {
    text-align: left !important;
  }

	.md\:text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important;
  }

	.md\:text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }

	.md\:\!leading-snug {
    line-height: 1.375 !important;
  }

	.md\:\!leading-tight {
    line-height: 1.25 !important;
  }
}

@media (min-width: 1024px) {

  .lg\:absolute {
    position: absolute !important;
  }

  .lg\:w-1\/2 {
    width: 50% !important;
  }

  .lg\:w-1\/3 {
    width: 33.333333% !important;
  }

  .lg\:w-2\/3 {
    width: 66.666667% !important;
  }

  .lg\:w-1\/5 {
    width: 20% !important;
  }

  .lg\:w-3\/5 {
    width: 60% !important;
  }

  .lg\:w-1\/4 {
    width: 25% !important;
  }

  .lg\:w-3\/4 {
    width: 75% !important;
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .lg\:flex-row {
    flex-direction: row !important;
  }
}

@media (min-width: 1280px) {

  .xl\:col-start-3 {
    grid-column-start: 3 !important;
  }

  .xl\:row-start-1 {
    grid-row-start: 1 !important;
  }

  .xl\:row-end-4 {
    grid-row-end: 4 !important;
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .xl\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1536px) {

  .\32xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .\32xl\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }
}
.s-hero::before{
    display: none!important;
}
.footer__nav{
    color: #fff;
}
.footer__nav a{
    color: #01badb;
}
.footer__nav a:hover{
    color: #44e2fe;
}
/* End */


/* Start:/project/assets/css/style.css?17132968349476*/
@font-face {
	font-family: 'MyriadPro';
	src: url('/project/assets/css/../font/MyriadPro-Regular.eot');
	src: url('/project/assets/css/../font/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		 url('/project/assets/css/../font/MyriadPro-Regular.woff') format('woff'),
		 url('/project/assets/css/../font/MyriadPro-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MyriadPro';
	src: url('/project/assets/css/../font/MyriadPro-SemiBold.eot');
	src: url('/project/assets/css/../font/MyriadPro-SemiBold.eot?#iefix') format('embedded-opentype'),
		 url('/project/assets/css/../font/MyriadPro-SemiBold.woff') format('woff'),
		 url('/project/assets/css/../font/MyriadPro-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MyriadPro';
	src: url('/project/assets/css/../font/MyriadPro-Bold.eot');
	src: url('/project/assets/css/../font/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
		 url('/project/assets/css/../font/MyriadPro-Bold.woff') format('woff'),
		 url('/project/assets/css/../font/MyriadPro-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--fm:  'MyriadPro', sans-serif;
}

.mt\:36 { margin-top: 36px!important; }
.mt\:48 { margin-top: 48px!important; }

.pt\:0 { padding-top: 0!important; }

.flex-grow\:1 {
	flex-grow: 1!important;
}

.align-items\:center {
	align-items: center!important;
}

.gap\:12 {
	gap: 12px!important;
}

.w\:66 {
	width: 66px!important;
}

.bg\:light { background-color: #F0F2F4!important; }
.bg\:white { background-color: #fff!important; }

.section-title {
	color: #0B2B3D;
	font: 600 30px/1.2 var(--fm);
}

.section-title span {
	color: rgba(49, 92, 109, 1);
}

.divider {
	width: 178px;
	height: 2px;
	background-color: #01BADB;
}

.section {
	padding: 40px 0;
}

.section .container {
	max-width: 1326px;
}

@media (min-width: 768px) {
	.section {
		padding: 64px 0;
	}

	.section-title {
		font-size: 50px;
	}
}

@media (min-width: 1024px) {
	.section {
		padding: 96px 0;
	}

	.text-intro {
		display: flex;
	}

	.text-intro__content {
		margin: 48px -18% 48px 0;
	}

	.text-intro__thumb {
		height: 100%;
		min-height: 517px;
	}
}

.project-item {
	background-color: #fff;
}

.project-item__thumb {
	width: 100%;
}

.project-item__thumb img {
	width: 100%;
}

@media (min-width: 1024px) {
	.col-factory {
		width: 208px;
		min-width: 208px;
	}

	.col-review {
		width: 338px;
		min-width: 338px;
	}
}

.upp-call {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 96px 0 0;
	padding: 34px 136px;
	gap: 32px;
	background: #F0F2F4;
	backdrop-filter: blur(1px);
}

.upp-call__btn .btn {
	width: 350px;
	max-width: 100%;
}

.section-subtitle {
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	text-transform: uppercase;
	color: #315C6D;
}

@media (max-width: 1023px) {
	.upp-call {
		margin: 64px 0 0;
		padding: 34px;
		flex-direction: column;
		text-align: center;
	}

	.upp-call__btn {
		width: 100%;
	}
}



/* section tags */
.tags {
	margin: 26px 0 0;
	background-color: #F0F2F4;
}

.tags__head {
	position: relative;
	padding: 18px;
	background-color: #69C600;
	color: #fff;
	font: 600 30px/1.1 var(--fm);
}

.tags__body {
	padding: 18px;
}

.tags__list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.tag-item {
	padding: 6px 10px;
	border: 1px solid #C4C4C4;
	background-color: #fff;
	color: #0B2B3D;
	font: 400 14px/1.444 var(--fm);
	text-transform: uppercase;
}

@media (min-width: 768px) {
	.tags {
		margin: 48px 0 0;
		display: flex;
	}

	.tags__head {
		width: 68px;
		min-width: 68px;
	}

	.tags__head span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) rotate(-90deg);
		white-space: nowrap;
	}

	.tag-item {
		padding: 8px 14px;
		font-size: 18px;
	}
}



/* section modules */
.module-table {
	margin: 80px 0 0;
}

.module-row {
	position: relative;
	display: flex;
}

.module-row::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 4px;
	border-bottom: 1px solid #D9D9D9;
}

.module-row:first-child .module-col {
	border-radius: 26px 26px 0 0;
}

.module-row:first-child .module-col::after {
	top: 10px;
	border-radius: 0 26px 0 0;
}

.module-row:last-child::after {
	bottom: 34px;
}

.module-row:last-child .module-col {
	padding-bottom: 47px;
	border-radius: 0 0 26px 26px;
	overflow: hidden;
}

.module-col {
	position: relative;
	width: 50%;
	padding: 13px 38px;
	background-color: #fff;
	color: #315C6D;
	font: 400 17px/1.555 var(--fm);
}

.module-col::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 10px;
	background: linear-gradient(90deg, #FFFFFF 0%, #FDFDFD 37%, #F5F5F5 54%, #E9E9E9 67%, #D6D6D6 78%, #BFBFBF 87%, #A2A2A2 96%, #919191 100%);
	background-blend-mode: multiply;
	mix-blend-mode: multiply;
	opacity: 0.4;
}

.module-title {
	position: relative;
	width: 50%;
	padding: 4px 20px 38px;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.192;
	text-align: center;
	color: #fff;
	z-index: 21;
	background-color: #0B2B3D;
}

@media (min-width: 768px) {
	.module-row::after {
		right: 40px;
		left: 40px;
	}
	
	.module-col:not(.module-title):first-child {
		padding-left: 55px;
	}

	.module-col:not(.module-title):last-child {
		padding-right: 55px;
	}

	.module-title {
		background-color: #fff;
		font-size: 26px;
	}

	.module-title::before {
		content: '';
		position: absolute;
		top: -15px;
		right: 20px;
		left: 20px;
		height: 88px;
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		z-index: -1;
	}

	.module-title--primary::before {
		background-image: url(/project/assets/css/../gfx/visor-primary.png);
	}

	.module-title--success::before {
		background-image: url(/project/assets/css/../gfx/visor-success.png);
	}
}

@media (max-width: 767px) {
	.module-table {
		margin: 26px 0 0;
	}

	.module-col {
		padding: 12px;
		font-size: 14px;
		word-break: break-word;
	}

	.module-title {
		padding: 12px;
	}
}



/* section cases */
.case-head {
	display: flex;
	align-items: center;
	margin-top: 48px;
	gap: 43px;
}

.case-title {
	color: #fff;
	font-weight: 600;
	font-size: 30px;
	line-height: 1;
}

.case-item__num small {
	display: block;
	font-size: 22px;
}

@media (max-width: 767px) {
	.case-head {
		margin: 26px 0 0;
		flex-direction: column;
		gap: 21px;
	}

	.case-title {
		font-size: 21px;
	}
}

.mb\:30 {
	margin-bottom: 30px;
}
.mb\:48 {
	margin-bottom: 48px;
}

.header-contact__thumb {
	width: 20px;
	min-width: 20px;
}

.header-contact-mini {
	gap: 20px;
}

.case-subtitle {
	width: 100%;
	color: #000;
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
}

.case__head {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.case__link {
	display: block;
	text-align: center;
	margin-top: 12px;
	color: #fff;
}

@media (min-width: 768px) {
	.case-subtitle {
		grid-column: span 2;
	}
}

@media (max-width: 1199px) {
	.header-contact-mini {
		gap: 15px;
	}

	.header-contact-mini img {
		max-width: 26px;
	}
}
@media(max-width:767px){
	.tasks-item__list li{
		margin-bottom: 7px;
		line-height: 18px;
	}
}
@media (max-width: 575px) {
	.tasks-item__list {
		font-size: 16px;
		line-height: 1.3;
	}

	.tasks-item__list a {
		display: block;
		font-size: 16px;
		line-height: 1.3;
	}

	.tasks-item__list li {
		margin-bottom: 16px;
	}

	.tasks-item__list li:last-child {
		margin-bottom: 0;
	}
}
.owl-carousel img.object-cover {
	width: 100%;
	/*height: 100%;*/
	height: auto!important;
	object-fit: cover!important;
	object-position: left top!important;
}

.s-cta, .s-cta * {
	box-sizing: border-box;
}

.s-cta {
	position: relative;
	padding: 50px 0;
	background-image: url('/project/assets/img/cta/bg-cta-1.jpg');
	background-size: cover;
	background-position: center center;
}
.s-cta.bg1{
	background-image: url('/project/assets/img/cta/bg1.jpg');
}
.s-cta.bg2{
	background-image: url('/project/assets/img/cta/bg2.jpg');
}
.s-cta.bg3{
	background-image: url('/project/assets/img/cta/bg3.jpg');
}
.s-cta.bg4{
	background-image: url('/project/assets/img/cta/bg4.jpg');
}
.cta {
	width: 686px;
	max-width: 100%;
}

.cta__suptitle {
	margin: 0 0 10px;
	color: #21C1E4;
	font: 600 22px / 120% 'MyriadPro', sans-serif;
	text-transform: uppercase;
}

.cta__title {
	color: #fff;
	font: 600 40px / 120% 'MyriadPro', sans-serif;
	text-transform: uppercase;
}

.cta__action {
	margin: 22px 0 0;
}

.cta__action .btn {
	width: 482px;
	max-width: 100%;
}

.cta__thumb {
	width: 100%;
	margin: 0 0 30px;
}

.cta__thumb img {
	display: block;
	width: 100%;
}

@media (min-width: 768px) {
	.cta__thumb {
		display: none;
	}
}

@media (max-width: 767px) {
	.s-cta {
		padding: 40px 0;
	}

	.cta {
		width: 100%;
	}

	.cta__suptitle {
		font-size: 16px;
	}

	.cta__title {
		font-size: 18px;
	}
	.cta__action .btn {
		width: 300px!important;
		font-size: 12px!important;
	}
}
.soon-events__item{
	max-width: 48%;
}
@media (max-width: 525px) {
	.soon-events__item{
		max-width: 100%;
	}
}
.soon-events__list{
	justify-content: space-between;
}
/* End */
/* /bitrix/templates/.default/css/owl2/owl.carousel.min.css?16687642063011 */
/* /bitrix/templates/.default/css/video_rew.css?16687642061010 */
/* /bitrix/components/prymery/feedback.form/js/jquery.fancybox.min.css?166876418312795 */
/* /bitrix/templates/.default/components/bitrix/menu/simple/style.css?1668764206964 */
/* /bitrix/templates/.default/css/template_styles.css?1705218764156727 */
/* /bitrix/templates/main/styles.css?17248310303099 */
/* /bitrix/templates/main/template_styles.css?1724831030372 */
/* /bitrix/templates/.default/assets/css/public.css?166876420729316 */
/* /project/assets/css/style.css?17132968349476 */
