

/* Start:/bitrix/templates/yal_sto_landing_s1/css/reset.css?16340284311136*/
html, body, div, span, applet, object, 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, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
table, td, tr, th{
	outline: 0;
	font-size: 100%;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
img {
	border: none;
}
input {
	vertical-align: middle;
}

body {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix {
  from { opacity: 1; }
  to { opacity: 1; }
}
/* End */


/* Start:/bitrix/templates/yal_sto_landing_s1/css/libs/libs.css?163402843135009*/
/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/bitrix/templates/yal_sto_landing_s1/css/libs/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/bitrix/templates/yal_sto_landing_s1/css/libs/fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.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;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.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, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/bitrix/templates/yal_sto_landing_s1/css/libs/fancybox_sprite.png');
}

#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/yal_sto_landing_s1/css/libs/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/bitrix/templates/yal_sto_landing_s1/css/libs/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.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/yal_sto_landing_s1/css/libs/fancybox_overlay.png');
}

.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: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.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);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	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 {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('/bitrix/templates/yal_sto_landing_s1/css/libs/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('/bitrix/templates/yal_sto_landing_s1/css/libs/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

/* End */


/* Start:/bitrix/templates/yal_sto_landing_s1/css/template_styles.css?163731146757687*/
@media screen and (max-width: 1350px){
header{
height: 110px !important;
}
}

@font-face {
    font-family: 'glober_regularregular';
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_regular-webfont.eot');
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_regular-webfont.woff2') format('woff2'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_regular-webfont.woff') format('woff'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'globersemibold_free';
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_semibold-webfont.eot');
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_semibold-webfont.woff2') format('woff2'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_semibold-webfont.woff') format('woff'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'globerthin_free';
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_thin-webfont.eot');
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_thin-webfont.woff2') format('woff2'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_thin-webfont.woff') format('woff'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'globerbook';
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_book-webfont.eot');
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_book-webfont.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_book-webfont.woff2') format('woff2'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_book-webfont.woff') format('woff'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_book-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'globerlight';
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_light-webfont.eot');
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_light-webfont.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_light-webfont.woff2') format('woff2'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_light-webfont.woff') format('woff'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
html {
    height: 100%;
}
body {
    width: 100%;
    height: 100%;
    font-family: 'glober_regularregular';
//background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/body-bg.jpg");
}
h2 {
    margin: 0 0 36px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: normal;
    color: #333333;
}
h3 {
    margin: 0 0 15px;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: normal;
    color: #ffffff;
}
.f-13 {
    font-size: 13px;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -290px;
// overflow: hidden;
}
.wrapper:after {
    content: '';
    height: 290px;
    display: block;
}
/*--------------------------------*/
/*--------------------------------*/
.projects-section:after {
    content: '';
    width: 100%;
    height: 117px;
    position: absolute;
    bottom: 0;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/separator-type2.png") repeat-x;
    z-index: 1;
}
.wrap {
    margin: 0 auto;
    width: 1200px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}
/* Header
-----------------------------------------------------------------------------*/
header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
header .logo {
    position: absolute;
    left: 0;
    top: 24px;
}
header .phone {
    position: absolute;
    right: 0;
    top: 30px;
    line-height: normal;
    font-size: 25px;
    color: #ffffff;
}
header .callback-btn {
    padding: 0 20px 0 28px;
    height: 38px;
    position: absolute;
    right: 0;
    top: 69px;
    line-height: 38px;
    text-decoration: none;
    font-family: 'globersemibold_free';
    font-size: 16px;
    color: #ffffff;
    display: block;
    background: #fbba00;
    border-radius: 10px;
}
header .callback-btn i {
    margin-left: 10px;
    position: relative;
    top: 1px;
    font-size: 18px;
}
header .callback-btn:hover {
    background: #e5aa01;
}
header.fixed {
    height: 53px;
    position: fixed;
    top: 0;
    background: #1f2123;
}
header.fixed .logo {
    top: 10px;
}
header.fixed .logo img {
    width: 220px;
}
header.fixed nav {
    left: 291px;
    top: 11px;
}
header.fixed nav a {
    font-size: 12px;
}
header.fixed .phone {
    right: 170px;
    top: 14px;
    font-size: 18px;
}
header.fixed .callback-btn {
    padding: 0 14px 0 18px;
    height: 31px;
    top: 11px;
    line-height: 31px;
    font-size: 14px;
}
header.fixed .callback-btn i {
    margin-left: 5px;
}
nav {
    position: absolute;
    left: 363px;
    top: 30px;
}
nav a {
    padding: 0 12px;
    margin: 0 16px 0 0;
    height: 31px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    position: relative;
    line-height: 31px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'glober_regularregular';
    font-size: 14px;
    color: #ffffff;
    border-radius: 5px;
    border: 1px solid transparent;
}
nav a:hover {
    border: 1px solid rgba(255, 255, 255, 0.3);
}
nav a.active {
    background: #ffdd0b;
    border: 1px solid transparent;
}
/* callback-section
-----------------------------------------------------------------------------*/
.callback-section {
    display: none;
    padding: 14px 0 25px;
    width: 100%;
    position: fixed;
    top: 0;
    background: #1f2123;
    z-index: 101;
}
.callback-section .close {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 22px;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/ico-close.png") no-repeat;
    background-size: 100%;
}
.callback-section .field {
    width: 290px;
}
.callback-section .field-select {
    width: 206px;
}
.callback-section .field-btn {
    margin-right: 0;
    width: 231px;
}
.field-inline {
    margin-right: 56px;
    display: inline-block;
    vertical-align: bottom;
}
.field-inline:last-child {
    margin-right: -5px;
}
.field input {
    padding: 0 12px;
    width: 100%;
    height: 37px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'glober_regularregular';
    font-size: 13px;
    color: #999999;
    border: 1px solid #f3f3f3;
    -webkit-box-shadow: inset 0 -3px 0 0 #f3f3f3;
    box-shadow: inset 0 -3px 0 0 #f3f3f3;
}
.field textarea {
    padding: 12px;
    width: 100%;
    height: 164px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'glober_regularregular';
    font-size: 13px;
    color: #999999;
    border: 1px solid #f3f3f3;
    -webkit-box-shadow: inset 0 -3px 0 0 #f3f3f3;
    box-shadow: inset 0 -3px 0 0 #f3f3f3;
}
.field-btn input,
.field-btn a {
    width: 100%;
    height: 43px;
    position: relative;
    line-height: 43px;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
    color: #ffffff;
    background: #ffdd0b;
    border-radius: 43px;
    border: none;
    cursor: pointer;
}
.field-btn input:hover,
.field-btn a:hover {
    background: #e5aa01;
}
.field-select .select2-container {
    width: 100% !important;
}
.field-select .select2-container .select2-selection--single {
    height: 37px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.field-select .select2-container--default .select2-selection--single {
    border: 1px solid #e1e1e1;
    border-bottom: 4px solid #e1e1e1;
    border-radius: 0;
}
.field-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 37px;
    font-size: 13px;
    color: #999999;
}
.field-select .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 14px;
    padding-right: 30px;
}
.field-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 30px;
    height: 37px;
}
.field-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -6px;
    margin-top: -4px;
    border-color: #999999 transparent transparent transparent;
    border-style: solid;
    border-width: 7px 6px 0 6px;
}
.field-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    margin-top: -6px;
    /*-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);*/
}
.select2-dropdown {
    border: none;
    border-radius: 0;
}
.select2-results__option {
    padding: 6px 14px;
    font-size: 13px;
    color: #999999;
}
label {
    margin-bottom: 3px;
    display: block;
    line-height: normal;
    font-size: 15px;
    color: #ffffff;
}
/* main-slider-section
-----------------------------------------------------------------------------*/
.main-slider-section {
    height: 620px;
    overflow: hidden;
    position: relative;
}
.main-slider-section:after {
    content: '';
    width: 100%;
    height: 129px;
    display: block;
    position: absolute;
    bottom: 0;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/separator-type1.png") repeat-x center;
}
.main-slider-section .fotorama__caption {
    margin-top: -40px;
    top: 50%;
    bottom: auto;
    /*-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);*/
}
.main-slider-section .fotorama__caption__wrap {
    width: 100%;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    font-size: 57px;
    color: #ffffff;
    background: none;
}
.main-slider-section .fotorama__nav-wrap {
    position: absolute;
    bottom: 187px;
}
.main-slider-section .fotorama__nav__shaft {
    padding: 6px 0;
    position: relative;
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
}
.main-slider-section .fotorama__nav--dots .fotorama__nav__frame {
    margin: 0 9px;
    width: 14px;
    height: 14px;
}
.main-slider-section .fotorama__dot {
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    border: 1px solid #fff;
    border-radius: 50%;
}
.main-slider-section .fotorama__nav__frame.fotorama__active .fotorama__dot {
    width: 14px;
    height: 14px;
    border: none;
    background: #000;
    border-radius: 50%;
}
/* products-section
-----------------------------------------------------------------------------*/
.products-section {
    padding: 37px 0 62px;
}
/* tabs
-----------------------------------------------------------------------------*/
.tabs-caption {
    margin-bottom: 93px;
    padding: 0 98px;
    text-align: justify;
    line-height: 0;
    font-size: 1px;
    text-align-last: justify;
}
.tabs-caption:after {
    width: 100%;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}
.tabs-caption li {
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: top;
    line-height: normal;
    font-size: 25px;
    color: #333333;
    border-bottom: 1px dashed #333333;
    cursor: pointer;
}
.tabs-caption li:hover {
    color: #fbba00;
    border-bottom: 1px solid transparent;
}
.tabs-caption li.active {
    padding: 2px 21px;
    margin: -2px -21px;
    color: #fff;
    border-radius: 10px;
    border-bottom: 1px solid transparent;
    background: #ffdd0b;
}
.tabs-content {
    display: none;
}
.tabs-content.active {
    display: block;
}
/* products-block
-----------------------------------------------------------------------------*/
.products-block {
    padding: 0 77px 0 77px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.products-block .pager {
    padding: 6px 0;
    display: inline-block;
    position: relative;
    left: 458px;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    line-height: 0;
    font-size: 0;
}
.products-block .pager a {
    margin: 0 6px;
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
}
.products-block .pager a.selected {
    border: none;
    background: #000;
    border-radius: 50%;
}
.products-item {
    width: 1024px;
    min-height: 407px;
    float: left;
}
.products-item-img {
    float: left;
    margin: 0 -43px 0 204px;
    width: 286px;
    height: 286px;
    /*-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;*/
    display: inline-block;
    vertical-align: top;
//overflow: hidden;
}
.products-item-img img {
    width: 407px;
    margin-left: -180px;
    /*-webkit-transform: rotate(-45deg) translate(0%, -21%);
    -moz-transform: rotate(-45deg) translate(0%, -21%);
    -ms-transform: rotate(-45deg) translate(0%, -21%);
    -o-transform: rotate(-45deg translate(0%, -21%));
    transform: rotate(-45deg) translate(0%, -21%);*/
}
.products-item-body {
    padding: 0 30px 0 0;
    width: 576px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 25px;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    zoom: 1;
}
.products-item-title {
    margin-bottom: 20px;
    line-height: normal;
    text-transform: uppercase;
    font-family: 'globerlight';
    font-size: 51px;
}
.products-item-footer {
    margin-top: 22px;
    padding-top: 17px;
    line-height: 19px;
    font-size: 13px;
    border-top: 1px dotted #cccccc;
}
.arrow-right,
.arrow-left {
    width: 99px;
    height: 194px;
    position: absolute;
    right: 0;
    top: 104px;
    font-size: 0;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/arrow.png") no-repeat 0 0;
    cursor: pointer;
}
.arrow-left {
    left: 0;
    right: auto;
    /*-moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);*/
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/* about-section
-----------------------------------------------------------------------------*/
.about-section {
    padding: 172px 0 218px;
    width: 100%;
    position: relative;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/about-bg.jpg") no-repeat center top;
    background-size: cover;
    overflow: hidden;
}
.about-section .about-arrow {
    margin-left: 89px;
    width: 1049px;
    height: 25px;
    position: absolute;
    left: 50%;
    top: 195px;
    /*-webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);*/

}
.about-section .about-flag {
    margin-left: 87px;
    width: 787px;
    height: 613px;
    position: absolute;
    left: 50%;
    bottom: 0;
    /*-webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);*/
// background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/about-flag.png") no-repeat;
}
.about-section:before {
    content: '';
    width: 100%;
    height: 148px;
    position: absolute;
    top: 0;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/separator-type3.png") repeat-x;
    z-index: 1;
}
.about-section:after {
    content: '';
    width: 100%;
    height: 129px;
    position: absolute;
    bottom: 0;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/separator-type1.png") repeat-x center
}
.about-section .about-body {
    padding-left: 711px;
    font-family: 'globerbook';
    line-height: 1.4;
    font-size: 16px;
    color: #fff;
}
.about-section .about-body h2 {
    margin-bottom: 21px;
    text-align: left;
    line-height: normal;
    font-family: 'globerlight';
    font-size: 51px;
    color: #fff;
}
/* projects-section
-----------------------------------------------------------------------------*/
.projects-section {
    padding: 116px 0 140px;
    width: 100%;
    position: relative;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/projects-bg.jpg") no-repeat center;
    background-size: cover;
    overflow: hidden;
}
.projects-section:before {
    content: '';
    width: 100%;
    height: 148px;
    position: absolute;
    top: 0;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/separator-type3.png") repeat-x;
    z-index: 1;
}

.projects-section h2 {
    margin-bottom: 38px;
    color: #fff;
}
.projects-block {
    padding: 0 75px;
    margin-left: 15px;
    width: 100%;
    height: 560px;
    position: relative;
// background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/projects-rhombus.png") center -199px;
}
.projects-item {
    margin:30px;
    line-height: 0;
    font-size: 0;
    float:left;
    /*-webkit-transform: rotate(45deg);
     //-moz-transform: rotate(45deg);
    // -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transform-origin: left top;
     -moz-transform-origin: left top;
     -ms-transform-origin: left top;
     -o-transform-origin: left top;
     transform-origin: left top;*/
// overflow: hidden;
}
.projects-item a {
    display: block;
    /*-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    //-o-transform: rotate(-45deg);
    transform: rotate(-45deg);*/
    width:300px; height:300px;
}
.projects-item img{

    width: 300px; height:300px;
}
.projects-item .look {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute !important;
    display: none;
    text-align: center;
    line-height: normal;
    font-size: 18px;
    color: #ffffff;
    background: #000;
    width:300px; height:300px;
    margin-top:-300px;
}
.projects-item .look .look-body {
    margin-top: -5px;
    display: block;
    position: relative;
    top: 50%;
    /*-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);*/
}
.projects-item .look .look-body:before {
    content: '';
    margin: 0 auto 0px;
    width: 64px;
    height: 36px;
    display: block;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/ico-look.png") no-repeat;
}
.projects-item:hover .look {
    display: block;
}

/* use-section
-----------------------------------------------------------------------------*/
.use-section {
    padding: 54px 0 77px;
}
.use-section h2 {
    margin-bottom: 50px;
}
.use-block {
    line-height: 0;
    font-size: 0;
}
.use-block__line:first-child {
    margin-top: 0;
}
.use-block__line--even {
    margin-top: -138px;
    padding-left: 177px;
    position: relative;
}
.use-block__line--even:before {
    content: '';
    width: 55px;
    height: 55px;
    position: absolute;
    left: 104px;
    top: 153px;
    /*-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);*/
    display: block;
// background: #febc11;
}
.use-block__line--even:after {
    content: '';
    width: 55px;
    height: 55px;
    position: absolute;
    right: 104px;
    top: -67px;
    /*-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);*/
    display: block;
// background: #16cffc;
}
.use-block .use-item {
    margin-right: 42px;
    padding: 178px 50px 0;
    width: 310px;
    height: 360px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: normal;
    font-size: 20px;
    color: #000;
}
.use-block .use-item:last-child {
    margin-right: 0;
}
.use-block .use-item .use-item-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
/* advantages-section
-----------------------------------------------------------------------------*/
.advantages-section {
    padding: 48px 0 0;
}
.advantages-section h2 {
    margin-bottom: 25px;
}
.advantages-block {
    margin-left: -100px;
}
.advantages-item {
    padding: 0 0 10px 27px;
    margin: 65px -5px 40px 100px;
    width: 333px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-left: 1px dotted #c1c1c1;
}
.advantages-item-ico {
    position: absolute;
    left: 0;
    bottom: 100%;
    /*-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);*/
}
.advantages-item-title {
    margin-bottom: 11px;
    line-height: normal;
    font-size: 20px;
}
.advantages-item-body {
    padding-right: 5px;
    line-height: 21px;
    font-size: 14px;
    color: #000000;
}
.advantages-item.item-1 .advantages-item-title {
    color: #fbba00;
}
.advantages-item.item-2 .advantages-item-title {
    color: #fbba00;
}
.advantages-item.item-3 .advantages-item-title {
    color: #fbba00;
}
.advantages-item.item-4 .advantages-item-title {
    color: #fbba00;
}
.advantages-item.item-5 .advantages-item-title {
    color: #fbba00;
}
.advantages-item.item-6 .advantages-item-title {
    color: #fbba00;
}
/* reviews-section
-----------------------------------------------------------------------------*/
.reviews-section {
    padding: 107px 0 130px;
    width: 100%;
    position: relative;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/reviews.jpg") no-repeat center top;
    background-size: cover;
}
.reviews-section:before {
    content: '';
    width: 100%;
    height: 148px;
    position: absolute;
    top: 0;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/separator-type3.png") repeat-x;
    z-index: 1;
}
.reviews-section:after {
    content: '';
    width: 100%;
    height: 117px;
    position: absolute;
    bottom: 0;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/separator-type2.png") repeat-x;
    z-index: 1;
}
.reviews-section .reviews-bg {
    height: 332px;
    width: 100%;
    position: absolute;
    top: 166px;
    left: 0;
// background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/reviews-bg.png") no-repeat center;
}
.reviews-section h2 {
    margin-bottom: 22px;
    color: #fff;
}
.reviews-item {
    padding-top: 56px;
    width: 32%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: 0;
    font-size: 0;
}
.reviews-item-img {
    margin: 0 auto;
    width: 184px;
    height: 184px;
// overflow: hidden;
    position: relative;
    left: 1px;
    /*-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);*/
}
.reviews-item-img img {
    position: relative;
    top: -38px;
    left: -38px;
    width: 260px;
    height: 260px;
    /*-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);*/
}
.reviews-item-body {
    margin-top: 61px;
    padding: 0 37px;
    line-height: normal;
    font-size: 14px;
    color: #ffffff;
}
.reviews-item-name {
    margin-bottom: 6px;
    padding: 6px 22px 6px;
    display: inline-block;
    position: relative;
    font-size: 20px;
    border: 1px solid #ffffff;
    border-radius: 5px;
}
.reviews-item-post {
    margin-bottom: 14px;
    font-family: 'globerlight';
}
.reviews-item-post span {
    padding: 0 5px;
}
.reviews-item-post:before {
    content: '';
    width: 23px;
    position: relative;
    top: 50%;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px dotted #95accb;
}
.reviews-item-post:after {
    content: '';
    width: 23px;
    position: relative;
    top: 50%;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px dotted #95accb;
}
/* form-section
-----------------------------------------------------------------------------*/
.form-section {
    padding: 40px 0 45px;
}
.form-section .form-block {
    padding: 0 102px;
    text-align: center;
}
.form-section .form-block .field {
    margin-bottom: 37px;
    text-align: left;
}
.form-section .form-block .field label {
    margin-bottom: 5px;
    font-size: 20px;
    color: #333333;
}
.form-section .form-block .field input,
.form-section .form-block .field textarea {
    border-color: #e1e1e1;
}
.form-section .form-block .field-btn {
    margin: 0 auto;
    width: 203px;
}
.row {
    margin-left: -54px;
}
.row .col-3 {
    padding-left: 54px;
    width: 32%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}
/* Footer
-----------------------------------------------------------------------------*/
footer {
    padding: 0 20px;
    height: 290px;
    min-width: 450px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    font-family: 'globerbook';
    color: #fff;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/footer-bg.jpg");
}
footer a {
    color: #fbba00;
}
footer .wrap {
    height: 100%;
}
footer .footer-logo {
    position: absolute;
    left: 0;
    top: 45px;
}
footer .footer-logo a {
    width: 292px;
    display: block;
}
footer .footer-logo a img {
    width: 100%;
}
footer .development {
    position: absolute;
    right: 0;
    bottom: 28px;
    line-height: normal;
    font-size: 12px;
    color: #88898b;
}
footer .development a {
    text-decoration: none;
}
footer .development a:hover {
    text-decoration: underline;
}
footer .phone {
    position: absolute;
    left: 507px;
    top: 50px;
    line-height: normal;
}
footer .phone a {
    display: block;
    text-decoration: none;
    line-height: 1.0;
    font-size: 35px;
    color: #fff;
}
footer .contacts {
    position: absolute;
    top: 144px;
    left: 507px;
    line-height: 24px;
}
footer .cooperate {
    position: absolute;
    left: 0;
    bottom: 28px;
    line-height: normal;
    font-size: 12px;
}
footer .social-block {
    position: absolute;
    right: 0;
    top: 52px;
}
footer .social-block a {
    margin-left: 30px;
    display: inline-block;
    vertical-align: middle;
}
footer .social-block i {
    font-size: 37px;
    color: #ffffff;
}
/* modal-block
-----------------------------------------------------------------------------*/
.modal-wrap {
    width: 1110px !important;
}
.modal-wrap .fancybox-skin {
    padding: 0 !important;
    border-radius: 0;
}
.modal-wrap .fancybox-inner {
    width: 1110px !important;
    height: 537px !important;
    display: table;
}
.modal-wrap .modal-block {
    padding: 76px 50px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 1.3;
    font-size: 30px;
    color: #333333;
}
.modal-wrap .modal-block:before {
    content: '';
    width: 100%;
    height: 76px;
    position: absolute;
    top: 0;
    left: 0;

}
.modal-wrap .modal-block:after {
    content: '';
    width: 100%;
    height: 76px;
    position: absolute;
    bottom: 0;
    left: 0;

}
.modal-wrap .modal-block .modal-block-title {
    margin-bottom: 60px;
    text-transform: uppercase;
    font-size: 40px;
}

.wrap{
    width: 100%;
    max-width: 1200px;
}

.products-item{
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
}



@media screen and (max-width: 1023px){
    .products-item{
        flex-direction: column;
    }

    .products-item-body{
        width: 100%;
    }
}


.about-section .about-body{
    padding-left: 15px;
    padding-right: 15px;
}

.tabs{
    overflow: hidden;
}


.tabs-caption li.active, nav a.active, header .callback-btn, .field-btn input, .field-btn a{
    background: #077230;
}

.advantages-item-title{
    color: #077230 !important;
}

header nav{
    left: 230px !important;
;
}


.tabs-caption li{
    font-size: 20px;
}

@media screen and (max-width: 1350px){
header{
height: 110px !important;
}
}

@font-face {
    font-family: 'glober_regularregular';
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_regular-webfont.eot');
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_regular-webfont.woff2') format('woff2'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_regular-webfont.woff') format('woff'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'globersemibold_free';
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_semibold-webfont.eot');
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_semibold-webfont.woff2') format('woff2'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_semibold-webfont.woff') format('woff'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'globerthin_free';
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_thin-webfont.eot');
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_thin-webfont.woff2') format('woff2'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_thin-webfont.woff') format('woff'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'globerbook';
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_book-webfont.eot');
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_book-webfont.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_book-webfont.woff2') format('woff2'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_book-webfont.woff') format('woff'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_book-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'globerlight';
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_light-webfont.eot');
    src: url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_light-webfont.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_light-webfont.woff2') format('woff2'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_light-webfont.woff') format('woff'),
    url('/bitrix/templates/yal_sto_landing_s1/css/font/glober_light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
html {
    height: 100%;
}
body {
    width: 100%;
    height: 100%;
    font-family: 'glober_regularregular';
//background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/body-bg.jpg");
}
h2 {
    margin: 0 0 36px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: normal;
    color: #333333;
}
h3 {
    margin: 0 0 15px;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: normal;
    color: #ffffff;
}
.f-13 {
    font-size: 13px;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -290px;
// overflow: hidden;
}
.wrapper:after {
    content: '';
    height: 290px;
    display: block;
}
/*--------------------------------*/
/*--------------------------------*/
.projects-section:after {
    content: '';
    width: 100%;
    height: 117px;
    position: absolute;
    bottom: 0;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/separator-type2.png") repeat-x;
    z-index: 1;
}
.wrap {
    margin: 0 auto;
    width: 1200px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}
/* Header
-----------------------------------------------------------------------------*/
header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
header .logo {
    position: absolute;
    left: 0;
    top: 24px;
}
header .phone {
    position: absolute;
    right: 0;
    top: 30px;
    line-height: normal;
    font-size: 25px;
    color: #ffffff;
}
header .callback-btn {
    padding: 0 20px 0 28px;
    height: 38px;
    position: absolute;
    right: 0;
    top: 69px;
    line-height: 38px;
    text-decoration: none;
    font-family: 'globersemibold_free';
    font-size: 16px;
    color: #ffffff;
    display: block;
    background: #fbba00;
    border-radius: 10px;
}
header .callback-btn i {
    margin-left: 10px;
    position: relative;
    top: 1px;
    font-size: 18px;
}
header .callback-btn:hover {
    background: #e5aa01;
}
header.fixed {
    height: 53px;
    position: fixed;
    top: 0;
    background: #1f2123;
}
header.fixed .logo {
    top: 10px;
}
header.fixed .logo img {
    width: 220px;
}
header.fixed nav {
    left: 291px;
    top: 11px;
}
header.fixed nav a {
    font-size: 12px;
}
header.fixed .phone {
    right: 170px;
    top: 14px;
    font-size: 18px;
}
header.fixed .callback-btn {
    padding: 0 14px 0 18px;
    height: 31px;
    top: 11px;
    line-height: 31px;
    font-size: 14px;
}
header.fixed .callback-btn i {
    margin-left: 5px;
}
nav {
    position: absolute;
    left: 363px;
    top: 30px;
}
nav a {
    padding: 0 12px;
    margin: 0 16px 0 0;
    height: 31px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    position: relative;
    line-height: 31px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'glober_regularregular';
    font-size: 14px;
    color: #ffffff;
    border-radius: 5px;
    border: 1px solid transparent;
}
nav a:hover {
    border: 1px solid rgba(255, 255, 255, 0.3);
}
nav a.active {
    background: #ffdd0b;
    border: 1px solid transparent;
}
/* callback-section
-----------------------------------------------------------------------------*/
.callback-section {
    display: none;
    padding: 14px 0 25px;
    width: 100%;
    position: fixed;
    top: 0;
    background: #1f2123;
    z-index: 101;
}
.callback-section .close {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 22px;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/ico-close.png") no-repeat;
    background-size: 100%;
}
.callback-section .field {
    width: 290px;
}
.callback-section .field-select {
    width: 206px;
}
.callback-section .field-btn {
    margin-right: 0;
    width: 231px;
}
.field-inline {
    margin-right: 56px;
    display: inline-block;
    vertical-align: bottom;
}
.field-inline:last-child {
    margin-right: -5px;
}
.field input {
    padding: 0 12px;
    width: 100%;
    height: 37px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'glober_regularregular';
    font-size: 13px;
    color: #999999;
    border: 1px solid #f3f3f3;
    -webkit-box-shadow: inset 0 -3px 0 0 #f3f3f3;
    box-shadow: inset 0 -3px 0 0 #f3f3f3;
}
.field textarea {
    padding: 12px;
    width: 100%;
    height: 164px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'glober_regularregular';
    font-size: 13px;
    color: #999999;
    border: 1px solid #f3f3f3;
    -webkit-box-shadow: inset 0 -3px 0 0 #f3f3f3;
    box-shadow: inset 0 -3px 0 0 #f3f3f3;
}
.field-btn input,
.field-btn a {
    width: 100%;
    height: 43px;
    position: relative;
    line-height: 43px;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
    color: #ffffff;
    background: #ffdd0b;
    border-radius: 43px;
    border: none;
    cursor: pointer;
}
.field-btn input:hover,
.field-btn a:hover {
    background: #e5aa01;
}
.field-select .select2-container {
    width: 100% !important;
}
.field-select .select2-container .select2-selection--single {
    height: 37px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.field-select .select2-container--default .select2-selection--single {
    border: 1px solid #e1e1e1;
    border-bottom: 4px solid #e1e1e1;
    border-radius: 0;
}
.field-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 37px;
    font-size: 13px;
    color: #999999;
}
.field-select .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 14px;
    padding-right: 30px;
}
.field-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 30px;
    height: 37px;
}
.field-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -6px;
    margin-top: -4px;
    border-color: #999999 transparent transparent transparent;
    border-style: solid;
    border-width: 7px 6px 0 6px;
}
.field-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    margin-top: -6px;
    /*-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);*/
}
.select2-dropdown {
    border: none;
    border-radius: 0;
}
.select2-results__option {
    padding: 6px 14px;
    font-size: 13px;
    color: #999999;
}
label {
    margin-bottom: 3px;
    display: block;
    line-height: normal;
    font-size: 15px;
    color: #ffffff;
}
/* main-slider-section
-----------------------------------------------------------------------------*/
.main-slider-section {
    height: 620px;
    overflow: hidden;
    position: relative;
}
.main-slider-section:after {
    content: '';
    width: 100%;
    height: 129px;
    display: block;
    position: absolute;
    bottom: 0;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/separator-type1.png") repeat-x center;
}
.main-slider-section .fotorama__caption {
    margin-top: -40px;
    top: 50%;
    bottom: auto;
    /*-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);*/
}
.main-slider-section .fotorama__caption__wrap {
    width: 100%;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    font-size: 57px;
    color: #ffffff;
    background: none;
}
.main-slider-section .fotorama__nav-wrap {
    position: absolute;
    bottom: 187px;
}
.main-slider-section .fotorama__nav__shaft {
    padding: 6px 0;
    position: relative;
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
}
.main-slider-section .fotorama__nav--dots .fotorama__nav__frame {
    margin: 0 9px;
    width: 14px;
    height: 14px;
}
.main-slider-section .fotorama__dot {
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    border: 1px solid #fff;
    border-radius: 50%;
}
.main-slider-section .fotorama__nav__frame.fotorama__active .fotorama__dot {
    width: 14px;
    height: 14px;
    border: none;
    background: #000;
    border-radius: 50%;
}
/* products-section
-----------------------------------------------------------------------------*/
.products-section {
    padding: 37px 0 62px;
}
/* tabs
-----------------------------------------------------------------------------*/
.tabs-caption {
    margin-bottom: 93px;
    padding: 0 98px;
    text-align: justify;
    line-height: 0;
    font-size: 1px;
    text-align-last: justify;
}
.tabs-caption:after {
    width: 100%;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}
.tabs-caption li {
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: top;
    line-height: normal;
    font-size: 25px;
    color: #333333;
    border-bottom: 1px dashed #333333;
    cursor: pointer;
}
.tabs-caption li:hover {
    color: #fbba00;
    border-bottom: 1px solid transparent;
}
.tabs-caption li.active {
    padding: 2px 21px;
    margin: -2px -21px;
    color: #fff;
    border-radius: 10px;
    border-bottom: 1px solid transparent;
    background: #ffdd0b;
}
.tabs-content {
    display: none;
}
.tabs-content.active {
    display: block;
}
/* products-block
-----------------------------------------------------------------------------*/
.products-block {
    padding: 0 77px 0 77px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.products-block .pager {
    padding: 6px 0;
    display: inline-block;
    position: relative;
    left: 458px;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    line-height: 0;
    font-size: 0;
}
.products-block .pager a {
    margin: 0 6px;
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
}
.products-block .pager a.selected {
    border: none;
    background: #000;
    border-radius: 50%;
}
.products-item {
    width: 1024px;
    min-height: 407px;
    float: left;
}
.products-item-img {
    float: left;
    margin: 0 -43px 0 204px;
    width: 286px;
    height: 286px;
    /*-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;*/
    display: inline-block;
    vertical-align: top;
//overflow: hidden;
}
.products-item-img img {
    width: 407px;
    margin-left: -180px;
    /*-webkit-transform: rotate(-45deg) translate(0%, -21%);
    -moz-transform: rotate(-45deg) translate(0%, -21%);
    -ms-transform: rotate(-45deg) translate(0%, -21%);
    -o-transform: rotate(-45deg translate(0%, -21%));
    transform: rotate(-45deg) translate(0%, -21%);*/
}
.products-item-body {
    padding: 0 30px 0 0;
    width: 576px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 25px;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    zoom: 1;
}
.products-item-title {
    margin-bottom: 20px;
    line-height: normal;
    text-transform: uppercase;
    font-family: 'globerlight';
    font-size: 51px;
}
.products-item-footer {
    margin-top: 22px;
    padding-top: 17px;
    line-height: 19px;
    font-size: 13px;
    border-top: 1px dotted #cccccc;
}
.arrow-right,
.arrow-left {
    width: 99px;
    height: 194px;
    position: absolute;
    right: 0;
    top: 104px;
    font-size: 0;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/arrow.png") no-repeat 0 0;
    cursor: pointer;
}
.arrow-left {
    left: 0;
    right: auto;
    /*-moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);*/
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/* about-section
-----------------------------------------------------------------------------*/
.about-section {
    padding: 172px 0 218px;
    width: 100%;
    position: relative;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/about-bg.jpg") no-repeat center top;
    background-size: cover;
    overflow: hidden;
}
.about-section .about-arrow {
    margin-left: 89px;
    width: 1049px;
    height: 25px;
    position: absolute;
    left: 50%;
    top: 195px;
    /*-webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);*/

}
.about-section .about-flag {
    margin-left: 87px;
    width: 787px;
    height: 613px;
    position: absolute;
    left: 50%;
    bottom: 0;
    /*-webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);*/
// background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/about-flag.png") no-repeat;
}
.about-section:before {
    content: '';
    width: 100%;
    height: 148px;
    position: absolute;
    top: 0;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/separator-type3.png") repeat-x;
    z-index: 1;
}
.about-section:after {
    content: '';
    width: 100%;
    height: 129px;
    position: absolute;
    bottom: 0;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/separator-type1.png") repeat-x center
}
.about-section .about-body {
    padding-left: 711px;
    font-family: 'globerbook';
    line-height: 1.4;
    font-size: 16px;
    color: #fff;
}
.about-section .about-body h2 {
    margin-bottom: 21px;
    text-align: left;
    line-height: normal;
    font-family: 'globerlight';
    font-size: 51px;
    color: #fff;
}
/* projects-section
-----------------------------------------------------------------------------*/
.projects-section {
    padding: 116px 0 140px;
    width: 100%;
    position: relative;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/projects-bg.jpg") no-repeat center;
    background-size: cover;
    overflow: hidden;
}
.projects-section:before {
    content: '';
    width: 100%;
    height: 148px;
    position: absolute;
    top: 0;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/separator-type3.png") repeat-x;
    z-index: 1;
}

.projects-section h2 {
    margin-bottom: 38px;
    color: #fff;
}
.projects-block {
    padding: 0 75px;
    margin-left: 15px;
    width: 100%;
    height: 560px;
    position: relative;
// background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/projects-rhombus.png") center -199px;
}
.projects-item {
    margin:30px;
    line-height: 0;
    font-size: 0;
    float:left;
    /*-webkit-transform: rotate(45deg);
     //-moz-transform: rotate(45deg);
    // -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transform-origin: left top;
     -moz-transform-origin: left top;
     -ms-transform-origin: left top;
     -o-transform-origin: left top;
     transform-origin: left top;*/
// overflow: hidden;
}
.projects-item a {
    display: block;
    /*-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    //-o-transform: rotate(-45deg);
    transform: rotate(-45deg);*/
    width:300px; height:300px;
}
.projects-item img{

    width: 300px; height:300px;
}
.projects-item .look {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute !important;
    display: none;
    text-align: center;
    line-height: normal;
    font-size: 18px;
    color: #ffffff;
    background: #000;
    width:300px; height:300px;
    margin-top:-300px;
}
.projects-item .look .look-body {
    margin-top: -5px;
    display: block;
    position: relative;
    top: 50%;
    /*-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);*/
}
.projects-item .look .look-body:before {
    content: '';
    margin: 0 auto 0px;
    width: 64px;
    height: 36px;
    display: block;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/ico-look.png") no-repeat;
}
.projects-item:hover .look {
    display: block;
}

/* use-section
-----------------------------------------------------------------------------*/
.use-section {
    padding: 54px 0 77px;
}
.use-section h2 {
    margin-bottom: 50px;
}
.use-block {
    line-height: 0;
    font-size: 0;
}
.use-block__line:first-child {
    margin-top: 0;
}
.use-block__line--even {
    margin-top: -138px;
    padding-left: 177px;
    position: relative;
}
.use-block__line--even:before {
    content: '';
    width: 55px;
    height: 55px;
    position: absolute;
    left: 104px;
    top: 153px;
    /*-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);*/
    display: block;
// background: #febc11;
}
.use-block__line--even:after {
    content: '';
    width: 55px;
    height: 55px;
    position: absolute;
    right: 104px;
    top: -67px;
    /*-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);*/
    display: block;
// background: #16cffc;
}
.use-block .use-item {
    margin-right: 42px;
    padding: 178px 50px 0;
    width: 310px;
    height: 360px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: normal;
    font-size: 20px;
    color: #000;
}
.use-block .use-item:last-child {
    margin-right: 0;
}
.use-block .use-item .use-item-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
/* advantages-section
-----------------------------------------------------------------------------*/
.advantages-section {
    padding: 48px 0 0;
}
.advantages-section h2 {
    margin-bottom: 25px;
}
.advantages-block {
    margin-left: -100px;
}
.advantages-item {
    padding: 0 0 10px 27px;
    margin: 65px -5px 40px 100px;
    width: 333px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-left: 1px dotted #c1c1c1;
}
.advantages-item-ico {
    position: absolute;
    left: 0;
    bottom: 100%;
    /*-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);*/
}
.advantages-item-title {
    margin-bottom: 11px;
    line-height: normal;
    font-size: 20px;
}
.advantages-item-body {
    padding-right: 5px;
    line-height: 21px;
    font-size: 14px;
    color: #000000;
}
.advantages-item.item-1 .advantages-item-title {
    color: #fbba00;
}
.advantages-item.item-2 .advantages-item-title {
    color: #fbba00;
}
.advantages-item.item-3 .advantages-item-title {
    color: #fbba00;
}
.advantages-item.item-4 .advantages-item-title {
    color: #fbba00;
}
.advantages-item.item-5 .advantages-item-title {
    color: #fbba00;
}
.advantages-item.item-6 .advantages-item-title {
    color: #fbba00;
}
/* reviews-section
-----------------------------------------------------------------------------*/
.reviews-section {
    padding: 107px 0 130px;
    width: 100%;
    position: relative;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/reviews.jpg") no-repeat center top;
    background-size: cover;
}
.reviews-section:before {
    content: '';
    width: 100%;
    height: 148px;
    position: absolute;
    top: 0;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/separator-type3.png") repeat-x;
    z-index: 1;
}
.reviews-section:after {
    content: '';
    width: 100%;
    height: 117px;
    position: absolute;
    bottom: 0;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/separator-type2.png") repeat-x;
    z-index: 1;
}
.reviews-section .reviews-bg {
    height: 332px;
    width: 100%;
    position: absolute;
    top: 166px;
    left: 0;
// background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/reviews-bg.png") no-repeat center;
}
.reviews-section h2 {
    margin-bottom: 22px;
    color: #fff;
}
.reviews-item {
    padding-top: 56px;
    width: 32%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: 0;
    font-size: 0;
}
.reviews-item-img {
    margin: 0 auto;
    width: 184px;
    height: 184px;
// overflow: hidden;
    position: relative;
    left: 1px;
    /*-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);*/
}
.reviews-item-img img {
    position: relative;
    top: -38px;
    left: -38px;
    width: 260px;
    height: 260px;
    /*-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);*/
}
.reviews-item-body {
    margin-top: 61px;
    padding: 0 37px;
    line-height: normal;
    font-size: 14px;
    color: #ffffff;
}
.reviews-item-name {
    margin-bottom: 6px;
    padding: 6px 22px 6px;
    display: inline-block;
    position: relative;
    font-size: 20px;
    border: 1px solid #ffffff;
    border-radius: 5px;
}
.reviews-item-post {
    margin-bottom: 14px;
    font-family: 'globerlight';
}
.reviews-item-post span {
    padding: 0 5px;
}
.reviews-item-post:before {
    content: '';
    width: 23px;
    position: relative;
    top: 50%;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px dotted #95accb;
}
.reviews-item-post:after {
    content: '';
    width: 23px;
    position: relative;
    top: 50%;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px dotted #95accb;
}
/* form-section
-----------------------------------------------------------------------------*/
.form-section {
    padding: 40px 0 45px;
}
.form-section .form-block {
    padding: 0 102px;
    text-align: center;
}
.form-section .form-block .field {
    margin-bottom: 37px;
    text-align: left;
}
.form-section .form-block .field label {
    margin-bottom: 5px;
    font-size: 20px;
    color: #333333;
}
.form-section .form-block .field input,
.form-section .form-block .field textarea {
    border-color: #e1e1e1;
}
.form-section .form-block .field-btn {
    margin: 0 auto;
    width: 203px;
}
.row {
    margin-left: -54px;
}
.row .col-3 {
    padding-left: 54px;
    width: 32%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}
/* Footer
-----------------------------------------------------------------------------*/
footer {
    padding: 0 20px;
    height: 290px;
    min-width: 450px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    font-family: 'globerbook';
    color: #fff;
    background: url("/bitrix/templates/yal_sto_landing_s1/css/../images/footer-bg.jpg");
}
footer a {
    color: #fbba00;
}
footer .wrap {
    height: 100%;
}
footer .footer-logo {
    position: absolute;
    left: 0;
    top: 45px;
}
footer .footer-logo a {
    width: 292px;
    display: block;
}
footer .footer-logo a img {
    width: 100%;
}
footer .development {
    position: absolute;
    right: 0;
    bottom: 28px;
    line-height: normal;
    font-size: 12px;
    color: #88898b;
}
footer .development a {
    text-decoration: none;
}
footer .development a:hover {
    text-decoration: underline;
}
footer .phone {
    position: absolute;
    left: 507px;
    top: 50px;
    line-height: normal;
}
footer .phone a {
    display: block;
    text-decoration: none;
    line-height: 1.0;
    font-size: 35px;
    color: #fff;
}
footer .contacts {
    position: absolute;
    top: 144px;
    left: 507px;
    line-height: 24px;
}
footer .cooperate {
    position: absolute;
    left: 0;
    bottom: 28px;
    line-height: normal;
    font-size: 12px;
}
footer .social-block {
    position: absolute;
    right: 0;
    top: 52px;
}
footer .social-block a {
    margin-left: 30px;
    display: inline-block;
    vertical-align: middle;
}
footer .social-block i {
    font-size: 37px;
    color: #ffffff;
}
/* modal-block
-----------------------------------------------------------------------------*/
.modal-wrap {
    width: 1110px !important;
}
.modal-wrap .fancybox-skin {
    padding: 0 !important;
    border-radius: 0;
}
.modal-wrap .fancybox-inner {
    width: 1110px !important;
    height: 537px !important;
    display: table;
}
.modal-wrap .modal-block {
    padding: 76px 50px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 1.3;
    font-size: 30px;
    color: #333333;
}
.modal-wrap .modal-block:before {
    content: '';
    width: 100%;
    height: 76px;
    position: absolute;
    top: 0;
    left: 0;

}
.modal-wrap .modal-block:after {
    content: '';
    width: 100%;
    height: 76px;
    position: absolute;
    bottom: 0;
    left: 0;

}
.modal-wrap .modal-block .modal-block-title {
    margin-bottom: 60px;
    text-transform: uppercase;
    font-size: 40px;
}

.wrap{
    width: 100%;
    max-width: 1200px;
}

.products-item{
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
}



@media screen and (max-width: 1023px){
    .products-item{
        flex-direction: column;
    }
    
}


.about-section .about-body{
    padding-left: 15px;
    padding-right: 15px;
}

.tabs{
    overflow: hidden;
}


.tabs-caption li.active, nav a.active, header .callback-btn, .field-btn input, .field-btn a{
    background: #077230;
}

.advantages-item-title{
    color: #077230 !important;
}

header nav{
    left: 230px !important;
;
}


.tabs-caption li{
    font-size: 20px;
}


@media screen and (max-width: 1350px){
    header{
        height: 110px !important;
    }

    header .phone, header .callback-btn{
        top: 55px !important;

    }

    header .phone{
        right: 240px !important;
    }

    header .callback-btn{
        right: 30px;
    }
}


@media screen and (max-width: 1350px){
    header{
        height: 110px !important;
    }

    header .phone, header .callback-btn{
        top: 70px !important;

    }

    header .phone{
        right: 240px !important;
    }

    header .callback-btn{
        right: 30px;
    } 
}


/* End */


/* Start:/bitrix/templates/yal_sto_landing_s1/css/styles.css?163402843133*/
@import "/bitrix/templates/yal_sto_landing_s1/css/../css/font/font.css";

/* End */


/* Start:/bitrix/templates/yal_sto_landing_s1/css/developer.css?1634028431107*/
.hidden{
    display: none;
    visibility: hidden;
}
.callback-section .field{
    width: 260px;
}

/* End */
/* /bitrix/templates/yal_sto_landing_s1/css/reset.css?16340284311136 */
/* /bitrix/templates/yal_sto_landing_s1/css/libs/libs.css?163402843135009 */
/* /bitrix/templates/yal_sto_landing_s1/css/template_styles.css?163731146757687 */
/* /bitrix/templates/yal_sto_landing_s1/css/styles.css?163402843133 */
/* /bitrix/templates/yal_sto_landing_s1/css/developer.css?1634028431107 */
