/* Start:/bitrix/templates/perspect/fancybox/jquery.fancybox.css?17428026124994*/
/*! 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;
	background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.fancybox-skin {
	position: relative;
	background: #fff;
	color: #444;
	text-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.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/perspect/fancybox/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/perspect/fancybox/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/perspect/fancybox/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/perspect/fancybox/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/perspect/fancybox/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/perspect/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/* End */


/* Start:/bitrix/templates/perspect/owl-carousel/owl.carousel.css?17428026121476*/
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(/bitrix/templates/perspect/owl-carousel/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/* End */


/* Start:/bitrix/templates/perspect/fotorama/fotorama.css?174280261115513*/
/*!
 * 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/perspect/fotorama/fotorama_custom.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/perspect/fotorama/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; top: -4px; padding: 2px 10px; background: #0c222a; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -moz-box-sizing: border-box; box-sizing: border-box;}
.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:25px;height:20px}
.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:11px;height:11px;position:relative;top:2px;left:0;border-radius:50%;border:1px solid #f4edd8; background:#f4edd8; -moz-box-sizing:border-box; box-sizing:border-box;}
.fotorama__nav__frame:focus .fotorama__dot:after{padding:10px;top:-1px;left:-5px}
.fotorama__nav__frame.fotorama__active .fotorama__dot{width:15px;height:15px;top:0;left:-2px;background:none;}
/*.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:10px;top:-3px;left:-3px}*/

.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%;border-radius: 6px!important;}
.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:#0067b8;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1)); border-radius: 6px!important; }

.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:80px;height:80px;top:48%;margin-top:-40px}
.fotorama__arr--prev{left:-10px;background-position:0 0}
.fotorama__arr--next{right:-10px;background-position:0 -80px}

.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}
/* End */


/* Start:/bitrix/templates/perspect/adaptive_styles.css?17428026129642*/
 @font-face {
 font-family: 'nx';
  src: url('/bitrix/templates/perspect/fonts/nx.eot?27685183');
  src: url('/bitrix/templates/perspect/fonts/nx.eot?27685183#iefix') format('embedded-opentype'),
       url('/bitrix/templates/perspect/fonts/nx.woff?27685183') format('woff'),
       url('/bitrix/templates/perspect/fonts/nx.ttf?27685183') format('truetype'),
       url('/bitrix/templates/perspect/fonts/nx.svg?27685183#nx') format('svg');
  font-weight: normal;
  font-style: normal;
}


#NXadaptiveMenu {
	display: block; 
	overflow-y:auto; overflow-x:hidden;
	position: fixed; z-index:990; 
	top:50px; bottom: 0; right:100%; left:0; 
	background: #0c222a; 
	font-size: 11pt;
	color: #000;
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); 
	    	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	font-family: "helvetica neue", helvetica, arial sans;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
    	-ms-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
	}

	
	
#NXadaptiveMenu.a-menu-open {display: block; right:30%; }
body{height: 100%; width: 100%; overflow-x: hidden;}


#NXadaptiveMenu  .site-header-nav{
	display:block;
    height: inherit;
    vertical-align: top;
}
#NXadaptiveMenu  a	{
	    display: block;
    padding: 1em;
    padding-right: 40px;
    border: 1px solid #0098e1;
    border-bottom-color: #0098e1;
    border-left: none;
    border-right: none;
	    margin: 0;
	}
	
#NXadaptiveSearchForm {
	display: block; 
	width: 100%; height: auto; 
	overflow: hidden;
	padding: 1em;
	background: #0098e1; 
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#NXadaptiveSearchForm input {
	height: 3em;
	position: relative;
	float: left;
	font-size: 11pt;
	padding: 0.5em 1em;
	border: 1px solid #0067b8;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#NXadaptiveSearchForm input[type="text"] {display: block; width: 85%; margin:0;}
#NXadaptiveSearchForm input[type="submit"] {
	width: 15%; float: right;
	padding: 0.5em;
	border-left: none;
	font-family: nx, Arial, Helvetica, sans-serif;  
	background: #0067b8;
	cursor: pointer;
	color:#fff;
}
#NXadaptiveSearchForm input[type="submit"]:hover,
#NXadaptiveSearchForm input[type="submit"]:active {
	background: #0067b8;
}

#NXadaptiveSocial a:before {
	display: block;
	height: 40px; width: 40px;
	line-height: 40px;
	position: absolute;
	z-index: 100;
	left:50%; top:0;
	margin-left: -20px;
	background: none;
	text-align: center;
	color: inherit;
}

#NXadaptiveSocial a:hover {
	color: #fff; 
	background: #666; 
	border-bottom-color: #ccc;
	border-right-color: #ccc;
}

#NXadaptiveNavigation {
	display: block;
	width:100%; min-width:320px; height: 50px; overflow: hidden;
	position:fixed; right:0; left:0; z-index:1970; top:-1px;
	background: #0c222a;
	color:#000;
	font-family: "helvetica neue", Helvetica, Arial, sans-serif;
	border:none;
    -webkit-box-shadow: 0 1px 0 #4D4D4D inset, 0 2px 3px rgba(0, 0, 0, 0.25);
	   -moz-box-shadow: 0 1px 0 #4D4D4D inset, 0 2px 3px rgba(0, 0, 0, 0.25);
	        box-shadow: 0 1px 0 #4D4D4D inset, 0 2px 3px rgba(0, 0, 0, 0.25);  
}

#NXadaptiveNavigation .h-nav {display:block; padding:1em;  position:relative;  font-weight:normal; font-size:12pt;
	padding-left: 60px;
	color:#27A22D;
	text-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
	font-weight: bolder;
}

#NXadaptiveNavigation .nav-icon {
	display:block; 
	height:31px; width:31px; padding:6px;
	position:absolute; top:75%; right:1em; z-index: 100;
	background: #0067b8; cursor: pointer; 
	margin-top:-15px;
	-weblit-border-radius:3px; 
	   -moz-border-radius:3px; 
	        border-radius:3px; 
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#NXadaptiveNavigation .nav-icon:before, 
#NXadaptiveNavigation .nav-icon:after {
	content:""; display:block; height:5px; 
	border:3px solid #fff; border-right:none; border-left:none;}

#NXadaptiveNavigation .nav-icon:after  {border-top:none;}
               
.nxOpenedMenu #NXadaptiveNavigation .nav-icon:hover {background:#0098e1;}
			  #NXadaptiveNavigation .nav-icon:hover,
.nxOpenedMenu #NXadaptiveNavigation .nav-icon {background:#0098e1;}

.nxOpenedMenu #NXadaptiveNavigation .nav-icon:before, 
.nxOpenedMenu #NXadaptiveNavigation .nav-icon:after,
#NXadaptiveNavigation .nav-icon:hover:before, 
#NXadaptiveNavigation .nav-icon:hover:after {border-color: #fff;}

#NXadaptiveNavigation .h-logo {
	display: inline-block;
	position: absolute; top:0; bottom:0; left: 0; right:80px; z-index: 200;
	text-indent: -1000px;
	background:url(/bitrix/templates/perspect/images/header_logo_small.png) 10px center no-repeat transparent;

}

#NXadaptiveNavigation .h-logo:before {
	content: "";
	position: absolute;
	display: block;
	top:0; bottom: 0; left: 0; z-index: 300;
	width: 200px;
}

#NXadaptiveMenu #NXadaptiveTel { display: block; color: #fff; padding: 15px; background: #666; font-size: 17pt; text-decoration: none;  } 
#NXadaptiveMenu #NXadaptiveTel:before{
		content: "Т";
		display: inline-block;
		
		float:right;
		width: 0.95em; height: 1em;
		padding: 5px;
		border: 2px solid #fff;  
		font-size: 14pt;
		font-family: nx, Tahoma, Geneva, sans-serif;   
		line-height: 1em; text-align: center; 
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    -ms-border-radius: 5px;
     -o-border-radius: 5px;
	    border-radius: 5px;
}
#NXadaptiveMenu #NXadaptiveTel:hover:before {
	color: #ddd;
	border-color: #ddd;
}



@media only screen and (max-width: 1000px) {
	body{
		min-width:inherit !important;
	}
	
	.site-header-fixed{
		display:none;
	}
	
	.container{
		width:100%;
	}
	
	.container .p-grid ._big, .container .p-grid ._rect{
		width:100%;		
	}
	
	.container .owl-theme .owl-wrapper-outer {
		margin-left: -10px;
		width:100% !important;
	}
	
	
	.site-section-grey{
		
	}
	  
	.site-section .contacts{
		display:block;
	}
	 
	
	ul.contacts li{
		display:inline-block;
		width:50%;
	}
	     
	.site-section .header-logo-group{
		padding: 60px 10px 0 10px;
		background: #0067b8;
	}  
	
	#lp-header .header-logo-group{
		padding: 10px 0px;
	}
	
	.site-section .header-logo{
		display:none;
	}
	
	.site-section .header-callback{
		    float: none;
    text-align: center;
    margin: 0 auto;
	}
	
	.container .p-grid
	{
		justify-content: flex-start;
	}
	
	.container .p-grid-group{
		max-width:inherit;	
width:100%;
height: inherit;
		justify-content: flex-start;
	}
	
	.container .p-grid ._grid-title{
		display:block;
		max-width:inherit;
		width:100%;
		height: inherit;
		padding: 10px 0;
		    text-align: center;

	}
	
	.container .p-grid ._grid-title h1 big {
    font-size: 40px;
	}
	
	.container .p-grid-groupm max-width{
		max-width:inherit;
	}
	
	.p-grid-group .p-grid ._square, 
	.container .p-grid ._big, 
	.container .p-grid ._rect,
	.container .p-grid ._square
	{
		width: 225px;
		height: 225px;
		margin: 0 10px 10px 0;
	}
	
	.article-with-image .article-img,
	.container .article-img,
	.site-section.site-section-grey
	{
		padding:0;
		min-width:inherit;
	}
	
	.container .article-with-image{
		display:block;	
		padding:10px 0;		
	}
	
	.article-with-image .circle-img{
		width: 200px;
		height: 200px;
		float: left;
		margin-right: 20px;
	}
	
	.article-with-image .article-text{
		padding:0;
	}
	
	._centred._titled {
		padding: 20px 10px 0px;
	}
	
	.container #pf-carousel{
		padding:0;
	}
	
	.container.header-content .i-grid,
	.container.header-content .header-counter{
		width: 45%;
		display: inline-block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float:none;
	}
	
	.container.header-content .i-grid .i-grid-item{	
		padding: 0px 10px 12px 0;
		margin-bottom:5px;
	}
	
	.container.header-content .i-grid .i-grid-item p{
		/*padding-left:0;*/   
	}
	
	.i-grid .i-grid-item .icon{
		top: 0px;
	} 
	
	.site-section.lp-header#lp-header{
		height:auto;
	}
	
	
	#lp-header .header-form, #lp-header .header-form table{
		    height: auto;
    position: relative;
	}

	#lp-header .header-form form{
		width:100%;
	}
	
	#lp-header .header-form .oneline-form td{
		display: block;
		width: 50%;
		min-width:280px;
		margin: 10px auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
	}
}  


@media only screen and (max-width: 700px) {
	.header-logo-group .header-logo{
		float:none;
		width:260px;
		margin:0 auto;
		    text-align: center;
	}
	
	.header-logo-group .header-callback{
		float:none;
		width:350px;
		text-align:center;
		margin:0 auto;		
	}
	
	.article-with-image .circle-img{
		width: 200px;
		height: 200px;
		float: none;
		margin:0 auto 20px auto;
	}	
	
	.container.header-content .i-grid,
	.container.header-content .header-counter{
		width: 100%;
		display:block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin:0 0 20px 0;
		float: none;
	}	
	
	.container.header-title h1 big{
		display:inline-block;
		font-size:27px;
		white-space:inherit;
	}
}

@media only screen and (max-width: 450px) {
	.article-with-image .i-grid-item{
		flex: 100%;
	}
	
	.p-grid-group .p-grid ._square, .container .p-grid ._big, .container .p-grid ._rect, .container .p-grid ._square{
		width:100%;
	}
	
	.container .p-grid ._grid-title h1 big {
		font-size: 30px;
	}
	
	.container._titled h2{
		    font-size: 30px
	}
	
	.header-callback .filled-button{
		font-size: 15px;
	}
	
	.popup{
		width:320px !important;
		margin-left: -160px !important;
		    padding: 20px 10px !important;
	}
	
	.popup h3{
		font-size: 23px !important;
	}
	
	.close{
		top:0 !important;
		right:0 !important;
	}
}














/* End */


/* Start:/bitrix/templates/perspect/css3-countdown-master/css/style.css?17428026121799*/
#CDT {
    font-size: 50px !important;
    color: #eee;
    margin: 10px 0 20px 10px;
    font-weight: bold;
}

#CDT .number-wrapper {
    margin: 10px;
    -moz-box-shadow: 0 5px 8px #000000;
    -webkit-box-shadow: 0 5px 8px #000000;
    box-shadow: 0 5px 8px #000000;
    position: relative;
}

#CDT .number {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: #ff9800;
    /*
    background: #000;
    background-image: linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
    background-image: -o-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
    background-image: -moz-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
    background-image: -webkit-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
    background-image: -ms-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%);
    */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 0 12px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border: 1px solid #555;
}
       
#CDT .line {
    position: absolute;
    width: 100%;
    height: 1px;
    top: 52%;
    left: 0;
    background: #000;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
       
.caption {
   font-size: 12px;
   position: absolute;
   bottom: -30px;
   left: 0;
   text-align: center;
   width: 100%;
   color: #777;
}
    
footer {
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    color: #777;
}

footer p {
    margin: .5em 0;
    line-height: 1.5;
}
/* End */


/* Start:/local/components/tdir/social.links/templates/main/style.min.css?1742802584829*/
.bx-icon{position:relative;display:inline-block;width:36px;transition:250ms linear all}.bx-icon>i{position:relative;display:block;padding-top:100%;width:100%;border-radius:50%;background-color:#ebeff2;background-position:center;background-size:100% auto;background-repeat:no-repeat}.bx-icon:hover{opacity:.8}.bx-icon-service-in>i{background-color:#d56c9a;background-image:url(/local/components/tdir/social.links/templates/main/images/ui-service-light-instagram.svg)}.bx-icon-service-vk>i{background-color:#3871ba;background-image:url(/local/components/tdir/social.links/templates/main/images/ui-service-light-vk.svg)}.bx-icon-service-fb>i{background-color:#38659f;background-image:url(/local/components/tdir/social.links/templates/main/images/ui-service-light-fb.svg)}.bx-icon-service-tw>i{background-color:#2fc6f6;background-image:url(/local/components/tdir/social.links/templates/main/images/ui-service-light-twitter.svg)}.bx-icon-service-gp>i{background-color:#dc4e41;background-image:url(/local/components/tdir/social.links/templates/main/images/ui-service-light-google-plus.svg)}
/* End */


/* Start:/bitrix/templates/perspect/styles.css?176467795255727*/
/* PF Highway Sans Pro */
@font-face {
    font-family: 'PFHighwaySansPro'; /* medium */
    src: url('/bitrix/templates/perspect/fonts/pfhighway/pfhighwaysanspro-medium-webfont.eot');
    src: url('/bitrix/templates/perspect/fonts/pfhighway/pfhighwaysanspro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/perspect/fonts/pfhighway/pfhighwaysanspro-medium-webfont.woff') format('woff'),
         url('/bitrix/templates/perspect/fonts/pfhighway/pfhighwaysanspro-medium-webfont.ttf') format('truetype'),
         url('/bitrix/templates/perspect/fonts/pfhighway/pfhighwaysanspro-medium-webfont.svg#PFHighwaySansPro') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'PFHighwaySansPro'; /* regular */
    src: url('/bitrix/templates/perspect/fonts/pfhighway/pfhighwaysanspro-regular-webfont.eot');
    src: url('/bitrix/templates/perspect/fonts/pfhighway/pfhighwaysanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/perspect/fonts/pfhighway/pfhighway/pfhighwaysanspro-regular-webfont.woff') format('woff'),
         url('/bitrix/templates/perspect/fonts/pfhighway/pfhighwaysanspro-regular-webfont.ttf') format('truetype'),
         url('/bitrix/templates/perspect/fonts/pfhighway/pfhighwaysanspro-regular-webfont.svg#PFHighwaySansPro') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'PFHighwaySansPro';
    src: url('/bitrix/templates/perspect/fonts/pfhighway/pfhighwaysanspro-light-webfont.eot');
    src: url('/bitrix/templates/perspect/fonts/pfhighway/pfhighwaysanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/perspect/fonts/pfhighway/pfhighwaysanspro-light-webfont.woff') format('woff'),
         url('/bitrix/templates/perspect/fonts/pfhighway/pfhighwaysanspro-light-webfont.ttf') format('truetype'),
         url('/bitrix/templates/perspect/fonts/pfhighway/pfhighwaysanspro-light-webfont.svg#PFHighwaySansPro') format('svg');
    font-weight: 300;
    font-style: normal;
}

/* Fira Sans */
@font-face {
    font-family: 'FiraSans'; /* extrabold */
    src: url('/bitrix/templates/perspect/fonts/firasans/firasans-extrabold-webfont.eot');
    src: url('/bitrix/templates/perspect/fonts/firasans/firasans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/perspect/fonts/firasans/firasans-extrabold-webfont.woff') format('woff'),
         url('/bitrix/templates/perspect/fonts/firasans/firasans-extrabold-webfont.ttf') format('truetype'),
         url('/bitrix/templates/perspect/fonts/firasans/firasans-extrabold-webfont.svg#FiraSans') format('svg');
    font-weight: 800;
    font-style: normal;

}

@font-face {
    font-family: 'FiraSans'; /* light italic */
    src: url('/bitrix/templates/perspect/fonts/firasans/firasans-lightitalic-webfont.eot');
    src: url('/bitrix/templates/perspect/fonts/firasans/firasans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/perspect/fonts/firasans/firasans-lightitalic-webfont.woff') format('woff'),
         url('/bitrix/templates/perspect/fonts/firasans/firasans-lightitalic-webfont.ttf') format('truetype'),
         url('/bitrix/templates/perspect/fonts/firasans/firasans-lightitalic-webfont.svg#FiraSans') format('svg');
    font-weight: 300;
    font-style: italic;

}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	vertical-align: top;
}
body              {line-height: 1;}
ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse; border-spacing: 0;}

html, body { height: auto; }
html {
	overflow: auto;
	ms-text-size-adjust: 100%;
	webkit-text-size-adjust: 100%;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1.4;
	color: #000;
	background: #fff;
	min-width: 980px;
	/*overflow-x: hidden;
	overflow-y: hidden;*/
}

a {
	color: #0067b8;
}
a:hover {
	color: #00adff;
}
a,
a img,
a:before,
a:after {
	-webkit-transition: color 0.2s, border-color 0.2s, opacity 0.2s, background 0.2s;
	transition: color 0.2s, border-color 0.2s, opacity 0.2s, background 0.2s;
}

sup { font-size: x-small; }
strong { font-weight: 700; }

img {
	border-style: none;
	vertical-align: middle;
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
button:-moz-focusring, input:-moz-focusring {
	outline: 1px dotted ButtonText;
}
::-moz-selection {
	background-color: #e08049;
	text-shadow: none;
}
::selection {
	background-color: #e08049;
	text-shadow: none;
}


/* Colors */
.blue { color: #0067b8!important; }
.light-blue { color: #00adff!important; } /* rgba(0,173,255,1) */


.clearfix:after, .clearfix:before {
	content: ' ';
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}

/* Main Page */

/* Header */
.site-header-fixed {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 120px;
	background: #0c222a;
	z-index: 1000;
}
.site-header {
	margin: 0 auto;
	max-width: 980px;
	height: 120px;
	overflow: hidden;
	position: relative;
}

.site-header-buttons {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	white-space: nowrap;
	float: left;
	margin: 0 0 0 10px;
}
.site-header-buttons::after {
	position: absolute;
	top: 15%;
	left: 55%;
	width: 1px;
	height: 70%;
	background: #00adff;
	opacity: 0.4;
	content: '';
	-webkit-transform: rotate3d(0, 0, 1, 30deg);
	transform: rotate3d(0, 0, 1, 30deg);
}
.site-header-buttons * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.site-header-buttons a {
	display: inline-block;
	color: #fff;
	height: 20px;
	width: 20px;
	margin: 22px 5px 18px 15px;
	cursor: pointer;
}
.site-header-buttons .icon {
    position: relative;
    width: 16px;
    height: 16px;
    fill: #00adff;
	left: 0;
	top: 0;
	-webkit-transition: fill 0.2s;
	transition: fill 0.2s;
}
.site-header-buttons a:hover .icon {
    fill: #ff9800;
}

.search-hidden {
	position: absolute;
	left: 100px;
	top: 0;
	width: 880px;
	height: 100%;
	background: #0c222a;
	display: none;
	z-index: 10002;
}
.search-hidden form {
	overflow: hidden;
	padding: 15px 0;
}
.search-hidden input[type="text"] {
	display: block;
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #fff;
	border: 1px solid rgba(0,189,255,0.5);
	border-radius: 6px;
	background: #0c222a;
	width: 300px;
    height: 30px;
    padding: 0 10px;
	margin: 0 10px 0;
	-webkit-transition: color 0.2s, border 0.2s;
	transition: color 0.2s, border 0.2s;
}
.search-hidden input[type="text"]:hover {
	border: 1px solid rgba(0,189,255,0.9);
}
.search-hidden .filled-button {
	margin: 0 8px 0 0;
	font-size: 16px;
    height: 30px;
    line-height: 30px;
}
.search-hidden ._narrow {
    line-height: 26px;
}

.site-header-nav {
	display: table-cell;
	height: 60px;
	vertical-align: middle;
}
.site-header-nav a {
	display: inline-block;
	margin: 0 20px;
	font-family: 'PFHighwaySansPro', sans-serif;
    font-weight: 300;
	font-size: 18px;
	line-height: 1.2;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dashed rgba(255,255,255,0.3);
}
.site-header-nav a:hover {
	color: #ff9800;
	border-color: rgba(255,152,0,0.5);
}
.logo-fixed {
	position: absolute;
	top: 15px;
	right: 23px;
}
.logo-fixed img {
	height: 30px;
}
.logo-fixed a:hover {
	opacity: 0.8;
}


/* Site Section */
.site-section {
	position: relative;
	width: 100%;
	background: 50% 0 no-repeat;
}
.site-section-grey {
	background: #eeeff0;
	padding: 50px 0;
}
.site-section-grey h2, .site-section-grey span.title-grid {
	font-family: 'PFHighwaySansPro';
    font-weight: 500;
	font-size: 36px;
	line-height: 1.1;
    margin: 10px 0;
}
.site-section-dark {
	background: #0c222a;
}
.site-section-blue {
	background: url('/bitrix/templates/perspect/images/pattern_2.png') 50% 0;
}
.site-section-catalog {
	background: url('/bitrix/templates/perspect/images/pattern_3.png') 50% 0;
}
.site-section-bg {
	background-size: cover;
	padding: 60px 0;
	color: #fff;
}
.site-section-bg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(12,34,42,0.65);
	z-index: 1;
}
.site-section-bg .container {
	z-index: 2;
}
.site-section-bg .article-text h2, .site-section-bg .article-text span.title-grid {
	font-size: 48px;
	line-height: 1.1;
    margin: 20px 0;
}
.site-section-bg .i-grid-item {
	min-width: 100%;
}
.site-section-bg .i-grid-item .icon {
    fill: #ff9800;
}
.site-section-bg .i-grid-item p {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 16px;
}

/* Blue Pattern */
.pattern-blue {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 590px;
	background: url('/bitrix/templates/perspect/images/pattern_1.png') 50% 120px no-repeat;
	z-index: 10;
}
.pattern-blue-wave {
	position: relative;
	width: 100%;
	height: 50px;
}
.pattern-blue-wave svg {
    position: absolute;
    width: 100%;
    fill: #0067b8;
    height: 100%;
    max-height: 50px;
}

/* Site Logo Group */
.header-logo-group {
	position: relative;
	margin: 0 auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	max-width: 980px;
	padding: 180px 30px 60px;
	z-index: 20;
}
.header-logo {
	float: left;
	width: 40%;
}
.header-logo a:hover {
	opacity: 0.8;
}
.header-callback {
	float: right;
	width: 60%;
	text-align: right;
}
.header-callback ._stroke2 .icon {
	fill: #00adff!important;
}
.header-callback a {
	margin: 0 10px 0 0;
	color: #77d4ff;
	text-decoration: none;
	font-size: 18px;
    line-height: 50px;
}
.filled-button {
    white-space: nowrap;
    display: inline-block;
    position: relative;
	margin-bottom: 10px;
    padding: 0 30px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    color: #fff !important;
    border: none;
    border-radius: 25px;
    box-shadow: 0 8px 16px rgba(0,54,134,0.20); /*box-shadow: 0 8px 16px rgba(12,34,42,0.20);*/
    font-family: 'PFHighwaySansPro';
    font-weight: 500;
    font-size: 20px;
	text-decoration: none;
    background-color: #00adff;
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 100%);
	background-repeat: repeat-x;
    cursor: pointer;
	-webkit-transition: background-color 0.3s, border 0.3s, color 0.3s;
	transition: background-color 0.3s, border 0.3s, color 0.3s;
}
.filled-button:hover {
    color: #fff;
    background-color: #ff9800;
}
.filled-button .icon {
    position: relative;
    width: 24px;
    height: 24px;
    fill: #fff!important;
	left: 0;
	top: 5px;
	margin-right: 7px;
}
._narrow {
	height: 40px;
	line-height: 40px;
}
._stroke {
	line-height: 36px;
    color: #00adff;
	border: 2px solid rgba(0,189,255,0.5);
    background: none;
	box-shadow: none;
}
._stroke:hover {
	border: 2px solid rgba(0,189,255,0.9);
    background: none;
}
._stroke2 {
	line-height: 48px;
    color: #fff;
	border: 1px solid rgba(0,189,255,0.5);
    background: none;
	box-shadow: none;
}
._stroke2:hover {
	border: 1px solid rgba(0,189,255,0.9);
    background: none;
}
._stroke2 .icon {
	fill: #00adff;
}

/* Container */
.container {
	position: relative;
	margin: 0 auto;
	max-width: 980px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
}
._centred {
	text-align: center;
}
._titled {
	padding: 60px 10px 30px;
}
._titled h2, ._titled span.title-grid{
    font-family: 'PFHighwaySansPro';
    font-weight: 500;
    font-size: 48px;
	line-height: 1.1;
	margin-bottom: 10px;
}
.site-section-blue ._titled h2, .site-section-blue ._titled span.title-grid{
	color: #000;
}
#clients ._titled h2, #clients ._titled span.title-grid {
    font-size: 36px;
}
._titled p {
    font-size: 24px;
	margin-bottom: 10px;
}
#clients ._titled p {
    font-size: 14px;
	padding: 0 100px;
}
#text-block ._titled p {
    font-size: 14px;
	padding: 0 100px;
}
._dark {
	padding: 40px 10px;
	color: #fff;
}
._dark h2, ._dark span.title-grid {
    font-family: 'PFHighwaySansPro';
    font-weight: 500;
    font-size: 30px;
	line-height: 1.2;
	margin-bottom: 10px;
}
._footer {
	padding: 30px 10px;
    font-size: 13px;
}
._footer big {
    font-size: 15px;
}
._footer p {
	margin: 5px 0;
}
._footer p a.legal {
	display: block;
	width: 350px;
	font-size: 10pt;
	margin: 0 auto;
	text-decoration: none;
}
._grid {
	padding: 60px 10px;
}
._grid h2, ._grid span.title-grid {
    font-family: 'PFHighwaySansPro';
    font-weight: 500;
    font-size: 36px;
	line-height: 1.1;
	margin-bottom: 30px;
}
._bordered {
	border-bottom: 1px solid rgba(12,34,42,0.2);
}

/* Perspect Grid */
.p-grid, .p-grid-group {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 50px;
	z-index: 20;
}
.p-grid-group {
	max-width: 470px;
	padding-bottom: 0;
}
.p-grid-item {
	position: relative;
	-ms-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 470px;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 20px;
}
.p-grid-item * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.p-grid ._grid-title {
	padding: 35px 20px;
	color: #fff;
	height: 225px;
}
.p-grid ._grid-title h1 {
    font-family: 'FiraSans';
	font-size: 24px;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	line-height: 1.1;
}
.p-grid ._grid-title h1 big {
	font-size: 52px;
    font-weight: 800;
    font-style: normal;
	letter-spacing: 0.025em;
	display: block;
}
.p-grid .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    border-radius: 10px;
	overflow: hidden;
	z-index: 5;
}
.p-grid .img img {
	width: 100%;
	height: 100%;
}
.p-grid ._small {
	width: 225px;
	height: 225px;
}
.p-grid ._big {
	width: 470px;
	height: 470px;
}
.p-grid ._rect {
	width: 470px;
	height: 225px;
}
.p-grid ._square,
.p-grid ._rect {
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.25);
	overflow: hidden;
}
.p-grid .link {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0, rgba(0,0,0,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.7) 0, rgba(0,0,0,0.1) 100%);
	background-repeat: repeat-x;
    border-radius: 10px;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	z-index: 10;
}
.p-grid ._small .link,
.p-grid ._rect .link {
	padding: 25px 30px;
}
.p-grid ._big .link {
	padding: 35px 30px;
}
.p-grid-item h2, .p-grid-item span.title-grid {
    font-family: 'PFHighwaySansPro';
    font-weight: 500;
    font-size: 24px;
	line-height: 1.25;
	margin-bottom: 20px;
}
span.title-grid{
	display: block;
}
.p-grid ._big h2, .p-grid ._big span.title-grid{
    font-size: 48px;
	line-height: 1;
}
@media only screen and (max-width: 450px) {
	.p-grid ._big h2 , .p-grid ._big span.title-grid {
		font-size: 24px;
	}
}
.p-grid-item p {
    font-family: 'PFHighwaySansPro';
    font-weight: 300;
    font-size: 18px;
}
@media only screen and (max-width: 450px) {
	.p-grid-item p {
		line-height: 20px;
	}
}
.p-grid-item:hover .link {
	background-color: rgba(0,0,0,0.6);
}

.p-grid-item .hidden {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	overflow: hidden;
	background: #ff9800;
	z-index: 15;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.p-grid-item:hover .hidden {
	opacity: 1;
}
.hidden-buttons {
	margin-left: 15px;
	margin-top: 60px;
	opacity: 0;
	-webkit-transition: margin 0.4s, opacity 0.2s;
	transition:  margin 0.4s, opacity 0.2s;
}
.p-grid-item:hover .hidden-buttons {
	margin-top: 0;
	opacity: 1;
}
.p-grid-item .hidden * {
    box-sizing: border-box;
}
.p-grid-item .hidden a {
	position: relative;
	display: inline-block;
	color: #000;
	width: 20px;
	height: 40px;
	margin: 10px;
	padding: 10px 0;
}
.p-grid-item .hidden a:hover {
	color: #5d4037;
}
.p-grid-item .hidden a::after {
	position: absolute;
	top: 0;
	left: 150%;
	width: 1px;
	height: 100%;
	background: #000;
	opacity: 0.3;
	content: '';
	-webkit-transform: rotate3d(0, 0, 1, 30deg);
	transform: rotate3d(0, 0, 1, 30deg);
}
.p-grid-item .hidden a:last-child::after {
	display: none;
}

.p-grid-item .hidden .icon {
    position: relative;
    width: 16px;
    height: 16px;
    fill: #000;
	left: 0;
	top: 2px;
	-webkit-transition: fill 0.2s;
	transition: fill 0.2s;
}
.p-grid-item .hidden ._portfolio {
    width: 27px;
}
.p-grid-item .hidden a:hover .icon {
	fill: #5d4037;
}

._big .hidden a,
._rect .hidden a {
	padding-right: 15px;
	width: auto;
    font-family: 'PFHighwaySansPro';
    font-weight: 300;
    font-size: 18px;
	text-decoration: none;
}
._big .hidden a::after,
._rect .hidden a::after {
	left: auto;
	right: -5px;
}

/* Article with left image */
.article-with-image {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
	justify-content: space-between;
}
.article-img,
.article-img-2,
.article-text,
.article-form {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}
.article-img {
	min-width: 370px;
	padding: 40px 20px;
}
.circle-img {
	position: relative;
	width: 350px;
	height: 350px;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
}
.circle-img img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 100%;
	border-radius: 50%;
	z-index: 5;
}
.circle-img a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
	z-index: 10;
}
.circle-img a:hover {
	color: #fff;
	background: rgba(0,0,0,0.5);
}
.circle-img .circle-content {
	position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
	padding: 70px 0 80px;
	border-radius: 50%;
    text-transform: uppercase;
    line-height: 1.1;
}
.circle-img .circle-content span {
	display: block;
    font-family: 'FiraSans';
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 0.05em;
}
.circle-img .circle-content big {
	display: block;
    font-family: 'FiraSans';
    font-size: 30px;
    font-weight: 800;
    font-style: normal;
    letter-spacing: 0.025em;
}
.circle-img .play-icon {
	position: relative;
	margin: 0 auto;
    width: 80px;
    height: 80px;
	margin-bottom: 30px;
	border-radius: 50%;
	background: #ff9800;
}
.circle-img .play-icon svg {
	position: absolute;
    width: 24px;
    height: 24px;
    fill: #fff;
    left: 50%;
    top: 50%;
	margin: -12px 0 0 -12px;
    -webkit-transition: fill 0.2s;
    		transition: fill 0.2s;
}

.article-img-2 {
	min-width: 430px;
	padding: 10px 0;
}

.article-form {
	min-width: 460px;
	padding: 25px 40px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.rect-img {
	position: relative;
	overflow: hidden;
	margin-right: 60px;
	width: 430px;
	height: auto;
	border-radius: 10px;
}

.article-text {
	padding: 0 0 0 60px;
}
.article-text h2, .article-text span.title-grid {
    font-family: 'PFHighwaySansPro';
    font-weight: 500;
    font-size: 36px;
    line-height: 1.25;
    margin: 10px 0;
}
.article-text h3 {
    font-family: 'PFHighwaySansPro';
    font-weight: 500;
    font-size: 28px;
    line-height: 1.25;
    margin: 30px 0 10px;
}
.article-text p {
    font-size: 13px;
    margin-bottom: 10px;
}
.article-text h4 {
    font-family: 'PFHighwaySansPro';
    font-weight: 500;
    font-size: 20px;
    line-height: 1.25;
    margin: 25px 0 10px;
}

.i-grid {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	-webkit-justify-content: flex-start;
    -ms-flex-pack: start;
	justify-content: flex-start;
	margin: 15px 0 0;
}
.i-grid-item {
	position: relative;
	-ms-flex: 0 1 49%;
	-webkit-flex: 0 1 49%;
	flex: 0 1 49%;
	padding: 15px 20px 15px 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.i-grid-item .icon {
	position: absolute;
	top: 8px;
	left: 0;
    width: 32px;
    height: 36px;
    fill: #00adff;
}
.i-grid-item p {
	padding-left: 45px;
    font-family: 'PFHighwaySansPro';
    font-weight: 500;
    font-size: 16px;
	margin-bottom: 0;
}

/* Map */

.map {
	position: relative;
	width: 100%;
	height: 500px;
}

.big-map-container {
	position: relative;
	overflow: hidden;
}
#big-map {
	height: 500px;
}
#big-map::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: url(/bitrix/templates/perspect/../images/decor_white_top.png) repeat-x;
	z-index: 10;
}
#big-map::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: url(/bitrix/templates/perspect/../images/decor_dark_bottom.png) repeat-x;
	z-index: 10;
}
.big-map-mask {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 500px;
	z-index: 5;
	-webkit-transition: visibility 0.3s, opacity 0.3s;
	transition: visibility 0.3s, opacity 0.3s;
}
.big-map-container:hover .big-map-mask {
	opacity: 0;
	visibility: hidden;
}
.big-map-mask svg {
    position: absolute;
	left: 0;
    fill: rgba(12,34,42,0.3);
}

/* Contacts */
.contacts {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	-webkit-justify-content: flex-start;
    -ms-flex-pack: start;
	justify-content: flex-start;
	margin: 15px 0;
	text-align: left;
}
.contacts li {
	position: relative;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 15px 30px 15px 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contacts .icon {
	position: absolute;
	top: 13px;
	left: 0;
    width: 22px;
    height: 22px;
    fill: #00adff;
}
.contacts p {
	padding-left: 30px;
    font-size: 15px;
	white-space: nowrap;
	margin-bottom: 5px;
}
.contacts big {
	font-size: 20px;
	font-weight: 300;
	color: #fff;
}
.contacts a, .contacts span {
	font-size: 20px;
	font-weight: 300;
	color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
.contacts a:hover {
	color: #ff9800;
	border-color: rgba(255,152,0,0.5);
}
.grey {
	color: #fff;
	opacity: 0.4;
}

/* Portfolio Carousel */
#pf-carousel {
	padding: 40px 0;
}

.owl-theme .owl-wrapper-outer {
	margin-left: -10px;
	width: 980px !important;
}
.clients-theme .owl-wrapper-outer {
	margin: 0 auto;
	width: 960px !important;
}

#pf-carousel .owl-item {
	width: 225px !important;
	margin: 20px 10px;
}
.clients-theme .owl-item {
	width: 210px !important;
	margin: 20px 15px;
}
.reviews-theme .owl-item {
	margin: 15px 0;
}

.pf-carousel-item {
	position: relative;
	width: 225px;
	height: 355px;
	overflow: hidden;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 7px 15px rgba(0,0,0,0.10);
}
.pf-carousel-item .image {
	width: 225px;
	height: 225px;
	overflow: hidden;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background: #e6e8e9;
}
.pf-carousel-item .image img {
	width: 100%;
	height: auto;
}
.pf-carousel-item .name {
	width: 100%;
	height: 130px;
	overflow: hidden;
	padding: 20px 10px 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'PFHighwaySansPro';
    font-weight: 500;
    font-size: 18px;
	line-height: 1.2;
}
.pf-carousel-item .category {
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 100%;
    font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	color: #00adff;
	white-space: nowrap;
}
.pf-carousel-item .category a {
	color: #00adff;
	text-decoration: none;
}
.pf-carousel-item .category a:hover {
	color: #ff9800;
}

.pf-carousel-nav {
	position: relative;
	top: -370px;
	width: 100%;
}
.pf-carousel-nav .btn {
	position: absolute;
	top: 0;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #0067b8;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
.pf-carousel-nav .btn:hover {
	background: #ff9800;
}
.pf-carousel-nav .prev {
	left: 10px;
}
.pf-carousel-nav .next {
	right: 10px;
}
.pf-carousel-nav .btn .icon {
	position: absolute;
	top: 50%;
	left: 50%;
    width: 40px;
    height: 46px;
	margin: -23px 0 0 -20px;
    fill: #fff;
}

/* 	Owl Carousel Owl Demo Theme v1.3.3 */
.owl-theme .owl-controls {
	margin-top: 5px;
	text-align: center;
	overflow: hidden;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 2px solid #fff;
	-webkit-transition: opacity 0.2s, background 0.2s;
	transition: opacity 0.2s, background 0.2s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	background: #fff;
	opacity: 1;
}

/* 	Owl Carousel Owl Demo Theme v1.3.3 */
.clients-theme .owl-controls,
.reviews-theme .owl-controls {
	margin-top: 5px;
	text-align: center;
	overflow: hidden;
}
.clients-theme .owl-controls.clickable .owl-buttons div:hover, 
.reviews-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
.clients-theme .owl-controls .owl-page,
.reviews-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.clients-theme .owl-controls .owl-page span,
.reviews-theme .owl-controls .owl-page span {
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 2px solid #00adff;
	-webkit-transition: opacity 0.2s, background 0.2s;
	transition: opacity 0.2s, background 0.2s;
}
.clients-theme .owl-controls .owl-page.active span,
.clients-theme .owl-controls.clickable .owl-page:hover span,
.reviews-theme .owl-controls .owl-page.active span,
.reviews-theme .owl-controls.clickable .owl-page:hover span {
	background: #00adff;
	opacity: 1;
}

/* preloading images */
.owl-item.loading {
	min-height: 150px;
	background: url(/bitrix/templates/perspect/AjaxLoader.gif) no-repeat center center
}

/* Default Form */
.default-form {
	width: 100%;
}
.default-form div {
	margin-bottom: 20px;
}
.default-form div:last-child {
	margin-bottom: 0;
}
.default-form label {
	display: block;
	margin: 0 0 10px;
	font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    color: #000;
	opacity: 0.5;
    white-space: nowrap;
}
.default-form input[type="text"],
.default-form input[type="tel"],
.default-form select,
.default-form textarea {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #000;
	border: 1px solid rgba(0,189,255,0.5);
	border-radius: 6px;
	background: #fff;
	width: 100%;
    padding: 0 10px;
	-webkit-transition: color 0.2s, border 0.2s;
	transition: color 0.2s, border 0.2s;
}
.default-form input[type="text"],
.default-form input[type="tel"],
.default-form select {
	height: 50px;
}
.default-form textarea {
	padding: 10px;
}
.default-form input[type="text"]:hover,
.default-form input[type="text"]:focus,
.default-form input[type="tel"]:hover,
.default-form input[type="tel"]:focus,
.default-form select:hover,
.default-form select:focus,
.default-form textarea:hover,
.default-form textarea:focus {
	border: 1px solid rgba(0,189,255,0.9);
}
.default-form button {
	width: 100%;
	border: none;
	cursor: pointer;
}

/* Modal */
.overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(12,34,42,0.9);
	visibility: hidden;
	opacity: 0;
    z-index: 1000;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.overlay:target { visibility: visible; opacity: 1; }
.popup {
    position: fixed;
    top: 60px;
    left: 50%;
	width: 470px;
    margin-left: -235px;
    padding: 20px 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    background: rgba(255, 255, 255, 1);
	border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5);
    z-index: 1001;
}
.overlay:target+.popup { opacity: 1; visibility: visible; }
.close {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	text-indent: -10000px;
    position: absolute;
    right: -25px;
    top: -25px;
	border-radius: 50%;
	background: #00adff;
}
.close:hover { opacity: 0.8; }
.close .icon {
	position: absolute;
	top: 50%;
	left: 50%;
    width: 20px;
    height: 20px;
	margin: -10px 0 0 -10px;
    fill: #fff;
}
.popup h3, .popup span.title-grid {
	text-align: center;
	font-family: 'PFHighwaySansPro';
    font-weight: 500;
    font-size: 30px;
    line-height: 1.1;
    margin: 10px 0;
}
.popup p {
	text-align: center;
    font-size: 13px;
    margin: 0 0 10px;
}
.popup form {
	margin: 2em 0 1em;
}
._wide {
	width: 640px;
    margin-left: -320px;
	text-align: center;
}
.video-container {
	padding: 20px 0;
}

/* Landing Page */
.site-header-phone {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
    margin: 0 30px;
    color: #77d4ff;
    font-size: 18px;
    line-height: 60px;
}

/* LP Header */
.lp-header {
	margin-top: 120px;
	height: 850px;
	overflow: hidden;
}
.lp-header:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(12,34,42,0.75);
}
.lp-header .header-logo-group {
	padding: 40px 30px;
	border-bottom: 1px solid rgba(255,255,255,.15);
}
.lp-header .filled-button {
	margin: 5px 0;
}

/* Прайс Лист */

table.price {
	width: 100%;
	margin: 0 auto 15px auto;
}
table.price tr:first-child,
table.price tr:nth-child(2) {
	color: #ffffff;
	background: #0466b3;
	font-weight: 600;
}
table.price tr:first-child td,
table.price tr:nth-child(2) td {
	text-align: center;
}
table.price td {
	border: 1px solid #ffffff;
	padding: 5px 10px;
	vertical-align: middle;
	text-align: center;
}
table.price .light_tr {
	background: #dbefff;
}
table.price .dark_tr {
	background: #a9d9ff;
}

table.price2 {
	width: 100%;
	margin: 0 auto 15px auto;
}
table.price2 tr:first-child {
	color: #ffffff;
	background: #0466b3;
	font-weight: 600;
}
table.price2 tr:first-child td,
table.price2 tr:nth-child(2) td {
	text-align: center;
}
table.price2 td {
	border: 1px solid #ffffff;
	padding: 5px 10px;
	vertical-align: middle;
	text-align: center;
}
table.price2 td.td_white {
	background: #a9d9ff;
	color: #000;
}
table.price2 td.td_white p {
	color: #000;
}
table.price2 .light_tr {
	background: #dbefff;
}
table.price2 .dark_tr {
	background: #a9d9ff;
}

/* /Прайс Лист */

.header-title {
	padding: 50px 5px;
	text-align: center;
	color: #fff;
	z-index: 20;
}
.header-title h1 {
    font-family: 'FiraSans';
	font-size: 24px;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	line-height: 1.1;
}
.header-title span {
	font-size: 24px;
	font-weight: 300;
}
.header-title h1 big {
	font-size: 35px;
    font-weight: 800;
    font-style: normal;
	display: block;
	margin: 0 0 10px;
}

.header-content {
	color: #fff;
	/*overflow: hidden;*/
	z-index: 20;
}
.header-content .i-grid {
	float: left;
	width: 480px;
}
.header-content .i-grid .i-grid-item {
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 12px 100px 12px 0;
}
.header-content .i-grid .i-grid-item p {
	font-size: 20px;
	line-height: 1.2;
	color: rgba(255,255,255,0.75);
	-webkit-transition: color 0.2s;
			transition: color 0.2s;
}
.header-content .i-grid .i-grid-item:hover p {
	color: rgba(255,255,255,1);
}

/* Counter */
.header-counter {
	position: relative;
	float: right;
	width: 430px;
	margin: 0 20px 20px 20px;
	padding: 30px 0;
	border-radius: 10px;
	background: rgba(12,34,42,0.3);
	text-align: center;
}
.header-counter .decor-arrow {
	position: absolute;
	top: 200px;
	right: 100%;
	width: 134px;
	height: 128px;
}
.header-counter .decor-arrow svg {
	stroke: #fff;
	width: 134px;
	height: 128px;
	opacity: 0.8;
}
.header-counter h2, .header-counter span.title-grid {
    font-family: 'PFHighwaySansPro';
    font-weight: 500;
    font-size: 36px;
	line-height: 1;
	margin-bottom: 20px;
	padding: 0 40px;
	color: #00bdff;
}
.header-counter p {
    font-size: 16px;
	margin-bottom: 15px;
	color: #c2c8ca;
	text-align: center;
}

/* Header form */
.header-form {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 130px;
	overflow: hidden;
	background: rgba(0,103,184,0.95);
	z-index: 20;
}
.header-form form {
	width: 960px;
	margin: 0 auto;
}
.header-form table {
	height: 130px;
}
.inline-form {
	position: relative;
	height: 130px;
	margin: 0 auto 20px 0;
}

/* Oneline Form */
.oneline-form table {
}
.oneline-form td {
	width: 25%;
	vertical-align: middle;
	-moz-box-sizing: border-box;
		box-sizing: border-box;
	padding-right: 25px;
}
.oneline-form td:last-child {
	padding-right: 0;
}
.oneline-form input[type="text"],
.oneline-form input[type="tel"],
.oneline-form select,
.oneline-form textarea {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	border: 1px solid rgba(0,189,255,0.5);
	border-radius: 6px;
	width: 100%;
	height: 50px;
    padding: 0 10px;
}
.oneline-form textarea {
	padding: 15px 10px;
}
/*
.oneline-form input[type="text"]:hover,
.oneline-form input[type="text"]:focus,
.oneline-form input[type="tel"]:hover,
.oneline-form input[type="tel"]:focus,
.oneline-form select:hover,
.oneline-form select:focus,
.oneline-form textarea:hover,
.oneline-form textarea:focus {
	border: 1px solid rgba(0,189,255,0.9);
	color: #fff;
}
*/
.oneline-form button {
	width: 100%;
	border: none;
	cursor: pointer;
}

/* Multi Grid */
.multi-grid {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
	justify-content: space-between;
}
.multi-grid-item {
	position: relative;
	overflow: hidden;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
		-ms-flex: 0 1 auto;
	-webkit-flex: 0 1 auto;
			flex: 0 1 auto;
	min-width: 225px;
	padding: 10px;
	border-radius: 10px;
	background: 50% 20px no-repeat;
	background-color: #eeeff0;
}
.multi-grid-item h3 {
	margin: 15px 0;
    font-family: 'PFHighwaySansPro';
    font-weight: 500;
	line-height: 1.1;
}
.multi-grid-item p {
	margin: 10px 0;
}

._icon-freedelivery {
	background-image: url('/bitrix/templates/perspect/images/icon-freedelivery.png');
}
._icon-design {
	background-image: url('/bitrix/templates/perspect/images/icon-design.png');
}
._icon-district {
	background-image: url('/bitrix/templates/perspect/images/icon-district.png');
}
._icon-quality {
	background-image: url('/bitrix/templates/perspect/images/icon-quality.png');
}
._icon-discount {
	background-image: url('/bitrix/templates/perspect/images/icon-discount.png');
}
._icon-freedelivery-big {
	background-image: url('/bitrix/templates/perspect/images/icon-freedelivery-big.png');
}
._icon-design-big {
	background-image: url('/bitrix/templates/perspect/images/icon-design-big.png');
}
._icon-district-big {
	background-image: url('/bitrix/templates/perspect/images/icon-district-big.png');
}
._icon-quality-big {
	background-image: url('/bitrix/templates/perspect/images/icon-quality-big.png');
}
._icon-discount-big {
	background-image: url('/bitrix/templates/perspect/images/icon-discount-big.png');
}
._icon-square-big {
	background-image: url('/bitrix/templates/perspect/images/icon-square-big.png');
}
._icon-step1 {
	background-image: url('/bitrix/templates/perspect/images/icon-step1.png');
}
._icon-step2 {
	background-image: url('/bitrix/templates/perspect/images/icon-step2.png');
}
._icon-step3 {
	background-image: url('/bitrix/templates/perspect/images/icon-step3.png');
}
._icon-step4 {
	background-image: url('/bitrix/templates/perspect/images/icon-step4.png');
}

/* ----- 4 columns ----- */
._4cols .multi-grid-item {
	max-width: 225px;
	padding: 105px 15px 15px;
}
._4cols .multi-grid-item h3 {
    font-size: 20px;
}
._4cols .multi-grid-item p {
    font-size: 12px;
}

/* ----- 3 columns ----- */
._3cols .multi-grid-item {
	max-width: 300px;
	padding: 125px 20px 15px;
}
._3cols .multi-grid-item:nth-child(n+4) {
	margin-top: 30px;
}
._3cols .multi-grid-item h3 {
    font-size: 24px;
}
._3cols .multi-grid-item p {
    font-size: 13px;
}

/* ----- 3 columns with images ----- */
._3cols-img .multi-grid-item {
	max-width: 300px;
	padding: 0;
}
._3cols-img .multi-grid-item:nth-child(n+4) {
	margin-top: 30px;
}
._3cols-img .multi-grid-item h3 {
    font-size: 24px;
	padding: 10px 20px;
}
._3cols-img .multi-grid-item .image {
	height: 200px;
	overflow: hidden;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

/* ----- 3 columns with bg ----- */
._3cols-bg .multi-grid-item {
	width: 300px;
	height: 300px;
	padding: 150px 15px 15px;
}
._3cols-bg .multi-grid-item:nth-child(n+4) {
	margin-top: 30px;
}
._3cols-bg .multi-grid-item h3 {
	position: relative;
    font-size: 24px;
	color: #fff;
	z-index: 3;
}
._3cols-bg .multi-grid-item a,
._3cols-bg .multi-grid-item p {
	position: relative;
	z-index: 3;
}
._3cols-bg .multi-grid-item p {
	color: #ffc107;
}
._3cols-bg .multi-grid-item .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 10px;
	z-index: 1;
}
._3cols-bg .multi-grid-item .image:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.8) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.8) 100%);
    background-repeat: repeat-x;
	z-index: 2;
}

/* ----- 2 columns ----- */
._2cols .multi-grid-item {
	width: 470px;
	padding: 0;
}
._2cols .multi-grid-item:nth-child(n+3) {
	margin-top: 30px;
}
._2cols .multi-grid-item .image {
	position: relative;
	display: table-cell;
	vertical-align: bottom;
	width: 470px;
	height: 300px;
	padding: 20px;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	overflow: hidden;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-align: left;
}
._2cols .multi-grid-item .image:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 100%);
    background-repeat: repeat-x;
	-webkit-transition: background 0.3s;
			transition: background 0.3s;
	z-index: 2;
}
._2cols .multi-grid-item:hover .image:after {
	background-color: rgba(0,0,0,0.5);
}
._2cols .multi-grid-item .image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	z-index: 1;
}
._2cols .multi-grid-item .image h3 {
    font-size: 36px;
	color: #fff;
}
._2cols .multi-grid-item .image p {
    font-family: 'PFHighwaySansPro';
	font-weight: 300;
    font-size: 18px;
	color: #ffc107;
}
._2cols .multi-grid-item .image h3,
._2cols .multi-grid-item .image p {
	position: relative;
	z-index: 3;
}
._2cols .multi-grid-item .text {
	padding: 15px 20px 5px;
	text-align: left;
}
._2cols .multi-grid-item .text p {
    font-size: 13px;
	padding: 0 0 10px;
	line-height: 1.5;
}

/* ----- 2 columns ----- */
._icons-lined {
	margin: 40px 0;
}
._icons-lined .icon {
	width: 42px;
	height: 36px;
	fill: #00adff;
}

/* ----- Filter ----- */
.filter-container {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	position: relative;
	width: 100%;
	margin: 30px 0;
	text-align: center;
}
.filter-container:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	padding: 20px;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	border-radius: 6px;
	background: #0c222a;
}
.filter-container label {
	position: relative;
	display: inline-block;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	margin: 20px;
	padding: 0 30px;
	height: 40px;
	line-height: 36px;
	border-radius: 20px;
	border: 2px solid #0c222a;
	color: rgba(255,255,255,0.3);
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.075em;
	white-space: nowrap;
	-webkit-transition: color 0.2s, border 0.2s;
	transition: color 0.2s, border 0.2s;
	cursor: pointer;
}
.filter-container label:hover {
	color: rgba(255,255,255,0.75);
	/*border-color: rgba(255,255,255,0.5);*/
}
.filter-container input.selector-type-all:checked ~ label.label-type-all,
.filter-container input.selector-type-1:checked ~ label.label-type-1,
.filter-container input.selector-type-2:checked ~ label.label-type-2,
.filter-container input.selector-type-3:checked ~ label.label-type-3,
.filter-container input.selector-type-4:checked ~ label.label-type-4 {
	color: #00adff;
	border-color: #00adff;
	z-index: 2;
}
.filter-container input {
	display: none;
}
.filter-container input.selector-type-1:checked ~ .catalog-grid .catalog-grid-item:not(.item-type-1),
.filter-container input.selector-type-2:checked ~ .catalog-grid .catalog-grid-item:not(.item-type-2),
.filter-container input.selector-type-3:checked ~ .catalog-grid .catalog-grid-item:not(.item-type-3),
.filter-container input.selector-type-4:checked ~ .catalog-grid .catalog-grid-item:not(.item-type-4) {
	opacity: 0.1;
	-webkit-transform: scale(0.5);
			transform: scale(0.5);
	-webkit-transition: transform 0.3s, opacity 0.3s;
			transition: transform 0.3s, opacity 0.3s;
	cursor: default;
	pointer-events: none;
}
/*.filter-container input.selector-type-1:checked ~ .catalog-grid .catalog-grid-item:not(.item-type-1),
.filter-container input.selector-type-2:checked ~ .catalog-grid .catalog-grid-item:not(.item-type-2),
.filter-container input.selector-type-3:checked ~ .catalog-grid .catalog-grid-item:not(.item-type-3),
.filter-container input.selector-type-4:checked ~ .catalog-grid .catalog-grid-item:not(.item-type-4) {
	cursor: default;
	pointer-events: none;
	display: none;
}*/
.clr {
	clear: both;
}
.noscroll {
	overflow: hidden;
}

/* Multi Grid */
.catalog-grid {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
	justify-content: space-between;
	margin: 15px 0;
}
.catalog-grid-item {
	position: relative;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
		-ms-flex: 0 1 auto;
	-webkit-flex: 0 1 auto;
			flex: 0 1 auto;
	max-width: 300px;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.07);
	overflow: hidden;
	margin: 15px 0;
	-webkit-transition: transform 0.3s, opacity 0.3s;
			transition: transform 0.3s, opacity 0.3s;
}
.catalog-grid-item_hit {
	overflow: visible !important;
}
.catalog-grid-item_hit:after {
	position: absolute;
	right: -10px;
	top: -12px;
	width: 32px;
	height: 32px;
	background: url('/bitrix/templates/perspect/images/hit.png');
	content: "";
	z-index: 1000;
}
.catalog-grid-item .image {
	width: 100%;
	height: 200px;
	overflow: hidden;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background: #e6e8e9;
}
.catalog-grid-item .image img {
	width: 100%;
	height: auto;
}
.catalog-grid-item .name,
.catalog-grid-item .price {
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 10px 0;
	font-family: 'PFHighwaySansPro';
    font-weight: 500;
    font-size: 24px;
	line-height: 1.2;
}
.catalog-grid-item .info {
    font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	color: #00adff;
	white-space: nowrap;
}
.catalog-grid-item .price {
    font-size: 18px;
	padding: 15px 10px;
}
.catalog-grid-item .old-price {
    font-size: 16px;
	font-weight: 400;
	text-decoration: line-through;
	margin-right: 20px;
	color: rgba(0,0,0,0.7);
}
.catalog-grid-button {
    white-space: nowrap;
    display: inline-block;
    position: relative;
    -moz-box-sizing: border-box;
    	 box-sizing: border-box;
    margin-bottom: 25px;
    padding: 0 30px;
    height: 40px;
    line-height: 36px;
    border-radius: 20px;
    color: #00adff;
	border: 2px solid rgba(0,189,255,0.5);
    text-align: center;
    outline: none;
    font-family: 'PFHighwaySansPro';
    font-weight: 500;
    font-size: 18px;
    text-decoration: none;
    background-color: transparent;
    -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
    		transition: background-color 0.2s, border 0.2s, color 0.2s;
}
.catalog-grid-button:hover {
    color: #ff9800;
    border-color: #ff9800;
}

.list-checked li {
    font-family: 'PFHighwaySansPro';
    font-weight: 500;
    font-size: 18px;
	padding: 10px 0 10px 34px;
	background: url('/bitrix/templates/perspect/images/li.png') 0 8px no-repeat;
	text-align: left !important;
}

/* Clients Carousel */
#clients-carousel {
	padding: 20px 0;
}
.clients-carousel-item {
	position: relative;
	width: 210px;
	height: 210px;
	overflow: hidden;
	border-radius: 6px;
	background: #fff;
	border: 1px solid rgba(12,34,42,0.2);
	-webkit-transition: border 0.2s;
			transition: border 0.2s;
}
.clients-carousel-item:hover {
	border-color: rgba(12,34,42,0.9);
}
.clients-carousel-item .image {
	width: 210px;
	height: 130px;
	overflow: hidden;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	display: table-cell;
	vertical-align: middle;
}
.clients-carousel-item .image img {
}
.clients-carousel-item .name {
	width: 100%;
	overflow: hidden;
	padding: 20px 10px;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
    font-size: 15px;
	line-height: 1.2;
	color: #7b7b7b;
}

.clients-carousel-nav {
	position: relative;
	top: -235px;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
.clients-carousel-nav .btn {
	position: absolute;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #0067b8;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
.clients-carousel-nav .btn:hover {
	background: #ff9800;
}
.clients-carousel-nav .small-prev {
	left: 0;
}
.clients-carousel-nav .small-next {
	right: 0;
}
.clients-carousel-nav .btn .icon {
	position: absolute;
	top: 50%;
	left: 50%;
    width: 20px;
    height: 20px;
	margin: -10px 0 0 -10px;
    fill: #fff;
}

/* reviews carousel */
#reviews-carousel {
	padding: 20px 0;
}
.reviews-carousel-item {
	position: relative;
	width: 100%;
	min-height: 240px;
	overflow: hidden;
	padding: 30px 50px;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	border-radius: 6px;
	background: #fff;
	text-align: left;
}
.review-text {
	margin-right: 340px;
}
.review-text p {
	font-size: 16px;
	line-height: 1.6;
	margin: 10px 0;
}

.review-author {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	float: right;
	width: 300px;
	padding: 10px 0 10px 30px;
	overflow: hidden;
	border-left: 1px solid rgba(12,34,42,0.1);
}
.review-author .image {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 0 20px;
}
.review-author .image img {
	width: 100%;
}
.review-author p {
    font-size: 12px;
	color: #7b7b7b;
}
.review-author .name {
    font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	color: #000;
	margin: 0 0 5px;
}

.reviews-carousel-nav {
	position: relative;
	top: -225px;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
.reviews-carousel-nav .btn {
	position: absolute;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #0067b8;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
.reviews-carousel-nav .btn:hover {
	background: #ff9800;
}
.reviews-carousel-nav .small-prev {
	left: -15px;
}
.reviews-carousel-nav .small-next {
	right: -15px;
}
.reviews-carousel-nav .btn .icon {
	position: absolute;
	top: 50%;
	left: 50%;
    width: 20px;
    height: 20px;
	margin: -10px 0 0 -10px;
    fill: #fff;
}

/* fotorama */
.fotorama {
	margin: 40px 0;
	border-radius: 6px;
	height: 500px;
}
.fotorama__stage {
	border-radius: 6px;
}

/* tables */
.main-table {
	margin: 30px 0 40px;
	width: 100%;
	border: none;
	border-radius: 6px;
    background-color: #eeeff0;
}
.main-table td,
.main-table th {
	padding: 25px 30px;
	text-align: left;
	vertical-align: middle;
}
.main-table tr {
	border-bottom: 1px solid rgba(12,34,42,0.1);
}
.main-table tr:last-child {
	border-bottom: 0;
}
.main-table td {
	font-size: 18px;
	font-weight: 700;
}
.main-table th {
	font-size: 11px;
	font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    color: #00adff;
}

._invert {
    background-color: #0c222a;
	color: #fff;
}
._invert td {
	font-size: 18px;
	font-weight: 400;
}
._invert tr {
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.new-value {
	color: #ff9800;
}
.old-value {
	display: inline-block;
	margin: 4px 8px 0 0;
	color: #9ea7aa;
	font-size: 14px;
	text-decoration: line-through;
}

/* Project lightbox setup */
.fancybox-item.fancybox-close {
    background: url("/bitrix/templates/perspect/images/close.png") no-repeat scroll 50% 50% #00adff;
    height: 50px;
    width: 50px;
    right: -25px;
    top: -25px;
    border-radius: 50%;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.fancybox-next span {
    background: url("/bitrix/templates/perspect/images/arrow-right.png") no-repeat scroll center center #009ee3;
    height: 50px;
    width: 50px;
    right: -25px !important;
    border-radius: 50%;
}

.fancybox-prev span {
    background: url("/bitrix/templates/perspect/images/arrow-left.png") no-repeat scroll center center #009ee3;
    height: 50px;
    width: 50px;
    left: -25px !important;
    border-radius: 50%;
}
.fancybox-item.fancybox-close:hover,
.fancybox-prev span:hover,
.fancybox-next span:hover { opacity: 0.8; }

.multi-grid-item .price {
	display: inline-block;
	float: right;
	max-width: 50%;
	font-family: 'PFHighwaySansPro';
    font-weight: 500;
    font-size: 18px;
	padding: 8px 10px;
}
@media only screen and (max-width:1024px)
{
}


@media print
{
	*
	{
		background-color: transparent!important;
		box-shadow: none!important;
		color: #000!important;
		text-shadow: none!important;
	}
	a,a:visited
	{
		text-decoration: underline;
	}
	img
	{
		max-width: 100%!important;
		page-break-inside: avoid;
	}
	h1
	{
		padding: 1em 0 0;
	}
	.site-promo
	{
		margin: 1em;
		padding: 0;
	}
	.site-section
	{
		margin: 2em 1em;
		padding: 0;
	}
	.site-section-video
	{
		display: none;
	}
	h2,h3,p
	{
		orphans: 3;
		widows: 3;
	}
	h2,h3
	{
		page-break-after: avoid;
	}
}

.vo {
	position: relative;
	width: 100%;
	height: auto;
}
.vo-item {
	position: relative;
	border-bottom: 2px solid #0165b2;
	padding: 0 0 25px 0;
	margin: 0 0 25px 0;
}
.vo-item h3 {
	margin: 0 0 15px 0;
}

.site-header-info{
	margin-left: 110px;
	width: 590px;
}

.site-header-info .contacts{
	margin: 0px;
}

.site-header-info .contacts li{
	padding: 0px 20px 0px 0;
}

.site-header-info .contacts li:last-child{
	padding: 0px;
}

.site-header-info .contacts p{
	margin: 0px;
	font-size: 13px;
	padding-left: 26px;
}

.site-header-info .contacts p.no-icon{
	padding-left: 0px;
}

.site-header-info .contacts a, .site-header-info .contacts span{
	font-size: 15px;
}

.site-header-info .contacts .icon{
	top: 21px;
	width: 18px;
	height: 18px;
}

.site-header-info .contacts span{
	text-decoration: none;
}

.footer-block{
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: left;
}

.footer-block__column{
	position: relative;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.footer-block__logo{
	height: 22px;
	margin-top: 16px;
	display: block;
}

.footer-block__caption{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.footer-block__caption-stub{
	margin-bottom: 10px;
	height: 22px;
}

.footer-menu{}

.footer-menu__item{
	display: block;
}

.footer-menu__item a{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

.footer-menu__item a:hover{
	color: #ff9800;
	border-color: rgba(255,152,0,0.5);
}

.footer-menu__item:not(:last-child){
	margin-bottom: 5px;
}

.footer-menu__phone, .footer-menu__email{
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

.footer-menu__phone:hover, .footer-menu__email:hover{
	color: #ff9800;
	border-color: rgba(255,152,0,0.5);
}

.footer-block__contact{
	padding-left: 25px;
	margin-bottom: 4px;
	position: relative;
}

.footer-contact-icon{
	width: 18px;
	height: 18px;
	fill: #00adff;
	position: absolute;
	left: 0px;
	top: 3px;
}

.footer-block__address {
	margin-top: 10px;
}

.footer-block__social{
	margin-top: 14px;
}

.footer-block__social .bx-icon{
	margin-right: 6px;
}

.footer-block__copyright{
	margin-top: 20px;
}



/* cosmo cookies banner */
.cookie-banner {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #0c222a;
    border-radius: 50px;
    padding: 12px 16px 12px 24px;
    display: flex;
    align-items: center;
    gap: 20px;
 box-shadow: 0 0px 24px rgba(0, 96, 142, 0.3);
 z-index: 1000;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.cookie-banner a {
    color: inherit;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
    text-decoration: none;
    transition: .3s;
}

.cookie-banner a:hover {
    color: #ff9800;
    border-color: rgba(255, 152, 0, 0.5);
}

.cookie-banner.hidden {
    opacity: 0;
    transform: translateX(-50%) translateY(20px);
    pointer-events: none;
}

.cookie-text {
    font-size: 14px;
    color: #ffffff;
    white-space: nowrap;
}

.cookie-btn {
    background-color: #00adff;
    color: #ffffff;
    border: none;
    border-radius: 50px;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s ease;
    white-space: nowrap;
}

.cookie-btn:hover {
    background-color: #ff9800;
}

.cookie-btn:active {
    background-color: #ff8800;
}

@media (width < 768px){
	.cookie-banner {
		flex-direction: column;
		text-align: center;
		max-width: 80%;
		width: 100%;
		gap: 10px;
		border-radius: 16px;
	}

	.cookie-text {
		text-wrap: initial;
	}
}
/* End */


/* Start:/bitrix/templates/perspect/template_styles.css?174280261214184*/
div.content {
    position: relative;
    margin: 60px 0 40px 0;
}
div.content.content-inner {
    margin: 80px 0 40px 0;
}
div.content.mb0 {
    margin-bottom: 0;
}
h1 {
    font-size: 28pt;
    margin: 20px 0 20px 0;
    line-height: 35px; 
}
h2, span.title-grid {
    font-size: 20pt;
    font-weight: 400;
    margin: 0 0 30px 0;
}
div.content h3, div.content span.title-grid {
    font-size: 16pt;
    font-weight: normal;
    margin: 0 0 15px 0;
    text-align: left;
}
div.content p {
    position: relative;
    font-size: 11pt;
    margin: 0 0 15px 0;
    text-align: left;
}
ol.content {
    position: relative;
    list-style-type: decimal;
    margin: 0 0 10px 0;
    padding: 0 0 0 25px;
}
ol.content li {
    position: relative;
    font-size: 11pt;
    margin: 5px 0 5px 15px;
    text-align: left;
}
ul.content {
    position: relative;
    list-style-type: disc;
    margin: 0 0 10px 0;
    padding: 0 0 0 25px;
}
ul.content li {
    position: relative;
    font-size: 11pt;
    margin: 5px 0 5px 15px;
    text-align: left;
}
.call-area {
    position: relative;
    width: 350px;
    height: auto;
    padding: 20px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.call-area .row {
    position: relative;
    margin: 0 0 15px 0;
    color: #000;
}
.call-area .row h3 {
    margin: 0 0 10px 0;
    font-size: 20pt;
    line-height: 30px;
}
.call-area .row p {
    color: #666;
}
.call-area .row input[type="text"] {
    width: 100%;
    padding: 10px;
    background: #f0f0f2;
    font-size: 11pt;
    border: medium none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.call-area .row input[type="submit"] {
    width: 100%;
    border: none;
    font-size: 12pt;
    padding: 10px;
    font-family: 'PFHighwaySansPro';
    font-weight: 500;
    border: none;
    border-radius: 25px;
    box-shadow: 0 8px 16px rgba(0,54,134,0.20); /*box-shadow: 0 8px 16px rgba(12,34,42,0.20);*/
    background-color: #00adff;
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 100%);
    background-repeat: repeat-x;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.call-area .row input[type="submit"]:hover {
    color: #fff;
    background-color: #ff9800;
}
.call-area .row label {
    position: relative;
    font-size: 80%;
}
.call-area label a {
    text-decoration: none;
}
@media only screen and (max-width: 450px) {
    .call-area {
        width: 95%;
        margin: 0 auto;
    }
}

.county-reflection
{
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
}
.county
{
	margin: 10px auto;
	white-space: nowrap;
	position: relative;
	width: auto !important;
}
.county span.first
{

}
.county span.last
{

}

.county > span
{
    position: relative;
    display: inline-block;
    overflow: hidden;
	margin: 0 3px;
	width: 80px;
    height: 60px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Fira Sans';
	font-size: 42px;
	font-weight: 500;
    line-height: 60px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.county-days-wrapper, .county-hours-wrapper, .county-minutes-wrapper, .county-seconds-wrapper
{
    overflow: hidden !important;
    position: relative !important;
    display: inline-block !important;
}
.county > span > span {
    display: block;
}
.county-labels {
	position: relative;
	margin: 0 auto;
}
.county-labels span {
    display: inline-block;
	margin: 0 3px;
	width: 80px;
    height: 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    color: rgba(255,255,255,0.7);
    text-align: center;
    background-color: transparent;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
    background: #ff9800;
}

.clear
{
    clear: both;
}
/*color schemes*/
/*black*/
.county.black .county-days-wrapper, .county.black .county-hours-wrapper, .county.black .county-minutes-wrapper, .county.black .county-seconds-wrapper
{
    background: #080808;
    background: -moz-linear-gradient(top,  #080808 0%, #080808 40%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#080808), color-stop(40%,#080808), color-stop(100%,#000000));
    background: -webkit-linear-gradient(top,  #080808 0%,#080808 40%,#000000 100%);
    background: -o-linear-gradient(top,  #080808 0%,#080808 40%,#000000 100%);
    background: -ms-linear-gradient(top,  #080808 0%,#080808 40%,#000000 100%);
    background: linear-gradient(to bottom,  #080808 0%,#080808 40%,#000000 100%);
    color: White;
    border-top: solid 1px #494949;
    border-bottom: solid 1px #242424;
}
.county.black .county-label-days, .county.black .county-label-hours, .county.black .county-label-minutes, .county.black .county-label-seconds
{
    color: #ffffff;
}
.county.black span.separator-left
{
    border-left: solid 1px #2E2E2E;
}
.county.black span.separator-right
{
    border-right: solid 1px #121212;
}

/*red*/
.county.red
{
    background: #fff;    
}
.county.red .county-days-wrapper, .county.red .county-hours-wrapper, .county.red .county-minutes-wrapper, .county.red .county-seconds-wrapper
{
    background: #fff;
    color: #e41f3a;
}
.county.red .county-label-days, .county.red .county-label-hours, .county.red .county-label-minutes, .county.red .county-label-seconds
{
    color: #e41f3a;
}
.county.red span.separator-left
{
    border-left: solid 1px #E0E0E0;
}
.county.red span.separator-right
{
    border-right: solid 1px #E0E0E0;
}

/*gray*/

.county.gray .county-days-wrapper, .county.gray .county-hours-wrapper, .county.gray .county-minutes-wrapper, .county.gray .county-seconds-wrapper
{
    color: Gray;
    background: #E0E0E0;
    background: -moz-linear-gradient(top,  #E0E0E0 0%, #E0E0E0 40%, #FAFAFA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0E0E0), color-stop(40%,#E0E0E0), color-stop(100%,#FAFAFA));
    background: -webkit-linear-gradient(top,  #E0E0E0 0%,#E0E0E0 40%,#FAFAFA 100%);
    background: -o-linear-gradient(top,  #E0E0E0 0%,#E0E0E0 40%,#FAFAFA 100%);
    background: -ms-linear-gradient(top,  #E0E0E0 0%,#E0E0E0 40%,#FAFAFA 100%);
    background: linear-gradient(to bottom,  #E0E0E0 0%,#E0E0E0 40%,#FAFAFA 100%);
    border-top: solid 1px #FAFAFA;
    border-bottom: solid 1px #FAFAFA;
}
.county.gray .county-label-days, .county.gray .county-label-hours, .county.gray .county-label-minutes, .county.gray .county-label-seconds
{
    color: Gray;
}
.county.gray span.separator-left
{
    border-left: solid 1px #FAFAFA;
}
.county.gray span.separator-right
{
    border-right: solid 1px #FAFAFA;
}

/*blue*/

.county.blue .county-days-wrapper, .county.blue .county-hours-wrapper, .county.blue .county-minutes-wrapper, .county.blue .county-seconds-wrapper
{
    color: white;
    background: #248AB2;
    background: -moz-linear-gradient(top,  #248AB2 0%, #248AB2 40%, #50BCE6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#248AB2), color-stop(40%,#248AB2), color-stop(100%,#50BCE6));
    background: -webkit-linear-gradient(top,  #248AB2 0%,#248AB2 40%,#50BCE6 100%);
    background: -o-linear-gradient(top,  #248AB2 0%,#248AB2 40%,#50BCE6 100%);
    background: -ms-linear-gradient(top,  #248AB2 0%,#248AB2 40%,#50BCE6 100%);
    background: linear-gradient(to bottom,  #248AB2 0%,#248AB2 40%,#50BCE6 100%);
    border-top: solid 1px #50BCE6;
    border-bottom: solid 1px #50BCE6;
}
.county.blue .county-label-days, .county.blue .county-label-hours, .county.blue .county-label-minutes, .county.blue .county-label-seconds
{
    color: #FFFFFF;
}
.county.blue span.separator-left
{
    border-left: solid 1px #50BCE6;
}
.county.blue span.separator-right
{
    border-right: solid 1px #50BCE6;
}

/*gray*/

.county.orange .county-days-wrapper, .county.orange .county-hours-wrapper, .county.orange .county-minutes-wrapper, .county.orange .county-seconds-wrapper
{
    color: #fff;
    background: #ff9800;
}
.county.gray .county-label-days, .county.gray .county-label-hours, .county.gray .county-label-minutes, .county.gray .county-label-seconds
{
    color: #fff;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.prod-foto {
    position: relative;
    margin: 45px 0 0 0;
}
.prod-foto img {
    position: relative;
    display: inline-block;
    margin: 0 0 0 8px;
    box-shadow: 5px 0 5px -5px #333;
}
.prod-foto img:first-child,
.prod-foto img:nth-child(3n+1) {
    margin-left: 0;
}
.info-foto {
    position: relative;
    margin: 45px auto 0 auto;
}
.info-foto img {
    position: relative;
    display: inline-block;
    margin: 0 0 15px 12px;
    vertical-align: top;
}
.info-foto img:first-child,
.info-foto img:nth-child(2n+1) {
    margin-left: 0;
}
.frezerovka {
    position: relative;
    margin: 45px 0 0 0;
    text-align: center;
}
.frezerovka a {
    position: relative;
    width: 228px;
    height: 204px;
    display: inline-block;
    vertical-align: top;
    padding: 80px 40px;
    text-align: center;
    margin: 0 0 10px 10px;
    color: #fff;
    text-decoration: none;
    font-size: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.frezerovka a.frez-pvh {
    background: url('/upload/images/frez-pvh.jpg');
}
.frezerovka a.frez-osb {
    background: url('/upload/images/frez-osb.jpg');
}
.frezerovka a.frez-drv {
    background: url('/upload/images/frez-drv.jpg');
}
.frezerovka a.frez-org {
    background: url('/upload/images/frez-org.jpg');
}
.frezerovka a.frez-mdf {
    background: url('/upload/images/frez-mdf.jpg');
}
.frezerovka a.frez-ldsp {
    background: url('/upload/images/frez-ldsp.jpg');
}
.frezerovka a.frez-fan {
    background: url('/upload/images/frez-fan.jpg');
}
.frezerovka a.ras-org {
    background: url('/upload/images/ras-org.jpg');
}
.frezerovka a.ras-fan {
    background: url('/upload/images/ras-fan.jpg');
}
.frezerovka a.ras-pol {
    background: url('/upload/images/ras-pol.jpg');
}
.frezerovka a.ras-pvh {
    background: url('/upload/images/ras-pvh.jpg');
}
.frezerovka a.ras-mdf {
    background: url('/upload/images/ras-mdf.jpg');
}
.frezerovka a.ras-ldsp {
    background: url('/upload/images/ras-ldsp.jpg');
}
.frezerovka a.frez-komp {
    background: url('/upload/images/frez-komp.jpg');
}
.frezerovka a.ras-pet {
    background: url('/upload/images/ras-pet.jpg');
}
.frezerovka a:first-child,
.frezerovka a:nth-child(4n+1) {
    margin-left: 0;
}
@media only screen and (max-width: 450px) {
    .frezerovka a {
        display: block;
        margin: 0 auto 10px auto;
    }
    .frezerovka a:first-child,
    .frezerovka a:nth-child(4n+1) {
        margin: 0 auto 10px auto;
    }
}
img.toright {
    margin: 0 0 25px 25px;
}
.tcenter {
    text-align: center !important;
}
.uf-p {
    position: relative;
}
.uf-p .uf-item {
    position: relative;
    float: left;
    width: 305px;
    height: 272px;
    margin: 0 0 15px 15px;
    background: #3b3b3b;
    padding:  80px 70px;
    font-size: 22px;
    max-height: 240px;
    min-height: 240px;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    display: block;
}
.uf-p .uf-item:first-child,
.uf-p .uf-item:nth-child(3n+1) {
    margin-left: 0;
}
.uf-item[href="/services/ultrafioletovaya-pechat-uf-na-plastike-pvkh/"] {
    background: url('/bitrix/templates/perspect/images/uf-plast.png');
}
.uf-item[href="/services/ultrafioletovaya-pechat-na-orgstekle-akrile-poli/"] {
    padding: 45px 70px;
    background: url('/bitrix/templates/perspect/images/uf-orgsteklo.png');
}
.uf-item[href="/services/ultrafioletovaya-pechat-uf-na-stekle/"] {
    background: url('/bitrix/templates/perspect/images/uf-steklo.png');
}
.uf-item[href="/services/ultrafioletovaya-pechat-uf-na-zerkale/"] {
    background: url('/bitrix/templates/perspect/images/uf-zerkalo.png');
}
.uf-item[href="/services/ultrafioletovaya-pechat-uf-na-fasadakh/"] {
    background: url('/bitrix/templates/perspect/images/uf-fasad.png');
}
.uf-item[href="/services/ultrafioletovaya-pechat-uf-na-keramicheskoy-plitke/"] {
    background: url('/bitrix/templates/perspect/images/uf-k-plitka.png');
}
.uf-item[href="/services/ultrafioletovaya-pechat-uf-na-kompozite-i-metalle/"] {
    background: url('/bitrix/templates/perspect/images/uf-kompozit.png');
}
.uf-item[href="/services/ultrafioletovaya-pechat-uf-na-mdf-fanere-dereve-i-dsp/"] {
    background: url('/bitrix/templates/perspect/images/uf-ldsp.png');
}
.uf-item[href="/services/ultrafioletovaya-pechat-uf-na-kozhe-i-kovroline/"] {
    background: url('/bitrix/templates/perspect/images/uf-kozha.png');
}
.uf-item[href="/services/ultrafioletovaya-pechat-uf-na-tkani/"] {
    background: url('/bitrix/templates/perspect/images/uf-tkan.png');
}
.uf-item[href="/services/ultrafioletovaya-pechat-uf-na-penokartone/"] {
    background: url('/bitrix/templates/perspect/images/uf-penokarton.png');
}
.uf-item[href="/services/ultrafioletovaya-pechat-uf-na-plenke-bannere-i-kholste/"] {
    background: url('/bitrix/templates/perspect/images/uf-plenka.png');
}
.uf-item[href="/services/ultrafioletovaya-pechat-uf-na-kartone-i-gofrokartone/"] {
    background: url('/bitrix/templates/perspect/images/uf-karton.png');
}
.uf-item[href="/services/ultrafioletovaya-pechat-uf-na-suvenirakh-i-upakovke/"] {
    background: url('/bitrix/templates/perspect/images/uf-suvenir.png');
}
.uf-item[href="/services/spetsialnye-tseny-na-uf-pechat-dlya-reklamnykh-agentstv-i-krupnykh-zakazchikov/"] {
    background: url('/bitrix/templates/perspect/images/uf-agent.png');
}
.uf-item[href="/services/ultrafioletovaya-pechat/"] {
    background: url('/bitrix/templates/perspect/images/uf-nn.png');
}
@media only screen and (max-width: 450px) {
    .uf-p .uf-item {
        float: none;
        display: block;
        margin: 0 auto 15px auto;
    }
    .uf-p .uf-item:first-child,
    .uf-p .uf-item:nth-child(3n+1) {
        margin: 0 auto 15px auto;
    }
}
/* End */
/* /bitrix/templates/perspect/fancybox/jquery.fancybox.css?17428026124994 */
/* /bitrix/templates/perspect/owl-carousel/owl.carousel.css?17428026121476 */
/* /bitrix/templates/perspect/fotorama/fotorama.css?174280261115513 */
/* /bitrix/templates/perspect/adaptive_styles.css?17428026129642 */
/* /bitrix/templates/perspect/css3-countdown-master/css/style.css?17428026121799 */
/* /local/components/tdir/social.links/templates/main/style.min.css?1742802584829 */
/* /bitrix/templates/perspect/styles.css?176467795255727 */
/* /bitrix/templates/perspect/template_styles.css?174280261214184 */