@charset "utf-8";
img, object,  video {max-width: 100%;}

.ie6 img {width:100%;} /* IE6 не поддерживает атрибут max-width, поэтому по умолчанию используется ширина 100 % */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body{
    height: 100%;
}

*{
    box-sizing: border-box;
}

#main_wrapper {
	position:relative;
}
.container{
    max-width: 1200px;
    padding: 20px 20px 0;
    margin: 0 auto;
}

#slogan {
	font-weight: bold;
	font-size: 15px;
}
.header-map{
    display: flex;
    flex-wrap: wrap;
}
.header-logo{
    margin-right: 50px;
}
#select_sites{
    margin-top: 5px;
}

h1 {
	position:absolute;
	max-width:500px;
	font-weight:normal;
	margin:0; 
	top:30px;
	left:300px;
	font-size:28px;
	line-height:28px;
	color:#4e7ba3;
}
h1.business-portals-bico-title{
    position: static;
}

.header-map-business-portals-bico{
    z-index:1;
}

#select_sites select {
	background:none;
	border:1px solid #e2e2e2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:5px 7px;
	outline:none;
}
#select_sites label {
	display:block;
	clear:both;
	padding:10px 0;
}
#map {
	position:relative;
	z-index: 0;
	margin-top: -90px;
	max-width: 1000px;
}
#map embed {
    opacity: 0.3;
    width: 100%;
;}
#map svg {width:100%;min-width:1024px;}
#map .label {
	position:absolute;
	width:17px;
	height:20px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	cursor:pointer;
}
	#map .label.rostov {bottom: 154px; left: 97px;}
	#map .label.samara {bottom: 158px; left: 208px;}
	#map .label.nn {bottom: 223px; left: 186px;}
	#map .label.spb {bottom: 326px; left: 160px;}
	#map .label.ural {bottom: 169px; left: 305px;}
	#map .label.yar {bottom: 264px; left: 178px;}
	#map .label.krasnodar {bottom: 135px; left: 60px;}
	
	#map .label.chelyabinsk {bottom: 147px; left: 291px;}
	#map .label.novosibirsk {bottom: 103px; left: 443px;}
	#map .label.irkutsk {bottom: 71px; left: 616px;}
	#map .label.tyumen {bottom: 160px; left: 338px;}
	#map .label.ufa {bottom: 140px; left: 253px;}
	#map .label.kazan {bottom: 183px; left: 224px;}
	#map .label.belarus {bottom: 298px; left: 83px;}
	#map .label.crimea {bottom: 172px; left: 16px;}
	#map .label.kazahstan {bottom: 80px; left: 380px;}

#map .label img {width:100%;}
#map .label:hover {
	width:60px;
	margin-left:-22px;
	height:70px;
	z-index:99;
}
#map .label span {
	position:absolute;
	display: inline-block;
	white-space:nowrap;
	bottom:-18px;
	left:50%;
}
#map .label.belarus span {bottom: -35px; text-align: center; left: -26px;}
#map .label.crimea span {bottom: -35px; text-align: center; left: -26px;}
#map .label.kazahstan span {bottom: -35px; text-align: center; left: -26px;}
#map .label.ural span {top:-18px;}
#map .label span p {margin:0; padding:0;}
#map .label span a {
	position:absolute;
	bottom:-26px;
	left:0;
	opacity:0;
	font-size:16px;
	background: #fff;
	padding:2px 5px;
	border:1px solid #aecff1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#map .label:hover span a {opacity:1; z-index:100;}

	#map .label.ural span a {bottom:-12px;}


#map .moscow {
	position:absolute;
	width:30px;
	height:19px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	cursor:pointer;
	bottom: 248px;
	left: 142px;
}
#map .moscow span {
	position:absolute;
	display:block;
	top:100%;
	text-align:right;
	white-space:nowrap;
	bottom:-18px;
	right:0;
}
#map .moscow span p {margin:0; padding:0;}
#map .moscow span div {
	position:absolute;
	top:100%;
	right:0;
	opacity:0;
	font-size:16px;
	background: #fff;
	padding:2px 5px;
	border:1px solid #aecff1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#map .moscow:hover span div {opacity:1; z-index:100;}
#map .moscow span div a {display:block;}

#region {
	position:relative;
	width:100%;
	font-size:14px;
	line-height:normal;
}
.section-region{
    display: flex;
    margin-top: 20px;
}
.section-region-info{
    flex: 1 1 70%;
    margin-right: 20px;
}
.section-region-internet-projects-bico{
    flex: 1 1 30%;
}
#region table td:first-child {padding:0 20px 0 0; border-right:2px dotted #a3bccb;}
#region table td:last-child {padding:0 0 0 20px;}
#region .region_title {margin-top: 0; font-size:16px;}
#region .region_list {
	position:relative;
	width:100%;
	list-style:none;
	margin:30px 0;
	padding:0;
	overflow:hidden;
	/*list-style:url(../../../../assets/components/Site/images/intro/marker.png)*/;
}
#region .region_list li {
	position:relative;
	width:50%;
	display:block;
	float:left;
	line-height:28px;
	padding:0 10px 0 24px;
	background:url(../../../../assets/components/Site/images/intro/marker.png) 1px 3px no-repeat;
}

#region .new_region_list {
	position:relative;
	width:100%;
	margin:15px 0 0 0;
	padding:0;
	list-style:url(../../../../assets/components/Site/images/intro/list_li.png) inside;
}
#region .new_region_list li {line-height:18px; padding: 0 0 20px 0;}
#region .new_region_list li span {color:#898989;}

#footer {
	position:relative;
	width:100%;
	font-size:12px;
	background:#9eb9c8;
	margin:30px 0 0 0;
	color:#fff;
}
#footer #footer_wrapper {
	position:relative;
	width:100%;
	max-width:1000px;
	margin: auto;
}
#footer #footer_wrapper table {width:100%; border-collapse:collapse;}
#footer #footer_wrapper table td {}
#footer #footer_wrapper .footer_logo {
	position:relative;
	display:block;
	overflow:hidden;
	margin:20px 0;
}
#footer #footer_wrapper .footer_logo img {
	float:left;
	margin:0 10px 0 0;
}
#footer #footer_wrapper .footer_social {
	position:relative;
	overflow:hidden;
	display:block;
	font-size:18px;
	margin:20px 0;
}
#footer #footer_wrapper .footer_social span {float:left; margin:0 10px 0 0;}
#footer #footer_wrapper .footer_social ul {float:left; list-style:none; margin:0; padding:0;}
#footer #footer_wrapper .footer_social ul li {
	position:relative;
	float:left;
	width:24px;
	height:24px;
	margin:0 5px 5px 0;
}
#footer #footer_wrapper .footer_social ul li a {
	display:block;
	width:24px;
	height:24px;
	background:url(../../../../assets/components/Site/images/intro/footer_social_button.png) 0 0 no-repeat;
}
	#footer #footer_wrapper .footer_social ul li a.facebook  {background-position:0px 0px;}
	#footer #footer_wrapper .footer_social ul li a.twitter   {background-position:-29px 0px;}
	#footer #footer_wrapper .footer_social ul li a.vkontakte {background-position:-58px 0px;}
	#footer #footer_wrapper .footer_social ul li a.youtube {background-position:-87px 0px;}

#footer #footer_wrapper .footer_copyright {
	position:relative;
	display:block;
	margin:20px 0;
}
@media (max-width: 1060px){
    #map {
        display: none;
    }
}
@media(max-width:1000px){
	#logo,
	#slogan,
	h1,
	#select_sites {
		position:relative;
		left:auto;
		top:auto;
		right:auto;
		bottom:auto;
	}
	h1 {
		width:auto;
		position:absolute;
		right:10px;
		top:10px;

	}
	#region {
		margin-top: 20px;
	}
	table, tbody {display:block;}
	#region table td:first-child {
	    display: block;
	    width: 100%;
	    margin-bottom: 40px;
	    border: none;
	}
	#region table td:last-child {
		display: block;
	    width: 100%;
	    text-align: center;
	    padding: 0;
	}
	#region .region_title {
	    font-size: 20px;
	    text-align: center;
	}
}
@media(max-width:940px) {
	#map .label.rostov {bottom:195px;}
	#map .moscow {bottom:280px;}
	#map .label.irkutsk {
	    bottom: 112px;
	    left: 568px;
	}
	#map .label.novosibirsk {
	    bottom: 141px;
	    left: 415px;
	}
	#map .label.spb {
	    bottom: 346px;
	    left: 145px;
	}
	#map .label.belarus {
	    bottom: 330px;
	    left: 40px;
	}
	#map .label.crimea {
	    bottom: 220px;
	    left: 34px;
	}
	#map .label.krasnodar {
	    bottom: 180px;
	    left: 60px;
	}
	#map .label.yar {
	    bottom: 300px;
	    left: 178px;
	}
	#map .label.nn {
	    bottom: 265px;
	    left: 186px;
	}
}
@media(max-width:860px){
	h1 {
    width: auto;
    position: relative;
    /* right: 10px; */
    /* top: 10px; */
    text-align: center;
}
@media(max-width:650px){
	#footer #footer_wrapper .footer_logo img {
		float:none;
	}
	#footer #footer_wrapper .footer_logo span {display:block}
	#footer #footer_wrapper table,
	#footer #footer_wrapper table tr,
	#footer #footer_wrapper table tr td {display:block;}
	#footer #footer_wrapper table tr td {margin:auto;    width: 100%;
    text-align: center;}
    #footer #footer_wrapper .footer_social span {
    float: none;
    margin: 0 10px 0 0;
    display: block;
}
#footer #footer_wrapper .footer_social ul {
    float: none;
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    width: 120px;
    text-align: center;
    margin: auto;
}
}
@media(max-width:460px){
	#select_sites {
    right: auto;
    position: relative;
    top: auto;
    margin-top: 20px;
    text-align: center;
}
#slogan, #logo {text-align:center}
}