/* Start:/bitrix/templates/ysg/components/bitrix/system.pagenavigation/.default/style.css?1749109263898*/
.Pagination 
{ 
	border:1px solid #eaecee;
    margin:55px 0;
	text-align:center;
	height:48px;
    color: #333333;
}
.Pagination ul
{ 
	list-style:none;
	margin:0;
	padding:0;
}
.Pagination ul li
{ 
	background:none !important;
	padding:0;
	display:inline-block;
	vertical-align:top;
}
.Pagination .Active
{
    color: #333333;
    font-family: "RobotoBold";
}
/*
.Pagination a, .Pagination span
{
	border:1px solid #fff;
	display:inline-block;
	vertical-align:middle;
}
.Pagination .Page
{
	border-right:1px solid #eaecee;
	width:42px;   
	margin: 0 -3px;   
	height: 41px;
}
.PrevPage
{
	padding:0 15px 0 0; 
	margin: 0 -3px 0 0;
	line-height:35px;
	border-right:1px solid #eaecee !important;
}
.NextPage
{
	margin: 0 0 0 -3px;
	margin:0 0 0 15px;
	line-height:35px;
}
.Pagination .Active
{
	background:#496d9a;
	border:1px solid #3c5b81;
	color:#fff;
    height: 43px;
    margin: -1px 0 0;
}*/
/* End */


/* Start:/bitrix/templates/ysg/components/bitrix/news.list/banner_main/style.css?1749109263150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/bitrix/templates/ysg/js/fancybox/jquery.fancybox-1.3.1.css?17491092654366*/
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/bitrix/templates/ysg/js/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
    padding: 0;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF; 
	box-shadow: 0 12px 63px rgba(0, 0, 0, 0.55);
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close 
{
    background: rgba(0, 0, 0, 0) url("/bitrix/templates/ysg/js/fancybox/popup-close.png") no-repeat scroll left top;
    cursor: pointer;
    height: 35px;
    padding: 0;
    position: absolute;
    right: -46px;
    top: -35px;
    width: 35px;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	z-index: 1102;
	padding: 0 !important;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: center;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/bitrix/templates/ysg/js/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('/bitrix/templates/ysg/js/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('/bitrix/templates/ysg/js/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('/bitrix/templates/ysg/js/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/bitrix/templates/ysg/js/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: -60px;
}

#fancybox-right {
	right: -60px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 21px;
	height: 37px;
	margin-top: -25px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico 
{
	background: transparent url('/bitrix/templates/ysg/js/fancybox/arrows.png') no-repeat;
}

#fancybox-right-ico 
{
	background: transparent url('/bitrix/templates/ysg/js/fancybox/arrows.png') no-repeat 100% 0;
}

#fancybox-left, #fancybox-right 
{
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

/* End */


/* Start:/bitrix/templates/ysg/styles.css?17491092633822*/
html 
{
	height:100%;
}
body 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#212121;
	margin:0;
	padding:0;
	height:100%;
}
table 
{
	border-collapse: collapse;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}
td
{
	margin: 0px;
	padding: 0px;
}
form
{
	padding: 0px;
	margin: 0px;
}
h1
{
    font-family: "GothamProRegular";
	font-size:30px;
	font-weight:normal;
	line-height:normal;
	color: #212121;
	margin: 0 0 65px;
}
h2
{
    font-family: "GothamProRegular";
	font-size:30px;
	font-weight:normal;
	line-height:normal;
	color: #212121;
	margin: 0 0 35px;
}
h3
{
    font-family: "GothamProRegular";
	font-size:30px;
	font-weight:normal;
	line-height:normal;
	color: #212121;
	margin: 0 0 35px;
}
h4
{
    font-family: "GothamProRegular";
	font-size:22px;
	font-weight:normal;
	line-height:normal;
	color: #212121;
	margin: 0 0 40px;
}
p
{
	padding: 0 0 8px;
	margin: 0px;
}
a
{
	outline:none;
	color: #0093dd;
	text-decoration:none;
}
a:hover
{
	color: #333333;
	text-decoration:none;
	border-bottom:none;
}
a img
{
	border: 0px;
}
@font-face 
{
    font-family: "GothamProRegular";
    src: url('/bitrix/templates/ysg/fonts/GothamProRegular.eot');
    src: url('/bitrix/templates/ysg/fonts/GothamProRegular.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/ysg/fonts/GothamProRegular.woff') format('woff'),
         url('/bitrix/templates/ysg/fonts/GothamProRegular.ttf') format('truetype'),
         url('/bitrix/templates/ysg/fonts/GothamProRegular.svg#GothamProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face 
{
    font-family: "GothamProBold";
    src: url('/bitrix/templates/ysg/fonts/GothamProBold.eot');
    src: url('/bitrix/templates/ysg/fonts/GothamProBold.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/ysg/fonts/GothamProBold.woff') format('woff'),
         url('/bitrix/templates/ysg/fonts/GothamProBold.ttf') format('truetype'),
         url('/bitrix/templates/ysg/fonts/GothamProBold.svg#GothamProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face 
{
    font-family: "GothamProBlack";
    src: url('/bitrix/templates/ysg/fonts/GothamProBlack.eot');
    src: url('/bitrix/templates/ysg/fonts/GothamProBlack.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/ysg/fonts/GothamProBlack.woff') format('woff'),
         url('/bitrix/templates/ysg/fonts/GothamProBlack.ttf') format('truetype'),
         url('/bitrix/templates/ysg/fonts/GothamProBlack.svg#GothamProBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face 
{
    font-family: "GothamProLight";
    src: url('/bitrix/templates/ysg/fonts/GothamProLight.eot');
    src: url('/bitrix/templates/ysg/fonts/GothamProLight.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/ysg/fonts/GothamProLight.woff') format('woff'),
         url('/bitrix/templates/ysg/fonts/GothamProLight.ttf') format('truetype'),
         url('/bitrix/templates/ysg/fonts/GothamProLight.svg#GothamProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face 
{
    font-family: "GothamProMedium";
    src: url('/bitrix/templates/ysg/fonts/GothamProMedium.eot');
    src: url('/bitrix/templates/ysg/fonts/GothamProMedium.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/ysg/fonts/GothamProMedium.woff') format('woff'),
         url('/bitrix/templates/ysg/fonts/GothamProMedium.ttf') format('truetype'),
         url('/bitrix/templates/ysg/fonts/GothamProMedium.svg#GothamProMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
.TableInfo
{
	width:100%;
}
.TableInfo td:first-child
{
	width:43%;
	padding:0 2% 0 0;
} 
.TableInfo td
{
	width:43%;
	padding:0 0 0 2%;
	vertical-align:top;
}
.TableCity
{
	width:100%;
}
.TableCity tr:first-child
{
	border-top:none;
}
.TableCity tr
{
	border-top:3px solid #e5e4e9;
}
.TableCity td:first-child
{
	width:15%;
    font-family: "GothamProBold";
	color:#1b97df;
	vertical-align:middle;
	padding:25px 2% 10px 0;
} 
.TableCity td
{
	width:45%;
	border-top:none;  
	line-height: 1.8em;
	padding:25px 0 10px 2%;
	vertical-align:top;
}
.TableCity td .Item:first-child
{
	border-top:none;
	padding:0;
}
.TableCity td .Item
{
	border-top:1px solid #e5e4e9;
	padding:15px 0 0;
	margin:0 0 15px;
}
/* End */


/* Start:/bitrix/templates/ysg/template_styles.css?174910926321978*/
body 
{
    font-family: "GothamProRegular";
	font-size:13px;
	color:#212121;
	line-height:2em;
}
[id^="wait_comp_"]
{
   display: none;
}
.main-user-consent-request
{
    clear: both;
    display: block;
    font-size: 12px;
    margin: 10px 0 25px;
    max-width: 660px;   
	line-height:1.5em;
	text-align:left;
}
.main-user-consent-request a
{
    color: #212121;
}
.Holder 
{
	min-height: 100%;
	position: relative;
	- height: 100%;
}
#Blocks 
{
	padding: 0px 0px 180px 0px;
}
.Wrapper
{
	max-width:1180px;
	position:relative;
	margin: 0 auto;
}
.Clear
{
	clear:both;
}
.Header .Wrapper
{
	border-top:4px solid #e2e0e4;
	padding:27px 0;
}
.Header .Logo
{
	float:left;
	width:9%;
}
.Header .Slogan
{
	font-size:12px;
	color:#8d8d8d;
	padding:23px 0 0;
    float: left;
    width: 30%;
}
.Header .OrderCall
{
	font-size:12px;
	padding:23px 0 0;
    float: left;
    text-align: right;
    width:28%;
}
.Header .OrderCall a
{
    border-bottom: 1px solid #84caed;
}
.Header .OrderCall a:hover
{
	color:#212121;
    border-bottom: 1px solid #868686;
}
.Header .Telephone
{
    font-family: "GothamProBold";
    float: left;
	color:#333333;  
	line-height: 1.8em;
    text-align: right;
    width:33%;
}
.Header .Telephone .Item
{
    width:50%;
    float: left;
}
.Header .Telephone span
{   
	font-family: "GothamProRegular";
    font-size: 13px;
    color: #8d8d8d;
}
.MainMenu
{
    font-family: "GothamProBold";
	font-size:12px;
}
.MainMenu
{
	line-height:47px;
	height:47px;
    position: relative;
}
.MainMenu .Wrapper
{
	border-top:1px solid #e2e0e4;
}
.MainMenu ul.TopLink
{
	height:47px;
    list-style: outside none none;
	text-align: justify;
	margin:0;
	padding:0;
}
.MainMenu ul.TopLink > li 
{
	display: inline; 
	position:relative;
	margin:0;
}
.MainMenu ul.TopLink > li > a 
{
	display: inline-block;
    text-decoration: none;
}
.MainMenu ul.TopLink:after 
{
	content: "";
	margin-left: 100%;
	height: 1px;
	overflow: hidden;
	display: inline-block;
}
.MainMenu .dropdown-menu, .MainMenu .submenuMore
{
    display: none;
    list-style: outside none none;
    margin: 0;
    min-width: 220px;
    padding: 0;
    position: absolute;
    z-index: 602;
	left:-18px;
}
.MainMenu .dropdown-menu > .dropdown, .MainMenu .submenuMore > .dropdown
{
    position: relative;
}
.MainMenu .dropdown-menu > .dropdown > .dropdown-menu, .MainMenu .submenuMore > .dropdown > .submenuMore
{
    left: 100%;
    top: -1px;
}
.MainMenu .dropdown-menu > li > a, .MainMenu .submenuMore > li > a  
{
    display: block;
    padding: 7px 13px;
}
.MainMenu ul.TopLink > li > a 
{
	font-size:12px;
	position:relative;
	color:#333333;
	text-transform:uppercase;
	height:47px;
    text-decoration: none;
}
.MainMenu ul.TopLink > li:hover > a, .MainMenu ul.TopLink > li.jshover > a, .MainMenu ul.TopLink > li.active:hover > a, .MainMenu ul.TopLink > li.active.jshover > a 
{
    color: #1b97df;
}
.MainMenu ul.TopLink li:hover span
{
	display: block;
}
.MainMenu ul.TopLink li span
{
    border-bottom: 5px solid #2e2e2e;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;  
	display: none;   
	bottom: 1px;
	left:50%;
}
.MainMenu .dropdown-menu, .MainMenu .submenuMore
{
    background: #2e2e2e;  
	top:30px !important;
}
.MainMenu .dropdown-menu > li:first-child, .MainMenu .submenuMore > li:first-child
 {
    border-top:none;
}
.MainMenu .dropdown-menu > li, .MainMenu .submenuMore > li
 {
    border-top: 1px solid #484848; 
	height:auto;  
	font-family: "GothamProRegular";
	text-transform:none;
	line-height:normal;
}
.MainMenu .dropdown-menu > li > a, .MainMenu .submenuMore > li > a 
{
    color: #e6e6e6;    
	padding:16px 20px !important;
    text-decoration: none;
	text-align: left !important;
}
.MainMenu .dropdown-menu > li:hover > a, .MainMenu .submenuMore > li:hover > a
{
    color: #1b97df;
}
.Banner.Home
{
	background-image:url(/bitrix/templates/ysg/images/slider-bg.jpg);
	background-position:50% 0%;
	background-repeat:no-repeat;
	background-color:#e2e0e4;
	margin:0 0 47px;
	height:572px;
}
.Banner.Home .Wrapper
{
	position:relative;
}
.Banner.Home .Wrapper .TextInfo
{
	display:table;
	width:100%;
}
.Banner.Home .Wrapper .Text
{
	position:absolute;
	color:#333333;
	font-size:16px;
	line-height:3em;
	top:210px;
	right:135px;
	max-width:480px;
}
.Banner.Home .Wrapper .Text .Title
{
    font-family: "GothamProLight";
	font-size:48px;
}
.Banner.Home .Wrapper .Text .Title strong
{
    font-family: "GothamProMedium";
	font-weight:normal;
	color:#0093dd;
}
.Banner.About
{
	background:url(/bitrix/templates/ysg/images/about-bg.jpg);
	background-position:50% 0%;
	background-repeat:no-repeat;
	margin:0 0 47px;
	height:572px;
}
.Banner.About .Wrapper
{
	position:relative;
}
.Banner.About .Wrapper .TextInfo
{
	display:table;
	width:100%;
}
.Banner.About .Wrapper .TextInfo .Text
{
	color:#fff;
	font-size:24px;
	line-height:3em;
	height:572px;
	display:table-cell;
	vertical-align:middle;
}
.Banner.About .Wrapper .Text .Title
{
    font-family: "GothamProBlack";
	font-size:48px;
	line-height:normal;
}
.Banner.Optovikam
{
	background:url(/bitrix/templates/ysg/images/optovikam.jpg);
	background-position:50% 0%;
	background-repeat:no-repeat;
	margin:0 0 47px;
	height:572px;
}
.Banner.Optovikam .Wrapper
{
	position:relative;
}
.Banner.Optovikam .Wrapper .TextInfo
{
	display:table;
	width:100%;
}
.Banner.Optovikam .Wrapper .TextInfo .Text
{
	color:#fff;
	font-size:24px;
	line-height:3em;
	height:572px;
	display:table-cell;
	vertical-align:middle;
}
.Banner.Optovikam .Wrapper .Text .Title
{
    font-family: "GothamProBlack";
	font-size:48px;
	line-height:normal;
}
.Banner.Muzhskaya
{
	background:url(/bitrix/templates/ysg/images/muzhskaya.jpg);
	background-position:50% 0%;
	background-repeat:no-repeat;
	margin:0 0 47px;
	height:572px;
}
.Banner.Muzhskaya .Wrapper
{
	position:relative;
}
.Banner.Muzhskaya .Wrapper .TextInfo
{
	display:table;
	width:100%;
}
.Banner.Muzhskaya .Wrapper .TextInfo .Text
{
	color:#212121;
	font-size:24px;
	line-height:3em;
	height:572px;
	display:table-cell;
	vertical-align:middle;
}
.Banner.Muzhskaya .Wrapper .Text .Title
{
    font-family: "GothamProBlack";
	font-size:48px;
	line-height:normal;
}
.Banner.Zhenskaya
{
	background:url(/bitrix/templates/ysg/images/zhenskaya.jpg);
	background-position:50% 0%;
	background-repeat:no-repeat;
	margin:0 0 47px;
	height:572px;
}
.Banner.Zhenskaya .Wrapper
{
	position:relative;
}
.Banner.Zhenskaya .Wrapper .TextInfo
{
	display:table;
	width:100%;
}
.Banner.Zhenskaya .Wrapper .TextInfo .Text
{
	color:#212121;
	font-size:24px;
	line-height:3em;
	height:572px;
	display:table-cell;
	vertical-align:middle;
}
.Banner.Zhenskaya .Wrapper .Text .Title
{
    font-family: "GothamProBlack";
	font-size:48px;
	line-height:normal;
}
.Banner.Molodezhnaya
{
	background:url(/bitrix/templates/ysg/images/molodezhnaya.jpg);
	background-position:50% 0%;
	background-repeat:no-repeat;
	margin:0 0 47px;
	height:572px;
}
.Banner.Molodezhnaya .Wrapper
{
	position:relative;
}
.Banner.Molodezhnaya .Wrapper .TextInfo
{
	display:table;
	width:100%;
}
.Banner.Molodezhnaya .Wrapper .TextInfo .Text
{
	color:#212121;
	font-size:24px;
	line-height:3em;
	height:572px;
	display:table-cell;
	vertical-align:middle;
}
.Banner.Molodezhnaya .Wrapper .Text .Title
{
    font-family: "GothamProBlack";
	font-size:48px;
	line-height:normal;
}
.Banner.Detskaya
{
	background:url(/bitrix/templates/ysg/images/detskaya.jpg);
	background-position:50% 0%;
	background-repeat:no-repeat;
	margin:0 0 47px;
	height:572px;
}
.Banner.Detskaya .Wrapper
{
	position:relative;
}
.Banner.Detskaya .Wrapper .TextInfo
{
	display:table;
	width:100%;
}
.Banner.Detskaya .Wrapper .TextInfo .Text
{
	color:#212121;
	font-size:24px;
	line-height:3em;
	height:572px;
	display:table-cell;
	vertical-align:middle;
}
.Banner.Detskaya .Wrapper .Text .Title
{
    font-family: "GothamProBlack";
	font-size:48px;
	line-height:normal;
}
.Banner.Proizvodstvo
{
	background:url(/bitrix/templates/ysg/images/proizvodstvo.jpg);
	background-position:50% 0%;
	background-repeat:no-repeat;
	margin:0 0 47px;
	height:572px;
}
.Banner.Proizvodstvo .Wrapper
{
	position:relative;
}
.Banner.Proizvodstvo .Wrapper .TextInfo
{
	display:table;
	width:100%;
}
.Banner.Proizvodstvo .Wrapper .TextInfo .Text
{
	color:#fff;
	font-size:24px;
	line-height:3em;
	height:572px;
	display:table-cell;
	vertical-align:middle;
}
.Banner.Proizvodstvo .Wrapper .Text .Title
{
    font-family: "GothamProBlack";
	font-size:48px;
	line-height:normal;
}
.Banner.Kupit
{
	background:url(/bitrix/templates/ysg/images/kupit.jpg);
	background-position:50% 0%;
	background-repeat:no-repeat;
	margin:0 0 47px;
	height:572px;
}
.Banner.Kupit .Wrapper
{
	position:relative;
}
.Banner.Kupit .Wrapper .TextInfo
{
	display:table;
	width:100%;
}
.Banner.Kupit .Wrapper .TextInfo .Text
{
	color:#212121;
	font-size:24px;
	line-height:3em;
	height:572px;
	display:table-cell;
	vertical-align:middle;
}
.Banner.Kupit .Wrapper .Text .Title
{
    font-family: "GothamProBlack";
	font-size:48px;
	line-height:normal;
}
.Banner.Kontakty
{
	background:url(/bitrix/templates/ysg/images/kontakty.jpg);
	background-position:50% 0%;
	background-repeat:no-repeat;
	margin:0 0 47px;
	height:572px;
}
.Banner.Kontakty .Wrapper
{
	position:relative;
}
.Banner.Kontakty .Wrapper .TextInfo
{
	display:table;
	width:100%;
}
.Banner.Kontakty .Wrapper .TextInfo .Text
{
	color:#fff;
	font-size:24px;
	line-height:3em;
	height:572px;
	display:table-cell;
	vertical-align:middle;
}
.Banner.Kontakty .Wrapper .Text .Title
{
    font-family: "GothamProBlack";
	font-size:48px;
	line-height:normal;
}
.AboutBlock
{
	margin:0 0 12px;
}
.AboutBlock .Item
{
	display:table;
    width:100%;
}
.AboutBlock .Item:first-child .Text
{
	padding:0 0 0 64px;
}
.AboutBlock .Item:last-child .Text
{
	padding:0 64px 0 0;
}
.AboutBlock .Image
{
    display:table-cell;
	vertical-align:top;
    width:50%;
}
.AboutBlock .Text
{
    display:table-cell;
	font-size:12px;
	line-height:1.7em;
	color:#212121;
	vertical-align:middle;
    width:50%;
}
.AboutBlock .Text .Title
{
	font-size:30px;
	line-height:normal;
	margin:0 0 28px;
}
hr
{
	background-image:url(/bitrix/templates/ysg/images/line-bg.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	margin:25px 0 58px; 
	text-align: center;
    width: 100%;
    color: #e2e0e4; /*для IE */
    background-color:#e2e0e4; /*для Firefox, Opera, Safari*/
    border:0px none;
    height:1px; /* высота 1px IE, Firefox, Opera, Safari */
    clear:both; /* для очистки, если тег идет после float елемента */
}
.LineBG
{
	background-image:url(/bitrix/templates/ysg/images/line.png);
	background-position:50% 50%;
	background-repeat:repeat-x;
	margin:58px 0; 
	text-align: center;
    width: 100%;
}
.LineBG.Bottom
{
	margin:58px 0 0; 
}
.LineBG span
{
	background-image:url(/bitrix/templates/ysg/images/line-bg.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
    background-color: #fff;
    display: inline-block;
	height:19px;
    padding: 0 32px;
}
.TextBlock
{
	text-align: center;
}
.TextBlock .Text
{
	max-width:865px;
	margin:0 auto;
	font-size:30px; 
	line-height: 1.2em;
}
.Conteiner.Conteiner + .LineBG
{
    margin: 0 0 58px;
}
.Content
{
	padding:0 0 15px;
}
.Content.Home
{
	padding:0 0 65px;
}
.Content .Info
{
	font-size:14px;
	line-height: 2em;
}
.Content .About.Info
{
	padding:0 0 30px;	
}
.Content .Info .Item:first-child
{
	width:50%;
	margin:0;
}
.Content .Info .Item
{
	float:left;
	width:45%;
	margin:0 0 0 5%;
}
.Content p
{
	padding:0 0 30px;
}
.Content p + ul
{
	margin:0 0 40px;
}
.Content ul
{
	margin:0 0 40px;
}
.InfoText
{
	padding:0 0 60px;
}
.BannerCont
{
	background-image:url(/bitrix/templates/ysg/images/banner-cont-bg.jpg);
	background-position:50% 0%;
	background-repeat:no-repeat;
	background-color:#c0c4c7;
}
.BannerCont .Wrapper .TextInfo
{
	display:table;
	width:100%;
}
.BannerCont .Wrapper .TextInfo .Text
{
	color:#212121;
	font-size:18px;
	line-height:3em;
	height:396px;
	display:table-cell;
	vertical-align:middle;
}
.BannerCont .Wrapper .Text .Title
{
	font-size:30px;
	line-height:normal;
}
.BannerCont .Wrapper .Text .Title span
{
    font-family: "GothamProBlack";
	display:block;
	font-size:39px;
}
.Benefits
{
	background:#eae8eb;
	color:#212121;
	font-size:13px;
	padding:84px 0 47px;
	overflow:hidden;
	zoom:1;
	text-align: center;
}
.Benefits .Title
{
	font-size:30px; 
	margin:0 0 70px;
	line-height:normal;
} 
.Benefits .Items
{
	width: 100%;
	position:relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	line-height: 1.6em;
}
.Benefits .Items .Item
{
	float:left;
	width:20%;
	margin:0 0 35px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;  
	min-height: 1px;
    position: relative; 
}
.Benefits .Items .Item .Item_Inner
{
	width:100%;
	padding:0 20px;
	border-left:1px solid #e6e6e6;
	text-align:center;
	overflow:hidden;
	zoom:1;
}
.Benefits .Items .Item .Icon
{
	margin:0 0 28px;
}
.Benefits .Items .Item .Icon img
{
	display:inline-block;
}
.GalleryList
{
	margin:0 0 50px;
}
.GalleryList .Title
{
	font-size:30px; 
	margin:0 0 70px;
	line-height:normal;
	text-align:center;
} 
.GalleryList .Title span
{
    font-family: "GothamProBold";
    font-size: 36px;
}
.GalleryList .Items
{
	width: 100%;
	margin:0 -15px;
	position:relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.GalleryList .Items .Item
{
	float:left;
	width:25%;
	margin:0 0 30px 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;  
	min-height: 1px;
    position: relative; 
}
.GalleryList .Items .Item .Item_Inner
{
	width:100%;
	padding:0 15px;
	text-align:center;
	overflow:hidden;
	zoom:1;
}
.InfoShop
{
	text-align: center;
	margin:0 0 60px;
}
.InfoShop .Text 
{
    font-size: 22px;
    line-height:1.5em;
    margin: 0 auto;
    max-width: 865px;
}
.Btn
{
    background: #0093dd none repeat scroll 0 0;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "GothamProMedium";
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    padding: 0 50px;
    width: auto;	
	margin:15px 0 0;
}
.Btn:hover
{
    background: #393d44 none repeat scroll 0 0;
    color: #fff;
}
.InfoBlock
{
	text-align: center;
	padding:60px 0 0;
}
.InfoBlock .Title
{
	font-size:30px; 
	line-height:normal;
	margin:0 0 45px;
} 
.InfoBlock .Text
{
	max-width:530px;
	margin:0 auto 20px;
}
.InfoBlock .Tel
{
    font-family: "GothamProMedium";
	font-size:20px; 
	margin:0 auto 20px;
	max-width:530px;
	overflow:hidden;
	zoom:1;
}
.InfoBlock .Tel .Item
{
    width:50%;
    float: left;
}
.InfoBlock .Tel span
{   
	font-family: "GothamProRegular";
    font-size: 13px;
    color: #8d8d8d;
}
.InfoBlock .Grafic
{ 
	color:#8a8a8a;
}
.FormCont .Title
{
    font-size: 30px;
    line-height: normal;
    margin: 0 0 45px;
	text-align:center;
}
.FormCont .FormBlock
{
	max-width:450px;
    margin: 0 auto 45px;
}
.FormCont .Label:first-child
{
	padding:0;
}
.FormCont .Block:first-child
{
    border-top:none;
    padding:0 0 45px;
}
.FormCont .Block
{
    border-top: 1px solid #dddddd;
    overflow: hidden;
    padding: 15px 0 45px;
}
.FormCont .Label
{
	text-align:center;
	position:relative;
	padding:15px 0 0;
	clear:both;
}
.FormCont input[type="text"], .FormCont input[type="password"]
{
    background: #e9e9e9;
    border: 1px solid #cfcfcf;
    border-radius: 1px;
    display: inline-block;
    color: #212121;
    font-family: "GothamProRegular";
    font-size: 13px;
    height: 37px;
    line-height: 37px;
    padding: 0 4%;
    vertical-align: top;
    width:92%;
}
.FormCont input[type="text"].error
{
	background:#fff;
    border: 1px solid #ff3838;   
}
.FormCont textarea
{
    background: #e9e9e9;
    border: 1px solid #cfcfcf;
    border-radius: 1px;
    color: #212121;
    font-family: "GothamProRegular";
    font-size: 13px;
    display: inline-block;
    height: 100px;
    padding: 4%;
    vertical-align: top;
    width:92%;
    max-width:92%;
}
.FormCont textarea.error
{
    background: #ededed;
}
font.notetext 
{
    color: #0093dd !important;
}
label.error
{
	display:none !important;
}
.FormCont .Captcha input[type="text"]
{
    width:60%;
}
.FormCont .Captcha img
{
    display: inline-block;
	vertical-align:top;
}
.FormCont .Submit
{
    clear: both;
    padding:42px 0 0;
    text-align: center;
}
.FormCont .Submit input[type="submit"], .FormCont .Submit input[type="button"], .FormCont .Submit button
{
	background: #0093dd none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    font-family: "GothamProMedium";
    display: inline-block;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    padding: 0 50px;
    width: auto;
	cursor:pointer;
	border:none;
}
.FormCont .Submit input[type="submit"]:hover, .FormCont .Submit input[type="button"]:hover, .FormCont .Submit button:hover
{
	background: #393d44;
} 
.Footer 
{	
	width: 100%;
	font-size:12px;
	color:#212121;
	height:180px;
	position: absolute;
	bottom: 0px;
	- bottom: -1px;
	left: 0;
}
.FooterInfo
{
	padding:46px 0 0;
}
.FooterInfo
{
	padding:58px 0 30px;
	display:table;
	width: 100%;
	position:relative;
	line-height:normal;
	font-size:12px;
	color:#212121;
}
.FooterInfo .Copy
{
	display:table-cell;
	vertical-align:top;
	width:38%;
}
.FooterInfo p
{
	padding:0 0 10px;
}
.FooterInfo .Slogan
{
	color:#777575;
}
.FooterInfo .FooterMenu
{
	display:table-cell;
	vertical-align:top;
	width:35%;
}
.FooterInfo .FooterMenu ul
{
	list-style:none;
	margin:0;
	padding:0;
}
.FooterInfo .FooterMenu ul li:first-child
{
	margin:0;
}
.FooterInfo .FooterMenu ul li
{
    font-family: "GothamProBold";
	text-transform:uppercase;
	margin: 0 0 25px;
	float:left;
	width:50%;
}
.FooterInfo .FooterMenu ul li a
{
	color:#333333;
}
.FooterInfo .FooterMenu ul li a:hover
{
	color:#0093dd;
}
.FooterInfo .Developer
{
	display:table-cell;
	vertical-align:bottom;
	text-align:right;
	padding:0 0 25px;
	width:27%;
}
.callback
{ 
	width:464px;
	margin:0px 0px 0px -232px;
	padding:0px;
}
.pop-up-bg
{
	background:rgba(0, 0, 0, 0.50);
	width:100%; 
	height:100%; 
	display:none; 
	position:fixed;
	top:0px; 
	left:0px;
	z-index:600;
}
.pop-up
{
	background:#fff;
	-webkit-box-shadow: 0 12px 63px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0 12px 63px rgba(0, 0, 0, 0.55);
    box-shadow: 0 12px 63px rgba(0, 0, 0, 0.55);
}
.pop-up
{
	display:none; 
	position:fixed;
	left:50%;
	z-index:700;
}
.pop-up .h1
{
    color: #212121;
    font-family: "GothamProRegular";
    font-size: 20px;
	margin:0 0 30px;
}
.pop-up-close
{
	background:url("/bitrix/templates/ysg/images/popup-close.png") left top no-repeat;
	padding: 0;
    position: absolute;
    right: -46px;
    top: -35px;
    width: 21px;
	height:35px; 
	cursor:pointer;
}
.PopupBlock
{
    line-height: normal;
    padding: 45px 55px 37px;
    position: relative;
    z-index: 100;
}
.PopupBlock .Text
{
	margin:0 0 20px;
}
.PopupBlock .FormCont .Item
{
	clear:both;
}
.PopupBlock .FormCont .Item .LabelName
{
	float:left;
	width:28%;
	margin:7px 0 0;
}
.PopupBlock .FormCont label.error
{
	display:none !important;
}
.alertMsg.bad, .alertMsg.good 
{
    box-sizing: border-box;
    display: block;
    margin: 0 0 25px;
    padding:15px;
    width: 100%;
}
.alert {
    margin: 0 0 25px;
}
.alert p {
    padding: 0 0 5px;
}
.alertMsg.bad i, .alertMsg.good i {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.alertMsg.bad .text, .alertMsg.good .text {
    display: table-cell;
    margin: 0;
    padding: 25px 35px;
    vertical-align: top;
}
.alertMsg.bad {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
.alertMsg.good {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.alert, .alertMsg {
    border: medium none;
    border-radius: 1px;
    display: block;
    margin-bottom: 25px;
    padding: 25px 35px;
    width: 100%;
}
.alert-success, .alertMsg.good {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.alert-success div {
    margin: 0;
    padding: 0 !important;
}
.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
.alert-warning div {
    margin: 0;
    padding: 0 !important;
}
.alert-danger, .alertMsg.bad {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.alert-danger div {
    margin: 0;
    padding: 0 !important;
}
.starrequired, .mf-req
{
	font-size:13px;
	color:#e5198a;
	margin:0 0 0 5px;
}
.PopupBlock .new_callback_form .row
{
	margin:0 0 20px;
}
.PopupBlock .new_callback_form .span1
{
	margin:0 0 10px;
}
.PopupBlock .new_callback_form input[type="text"]
{
    background: #e9e9e9;
    border: 1px solid #cfcfcf;
    border-radius: 1px;
    display: inline-block;
    color: #212121;
    font-family: "GothamProRegular";
    font-size: 13px;
    height: 37px;
    line-height: 37px;
    padding: 0 4%;
    vertical-align: top;
    width:92%;
}
.PopupBlock .new_callback_form textarea
{
    background: #e9e9e9;
    border: 1px solid #cfcfcf;
    border-radius: 1px;
    display: inline-block;
    color: #212121;
    font-family: "GothamProRegular";
    font-size: 13px;
    height:100px;
    max-height:100px;
    padding:10px 4%;
    vertical-align: top;
    width:92%;
    max-width:92%;
}
.PopupBlock .new_callback_form input.error
{
	border:1px solid #82d0fb;
    box-shadow: 0 0 5px 0 rgba(53, 175, 140, 0.37);
}
.PopupBlock .new_callback_form .submit
{
    clear: both;
    padding: 12px 0 0;
    text-align: right;
}
.PopupBlock .new_callback_form .submit input[type="submit"], .PopupBlock .new_callback_form .submit button
{
	background: #0093dd none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    font-family: "GothamProMedium";
    display: inline-block;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    padding: 0 50px;
    width: auto;
	cursor:pointer;
	border:none;
}
.PopupBlock .new_callback_form .Submit input[type="submit"]:hover, .PopupBlock .new_callback_form .Submit button:hover
{   
	background: #393d44;
}
/* End */


/* Start:/local/css/reaspekt/reaspekt.geobase/style.css?1749109398974*/
.ReaspektPopupOverlay {
	height: 100%;
    left: 0;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
	background-color: #000;
	filter: alpha(opacity=60); 	/*Filter for IE*/
}
#ReaspektPopupBody {
    position: absolute !important;
    padding: 30px 50px;
    left: 0;
    top: 0;
    /*width: 500px;
    min-height: 100%;
    height: 1000px;*/
    z-index: 510;
    background-color: #fff;
	box-shadow: 0px 0px 15px #000000;
    box-sizing: border-box;
}
#ReaspektPopupBody .ReaspektClosePosition {
	position: relative;
}

#ReaspektPopupBody #ReaspektCloseBtn {
	position: absolute;
	right: -40px;
    top: -20px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background:url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat top;
}

#ReaspektPopupBody #ReaspektCloseBtn:hover {
	background: url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat 0 -24px;
}

#ReaspektPopupContainer {
	max-width: 900px;
}
/* End */
/* /bitrix/templates/ysg/components/bitrix/system.pagenavigation/.default/style.css?1749109263898 */
/* /bitrix/templates/ysg/components/bitrix/news.list/banner_main/style.css?1749109263150 */
/* /bitrix/templates/ysg/js/fancybox/jquery.fancybox-1.3.1.css?17491092654366 */
/* /bitrix/templates/ysg/styles.css?17491092633822 */
/* /bitrix/templates/ysg/template_styles.css?174910926321978 */
/* /local/css/reaspekt/reaspekt.geobase/style.css?1749109398974 */