/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22.08.2018, 15:41:18
    Author     : senotov
*/

.main-map_mobile-visible {
	display: block;
}

.main-map.container{
    padding: 0 15px 15px 15px;
}

.main-map-link{
    display:none !important;
}
.main-map-container {position:relative; width: calc(100% - 30px); display: flex;padding: 0 15px 15px 15px;}
.main-map-container #map {height:600px; position:relative; width: calc(100% - 352px);}


.main-map-container .skills {margin-bottom: 15px;}
.skills .item {
    height: auto;
    line-height: 20px;
    background: #ECF0F6;
    border:1px solid #093589;
    border-radius: 5px;
    margin-bottom: 1px;
    padding: 8px 15px;
    cursor: pointer;
    position: relative;
}
.skills .item:hover {background: #093589;color: #fff;}
.skills .item:before {content:"";display: inline-block; position: absolute;width: 15px;right: 10px;top: 18px;height: 10px;background: url(/upload/intensiv-page/arrow.png) no-repeat;transition: 0.2s;}
.skills .item.active {background:#093589;color:#fff;}
.skills .item.active:before {transform: rotate(180deg);top: 14px;}
.slide .content_block {width: 32.5%;display: inline-block; vertical-align: top;}
.slide .content_block .title {margin: 10px;}
.slide .content_block hr, .slide .content_block p {margin:10px 0;}
.slide .content_block p:last-child {padding: 0 10px;}

.main-map_schools {
	width: 352px;
	height: 600px;
	overflow: auto;
	margin-left: 20px;
}

.main-map_info {
	border-style: none;
	width: calc(100% - 20px);
	margin: 20px 10px 0 10px;
}

.main-map_info_tel {
	display: block;
}

.main-map_info td {
	border-style: none !important;
	padding: 5px 0;
}

.main-map_info_left {
	width: 45%;
	font-size: 14px;
	font-weight: 500;
}

.main-map_info_icon {
	vertical-align: middle;
	margin-right: 5px;
}

.main-map_btn {
	margin: 0 10px 20px 10px;
}

.main-map_schedule {
	display: flex;
	flex-wrap: wrap;
}

.main-map_schedule > div {
	width: 45px;
}

.main-map_schedule > span {
	display: block;
	width: calc(100% - 45px);
	text-align: center;
}



.sb-container {
  position: relative;
  overflow: hidden;
  padding-right: 10px;
}

.sb-content {
  height: 100%;
  width: 120%;
  padding-right: 20%;
  overflow-y: scroll;
  box-sizing: border-box;
}

.sb-scrollbar-container {
  position: absolute;
  right: 5px;
  bottom: 5px;
  top: 5px;
  width: 5px;
  border: 1px solid #093589;
	background: white;
}

.sb-scrollbar-container-hide { right: -20px; }

.sb-scrollbar {
  position: absolute;
  right: 0;
  width: 5px;
  background: #093589;
}

.sb-scrollbar:hover { background: rgba(0, 0, 0, 0.5); }






.main-map-link {display:block; width:270px; height:40px; background:#089ba3 !important; color:#fff; text-transform:uppercase; font-size:16px; line-height:40px; text-align:center; text-decoration:none !important; position:absolute; left:50%; top:40px; margin-left:315px; border-radius:3px;font-weight: bold;}
.main-map-link:hover {background: #2dd5de !important;}
.main-map-link:active {background: #2dd5de !important;}

@media (max-width:900px) {
		.main-map-container {
		flex-direction: column;
		align-items: center;
	}

	.main-map-container #map {
		width: 100%;
		height: 50vh;
		margin-bottom: 20px;
	}

	.main-map_schools {
		width: 100%;
		height: 50vh;
		margin-right: 10px;
	}

	.sb-content {
		width: 100%;
		padding-right: 0%;
	}

		.sb-scrollbar-container {
		width: 0px;
		border-style: none;
		overflow: hidden;
	}
}

.main-bottom {margin:0 -15px}
.main-bottom:after {content:"."; display:block; clear:both; visibility:hidden; height:0}
.main-bottom-item {float:left; width:33.33%; padding:0 15px; box-sizing:border-box}
.main-bottom-item h2 {font-size:30px; line-height:30px; margin:65px 0 30px 0}

@media (max-width:1199px) {
    .main-bottom {display:none}
}