html, body {
    height: 100%;
}
.clear {
	clear: both;
}
.left-ear {
	display:block;
	position: absolute;
	background: url('/bitrix/templates/russcom/images/header-fon-left.jpg') repeat-x;
    width: 50%;
    height: 206px;
	left:0;
}
.right-ear {
	display:block;
	position: absolute;
	background: url('/bitrix/templates/russcom/images/header-fon-right.jpg') repeat-x;
	width: 50%;
    height: 206px;
	right: 0;
}
.header {
	display: block;
	width:1140px;
	height:166px;
	background: url('/bitrix/templates/russcom/images/header-fon-lite.jpg') no-repeat center;
	position: relative;
}
.menu-wrapper {
	display: block;
	width:100%;
	height:40px;
	background: #1B1464;
}
.logo {
	display: block;
    position: absolute;
    width: 302px;
    height: 40px;
    top: 28px;
    left: 50px;
}
.slogan {
	display: block;
    position: absolute;
    bottom: 7px;
    right: 60px;
    font-family: arial;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
    color: #DB1C24;
	text-shadow: 0px 0px 0px #fff, 1px 1px 0px #000;	
}
.contacts-header-block {display: block;position: absolute;width: 190px;/*height: 59px;*/top: 47px;right: 60px;}
.tel-header, .mail-header {color:#1B1464;font-weight:600;font-size:18px;text-shadow: 1px 2px 1px #fff;}
.tel-header:hover, .mail-header:hover {color:#1B1464;}
.tel-header {display: block;text-align: justify;-moz-text-align-last: justify;text-align-last: justify;}
.mail-header {display: block;float: left;bottom: 0px;position: absolute;}
.search-header-wrapper {display:block;float: right;}
#menunavigation {display:block;width:1140px;margin:0 auto;}
.menunavigation-wrapper {display:block; width:1140px; margin:0 auto;}
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	background: #fff!important;
	width: 100%!important;
	z-index: 1001;
	/*transition: 0.3s;*/
	box-shadow: 0px -2px 10px #000!important;
}
/*.fixed .polylinks-wrapper {
    padding: 10px 0;
}*/
/* --- search --- */
.container-search{width:400px;}
.searchbox{position:relative;min-width:34px;width:0%;height:32px;float:right;overflow:hidden; -webkit-transition: width 0.5s; -moz-transition: width 0.5s; -ms-transition: width 0.5s; -o-transition: width 0.5s;transition: width 0.5s;margin-right:32px;}
.searchbox-input{top:0;right:0;border:1px solid #1b1464;outline:0;background:#fff;width:91%;height:32px;margin:0;padding:0px 55px 0px 15px;font-size:14px;color:#000;border-radius: 5px;margin-left:34px;}
.searchbox-input::-webkit-input-placeholder {color: #000;}
.searchbox-input:-moz-placeholder {color: #000;}
.searchbox-input::-moz-placeholder {color: #000;}
.searchbox-input:-ms-input-placeholder {color: #000;}
.searchbox-icon {width:30px;height:30px;display:block!important;position:absolute;font-family:verdana;font-size:22px;right:0;padding:0;margin:0;border:0;outline:0;text-align:center;cursor:pointer;color:#fff;background-image: url(/bitrix/templates/russcom/images/lupa.png);background-size: 30px 30px;}
.searchbox-submit {width:34px;height:34px;display:block!important;position:absolute;top:0;font-family:verdana;font-size:22px;right:0;padding:0;margin:0;border:0;outline:0;text-align:center;cursor:pointer;color:#fff;}
.searchbox-open{width:100%;}
.byline{position:absolute;top:150px;left:30%;text-align:center;font-size:18px;}
.byline a{text-decoration:none;color: #d74b4b;}

/* --- content --- */
.content {
	min-height: 100%;
    position: relative;
    padding-bottom: 360px;
    overflow: hidden;
	padding-top: 30px;
}
.content-fon {
	background-image: url('/bitrix/templates/russcom/images/content-fon.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top center;	
}
.content-footer {position: absolute;bottom: 0;width: 100%;height: 360px;background-color: #1B1464;padding-top:30px;}
h1 {margin-top:10px; margin-bottom:30px; font-size:30px;}
h2, .h2 { font-size: 26px;}
a {outline: none!important;}
.list li {margin-bottom:5px;}
.shadow-line {
	display: block;
	width:100%;
	background-image: url('/bitrix/templates/russcom/images/shadow-line.png');
	background-repeat: no-repeat;
	background-size:100%;
	height:10px;
    margin-bottom: 20px;
}
/* подвал сайта */
.content-footer .zagolovok {margin-bottom:15px;color:#fff;}
.footer-block-links {
	padding-left:0;
}
.footer-block-links li {
	list-style-type: none; margin-bottom: 10px;position: relative;padding: 0px 0px 0px 12px;
}
.footer-block-links li:last-child {margin-bottom:0px;}
.footer-block-links li:after {left: 0;top: 0%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(27, 9, 121, 0);border-left-color: #fff;border-width: 4px;margin-top: 7px;}
.footer-block-links li a {
	color: #fff;
	font-weight: 600;
}
.footer-block-links li a:hover {
	color: #fff;
}
.footer-map-link {font-size: 12px;color: #fff;text-decoration: underline;}
.footer-map-link:hover {text-decoration: none;color: #fff;}
.footer-contacts-font {font-size: 20px;color: #fff;}
.footer-contacts-font a {color: #fff;}
.footer-all-wrapper {margin-bottom:30px;}
.footer-coglasie-link {color:#fff;text-decoration:underline;}
.footer-adress-text, .footer-adress-text a {color: #fff;}
/* --- index-page --- */
.polylinks-wrapper {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 20px 0;
}
.polylinks-wrapper:hover, .polylinks-wrapper:active, .polylinks-wrapper:focus {
	text-decoration: none;
}
.polylinks {
    font-size: 17px;
    line-height: 19px;
    font-weight: 600;
    color: #1A1A1A;
    text-transform: uppercase;
}
.polylinks:hover {
    color: #1A1A1A;
	text-decoration: none;
}
.item {   
    height: 237px !important;
}
.item div {   
	display: block;width: 100%; max-width:1140px; height:237px;position:relative;
}
.control-buttons{
	text-align:center;
}
.carousel.fade{
	opacity: 1;
}
.carousel.fade .item{
	display: block;
	position: absolute;	
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: opacity .5s;
	z-index: 10;
}
.carousel.fade .item.active{
	position: relative;
	opacity: 1;
	z-index: 11;
}
.carousel.fade .item.active:hover {
	cursor: pointer;
}
.r-title {
	display: block;
	width: 230px;
	height: 33px;
	background: url('/bitrix/templates/russcom/images/r-title-image.png');
	line-height: 33px;
	color: #fff;
	text-transform: uppercase;
	font-weight:600;
	padding-left:15px;
	font-size: 17px;
}
.otzivy-index-wrapper {
	display: block;
    position: relative;
    height: 164px;
	margin-bottom: 30px;
}
.otzivy-indexitems {
	display: block;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: 7px;
}
.otzivy-indexitems:hover, .otzivy-indexitems:active, .otzivy-indexitems:focus {color: #000;}
.advantages-block {
	display: block; 
	width: 20%;
	float:left;
	text-align: center;
	margin: 15px auto;
}
.advantages-block img {
	display:block;
	width:91px;
	height:98px;
	margin:0 auto;
}
.advantages-block div {
	display:block;
	font-size:18px;
	color:#1B1464;
	text-transform: uppercase;
}
.advantages-block span {
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    line-height: 14px;
}
.carousel-indicators {bottom: 0px;}
#next2 {position: absolute;left:0;margin-left: -30px;margin-top: 30px;}
#prev2 {position: absolute;right:0;margin-right: -30px;margin-top: 30px;}
.index-block-wrapper {display: block;height: 235px;padding:30px 0px 30px 0px;position:relative;}
.index-block-all-news {display: block;color: #000;text-decoration: none;font-weight:600;text-transform:uppercase;position: absolute;right: 0;bottom: 7px;}
.index-block-all-news:hover {color: #000; text-decoration: underline;}
.index-block-all-news:focus, .index-block-all-news:active, .index-block-all-news:visited {color: #000;}
.newsletter-wrapper {display: block;position: relative;}
.newsletter-saccess {display: block;position: absolute;width: 250px;background: #fff;text-align: center;font-weight: 600;}
.newsletter-error {}
.newsletter-name {text-transform: uppercase; color: #1B1464; font-weight: 600; font-size: 13px; margin-bottom: 20px; display: block;}
.newsletter-field input {color:#717487;background:#ECECEC;border:1px solid #ECECEC;padding:5px;margin-bottom:20px;width:250px;outline: 0 !important;}
.newsletter-btn input {width:250px;text-align:center;color:#fff;background:#1B1464;border:1px solid #1B1464;padding:10px 20px;text-transform:uppercase;font-weight:600;}
.newsletter-checkbox span {font-size:10px;}
.newsletter-checkbox input {margin-top:10px;}
.r-line-gradient {display:block;width:100%; height:4px; margin-top:10px; margin-bottom:10px;background: linear-gradient(to right, #261661, #B92535, #261661);}
.carousel-wrapper {display:block; width:1140px;overflow:hidden;margin-top:15px; margin-bottom:15px;}
.owl-carousel div {float:left;}
.owl-carousel div a {outline: none;}
.owl-stage {margin-top:15px;margin-bottom:30px;}
/* --- menu --- */

.toggleMenu {
    display:  none;
	background-image: url(/bitrix/templates/russcom/images/mobile-menu.png);
    background-repeat: no-repeat;
	height:35px;
	width:40px;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
}
.menu {
    list-style: none;
     *zoom: 1;
     background: #1B1464;
	 position: relative;
	 z-index:1000;
	 padding-left: 0px;
}
.menu:before,
.menu:after {
    content: " "; 
    display: table; 
}
.menu:after {
    clear: both;
}
.topLevel {
	text-transform: uppercase;	
}
	.topLevel {
		font-size: 16px;
		font-family: arial;
		min-width: 158px;
		text-align: center;
		padding: 9px 15px!important;
	}
.menu a {
    padding: 10px 15px;
    color:#fff;
	outline: none;
}
@media screen and (min-width: 768px) {
	.topLevel:hover {
		text-decoration: none;
	}
	.topLevel:before {
		content: '';
		position: absolute;
		top: 10px;
		bottom: 10px;
		left: -1px;
		border-left: 1px solid #fff;
	}
	.topLevel:last-child:after {
		content: '';
		position: absolute;
		top: 10px;
		bottom: 10px;
		right: -1px;
		border-left: 1px solid #fff;
	}
}
.menu ul {
	list-style: none;
    width: 210px;
    padding-left: 0;
}
.menu li {
    position: relative;
}
.menu > li {
    float: left;
    /*border-top: 1px solid #104336;*/
}
.menu > li > a {
    display: block;
}
.menu li  ul {
    position: absolute;
    left: -9999px;
}
.menu > li.hover > ul {
    left: 0;
}
.menu li li.hover ul {
    left: 100%;
    top: 0;
}
.menu li li a {
    display: block;
    background: #1B1464;
    position: relative;
    z-index:100;
    /*border-top: 1px solid #272072;*/
}
/* --------- ТЕКСТЫ НА ГЛАВНОЙ --------- */
.slide-text-title {color:#fff;text-transform:uppercase;font-size:17px;font-weight:600;display: inline-block;padding-left:60px; padding-top: 30px; line-height: 20px;}
.slide-text-desc {color: #fff;display: inline-block;text-transform: uppercase;padding-left: 60px;line-height: 16px;padding-top: 12px;font-style: italic;}
.slide-text-phone {display: block;position: absolute;color: #fff;right: 30px;bottom: 15px;width: 260px;font-size: 30px;text-shadow: 1px 1px 15px #000, -1px -1px 15px #000;font-weight:600;}
/* --------- DEPARTAMENTY --------- */
.dept-wrapper {
	display:block;
	width:555px;
	height:237px;
	margin-bottom:30px;
	position: relative;
}
.dept-fon {
	display:block;
	width:555px;
	height:237px;
	position: absolute;
	  -webkit-filter: brightness(100%);
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
		  
}
.dept-wrapper:hover .dept-fon {
	-webkit-filter: brightness(105%);
	  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.dept-name {
    display: block;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    position: absolute;
    font-size: 25px;
    text-transform: uppercase;
    line-height: 26px;
    font-weight: 700;
    left: 20px;
    top: 20px;
	z-index:10;
}
.dept-link {
	display: block;
	position: absolute;
	color: #fff;
	padding: 6px 16px;
	border: 2px solid #fff;
	border-radius: 10px;
	font-size:16px;
	text-transform: uppercase;
	font-weight: 700;
	left: 50px;
	bottom:30px;
}
.dept-link:hover {
	color: #1B1464;
	background: #fff;
	text-decoration: none;
}
.dept-oo {
	background: url('/o-kompanii/departamenty/dept-oo.jpg');	
}
.dept-om {
	background: url('/o-kompanii/departamenty/detp-om.jpg');
}
.dept-rt {
	background: url('/o-kompanii/departamenty/dept-rt.jpg');
}
.dept-pk {
background: url('/o-kompanii/departamenty/dept-pk.jpg');	
}
.dept-service {
background: url('/o-kompanii/departamenty/dept-service.jpg');	
}
.dept-production {
background: url('/o-kompanii/departamenty/dept-production.jpg');	
}
.department-wrapper:hover {

}
/* --------- Страницы департаментов -------- */
.psevdoclass {
	display:block;
	width:1140px;
	height:237px;
}
.list-block-wrapper {
	display: block;
	padding: 20px 40px;
	border-radius: 3px;
	border: 2px solid #1B1464;
	background: #fff;
	position:relative;
	margin-top:30px;
	margin-bottom:30px;
}
.list-block-name {
	display: block;
    position: absolute;
    background: #fff;
    padding: 0px 10px;
    font-weight: 700;
    color: #FF0012;
    top: -13px;
    left: 30px;
    border-radius: 10px;
    font-size: 18px;
}
ul.list-tick {
	list-style-type: none;
	padding-left:0px;
	margin-bottom: 0px;
}
ul.list-tick li {
	/*font-weight:600;*/
	text-indent: 0px;
	margin-bottom: 10px;
	padding-left: 30px;
}
ul.list-tick li:last-child {
	margin-bottom: 0px;
}
ul.list-tick li span {
	/*font-weight:600;*/
}
ul.list-tick li:before {
  font-family: 'Glyphicons Halflings';
  content: "\e013";
  float: left;
  width: 30px;
  color: #1B1464;
  margin-left: -30px;
}
.list-block-link {
    display: block;
    background: #fff;
    padding: 0px 10px;
    font-weight: 700;
    color: #FF0012;
    font-size: 18px;
}
.list-block-link:hover, .list-block-link:active, .list-block-link:focus {color: #FF0012;}
.dep-links-text {
	color: #000;
	/*font-weight: 600;*/
}
.dep-links-text:before {
  font-family: 'Glyphicons Halflings';
  content: "\e092";
  float: right;
  width: 20px;
  color: #000;
  font-weight: 300;
}
.dep-links-text:hover, .dep-links-text:active, .dep-links-text:focus {color: #1B1464;}
.dep-links-text:hover:before {color: #1B1464;}
.dep-links-btn {
	display: inline-block;
	background: #7F7F7F;
	padding: 15px 70px;
	margin: 30px;
	color: #fff;
	font-weight:600;
	font-size:18px;
	text-shadow: 1px 1px 1px #000;
}
.dep-links-btn:active, .dep-links-btn:focus {
	color: #fff;
}
.dep-links-btn:hover, .dep-links-btn:active, .dep-links-btn:focus {
	color: #fff;
	text-decoration: none;
	background: #FF0012;
	text-shadow: 1px 1px 1px #7c0b0b;
} 
@media (max-width: 1200px) {
.psevdoclass {width: 940px; height: 195px;background-size: 940px 195px!important;}	
}
@media (max-width: 992px) {
.psevdoclass {display:none;}	
}
.title-line {display: block; width: 100%; text-align: center; border-bottom: 2px solid #1B1464; height: 26px; margin-bottom: 40px;}
.title-line span {display: inline-block; font-size: 20px; background: #fff; padding: 10px 20px;border: 2px solid #1B1464; color: #1B1464;border-radius: 3px;}
.hr-line {border-top: 2px solid #1B1464;}
.certificate-fancy-gallery {
	display: block;
    width: 198px;
	padding: 10px 10px 0px 10px;
    margin: 15px;
    float: left;
    background: #fff;
    position: relative;
	height: 320px;
}
.certificate-fancy-gallery img {
    border: 1px solid #1B1464;	
	width:100%;
}
.certificate-fancy-gallery span {
	font-size: 12px;
    font-style: italic;
    padding-top: 5px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.certificate-fancy-gallery a:hover {cursor: zoom-in;}
.fancy-gallery {
	display: block;
    width: 198px;
    border: 1px solid #ececed;
    padding: 5px;
    margin: 15px;
    float: left;
    background: #fff;
	position:relative;
}
.fancy-gallery img {width:100%; height: 123px;}
.fancy-gallery:hover {cursor: zoom-in;}
/* --------- О компании ------------- */
.img-story {
    width: 100%;
    max-width: 500px;
    border: 1px solid #ececed;
    padding: 5px;
    margin-right: 20px;
    background: #fff;
    margin-bottom: 5px;
    float: left;
}
.principles img {
    display: block;
    width: 85px;
    height: 85px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.principles span {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0px;
    line-height: 1.3;
    color: #1B1464;
    height: 36px;
    margin-bottom: 40px;
}
.comp-wrapper {
	width: 100%;
	text-align: justify;	
	/* Обнуляем для родителя*/
	font-size: 1px; /* 1px для Opera */	
	/* Лекарство для IE6-7*/
	text-justify: newspaper;
	zoom:1;
	/* Включаем в работу последнюю строку*/		
	text-align-last: justify;
	}
.comp-wrapper:after {
	width: 100%; 
	height: 0px;
	visibility: hidden;
	overflow: hidden;
	content: '';
	display: inline-block;
}
.comp-wrapper > div {
	display:inline-block;
	width:213px;
	/* эмуляция inline-block для IE6-7*/
	//display : inline;
	//zoom : 1;
}
/*
.comp-btn {
	display: block;
	text-align: center;
	text-align-last: center;
    font-size: 20px;
	width:213px;
	background: #1B1464;
    padding: 10px 20px;
    border: 2px solid #1B1464;
    color: #FFF;
    border-radius: 3px;
	margin-bottom:20px;
}
.comp-btn:hover {
	background: #FFF;
    color: #1B1464;
	text-decoration:none;
}
*/
.comp-btn {
	display: block;
	text-align: center;
	text-align-last: center;
    font-size: 20px;
	width:213px;
	background: #FFF;
    padding: 10px 20px;
    border: 2px solid #1B1464;
    color: #1B1464;
    border-radius: 3px;
	margin-bottom:20px;
	text-decoration:none;
}
.comp-btn:active, .comp-btn:visited {
	background: #FFF;
    color: #1B1464;
	text-decoration:none;
}
.comp-btn:hover {
	background: #1B1464;
    color: #FFF;
	text-decoration:none;
}
.comp-btn-block {
	display: block;
	text-align: center;
	text-align-last: center;
    font-size: 20px;
	width:213px;
	background: #1B1464;
    padding: 10px 20px;
    border: 2px solid #1B1464;
    color: #FFF;
    border-radius: 3px;
	margin-bottom:20px;
	text-decoration:none;
	cursor: default;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
/* --------- Страница История компании -------- */

.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
#cd-timeline {
  position: relative;
  padding: 2em 0;
  padding-top: 60px;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #F3F4F4;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 0;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 30px 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-data {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	/*box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);*/
	box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0px 5px 7px -1px #000;
	background: #1B1464;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 60px;
	color:#fff;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-data {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-data.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-data.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 80px;
  background: #f3f4f4;
  border-radius: 0.25em;
  padding: 15px;
	box-shadow: 0px 5px 7px -6px #000;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 1.3;
	color: #1B1464;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
	margin-bottom:0px;
	/*font-size: 12px;*/
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content::before {
	content: '';
	position: absolute;
	top: 25px;
	right: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-right: 7px solid #f3f4f4;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {

  }
  .cd-timeline-content p {

  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 30px;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #F3F4F4;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #F3F4F4;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
.img-story {width: 100%;max-width: 500px;border: 1px solid #ececed;padding: 5px;margin-right: 20px;background: #fff;margin-bottom: 5px;float: left;}
.title-chronicle-story-wrapper {text-align:center;margin-bottom:0px;}
.title-chronicle-story {display: inline-block;font-size: 26px;border-bottom: 4px solid #f3f4f4;padding: 0px 20px;}
/* Страница Дилерам */
.map-wrapper {display: block;width: 940px;height: 494px;position: relative;background: url('/dilery/sitemap-blue.png');background-size: 940px 494px;background-position: center center;background-repeat: no-repeate;margin: 0 auto;}
.metka {dipslay: block; position: absolute; color: #fff; text-shadow: 1px 1px 1px #000; font-size: 12px;}
.metka i {color: red;font-size: 20px;text-shadow: 1px -1px 2px #000;}
.metka span {display: block; color: #fff; font-size: 12px; text-shadow: 0px 0px 3px #000, 0px 0px 3px #000; margin-top: 4px; margin-left: 1px; float: right; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}
.moskva {left: 113px; top: 177px;}
.sankt-peterburg {left: 122px;top: 106px;}
.rostov-na-donu {left: 57px; top: 257px;}
.ekaterinburg {left: 254px;top: 259px;}
.perm {left: 236px; top: 221px;}
.samara {left: 161px;top: 254px;}
.kazan {left: 142px; top: 219px;}
.naberezhnye-chelny {left: 188px;top: 237px;}
.novosibirsk {left: 373px; top: 334px;}
.omsk {left: 312px; top: 315px;}
.stavropol {left: 60px; top: 296px;}
.tolyatti {left: 157px; top: 245px;}
/* страница Сервис */
.service-advantages {}
.service-advantages img {display:block;width:85px; height:85px; margin:0 auto;margin-bottom:10px;}
.service-advantages span {display: inline-block;width: 100%;text-align: center;font-size: 14px;font-weight:600;margin-top: 0px;line-height: 1.3;color: #1B1464;height: 36px;margin-bottom: 40px;}
/* страница Контакты */
.zagolovok {display:block; font-weight: 600; text-transform: uppercase; color:#1B1464;margin-bottom:5px;font-size: 16px;}
.feedback-field {
	width: 304px;	
}
.feedback-field input {
	color: #717487;
    background: #ECECEC;
    border: 1px solid #ECECEC;
    padding: 5px;
    margin-bottom: 20px;
    width: 304px;
    outline: 0 !important;
}
.feedback-textarea textarea {
	color: #717487;
    background: #ECECEC;
    border: 1px solid #ECECEC;
    padding: 5px;
    margin-bottom: 20px;
    width: 304px;
    outline: 0 !important;
	resize: vertical;
	min-height: 44px;
}
.feedback-captcha-img {width:304px; margin-bottom: 20px;}
.feedback-captcha-img img {
	display: block;
	width:180px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.feedback-captcha-field input {
	color: #717487;
    background: #ECECEC;
    border: 1px solid #ECECEC;
    padding: 5px;
    margin-bottom: 20px;
    width: 250px;
    outline: 0 !important;	
}
.feedback-success {
	width: 250px;
    text-align: center;
    font-weight: 600;
}
.feedback-btn {text-align:center;width:304px;}
.feedback-btn input {display: block; margin: 0 auto; width:250px;text-align:center;color:#fff;background:#1B1464;border:1px solid #1B1464;padding:10px 20px;text-transform:uppercase;font-weight:600;}
.feedback-checkbox input {margin-top:10px;}
.feedback-checkbox span {font-size:10px;font-weight:300;}
.feedback-checkbox {margin-bottom:20px;}
.ticket {
    display: block;
    color: #1b1464;
    font-weight: 600;
	border: 2px solid #1b1464;
    background: #fff;
    font-size: 16px;
    padding: 21px;
    width: 300px;
    text-align: center;
    margin: 0 auto;
	margin-top: 20px;
    margin-bottom: 20px;
	text-transform: uppercase;
}
.ticket:hover {
    color: #FFF!important;
    background: #1b1464;
	text-decoration:none;
}
.ticket:active, .ticket:focus {
    color: #fff;
	text-decoration:none;
}
.ticket:visited {
    color: #1b1464;
	text-decoration:none;
}
/* --------- MY MEDIA ---------  */
@media (max-width: 1200px) {
	.header {width:940px;background: url('/bitrix/templates/russcom/images/header-fon-lite-940.jpg');}
	.left-ear {background: url('/bitrix/templates/russcom/images/header-fon-left-940.jpg');}
	.right-ear {background: url('/bitrix/templates/russcom/images/header-fon-right-940.jpg');}
	.menunavigation-wrapper {width:940px;}
	#menunavigation {width:940px;}
	.polylinks {font-size: 14px;}
	.polylinks-wrapper {padding: 10px 0;}
	.item div {max-width: 940px;background-size: 940px auto!important;background-repeat: no-repeat!important;height: 195px;}
	.item {height: 195px!important;}
	.carousel-wrapper {width:940px;}
	.dept-wrapper {width:455px; height: 194px;}
	.dept-fon {width:455px; height: 194px; background-size: 455px 194px;}
	.dept-name {font-size: 22px;}
	.dept-link {left: 30px;}
	.otzivy-index-wrapper {height: 215px;}
	.slide-text-title {padding-left: 40px;padding-top: 10px;font-size: 14px; line-height: 14px;}
	.slide-text-desc {font-size: 13px;}
	.certificate-fancy-gallery {width: 205px;height: 326px;}
	.img-story {max-width: 428px;}
	#cd-timeline {margin-top: 0; padding-top: 20px;}
	.title-chronicle-story-wrapper {text-align: left;padding: 0px 0px;}
	.title-chronicle-story {padding: 0px 0px;}
	.feedback-checkbox span {font-size: 9px;}
	.feedback-field input, .feedback-textarea textarea, .feedback-captcha-field input {width:212px; font-weight: 300; font-size: 12px;}
	.feedback-captcha-img {width:212px;}
	.feedback-btn {width:212px;}
	.feedback-btn input {width:212px;}
	.content {padding-bottom: 324px;}
	.content-footer {height: 324px;}
	.footer-all-wrapper {margin-bottom: 5px;}
	.footer-block-links li a {font-size: 13px;}
	.footer-adress-text {font-size: 13px;}
	.comp-wrapper > div {display: inline-block;width: 172px;}
	.comp-btn {font-size: 18px;width: 172px;padding:10px 0px;}
}
@media (max-width: 992px) {
	.header {width:720px;background: url('/bitrix/templates/russcom/images/header-fon-lite-720.jpg');}
	.left-ear {background: url('/bitrix/templates/russcom/images/header-fon-left-720.jpg');}
	.right-ear {background: url('/bitrix/templates/russcom/images/header-fon-right-720.jpg');}
	.slogan {font-size: 22px;}
	.menunavigation-wrapper, #menunavigation {width:720px;}
	.advantages-wrapper {display: none;}
	.carousel-wrapper {width: 720px;}
	.dept-wrapper {width:345px; height: 147px;}
	.dept-fon {width:345px; height: 147px; background-size: 345px 147px;}
	.dept-name {font-size: 16px;line-height: 17px;left: 10px;top: 10px;}
	.dept-link {font-size: 14px;left:20px; bottom:20px;}
	#myCarousel2 {display: none;}
	#menunavigation {margin-top:-30px;}
	.polylinks {font-size: 14px;line-height:14px;display: table-cell;vertical-align: middle;height: 64px;}
	.certificate-fancy-gallery {width: 210px;height: 335px;}
	.topLevel {min-width: 139px;text-align:left;}
	.map-wrapper {display:none;}
	.content {padding-bottom: 536px;}
	.content-footer {height: 536px;}
	.footer-all-wrapper {margin-bottom: 20px;}
	.comp-wrapper > div {width: 130px;}
	.comp-btn {font-size: 14px;width: 130px;padding: 10px 0px;}
}
@media (max-width: 768px) {
	.header {width:720px;}
	.index-block-wrapper {height:auto;margin-bottom:30px;}
	.newsletter-wrapper {display: block;position: relative;width: 250px;margin: 0 auto;margin-bottom:30px;}
	.advantages-block {width:50%;}
	.advantages-block div {font-size: 14px;font-weight: 600;}
	.advantages-wrapper {display: none;}
	.header-mobile {padding-left:0px!important; padding-right:0px!important;}
	.header {width:100%;background: none;background-color:#0081d8;height: 123px;}
	.left-ear {display: none;}
	.right-ear {display: none;}
	.logo {position: relative;left:auto;margin: 0 auto;top:10px;}
	.logo {}
	.slogan {position: relative;bottom:auto;right:auto;font-size: 12px;text-align:center;top: 15px;text-shadow: none;color: #1b1464;}
	.content {margin-top:40px;}
	.menu-wrapper {display: block;position: absolute;width:100%;height:40px;background: #1B1464;/*margin-left:-15px;*//*margin-right: -15px;*/}
	.menu {padding-left:0px;}
	.menu > li > .parent {background-image: url("/bitrix/templates/russcom/images/downArrow.png");background-repeat: no-repeat;background-position: right;background-size: 9px 5px;}
	.hover .parent {background-image: url("/bitrix/templates/russcom/images/upArrow.png")!important;}
    .active {display: block;}
    .menu > li {float: none;}
    .menu > li > .parent {background-position: 95% 50%;}
    .menu li li .parent {background-image: url("/bitrix/templates/russcom/images/downArrow.png");background-repeat: no-repeat;background-position: 95% 50%;}
    .menu ul {display: block;width: 100%;}
   .menu > li.hover > ul , .menu li li.hover ul {position: static;}
   .contacts-header-block {position: relative;right:0px;margin:0 auto;top: 20px;text-align:center;width:100%;height: auto;}
   .tel-header, .mail-header {color:#fff;}
   .search-header-wrapper {display: none;}
   .tel-header {display:block;text-align: center; -moz-text-align-last: center; text-align-last: center;margin: 5px auto;}
   .mail-header {display:block;float: none;position: relative;margin: 5px auto;text-shadow:0px 0px 0px #fff;}
   .tel-header:hover, .tel-header:focus, .tel-header:active, .tel-header:visited, .mail-header:hover, .mail-header:focus, .mail-header:active, .mail-header:visited {color:#fff!important;text-decoration: none;}
	#myCarousel2 {display: none;}
	.menunavigation-wrapper, #menunavigation {width: 100%;}
	.carousel-wrapper {width: 100%;}
	.owl-item div {float: none;max-width: 200px;text-align: center;margin: 0 auto;}
	.owl-item div img {width:100%;}
	.r-title {margin: 0 auto;}
	.dept-wrapper {margin: 0 auto; margin-bottom:30px;}
	.otzivy-index-wrapper {height: auto;padding-bottom: 25px;}
	.polylinks-wrapper {padding: 20px 0;}
	.polylinks {font-size: 14px;line-height:14px;display: block;vertical-align: middle;height: auto;}
	h1, .h1 {font-size: 24px;}
	.title-line {display: block;width: 100%;text-align: center;border-bottom: 2px solid #1B1464;height: 20px;margin-bottom: 20px;}
	.title-line-margin {margin-bottom: 40px;}
	.title-line span {display: inline-block;font-size: 18px;font-weight: 600;background: #fff;padding: 5px 5px;}
	.certificate-fancy-gallery {float:none; margin:0 auto;margin-bottom:20px;}
	.list-block-wrapper {padding: 10px 10px;}
	.list-block-name {position: relative; top: auto; left: auto;padding: 0px 0px 10px 0px;text-align: center;}
	.list-block-link {position:relative; padding: 10px 0px;text-align: center;bottom: auto; right: auto;}
	.fancy-gallery {float:none;margin:0 auto; margin-bottom:30px;}
	.title-chronicle-story {font-size: 20px;}
	.cd-timeline-content h2 {font-size:14px;}
	.cd-container {width: 100%;}
	#cd-timeline::before {left: 28px;}
	.cd-timeline-content {margin-left: 70px;}
	.map-wrapper {display:none;}
	.feedback-checkbox span {font-size: 12px;}
	.dep-links-btn { padding: 15px 20px;}
	.feedback-field input, .feedback-textarea textarea, .feedback-captcha-field input {width: 100%;font-weight: 300;font-size: 12px;}
	.feedback-captcha-img, .feedback-btn {width: 100%;}
	.content {padding-bottom: 790px;}
	.content-footer {height: 790px;}
	.footer-all-wrapper {margin-bottom: 30px;}
	.ticket {width: 290px;}
	.comp-wrapper > div {width: 100%;}
	.comp-btn {font-size: 18px;font-weight: 600;width:100%;padding: 10px 10px;}
	.menu li li a:before {content: "— ";}
}
@media (max-width: 375px) {
	.dept-wrapper {width:289px; height: 123px; margin: 0 auto; margin-bottom:30px;}
	.dept-fon {width:289px; height: 123px; background-size: 289px 123px;}
	.dept-name {font-size: 16px;line-height: 17px;left: 10px;top: 10px;}
	.dept-link {font-size: 14px;left:20px; bottom:20px;}
	.title-line-about-comp span {font-size: 14px!important;}
}