/* Master3 custom CSS */

h1, h2, h3{ font-family: 'Fira Sans', sans-serif;}

td {
    padding: 5px 3px 10px 10px;
}
.image_in_structure {
       text-align: center;
        } 
.block {
     text-align: justify;
}   

.structure_wrapper {
    display: flex;
}
 .description_table {display: flex
flex-direction: column
width: 100%
}
.description_table > td_large {
width: 35%}

.uk-section {
    padding-top: 30px;
    padding-bottom: 30px;
}
.uk-navbar-container {
    padding-top: 0px;
    padding-bottom: 0px;
}

/*�����*/
.hr_head{ height: 3px; background-color: #08c; }

div.all_head{ height: 140px; position:relative; z-index: 1; 
				background:url(/templates/georemstroy/images/gorod.png) no-repeat bottom left; }


.logo_name{ width: 385px; height:80px; background: url(/templates/georemstroy/images/logo.png) no-repeat left top;   
			line-height: 25px; margin-top: 5px; padding-top:28px; float:left;}
.logo_name a { text-decoration:none;}
.logo_name a span{ padding-left: 70px; }
.logo_name a span.name{font-size:45px; color:#08c;  }
.logo_name a span.slogan{font-size:16px; font-weight:500; color:#000; }

.tel{ float:left; width: 210px; margin-top: 23px;  
			text-align:right; padding-right: 7px; padding-top:5px; border-right:solid 2px #000; 
			font: 13px 'Fira Sans', sans-serif; color:#000; line-height: 18px; }
.tel .big_tel{ font-size:29px; }

.adr { float:left; width: 230px; margin-top: 27px; padding-left: 7px;
		font: 14px 'Fira Sans', sans-serif; line-height: 20px; color:#000;}

.map_rb{ float:left; background:url(/templates/georemstroy/images/rb_map.png) no-repeat; width:107px; height:92px; margin-top:3px; }

/*����� �������*/

#map {
	width: 960px; 
	margin: 0px auto; 
	background-image:url(/images/main.jpg);
}


#map div.custom_map{
	width: 960px; 
	height: 630px;
	position:relative; 
	z-index:1;
	margin-bottom: 15px;
	border-bottom: 1px dotted #ddd;
}

.tm-pos-block-g.uk-panel > div {
	width: 100%;
	display: flex;
	justify-content: center;
}



@media screen and (max-width:1040px) {
	#map {
		transform: scale(0.8);
	}
}

@media screen and (max-width:830px) {
	#map {
		transform: scale(0.7);
	}
        .structure_wrapper {
                display: block;
        }
        .image_in_structure {
        margin-bottom: 25px;
        }
}

@media screen and (max-width:730px) {
	#map {
		transform: scale(0.6);
	}
}


@media screen and (max-width:630px) {
	#map {
		transform: scale(0.5);
	}
            
}


@media screen and (max-width:525px) {
	#map {
		transform: scale(0.4);
	}  
        .big_table {
        display: none
        }   
}


@media screen and (max-width:430px) {
	#map {
		transform: scale(0.3);
	}
       .image_in_structure {
        text-align: center;
        }
}


@media screen and (max-width:320px) {
	#map {
		transform: scale(0.2);
	}      
}

@media screen and (max-width:220px) {
	#map {
		transform: scale(0.1);
	}     
}







div.custom_map h2{ position: absolute; font-size: 22px; line-height:21px; text-align:center; color:#000;
font-weight: bold; margin-top: 10px;}

.name_comp{ width:400px; height:70px; top: 0px; left: 70px;  position: absolute; line-height: 25px;  }
.name_comp a { text-decoration:none;}
.name_comp a span{ padding-left: 70px; }
.name_comp a span.name_main{font-size:45px; color:#08c;  }
.name_comp a span.slogan_main{font-size:16px; font-weight:500; color:#000; }

.phone_comp{ width:460px; height:100px; top: 5px; left: 510px;  position: absolute;}
.phone_comp p{ margin-top: 0px;}

.burovie_raboty{ width:250px; height:40px; top: 315px; left: 410px;}
.burenie_skvagin{ width:250px; height:40px; top: 215px; left: 175px;}
.arenda_burovoy{ width:300px; height:40px; top: 260px; left: 660px; }
.ispytanie{ width:250px; height:40px; top: 390px; left: 90px;}
.ustroistvo{ width:300px; height:40px; top: 375px; left:686px;}
.perevozki{ width:250px; height:40px; top: 520px; left:220px;}
.arenda_stroy{ width:250px; height:40px; top: 520px; left:525px;}

div.custom_map a{color:#000 !important;}

/*�������� � ������*/
.tel_mod {font: 16px 'Fira Sans', sans-serif; color:#000; line-height: 18px; }
.big_tel_mod { font-size:23px !important; }
.icon_phone{ background: url(/images/phone_icon.png) no-repeat right bottom #f5f5f5;}


.uk-navbar-item {
min-height: 0 !important;
}