/* Start:/bitrix/components/orion/ext.feedback.form/templates/.default/style.css?14559438013403*/
.feedback{
	background: #F9F9F9;
	padding: 10px;
}
/*-----------------------------------------------------------------------------------------------*/
.feedback .caption{
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	padding-top: 14px;	
}
.feedback form{
	margin:0;
	padding:0;
}
.feedback .hide{
	display: none;
}
.feedback .starrequired{
	color: red;
}
/*-----------------------------------------------------------------------------------------------*/
.feedback .error-text{
	border: 1px solid #d65957;
	font-size: 12px;
	padding: 5px;
	margin-top: 3px;
	
	background: white;
}
.feedback .error-text.float{
	position: absolute;
	width: 300px;
	right:-330px;
	top: 0;	
	margin-top: 0px;
}
.feedback .error-text .message{
	color: red;
}
/*-----------------------------------------------------------------------------------------------*/
.feedback .inputtext, .feedback .tags input, .feedback .UTDateTime input{
	border: 1px solid #ccc;	
	padding: 3px 5px;
	/*margin: 0 0 5px 0;*/
	width: 100%;
	/*height:26px;*/
}
/*-----------------------------------------------------------------------------------------------*/
.feedback .inputtext:focus{
	color: black;/*#0459b7;*/
}
.feedback .datetime, .feedback .UTDateTime input{
	width: 86%;
}
.feedback .textarea{
	border: 1px solid #ccc;
	padding: 3px 5px;
	width: 100%;
}

.feedback .bxlhe-frame{
	border: 1px solid #ccc;
	padding: 2px;
	width: 100%;
}
/*--select---------------------------------------------------------------------------------------------*/
.feedback .select, .feedback .user-type select{
	border: 1px solid #ccc;
	background: white;
	/*margin: 0 0 5px 0;*/
	padding: 3px 5px;
	width: 100%;
}
/*--button---------------------------------------------------------------------------------------------*/
.feedback .button{
	margin: 10px 0;
	cursor: pointer;
}
/*---------------------------------------------------------------------------------------------------*/
.feedback .submit-td{
	text-align: center;
}
.feedback .note{
	color: #aaa;
}
/*--data-table----------------------------------------------------------------------------------------*/
.feedback .data-table{
	border: 0;
}
.feedback .data-table td.data .wrapper{
	position: relative;
}
.feedback .data-table td.label{
	font-weight: normal;
}
.feedback .data-table td.label, .feedback .data-table td.data{
	padding: 5px;
}
.feedback .data-table td.data label{
	vertical-align: middle;
	padding-left: 5px;
	cursor: pointer;
}
/*--data-table row cell---------------------------------------------------------------------------------------------*/
.feedback td{
	border: 0 !important;
	background: transparent!important;
}
/*---data table label align--------------------------------------------------------------------------------*/
.feedback .l-align{text-align: left;}
.feedback .c-align{text-align: center;}
.feedback .r-align{text-align: right;}
.feedback .t-valign{vertical-align: top;}
.feedback .c-valign{vertical-align: middle;}
.feedback .b-valign{vertical-align: bottom;}
/*--------------------------------------------------------------------------------------------------------*/
.feedback .notetext{
	color: green;
}
/*--CAPTCHA--*/
#captcha_block{position:relative;}
#captcha_block .ajax_loader{
	display:none; 
	position:absolute; 
	width:180px; height:40px;
	background: #FFF url(/bitrix/components/orion/ext.feedback.form/templates/.default/images/ajax-loader.gif) center no-repeat;
}
/* End */


/* Start:/bitrix/templates/main/styles.css?178048020710615*/
body {
    /*font-family: 'Tahoma';
    font-size: 14px;*/
	/* Снежинки на сайте background-image: url('https://cerbergroup.ru/img/content_sn1.png'), url('https://cerbergroup.ru/img/content_sn2.png'), url('https://cerbergroup.ru/img/content_sn3.png');
    animation: snow 15s linear infinite;
  */
}
/* Снежинки на сайте
@keyframes snow {
   0% {
     background-position: 0px 0px, 0px 0px, 0px 0px;
   }
   100% {
     background-position: 500px 1000px, 400px 400px, 200px 200px;
   }
 }
*/

#main-slider {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.clients {
    color: #ff3037;
    font-size: 20px;
    text-align: center;
    margin: 0;
}

.slider-window {
    width: 840px;
    position: relative;
    overflow: hidden;
    height: 300px;
    margin: 10px 0 0 80px;
}

.slider {
    font-size: 0;
    position: absolute;
    width: 9999999px;
    margin: 0;
    padding: 0;
}

.slider li {
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    width: 140px;
    height: 70px;
    margin: 0em;
    position: relative;
    vertical-align: top;
}
.slider li img {max-width:120px;}

.hide {
    display: none;
}

.show {
    display: block;
}

.arrow {
    position: absolute;
    top: 70px;
    width: 60px;
    height: 105px;
    cursor: pointer;
}

.right-arrow {
    right: 0;
    background: url('/img/slider-arrow-right.png') no-repeat;
}

.left-arrow {
    left: 0;
    background: url('/img/slider-arrow-left.png') no-repeat;
}

.slider-desc {
    width: 390px;

}

.slider-desc-green {
    border: 3px solid #DFDFDF;
    position: absolute;
    left: -138px;
    border-radius: 10px;
    padding: 8px;
    margin-top: 34px;
    -webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
   }
   .slider-desc-green::before, .slider-desc-green::after {
    content: ''; 
    position: absolute;
    left: 186px; 
    top: -74px;
    
    border: 37px solid transparent;
    border-left: 1px solid transparent;
    border-bottom: 37px solid #DFDFDF;
     -webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
   }
   .slider-desc-green::after {
    border-bottom: 37px solid white;
    top: -68px; 
    left: 188px;
   }

.slider-desc-blue {
    border: 3px solid #DFDFDF;
    position: absolute;
    left: -132px;
    border-radius: 10px;
    padding: 8px;
    margin-top: 34px;
   }
   .slider-desc-blue::before, .slider-desc-blue::after {
    content: ''; 
    position: absolute;
    right: 186px; 
    top: -74px;
    
    border: 37px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 37px solid #DFDFDF;
   }
   .slider-desc-blue::after {
    border-bottom: 37px solid white;
    top: -68px; 
    right: 188px;
   }

.client-info {
    font-weight: bold;
    display: block;
    float: right;
    clear: both;
}

.mt10 {
    margin-top: 10px;
}



#nav {
	padding:0;
	margin:0;
	list-style:none;
	text-align:justify;
	font-size:13px;
	line-height:22px;
	text-transform:uppercase;
    font-family: Arial, Helvetica, sans-serif;
}
#nav ul {
    /*width: 178px;*/
    position: absolute;
    top: 11px;
    left: 0;
    margin: 0;
    padding: 18px 5px 15px 19px;
    list-style: none;
    background: #D9E7F0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    beh * avior: url(/bitrix/templates/main/css/ie.htc);
   display: none;
   z-index:15;}
   
    .feature-block {
	margin:0 0 38px;
	position:relative;
	width:998px;
}
#nav:after {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 0;
	content: '';

}
+ html #nav {
	text-justify:newspaper;
	text-align-last:justify;
	zoom:1;
}
#nav li {
	display:inline-block;
	vertical-align:top;
	position:relative;
	text-align:center;
}
+ html #nav li {
	display:inline;
	zoom:1;
}
#nav a {
	float:left;
	padding:0 10px 0 0;
	_background:url(/img/bg-nav.png) no-repeat 0 -9999px;
	white-space:nowrap;
	text-decoration:underline;
	color:#525252;
	cursor:pointer;
}
#nav a span {
	float:left;
	background:url(/img/bg-nav.png) no-repeat 0 -9999px;
	height:22px;
	overflow:hidden;
	padding:0 10px 0 10px;
    border-top-right-radius:3px;
    border-top-left-radius:3px;
}
#nav a:hover {text-decoration:none;}
#nav .active a {
	text-decoration:none;
	color:#fff;
}
#nav .company:hover,
#nav .active .company,
 {
	background-position:100% -330px;
	color:#0563a1;
}

#nav ul li{    
    display: block;
    text-align: left;
    padding-bottom: 2px;
    font-size: 14px;
    vertical-align: top;
    position: relative;
}


#nav li:hover ul {display:block;}

/*.feature-block img {
	vertical-align:top;
	position:relative;
	-webkit-border-radius:18px 0 0 0;
	-moz-border-radius:18px 0 0 0;
	border-radius:18px 0 0 0;
	beh * avior:url(/bitrix/templates/main/css/ie.htc);
}*/

#nav li.company ul {min-width: 159px;}
#nav li.product ul{min-width: 159px; background-color:#eafab3;}
#nav li.service ul{min-width: 219px; background-color:#bbded8;}
#nav li.buy ul{min-width: 159px; background-color:#efe3a7;}
#nav li.investor ul{min-width: 197px; background-color:#b6d2e0;}
#nav li.contact ul{min-width: 159px;right:0px; left:auto; background-color:#f0d397;}



#nav .active .product {background-position:100% -510px;}
#nav .active .product span {background-position:0 -180px;}
#nav .active .service {background-position:100% -540px;}
#nav .active .service span {background-position:0 -210px;}
#nav .active .buy {background-position:100% -570px;}
#nav .active .buy span {background-position:0 -240px;}
#nav .active .investor {background-position:100% -600px;}
#nav .active .investor span {background-position:0 -270px;}
#nav .active .contact {background-position:100% -630px;}
#nav .active .contact span {background-position:0 -300px;}


#nav li ul div.gag{height: 10px; position: absolute; top: -8px; z-index: -1; left: 0px;}
#nav .active .company {background-position:100% -330px;}
#nav li.company:hover a.company {background-position:100% -330px;}
#nav .company:hover span,
#nav .active .company span {background-position:0 0;}
#nav li.company .gag{background:#d9e7f0; width: 108px;}
#nav li.product:hover a.product {background-position:100% -360px;}
#nav .product:hover span {background-position:0 -30px;}
#nav li.product .gag{background: #eafab3; width: 183px; }
#nav li.service:hover a.service {background-position:100% -390px;}
#nav .service:hover span {background-position:0 -60px;}
#nav li.service .gag{background: #bbded8; width: 70px; }
#nav li.buy:hover a.buy  {background-position:100% -420px;}
#nav .buy:hover span {background-position:0 -90px;}
#nav li.buy .gag{background: #efe3a7; width: 79px; }
#nav li.investor:hover a.investor {background-position:100% -450px;}
#nav .investor:hover span {background-position:0 -120px;}
#nav li.investor .gag{background: #b6d2e0; width: 221px;}
#nav li.contact:hover a.contact {background-position:100% -480px;}
#nav .contact:hover span {background-position:0 -150px;}
#nav li.contact .gag{background: #f0d397; width: 89px; left:auto; right: 0px;}

#nav li ul{
    margin-top: 10px;
}

#nav li ul a{
text-transform: none;
float: none;
text-decoration: none;
padding: 0;
white-space: normal;
background: none;
color: #525252 !important;
} 
#nav li ul a:hover{
    text-decoration: underline;
}

#nav .drop {
	width:464px;
	/*padding:20px 10px 20px 19px;*/
	padding:0;
	background:#eafab3;
}
#nav .drop ul {
	display:block;
	padding:0;
	background:none;
	position:static;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	width:auto;
}
#nav .drop ul li {margin-bottom:8px;}
#nav .drop .col {
	width:165px;
	float:left;
}
#nav .drop .col2 {
	padding-left:21px;
	overflow:hidden;
	height:1%;
	background:url(/img/sep01.gif) repeat-y;
}
#nav .drop strong {
	display:block;
	color:#505050;
	text-align:left;
	font-size:14px;
	text-transform:none;
	margin-bottom:10px;
}
#nav .drop .col strong {margin-bottom:26px;}

div.slider-image {width: 122px;
padding: 2px;
border: 2px solid #E7E7E7;
height: 55px;
vertical-align: baseline;
line-height: 50px;
border-radius: 3px;}

.toplinker a {margin:0px 5px 0px 5px; padding:0px 5px 0px 5px; color:#999;text-decoration: none;
}
.toplinker a:hover {text-decoration: none; color:#000;}
.toplinker a.current {color:#E90000;}



.overlay { 
background-color: rgba(0, 0, 0, 0.7); 
bottom: 0; 
cursor: default; 
left: 0; 
opacity: 0; 
position: fixed; 
right: 0; 
top: 0; 
visibility: hidden; 
z-index: 1; 
-webkit-transition: opacity .5s; 
-moz-transition: opacity .5s; 
-ms-transition: opacity .5s; 
-o-transition: opacity .5s; 
transition: opacity .5s; 
} 
.overlay:target { 
visibility: visible; 
opacity: 1; 
} 
.popup { 
background-color: #fff; 
border: 3px solid #fff; 
display: inline-block; 
left: 50%; 
right: -40%;
opacity: 0; 
padding: 15px; 
position: fixed; 
text-align: justify; 
font: 14px Helvetica, Arial, Sans-Serif; 
top: 40%; 
visibility: hidden; 
z-index: 10; 

-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%); 
-o-transform: translate(-50%, -50%); 
transform: translate(-50%, -50%); 

-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
-ms-border-radius: 10px; 
-o-border-radius: 10px; 
border-radius: 10px; 

-webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; 
-moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; 
-ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; 
-o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; 
box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; 

-webkit-transition: opacity .5s, top .5s; 
-moz-transition: opacity .5s, top .5s; 
-ms-transition: opacity .5s, top .5s; 
-o-transition: opacity .5s, top .5s; 
transition: opacity .5s, top .5s; 
} 
.overlay:target+.popup { 
opacity: 1; 
visibility: visible; 
} 
.close { 
background-color: rgba(0, 0, 0, 0.8); 
border: 2px solid #ccc; 
height: 24px; 
line-height: 24px; 
position: absolute; 
right: -13px; 
font-weight: bold; 
text-align: center; 
text-decoration: none; 
top: -15px; 
width: 24px; 
-webkit-border-radius: 15px; 
-moz-border-radius: 15px; 
-ms-border-radius: 15px; 
-o-border-radius: 15px; 
border-radius: 15px; 
-moz-box-shadow: 1px 1px 3px #000; 
-webkit-box-shadow: 1px 1px 3px #000; 
box-shadow: 1px 1px 3px #000; 
} 
.close:before { 
color: rgba(255, 255, 255, 0.9); 
content: "X"; 
font-size: 14px; 
text-shadow: 0 -1px rgba(0, 0, 0, 0.9); 
} 
.close:hover { 
background-color: rgba(64, 128, 128, 0.8); 
} 

#feedback1 {
    width: 100%;
	background: #00aeef;
}
a[href^="tel:"] {
  color: #000000;
  text-decoration: none;
  z-index:999;
}


/* End */
/* /bitrix/components/orion/ext.feedback.form/templates/.default/style.css?14559438013403 */
/* /bitrix/templates/main/styles.css?178048020710615 */