@media only screen and (min-width: 1000px) {}
@media only screen and (max-width: 1000px) {}
@font-face { font-family: majestic; src:url("../fonts/Majestic.ttf");}

body { background: url("../images/sky_bg.jpg") no-repeat fixed black; color: #333; font-family: Arial,sans-serif; line-height: 1.5; margin: 0 auto; padding: 0 20px; width: 1200px;height: 100%;font-size: 14px;}
#page-title, .specialfos h2{ margin: 0 15px; font-size: 18px; font-weight: normal; color: #4469CC; }

.min500{ min-height: 500px; }

/**************************** menu **********************************/

#menu{ }
#menu ul{ margin:0; padding:0; }
#menu ul li{ display: block; height: 37px; vertical-align: top; padding: 5px 0; }
#menu ul li:last-child{ }
#menu ul li a:hover span, #menu ul li a.active span{ }
#menu ul li a{ padding: 6px 10px 6px 25px; color: #fff; display: block; vertical-align: middle; background: black; text-decoration: none; text-transform: uppercase; background: url(../images/sun.png)no-repeat 0 2px, linear-gradient(to top, #000000, #4c4c4c); }
#menu ul li a.active{ vertical-align: middle; cursor:default; }
#menu ul li>ul{ display: none; }
#menu ul li a.active, #menu ul li a:hover{background: url(../images/sun.png)no-repeat  0 2px, linear-gradient(to top, rgb(16, 43, 121), rgb(100, 118, 158));}

/**************************** call icon **********************************/
.call_icon {position: fixed;right: 4vw;bottom: 5vw;}
.call_icon img{width: 70px;transition: .4s;}
.call_icon img:hover{width: 80px;}

/**************************** banner **********************************/

.instagram_icon {width: 30px;    margin-right: 10px;    vertical-align: sub;}
.header_fio {text-decoration: none;    color: #eed3ff;    font-size: 30px;}


#big_image{background: url("../images/sphere.png") no-repeat center top;display:block;/* width:100%; */height: 330px;margin: 0 35px;}
#head_contacts{ display: block; background: rgba(0, 0, 0, 0.5); min-height: 80px; color: #fff; }
#head_contacts>div>span{/* display: block; */}
.hc_left{ width: 500px; display: inline-block; vertical-align: top;margin-top: 22px; }
.hc_right{width: 1080px;display: block;vertical-align: top;text-align: center;padding: 20px 0;font-size: 21px;}
.top_text_line{text-align: right;position: absolute;top: 20px;width: 1090px;font-size: 16px;}
.viber_header{text-decoration: none;color: #fff;}
.viber_header:hover {text-decoration:underline;}
#whois{    font-family: majestic;
    font-size: 50px;
    line-height: 1;
    }
#about{ text-align: right; margin-top: -20px; font-style: italic;text-decoration: none;color: #eed3ff;font-size: 30px; }
#about span{font-weight: bold;    font-family: majestic;padding-right: 20px;}
#phone{ font-size: 24px;font-weight: bold;}
#worktime{ font-size: 14px;font-weight: bold;}
.viber_logo_top{vertical-align: middle;}

/**************************** main block **********************************/

#main_block{ display:block; margin: 0px 15px 70px 15px; min-height: 400px; /* box-shadow: 0px 0px 30px black; */ }

/**************************** main content **********************************/

#main_content{ padding: 10px 15px 30px 15px; margin: 0 35px; min-height: 400px; background: #fff; }
#content_left{ width: 230px; vertical-align: top; display: inline-block; }
#content_center{ width: 600px; vertical-align: top; display: inline-block; }
#content_right{ width: 230px; vertical-align: top; display: inline-block; }
#center_text{ padding-top:15px; }

/**************************** text **********************************/

.text{ padding: 0 15px; }
.text p:first-child{ padding-top: 0; }

/**************************** crumbs **********************************/

#crumbs, .specialfos .under_title{ margin: 0 15px; line-height: 0.5; }
#crumbs, #crumbs a, .specialfos .under_title{ color: #979797; }

/**************************** info line **********************************/

#info_line{ margin: -35px 0 -35px 0;}
#info_line>span{ position: absolute;margin: 50px 0 0 52px;font-size: 20px;color: #000;font-weight: bold;display: block;width: 1070px;}
/************************** fos ***************************/
.specialfos{ }
.foselm{ margin: 5px 15px; display: block; text-align: center; min-height: 5px; }
input.foselm, textarea.foselm, select.foselm{ padding:5px 15px; border-radius:2px; border:1px solid #aaa; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25); width:180px; resize:vertical; text-align: start; }
select.foselm{ width:212px; }
input.foselm:focus, textarea.foselm:focus, select.foselm:focus{ outline:none; border:1px solid rgba(255,182,0,1); box-shadow: inset 0 0 5px rgba(255,182,0,.6); }
.foselm>.send{ padding: 8px; margin: 0 auto; color: #fff; display: block; background: black; text-transform: uppercase; background: linear-gradient(to top, #000000, #4c4c4c); width: 210px; border: none; cursor: pointer; }
.foselm>.send:focus{ outline:none; }
.foselm>.send:hover{ background: linear-gradient(to top, #000000, rgb(66, 50, 3)); }
.fos_error_message{ color:rgb(255,182,0); border: 1px solid rgb(255,182,0); width:190px; border-radius:2px; padding:4px 10px }
.add_image{ font-size: 12px; }


#show_left_side_menu, #hide_left_side_menu{background: #ffffff;/* margin-bottom: 10px; */cursor: pointer;display:none;padding: 5px 5px;/* border: 1px solid #ccc; */z-index: 2;position: relative;}
#show_left_side_menu span, #hide_left_side_menu span{display:inline-block;/* width:20px; *//* height:20px; */display:inline-block;vertical-align:middle;line-height: 1;font-family: cursive;}
#show_left_side_menu span.menu_icon, #hide_left_side_menu span.menu_icon{font-size: 48px; */margin:;margin: 0 10px 0 20px;}
#show_left_side_menu span.arrow_icon, #hide_left_side_menu span.arrow_icon{font-size: 14px;/* padding-top: 6px; */margin-right: 10px;}
#show_left_side_menu span.menu_name, #hide_left_side_menu span.menu_name{font-size: 20px;font-family: arial;}

#show_left_side_menu{border-bottom: 1px solid #ffffff;/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); */}
#hide_left_side_menu{border-bottom: 1px solid #fff;/* margin-bottom: 0 !important; */background: #fbfbfb;}
#menu{ }

.left_fos .specialfos{ display:none;}


/*@media (max-width: 1264px){*/
@media screen and (max-width: 1264px) and (min-width: 980px) {
	
/*	body{width:960px;padding:0;}*/
	
	.left_fos .specialfos{display:block;margin: 20px 0 0 -15px;}
	.left_fos .specialfos .foselm>.send{ width:230px;margin-top:10px;}
	input.foselm, textarea.foselm, select.foselm{width: 198px;}
	select.foselm{ width:230px;}
	.right_fos .specialfos{ display:none;}
	#content_right{ display:none;}
	#content_center{width: 590px;}

	/*#info_line{overflow:hidden;width: 895px;}*/
	#info_line img{ }
	#info_line>span{width: initial;font-size: 1.8vw;}

/*	#head_contacts{ text-align:center;}*/
	#head_contacts>div>span{ display: block; }
	#about{ text-align: inherit; margin-top: 0; font-style: italic; }
	.hc_right{ text-align:center;}
	.fos_error_message{width:initial;display: block;margin: 15px 0px 15px 15px;}
	
}

@media (max-width: 980px){
    .header_fio {    font-size: 7vw;}
    .instagram_icon {float: left;margin: 2px 0 0 20px;}
    #whois {margin: 40px 0 20px 0;  display: block;}
    
    .top_text_line {width: 97vw;text-align: center;}

	.left_fos .specialfos{ display:none;}
	.right_fos .specialfos{ display:block;}	

	body{ width:initial;padding:0;font-size: initial;}


	#big_image{background: url("../images/sphere.png") no-repeat center top;height: initial;margin: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.35);}
	#head_contacts{ text-align: center;padding-top: 90px; } 
	.hc_left{width: initial;display: block;}
	.hc_right{width: initial;text-align: inherit;display: block;}
	#about{text-align: inherit;margin-top: initial;display: block;font-size: 7vw;}

	#main_block{display:block;margin: 0;/* padding:0 1vw 3vw 1vw; */padding: 0 0 30px 0;}

	#info_line{overflow:hidden;margin: 0;/* background: url(../images/info_line_bg.png) no-repeat center; */background: rgba(0, 0, 0, 0.52);padding: 15px 40px;border-bottom: 1px solid rgba(255, 255, 255, 1);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);z-index: 1;position: relative;/* display: none; */}
	#info_line img{display: none;}
	#info_line>span{position: relative;margin: 0;width: initial;color: #fff;font-size: 17px;font-weight: normal;font-style: italic;}

	#content_center{width: initial;display: block;background: #fff;padding: 20px 10px;}
	#main_content{margin:0;/* background:rgba(255, 255, 255, 0.90); */padding: 0 0 30px 0;background: none;}
	#content_left{display:block;width: initial;box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);z-index: 3;position: relative;}
	#content_right{display:block;width: initial;text-align: center;padding: 20px 10px;background: rgba(0, 0, 0, 0.33);}
	

	.specialfos{ }
	.specialfos>span{display:block;text-align:center;margin:10px;}
	input.foselm, textarea.foselm, select.foselm{display:block;margin:0 auto;border: 1px solid rgb(255, 255, 255);/* box-shadow: none; */background: rgb(255, 255, 255);width: 70vw;max-width: 300px;}
	select.foselm{ width:79vw; max-width:332px;}
    .fos_error_message{width: 70vw;max-width: 312px;display: inline-block !important;background: rgba(255, 255, 255, 0.91);}
	
	#show_left_side_menu{ display:block;}
    #hide_left_side_menu, #menu{ display:none;}
    #show_left_side_menu.hidden{ display:none;}
    #hide_left_side_menu.visible, #menu.visible{display:block;}
    #menu{border-top: none !important;padding:10px 20px;background: #fbfbfb;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.29);/* margin-bottom: 10px; */}
    
	#page-title, .specialfos h2{font-size: 22px;}

	.specialfos h2{color: #ffffff;}
	.specialfos .under_title{color: #fff;}

	.foselm>.send{color: black;background: linear-gradient(to bottom, #ffffff, #a7a7a7);border-radius:2px;width: 79vw;max-width: 332px;}
	.foselm>.send:hover{ background: linear-gradient(to top, #ffffff, #a7a7a7); }
	
	
	#bread{ display:none;}


	
}