body {font-family: "Century Gothic";}

/*
h1 {font-size: 3.5vw; font-weight: bold; text-align: center; margin: 20px 0;}
h2 {font-size: 2.5vw; font-weight: bold; text-align: center;}
*/
h1 {font-size: 25px; font-weight: bold; text-align: center; margin: 20px 0;}
h2 {font-size: 20px; font-weight: bold; text-align: center;}



#page {width:100%; min-width: 360px;}
.wrap {max-width:1280px; margin: 0 auto;}
.clear {clear: both;}

#head {width:100%; overflow: hidden; background: #fef200;}

#head #soc_lang {display: block; text-align: right; margin: 15px 5% 0 0;}
	#head #soc_lang #soc {display: inline-block;}
	#head #soc_lang #soc a {margin-left: 10px;}
	#head #soc_lang #soc a img {height: 20px;}
	#head #soc_lang #lang {display: inline-block; margin-left: 20px;}

#head #logo {margin: 10px 0 10px 5%;}
#head #logo a img {max-width: 50%; min-width: 200px;}

#head #menu {text-align: right; margin: 0 2vw 20px 0;}
	#head #menu #menu-main {display: inline-block;}

	#head #menu .ico_menu {display: inline-block; vertical-align: middle; margin-left: 20px;} 

		#head #menu #menu-main ul li {display: inline-block; margin-left: 20px;}
		#head #menu #menu-main ul li a {text-decoration: none; color: #000; font-weight: bold;}
		#head #menu #menu-main ul li a:hover {text-decoration: underline;}


#head1 .header1text {color: #fff; background: #000; width: 100%; text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}

#head2 {width:100%; height: calc(249*100vw/1280); overflow: hidden; background: #000; background: url("/images/head2_bg.jpg") no-repeat; background-size: cover;}
#head2 .header2text {color: #fff; text-align: right; width: 31vw; margin-top: 4vw;}
#head2 .header2text1 {font-size: 3.5vw; font-weight: bold;}
#head2 .header2text2 {font-size: 2.3vw; font-weight: bold;}
#head2 .header2button {}
#head2 .header2button a {display: block; font-size: 2.7vw; font-weight: bold; background: red; padding: 0.5vw 0.8vw; border-radius: 2%; color: #fff; text-decoration: none; width: 14vw; margin: 0 0 0 auto; text-align: center;}
#head2 .header2button a:hover {color: #fef200;}

        @media screen and (min-width: 1280px) {
				#head2 {width: 1280px; height: 249px;}
				#head2 .header2text {width: 397px; margin-top: 50px;}
				#head2 .header2text1 {font-size: 45px;}
				#head2 .header2text2 {font-size: 30px;}
			}
        @media screen and (max-width: 360px) {
				#head2 {width: 360px; height: 70px;}
				#head2 .header2text {width: 111px; margin-top: 13px;}
				#head2 .header2text1 {font-size: 14px;}
				#head2 .header2text2 {font-size: 10px;}
			}





#main-block {width:100%; overflow: hidden; background: #fff; margin-bottom: 20px;}

#main-block .item-page {width: 90%; margin: 0 auto;}
#main-block .item-page p {margin: 20px 0;}

#main-block ul.menu-contact-form li {margin-top: 30px; text-align: center;}
#main-block ul.menu-contact-form li a.contact-form {background-color: red; padding: 20px; display: inline-block; border-radius: 2%; color: #fff; text-decoration: none; font-weight: bold; font-size: 1.8vw;}
#main-block ul.menu-contact-form li a.contact-form:hover {color: #fef200;}


#block5 {width: 100%; background: url(/images/footer_bg.png) repeat-x #fef200; margin:0; padding-top: 50px; overflow: hidden;}


.footer_contacts {margin: 0px 8%; background: #545356;overflow: hidden;}
.footer_contacts_text {width: 35%; float: left; font-family:"Bookman Old Style"; color: #fff; font-weight: bold;overflow: hidden;}
.footer_contacts_text h3 {font-size: 25px; margin: 35px 0 10px 35px; font-family: "CenturyGothic"; font-weight: bold;}
.footer_contacts_text p {font-size: 16px; margin: 10px 0 10px 35px; clear: both; overflow: hidden;}
.footer_contacts_text p img {display: block; float: left; height: 30px; line-height: 30px; margin-right: 10px;}
.footer_contacts_text a {text-decoration: none;color: #fff;}
.footer_contacts_text a:hover {text-decoration: underline;}
.footer_contacts_map {width: 60%; float: right;overflow: hidden;}

.footer_menu {width: 90%; margin: 30px auto 30px auto; overflow: hidden;}
.footer_menu a {color: #000; text-decoration: none; display: block;}
.footer_menu .footer_logo {float: left; width: 25%;} 
.footer_menu .footer_logo img {width: 90%; height: auto;}
.footer_menu .footer_block1 {float: left; width: 25%;}
.footer_menu .footer_block2 {float: left; width: 25%;}
.footer_menu .footer_block3 {float: left; width: 25%;}

.footer_menu .footer_main {font-size: 16px; font-weight: bold;}
.footer_menu .footer_sub {font-size: 14px; margin-top: 10px;}

.footer_line {width: 90%; height: 3px; background: #545356; clear: both; margin: 0 auto;}

.footer_copyright {width: 100%; text-align: center; font-family: "Bookman Old Style;"; margin: 20px 0; font-weight: bold; color: #545356;}


/* страница логина/регистрации. Начало */
#main-block .login {text-align: center; margin: 20px 0; font-size: 1.8vw; font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 20px;}
#main-block .login .controls button {background: red; border: 0; padding: 0.5vw 0.8vw; color: #fff; border-radius: 2%; width: 14vw; font-size: 2vw; font-weight: bold;}
#main-block .login .controls button:hover {color: #fef200; cursor: pointer;}
#main-block .login .control-group {margin-bottom: 10px;}
#main-block .login .control-group:nth-child(3) .control-label {display: inline-block;}
#main-block .login .control-group:nth-child(3) .controls {display: inline-block;}

/*
div ul.nav li {display: inline-block;}
div ul.nav-tabs li {display: inline-block;}
*/
div ul.nav-stacked {text-align: center;}
div ul.nav-stacked li {display: inline-block; margin: 0 10px;}
div ul.nav-stacked li a {display: block; padding: 0.4vw 0.6vw; background: red; color: #fff; border-radius: 2%; text-decoration: none;}
div ul.nav-stacked li a:hover {color: #fef200;}
/* страница логина/регистрации. Окончание */



/* Выпадающее меню. начало. */
#boxmenudrop {display: none; z-index:900;}
.menudrop {position: absolute; width: 400px; top: 110px; right: 10px; background: url(/images/menu_bg.png);  box-shadow: 0px 6px 3px -6px rgba(0,0,0,0.5);}

.menudrop ul {width: 300px; margin: 20px auto 10px auto;}
.menudrop ul li {border-bottom: 1px solid #fecc0f; padding: 10px 0 10px 0;}
.menudrop a {color: #000; text-decoration: none;}
.menudrop a:hover {color: #555;}

.menudrop button {margin-left: 320px;}

.menudroptitle {font-weight: bold; text-align: center;}


button {background-color: transparent; border:0;}
button:hover {cursor: pointer;}
button:active, button:focus {
  outline: none;
}
button::-moz-focus-inner {
  border: 0;
}

/* Выпадающее меню. конец. */

.actual-projects {margin-top}
.actual-projects div {float: left; width: 46%; padding: 0 2%;}
.actual-projects div img {width: 100%; margin-bottom: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.5); padding: 1px;}
.actual-projects div p {text-align: left;}

.pathway {float: left;}

img.imgintext {width: 40%;}
img.imgright {float: right; margin: 5px 5px 5px 10px;}
img.imgleft {float: left; margin: 5px 10px 5px 5px;}

.item-page {text-align: justify; background: url("/images/main_bg.png") no-repeat; background-size: 100% 80%; background-position:center center;}
.textblock1 {border: 2px solid red; width: 80%; margin: 0 auto; padding: 10px;}

        @media screen and (min-width: 1280px) {
				#head #menu #menu-main ul li a {font-size: 18px;}

				#head2 {width: 1280px; height: 249px;}
				#head2 .header2text {width: 397px; margin-top: 50px;}
				#head2 .header2text1 {font-size: 45px;}
				#head2 .header2text2 {font-size: 30px;}

				.menudrop {right: calc((100% - 1280px)/2 + 10px);}
			}


        @media screen and (max-width: 720px) {
				#head #menu #menu-main ul li a {font-size: 14px;}
				#head #menu #menu-main ul li {margin-left: 15px;}

#main-block ul.menu-contact-form li a.contact-form {font-size: 20px;}
			}


        @media screen and (max-width: 360px) {
				#head #menu #menu-main ul li {margin-left: 10px;}
				#head2 {width: 360px; height: 70px;}
				#head2 .header2text {width: 111px; margin-top: 13px;}
				#head2 .header2text1 {font-size: 14px;}
				#head2 .header2text2 {font-size: 10px;}
			}



/*Классы для контента*/

ol li {margin-bottom: 10px; margin-left: 15px;}
blockquote, .maintextremark {display: block; border: 1px solid black; border-radius: 5px; padding: 10px; margin: 20px 0 20px 10%; background-image: url(/images/bg_gray_70.png);}
.usefulllinks {display: block; padding: 10px; margin: 10px 0 10px 5%; background-image: url(/images/bg_gray_70.png);}
.usefulllinks_header {}
.usefulllinks a {display: block; margin-left: 5%; color: black; text-decoration: none;}
.usefulllinks a:hover {text-decoration: underline;} 
.usefulllinks a:before {content: "\2713"; margin-right: 5px;  text-decoration: none;}