html, body {
  height: 100%;
}

body{
	font-family: 'PT Sans Narrow', sans-serif;
	color: #474747;
	border-top: 10px solid #1c388a;
	background: #f0f0f0 url("../../images/bg.jpg") center top no-repeat;
}

#wrap{
	min-height: 100%;
}

#main{
	overflow:auto;
 	 padding-bottom:196px; /* this needs to be bigger than footer height*/
}

a{
	text-decoration: none;
}


ul{
	/*
	list-style-type: none;
	margin: 0px;
	padding: 0px;*/
	color:#1c388a;
	font-size: 16px;
	line-height: 21px;
}

h1,h2,h3{
	color: #1c388a;
}

h1{
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 40px;
	margin: 10px 0px;
}


p{
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 21px;
}

hr{
	margin: 0 0 10px 0;
}
.center{
	text-align: center;
}
.hidden{
	display: none;
}
.overflowHidden{
	overflow: hidden;
}

.clear{
	clear: both;
}
.blue{
	color:#1c388a;
}

.red{
	color:#b51614;
}

.gray{
	color: #747474;
}

.orange{
	color: #f07100;
}

.table{
	display: table;
	margin: 0px;
}

h1.news{
	background:url("../../images/cloud.svg") left center no-repeat;
	padding-left: 70px;
}

h1.aboutus{
	background:url("../../images/group.svg") left center no-repeat;
	padding-left: 50px;
	border-bottom: 1px solid #cacaca;
}

h1.partners{
	background:url("../../images/partners.svg") left center no-repeat;
	padding-left: 50px;
	border-bottom: 1px solid #cacaca;
}

h1.advantages{
	background:url("../../images/plus.svg") left center no-repeat;
	padding-left: 50px;
}

h1.services{
	background:url("../../images/services.svg") left center no-repeat;
	padding-left: 30px;
}

h1.mail{
	background:url("../../images/mail.svg") left center no-repeat;
	padding-left: 45px;
}

h1.media{
	background:url("../../images/media.png") left center no-repeat;
	padding-left: 45px;
	margin-left: 10px;
}


.left{
	text-align: left;
}

.right{
	text-align: right;
}

/* HEADER*/

header{
	position: relative;
	z-index: 100;
}

#logo{
	margin-top: 25px;
}

#menu-main-menu a,
#menu-main-menu-estonian a,
#menu-main-menu-russian a{
	text-transform: uppercase;
	padding: 13px 13px 19px 13px;
font-size: 18px;
}

#menu-main-menu a:hover,#menu-main-menu-estonian a:hover,#menu-main-menu-russian a:hover{
	background-color: #1c388a;
	color: #fff;
}



@media (min-width: 992px) {
  #menu-main-menu,#menu-main-menu-estonian,#menu-main-menu-russian{
    position: relative;
	top: 37px;
  }
}


/* PLAN */

#plan_wrapper{
	position: relative;
	height: 478px;
}

.object,
.polys{
   width:100%;
   height:478px; 
   overflow:hidden;
   position: absolute;   
   
}

polygon{
	cursor: pointer;
}

#plan{
	background:url("../../images/plan.jpg") center top no-repeat;
	width:100%;
	height:478px; 
	overflow:hidden; 
   	position: absolute;
	z-index: 10;  
}

#object1{
   	background:url("../../images/object1.png") center top no-repeat;
	z-index: 0;
}

#object2{
   	background:url("../../images/object2.png") center top no-repeat;
	z-index: 0;
}

#object3{
   	background:url("../../images/object3.png") center top no-repeat;
	z-index: 0;
}

#object4{
   	background:url("../../images/object4.png") center top no-repeat;
	z-index: 0;
}



#button:hover {
    cursor: pointer;
    fill: #F00;
}

#plan_wrapper .object_info_wrapper{
	padding-top: 25px;
	position: absolute;
	width: 100%;
	z-index: 200;
	display: none;
}

#plan_wrapper .object_info{
	width: 980px;
	height: 340px;
	margin: 0px auto;
	position: relative;
	z-index: 200;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.85);
	-moz-box-shadow:    0px 0px 25px 0px rgba(50, 50, 50, 0.85);
	box-shadow:         0px 0px 25px 0px rgba(50, 50, 50, 0.85);
}

.object_info_wrapper .object_info h2{
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 600;
	letter-spacing: 1px;
}


#plan_wrapper .object_info .img_col{
	padding: 20px;
}

#plan_wrapper .object_info .text_col{
	padding-right: 50px;
	text-align: justify;
}

#plan_wrapper .object_info hr{
	margin: 20px 0 15px 0;
}



#plan_wrapper .object_info .close{
	display: block;
	width: 19px;
	height: 19px;
	margin: 10px;
	background:url("../../images/close.png") center top no-repeat;
	position: absolute;
	right: 0;
	top: 0;
}
			



/* SERVICES */
#services_bg{
	background-color: #fff;
	webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.5);
	z-index: 100;
	height: 290px;
	z-index: 0;
	width: 1020px;
}
#services{
	margin-top: -290px;
}

#services>div{
	padding: 10px;
}


#services .img_wrap{
	position: relative;
}

#services .service_wrap{
	webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.3);

}




#services .background_wrap:hover{
	height: 135px;
}

#services .img_wrap:hover .h_wrap{
	color: #f06600;
}

#services .h_wrap{
	display: block;
	color: #5d5c5c;
	text-transform: uppercase;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 60px;
	background-color: #fff;
	text-align: center;
}


#services .img_wrap .h_wrap img{
	display: inline-block;
	margin-top: 13px;
}

#services .h_wrap h2{
	font-size: 14px;
	font-weight: 600;
	margin: 0px;
	font-weight: 600;
	margin: 0px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0px 20px;
	line-height: 18px;
}

#services .bg_wrap{
	/*width: 320px;*/
	height: 270px;
	overflow: hidden;
}

#services .company .image{
	width: 320px;
	height: 235px;
}

#services .content{
	display: none;
	background-color: #fff;
	padding: 0 20px 10px;
	font-size: 16px;
	line-height: 18px;
	text-align: justify;
	color: #1c388a;
	position: relative;
	z-index: 100;
}


#services .company:hover{
	padding: 0px 10px 10px 10px;
}

#services .company:hover .service_wrap{
	webkit-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 13px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 13px 0px rgba(50, 50, 50, 0.5);	
}

#services .site_url{
	text-align: center;
	margin: 5px;
}

#services .site_url a{
	color: #f07d00;
}
#services .company:hover .bg_wrap{
	height: 280px;
}

#services .company:hover .image{
	height: 245px;
}

#services .company:hover .content{
	display: block;

}


/* LANGUAGES */
#languages{
	margin-top: 5px;
	float: right;
}

#languages a{
	margin-left: 10px;

}

#languages-and-commands-wrap{
	display: block;
	position: absolute;
	right: -35px;
	top: 1px;
	z-index: 1000;
}

#languages-and-commands-wrap ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;
}

#languages-and-commands-wrap #vertical_block{
	width: 30px;
	z-index: 10;
	position: relative
}

#languages-and-commands-wrap #vertical_block ul{
	
	
	border: 1px solid #dedede;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 0px 1px 0px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 0px 1px 0px rgba(50, 50, 50, 0.15);
}

#languages-and-commands-wrap #vertical_block ul li{
	width: 28px;
	height:28px;
	text-align: center;
	line-height: 25px;
	cursor: pointer;
}

/*
#languages-and-commands-wrap #vertical_block ul li:hover{
	background-color:#1c388a;
}*/

#languages-and-commands-wrap #languages{
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #fff;
	border: 1px solid #dedede;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 0px 1px 0px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 0px 1px 0px rgba(50, 50, 50, 0.15);
	z-index: 0;
	width: 28px;
	height: 28px;
}

#languages-and-commands-wrap #languages ul li{
	display: inline-block;
	width: 32px;
	height: 28px;
	text-align: center;
	line-height: 25px;
	float: left;
}

/*
#languages-and-commands-wrap #searchBar{
	position: absolute;
	top: 30px;
	right: 0px;
	background-color: #fff;
	border: 1px solid #dedede;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 0px 1px 0px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 0px 1px 0px rgba(50, 50, 50, 0.15);
	z-index: 0;
	width: 28px;
	height: 28px;
}*/

#languages-and-commands-wrap #searchBar{
	position: absolute;
	top: 30px;
	right: 0px;
	right: 0px;
	z-index: 1010;
	width: 45px;
	height: 30px;
	display: none;
}

#languages-and-commands-wrap #searchBar div{
	display: block;
	float: left
}
#languages-and-commands-wrap #searchBar #arrow{
	width: 15px;
	height: 30px;
	background: #1c388a url("../../images/left_s.png") center center no-repeat;
}



#languages-and-commands-wrap #searchBar #hoverSearch a{
	width: 30px;
	height: 30px;
	display: block;
	background: #1c388a url("../../images/search_h.png") center center no-repeat;
	position: absolute;
	right: 0px;
}

#languages-and-commands-wrap #searchBar #searchWrap{
	width: 10px;
	height: 30px;
	background-color: #fff;
	display: block;

}

form #search{
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 0px;
	border: 1px solid #1c388a;
}



/* INDEX, LAST NEWS */


#last_news_wrap{
	background-color: #eaeaea;
	height: 175px;
	margin: 0px 0px;
}

#lastNewsCarousel{
	height: 175px;
}

#lastNewsCarousel .item{
	height: 175px;
}

#lastNewsCarousel a.left{
	background:url("../../images/left.png") center center no-repeat;
	margin-left: -50px;
}

#lastNewsCarousel a.right{
	background:url("../../images/right.png") center center no-repeat;
	margin-right: -50px;
}

.date{
	height: 68px;
	width: 55px;
	border: 3px solid #b51614;
	float: left;
	background: #fff;
	position: relative;
}

.date .day{
	line-height: 40px;
	position: absolute;
	color: #b51614;
	font-size: 45px;
	width: 100%;
	text-align: center;
}

.date .month_and_year{
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
	background-color: #b51614;
	color: #fff;
	border-top: 2px solid #b51614;
}


#lastNewsCarousel .news_wrap h2{
	font-size: 18px;
	color: #b51614;
	margin-left: 65px;
}

#lastNewsCarousel .news_wrap p{
	margin-left: 65px;
	font-size: 16px;
	line-height: 19px;
}


/* INDEX, ADVANTAGES*/
#advantages{
	

}

#advantages h3{
	color: #f07100;
	font-size: 22px;
	margin: 0px;
}

#advantages p{
	margin: 15px 0 40px 0;
	font-size: 15px;
	line-height: 18px;
	text-align: justify;
}


#advantages .right_col h2{
	margin-left: 10px;
}

#advantages .image_wrap{
	vertical-align: middle;
	display: table-cell;
}


#advantages .header_wrap{
	vertical-align: middle;
	display: table-cell;
}

#advantages .left_col{
	clear: both;
}

#advantages .right_col img{
	float: left;
	margin-right: 10px;
}

#advantages .left_col .header_wrap{
	text-align: right;
	float: right;
}

#advantages .left_col .image_wrap{
	float: right;
	margin-left: 10px;
}

/* FOOTER*/

#map{
   background:url("../../images/map.jpg") center top no-repeat;
   width:100%;
   height:847px; 
   overflow:hidden;
   margin-top: 15px;
     
}

#map #contacts_wrap{
	width: 500px;
	float: left;
	background-color: #fff;
	-webkit-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 5px 7px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 5px 7px 0px rgba(50, 50, 50, 0.3);
}

#map #open{
	cursor: pointer;
	height: 45px;
	background-color: #f07d00;
	color: #fff;
	text-align: center;
	font-size: 19px;
	-webkit-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 5px 7px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 5px 7px 0px rgba(50, 50, 50, 0.3);
}

#map #path{
	padding-top: 20px;
	list-style-type: none;
	position: relative;
	top: 10px;
}
#map #path li{
	line-height: 35px;
	margin-left: 25px;
	padding-left: 110px;
	height: 35px;
	font-size: 18px;
}

#map .path{
	color: #e70707;
	background:url("../../images/path.png") center left no-repeat;
}

#map .border{
	color: #f07d00;
	background:url("../../images/border.png") center left no-repeat;
}

#map .railroad{
	color: #3a5bb9;
	background:url("../../images/railroad.png") center left no-repeat;
}
#open>div{
	background: url("../../images/arrow_down.png") bottom center no-repeat;
	height: 35px;
}


#common_footer_wrap{

	color: #fff;
	font-size: 11px;
	 position: relative;
	  margin-top: -75px; /* negative value of footer height */
	  height: 75px;
	  clear:both;
}

#footer_wrap {
	background-color: #2d2d2d;
}

#footer_wrap .row{
	margin: 15px -10px;
}

#social_icons {
	list-style-type: none;
}

#social_icons .icon{
	height: 45px;
	width: 45px;
	background:url("../../images/social.png");
	float: left;
	margin: 10px 3px;
}

#social_icons .icon a {
	width: 45px;
	height: 45px;
	display: block;
}

#social_icons .icon:hover{
	background-position-y: 45px;
}

#social_icons .scype{
	background-position-x: 0px;
}

#social_icons .facebook{
	background-position-x: 45px;
}

#social_icons .instagram{
	background-position-x: 90px;
}

#social_icons .gplus{
	background-position-x: 135px;
}

#social_icons .rss{
	background-position-x: 180px;
}

#social_wrap {
   float:left;
   width:100%;
   background:#fff;
   overflow:hidden;
   position:relative;
}
#social_wrap ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#social_wrap ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#social_wrap ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;

   text-decoration:none;
   line-height:1.3em;
}





/* NEWS PAGE */

#news h3,
#single_news h3{
	margin: 0px;
	color: #b51614;
	font-size: 22px;
	line-height: 25px;
}

#news a,
#news h3 a,
#news h3 a:hover
#news h3 a:active{
	color: #b51614;
}





#news .container_wrap{
	padding: 15px 0;
}



#news .container_wrap:hover{
	background-color: #f3efef;
}


#news p{
	text-align: justify
}


#single_news{
	padding-top: 15px;
}

#single_news h3{
	/*height: 70px;*/
	margin-bottom: 15px;
}

#single_news #services{
	margin: 0px;
}




/* SERVICES */
#left_menu{

	padding: 0px;
}

#services_menu{

	background-color:#1c388a;
	color: #fff;
	padding: 15px;
}

#services_menu>ul>a{
	font-size: 17px;
	line-height: 22px;
	text-transform: uppercase;
}

#services_menu>ul>a:hover{
	color: #f07100;
}

#services_menu h1{
	margin-top: 0px;
}

#services_menu li{
	color: #fff;
}

#services_menu a{
	color: #fff;
}

#services_menu li:hover{
	color: #f07100;
}

#services_menu li:hover a{
	color: #f07100;
}


#services_menu>ul{
	padding-left: 3px;
}

#services_menu>ul>li{
	list-style-type: none;
}


#services_menu ul ul{
	padding-left: 18px;
}


#services_menu>ul>li{
	font-size: 17px;
	text-transform: uppercase;
	line-height: 22px;
}

#services_menu a{
	font-size: 15px;
	/*line-height: 28px;*/
}

#services_menu  li{
	list-style-type: disc;
	padding: 3px 0px;
}

#services_page article{

	padding-left: 10px;
}


@media (max-width: 767px){
	#services_bg{

		width: 100%;
	}
	.logobox, .logobox img{
		width: 100%;
	}
	#services .col-xs-4, #services .company .image{

		width: 100%;
	}
	#services .col-xs-4{
		margin-bottom: 10px;
	}
	#services>div{
		padding: 0;
	}
	#services.row, #services_bg{

		margin-left: 0!important;
		margin-right: 0!important;
	}
	#services .company:hover{
		padding: 0;
	}
	#common_footer_wrap .col-xs-3{
		width: 100%;
	}
	#common_footer_wrap .col-xs-3 .col-xs-3{
		width: 25%;
	}
	#common_footer_wrap{
		height: auto;
	}
	#common_footer_wrap #container_wrap{
		margin-bottom: 20px;
	}
	#common_footer_wrap .row .fr {
width: 100px;
margin-right: 10px!important;
}
}