@charset 'UTF-8';
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,800,300,600&subset=cyrillic-ext,latin);
  
@font-face {
    font-family: 'gotham_proregular';
    src: url('gothaproreg-webfont.eot');
    src: url('gothaproreg-webfont.eot%3F') format('embedded-opentype'),
         url('gothaproreg-webfont.woff2') format('woff2'),
         url('gothaproreg-webfont.woff') format('woff'),
         url('gothaproreg-webfont.ttf') format('truetype'),
         url('gothaproreg-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_probold';
    src: url('gothaprobol-webfont.eot');
    src: url('gothaprobol-webfont.eot%3F') format('embedded-opentype'),
         url('gothaprobol-webfont.woff2') format('woff2'),
         url('gothaprobol-webfont.woff') format('woff'),
         url('gothaprobol-webfont.ttf') format('truetype'),
         url('gothaprobol-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_promedium';
    src: url('GothaProMed-webfont.eot');
    src: url('GothaProMed-webfont.eot%3F') format('embedded-opentype'),
         url('GothaProMed-webfont.woff2') format('woff2'),
         url('GothaProMed-webfont.woff') format('woff'),
         url('GothaProMed-webfont.ttf') format('truetype'),
         url('GothaProMed-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_problack';
    src: url('GothaProBla-webfont.eot');
    src: url('GothaProBla-webfont.eot%3F') format('embedded-opentype'),
         url('GothaProBla-webfont.woff2') format('woff2'),
         url('GothaProBla-webfont.woff') format('woff'),
         url('GothaProBla-webfont.ttf') format('truetype'),
         url('GothaProBla-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*
	Miniport by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
html, body 
{
  width:100%; 
  min-width: 900px;
  
  padding:0; 
  margin:0; 
  background:#fff;
          -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -o-font-smoothing: antialiased;
        font-smoothing: antialiased;
}




	body,input,textarea,select
	{
		font-family: 'gotham_proregular', 'Open Sans', sans-serif;
        font-size: 13pt;
	}

		body.is-loading *
		{
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-o-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}





	
	a
	{
		color: #000000;
		text-decoration: none;
		-moz-transition: color .2s ease-in-out;
		-webkit-transition: color .2s ease-in-out;
		-o-transition: color .2s ease-in-out;
		-ms-transition: color .2s ease-in-out;
		transition: color .2s ease-in-out;
	}

		a:hover
		{
			color: #ffffff;
		}

		a img
		{
			border: 0;
		}


	
	
    h1
    {
        font-family: 'gotham_probold', 'Open Sans', sans-serif;
        font-weight: bold;
    }
	
	h2
    {
		font-family: 'gotham_probold', 'Open Sans', sans-serif;
        font-weight: bold;
	}

    h3 
	{
		font-family: 'gotham_probold', 'Open Sans', sans-serif;
		font-weight: 500;
	}
	
	
	/* Form */
	
		form
		{
		}
		
			form label
			{
				color: #3e3e3e;
				font-weight: 700;
				display: block;
				margin: 0 0 0.5em 0;
			}
		
			form input[type=text],
			form input[type=email],
			form input[type=password],
			form select,
			form textarea
			{
				-webkit-appearance: none;
				display: block;
				border: 0;
				padding: 0.3em;
				font-size: 1em;
				border-radius: 0px;
				border: solid 1px #ddd;
				background: #fff;
				color: #007EAF;
				box-shadow: inset 0px 2px 3px 1px rgba(0,0,0,0.05), 0px 1px 0px 0px rgba(255,255,255,0.025);
				width: 400px;
				-moz-transition: background .2s ease-in-out, box-shadow .2s ease-in-out;
				-webkit-transition: background .2s ease-in-out, box-shadow .2s ease-in-out;
				-o-transition: background .2s ease-in-out, box-shadow .2s ease-in-out;
				-ms-transition: background .2s ease-in-out, box-shadow .2s ease-in-out;
				transition: background .2s ease-in-out, box-shadow .2s ease-in-out;
			}

			form input[type=text]:focus,
			form input[type=email]:focus,
			form input[type=password]:focus,
			form select:focus,
			form textarea:focus
			{
				background: #fafafa;
				box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.05), 0px 1px 0px 0px rgba(255,255,255,0.025), inset 0px 0px 2px 1px #007EAF;
			}

			form textarea
			{
				height: 15em;
			}
			
			form .formerize-placeholder
			{
				color: #555 !important;
			}

			form ::-webkit-input-placeholder
			{
				color: #555 !important;
			}

			form :-moz-placeholder
			{
				color: #555 !important;
			}

			form ::-moz-placeholder
			{
				color: #555 !important;
			}

			form :-ms-input-placeholder
			{
				color: #555 !important;
			}

			form ::-moz-focus-inner
			{
				border: 0;
			}

	
	/* Section/Article */
	
		section,
		article
		{
			margin-bottom: 3em;
           
		}
		
		section > :last-child,
		article > :last-child
		{
			margin-bottom: 0;
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 0;
		}

	/* Image */


	/* Button */
	
		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button
		{
			//-webkit-appearance: none;
			//position: relative;
			//display: inline-block;
			////color: #fff !important;
			//text-decoration: none;
			//font-weight: 700;
			//border: 0;
			//outline: 0;
			//cursor: pointer;
			//border-radius: 0px;
			//text-shadow: -1px -1px 0.5px rgba(0,0,0,0.5);
			//overflow: hidden;
		//	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.5), inset 0px 2px 1px 0px rgba(255,255,255,0.75);
		//	background: rgba(122, 193, 159, 1);
		//	background-image:	url('http://konkurs.gmig.ru/css/images/bg.png'),		-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
		//	background-image:	url('http://konkurs.gmig.ru/css/images/bg.png'),		-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
		//	background-image:	url('http://konkurs.gmig.ru/css/images/bg.png'),		-o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
		//	background-image:	url('http://konkurs.gmig.ru/css/images/bg.png'),		-ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
		//	background-image:	url('http://konkurs.gmig.ru/css/images/bg.png'),		linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
		//	-moz-transition: background-color .2s ease-in-out;
		//	-webkit-transition: background-color .2s ease-in-out;
		//	-o-transition: background-color .2s ease-in-out;
		//	-ms-transition: background-color .2s ease-in-out;
		//	transition: background-color .2s ease-in-out;
		}

			input[type="button"]:hover,
			input[type="submit"]:hover,
			input[type="reset"]:hover,
			.button:hover
			{
		//		background-color: #43bff0;
		//		color: #fff !important;
			}
			
			input[type="button"]:active,
			input[type="submit"]:active,
			input[type="reset"]:active,
			.button:active
			{
			//	background-color: #3BA8D3;
			//	top: 1px;
			}
		
			input[type="button"].alt,
			input[type="submit"].alt,
			input[type="reset"].alt,
			.button.alt
			{
				background-color: #444;
				box-shadow: inset 0px 0px 0px 1px #242424, inset 0px 2px 1px 0px rgba(255,255,255,0.2);
			}

				input[type="button"].alt:hover,
				input[type="submit"].alt:hover,
				input[type="reset"].alt:hover,
				.button.alt:hover
				{
					background-color: #4f4f4f;
					color: #fff !important;
				}
				
				input[type="button"].alt:active,
				input[type="submit"].alt:active,
				input[type="reset"].alt:active,
				.button.alt:active
				{
					background-color: #3f3f3f;
				}
		


		
/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
		/*background-color: rgba(40, 40, 40, 0.65);*/
		position: fixed;
		top: 1em;
        right: 12%;
		z-index: 10000;
        line-height: 0.1em;
		cursor: default;
	}
	
		#nav ul
		{
			margin-bottom: 0;
		}
	


		#nav li
		{
			display: inline-block;
  transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
		}
@media screen and (max-width:1024px) {
  #nav li
		{
			display: block;
  }
 #nav	{
        right: 2%;
	}
}
		
		#nav a
		{
			position: relative;
            font-family: 'gotham_proregular', 'Open Sans', sans-serif;
            font-size: 14pt;
            font-weight: lighter;
			display: block;
			color: #fff;
			text-decoration: none;
			outline: 0;

			padding: 0.15em 0.15em 0.15em 0.15em;
			margin: 0.1em 0.1em 0.1em;
			font-weight: lighter;
			border-radius: 0px;
			-moz-transition: background-color .2s ease-in-out;
			-webkit-transition: background-color .2s ease-in-out;
			-o-transition: background-color .2s ease-in-out;
			-ms-transition: background-color .2s ease-in-out;
			transition: background-color .2s ease-in-out;
			color: #fff;
		}
		
			#nav a:hover
			{
				color: #fff !important;
				background: #007EAF;
			}
			
			#nav a.active:before
			{
				content: '';
				display: block;
				position: absolute;
				bottom: -0.6em;
				left: 50%;
				margin-left: -0.75em;
				border-left: solid 0.75em transparent;
				border-right: solid 0.75em transparent;
				border-top: solid 0.6em #282828;
			}

/*********************************************************************************/
/*                                                                            */
/*********************************************************************************/

.rightmenu
	{
      font-size: 8pt;
  font-family: 'gotham_promedium', 'Open Sans', sans-serif;
  line-height: 1.5;
      cursor: default;
      margin-top: 220pt;
      color: #6D6D6D;
      font-weight: 600;
      position: absolute;
      right: 15%;
      width: 160px;
      margin-right: -15pt;
	}


	.rightmenu ul, ol
		{
			margin-left: 0; /* Отступ слева в браузере IE и Opera */
    		padding-left: 0; /* Отступ слева в браузере Firefox, Safari, Chrome */
		}

	.rightmenu a
		{
            color: #6D6D6D;
            text-decoration: none;
            -moz-transition: color .2s ease-in-out;
            -webkit-transition: color .2s ease-in-out;
            -o-transition: color .2s ease-in-out;
            -ms-transition: color .2s ease-in-out;
            transition: color .2s ease-in-out;
		}

	.rightmenu	a:hover
		{
			color: #000;
		}

.leftmenu
	{
		font-size: 8pt;
        position: absolute;
		cursor: default;
        margin-left: -70pt;
        margin-top: 40pt;
 
	}
#expert
{
  margin-top: 0pt;
}


.topmenu
	{		
		font-size: 8pt;
        padding-top: 5em;
        padding-left: 12em;
	    overflow: hidden;
	    
	}
	.topmenu table td
        {
          vertical-align: top;
        }

	
	.topmenu ul
		{
			margin-bottom: 0;
		}
	
	.topmenu li
		{
			display: inline-block;
            margin: 0em 6em 0em 0em;
		}


	.topmenu a
		{
			position: relative;
            font-family: 'gotham_proregular', 'Open Sans', sans-serif;
            font-size: 8pt;
            font-weight: lighter;
			display: block;
			color: #eee;
			text-decoration: none;
			outline: 0;
            line-height: 1.2;
		}
		
			.topmenu a:hover
			{
				color: #fff !important;
			}
			
			.topmenu a.active:before
			{
				content: '';
				display: block;
				position: absolute;
				bottom: -0.6em;
				left: 50%;
				margin-left: -0.75em;
				border-left: solid 0.75em transparent;
				border-right: solid 0.75em transparent;
				border-top: solid 0.6em #282828;
			}
			
/*********************************************************************************/
/* Articles                                                                      */
/*********************************************************************************/
.wrapper
	{
		
		
	}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	.iconmenu
{
  height: 6em;
  border-width: 1px;
  border-style: solid;
  border-color: #007EAF;
}

.i1502_2006
{
  	background: url("images/15.02-20.svg") no-repeat scroll 50% 0px transparent;
	width: 314px;
	height: 140px;
	display: block;
    margin-left: -8pt;
    background-size: contain;
}

.video_about
{
  	background: url("images/video_about.svg") no-repeat scroll 50% 0px transparent;
	width: 233px;
	height: 42px;
	display: block;
    margin-left: 0pt;
    margin-top: 10px;
    background-size: contain;
    cursor: pointer;
  			-moz-transition: background-image .2s ease-in-out;
			-webkit-transition: background-image .2s ease-in-out;
			-o-transition: background-image .2s ease-in-out;
			-ms-transition: background-image .2s ease-in-out;
			transition: background-image .2s ease-in-out;
}




.video_about_preload
{
  	background: url("images/video_about_black.svg") no-repeat scroll 50% 0px transparent;
	width: 0px;
	height: 0px;
	display: inline;
}


.doit_black_preload {
                width: 0px;
                height: 0px;
                display: inline;
                background-image: url(images/doit_black.svg);
               }

.vk_white_preload {
                width: 0px;
                height: 0px;
                display: inline;
                background-image: url(images/vk_white.svg);
               }
.fb_white_preload {
                width: 0px;
                height: 0px;
                display: inline;
                background-image: url(images/fb_white.svg);
               }


#aboutkonkurs
{
 	margin-top: 80pt; 
}
#uslovia
{
 	margin-top: 96pt; 
}

#juri
{
  margin-top: 80pt; 
}

#infografika_about
{
  background-image: url(images/infografika_about.svg);
  background-repeat: no-repeat;
  height: 400px;
 
  background-size: contain;

}
#topkv
{
 	margin-left: -30pt;
}
 

#vk 
{
	background: url("images/vk_white.svg") no-repeat scroll 0% 0% transparent;
	display: block; 
	width: 30pt;
	height: 30pt;
	background-size: cover;
    margin-right: 10px;
}
		
#fb 
{
	background: url("images/fb_white.svg") no-repeat scroll 0% 0% transparent;
	display: block; /*  Рисунок как блочный элемент */
	width: 30pt;
	height: 30pt;
	background-size: cover;
}

#rubl
{
    background: url("images/Rouble_official_sign.svg");
    width: 10pt;
    height: 10pt;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}
		

#header, #intro, #second{
	width: 100%;
}

#nav-button
{
  width: 375pt;
}

	
#bk01{    /*Главная картинка*/
	background:url(images/bg_top.jpg)  50% 100px no-repeat fixed;
    background-color: #007EAF;
	color: white;
	height: 1200px;
    background-size: cover;
}

#bk01 .bg{  
	margin: 0 auto;
	padding: 0;
    bottom: 0;
    left: 0;
	width: 80%;
	z-index: 200;
}
#bk01 .bg h1{
	font-size:50pt;  
	font-family: ''gotham_probold'', 'Open Sans', sans-serif;
    margin: 0;
}
#bk01 .bg h2{
    font-size: 24pt;
    
    margin: 0.2em 0.2em 0.2em 0px;
    font-weight: 800;
    line-height: 1.1;
}

	#bk01 .bg a
		{
  			background: url("images/doit.svg") no-repeat scroll 0% 0% transparent;
    		display: block; 
    		width: 429px;
			height: 82px;
			-moz-transition: background-image .2s ease-in-out;
			-webkit-transition: background-image .2s ease-in-out;
			-o-transition: background-image .2s ease-in-out;
			-ms-transition: background-image .2s ease-in-out;
			transition: background-image .2s ease-in-out;
		}
		
	#bk01 .bg a:hover
		{
			background: url(images/doit_black.svg)no-repeat scroll 0% 0% transparent; 
		}
			
			
#bk02{   
    background-color: #fff;
	color: white;
	height: 100%;
    width: 80%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
#bk02 h3{   
	color: #007EAF;
    font-weight: 900;
	font-size: 16pt;
    margin-bottom: -12pt;
    line-height: 1.3;
}

#bk02 p{   
	color: #231F20;
    font-size: 13pt;
    line-height: 1.3;
}


#bk02.rightmenu li
		{
			list-style-type: none;
		}
#bk02 a
		{
			color: #FF002B;
  			line-height: 1.5;
		}
#bk02 a:hover
		{
			color: #000;
		}

#bk03{   
    background: url("images/map.jpg") 50% -400px no-repeat fixed;
    background-position: center;
 	margin: 0 auto;
 	height: 600px;
 	background-size: cover;
    background-color: #B0B9CC;
	color: white;
	height: 800px;
	overflow: hidden;
	padding: 0;
}

#map {
  background: url("images/map.jpg") no-repeat scroll 0% 0% transparent;
  margin: 0 auto;
  height: 800px;
  background-size: 100px;
}

#bk04{   /*О конкурсе*/
    background-color: #007EAF;
	color: white;
	
    width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#bk04 h3{   
	color: #fff;
    font-weight: 900;
	font-size: 16pt;
    line-height: 1.3;
}

#bk04 p{   
	color: #fff;
    font-size: 13pt;
  line-height: 1.3;
}


#bk05{   /*Макеты*/
	background:url(images/bg_maket.jpg)  50% -200px no-repeat fixed;
	color: white;
	height: 900px;
    background-size: cover;
}

#bk06{   
    background-color: #fff;
	color: white;
    width: 80%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}


#bk06	a
		{
			color: #6D6D6D
		}

#bk06	a:hover
		{
			color: #007EAF;
		}

#bk06 p{   
    color: #231F20;
    line-height: 1.3;
}

#bk06 h3{   
    color: #007EAF;
    margin-bottom: -10pt;
    font-family: "gotham_proregular","Open Sans",sans-serif;
    font-weight: 600;
    font-size: 13pt;
  line-height: 1.3;
}

#bk06 h2{   
color: #007EAF;
font-size: 15pt;
font-weight: 200;
line-height: 1.2;
font-family: "gotham_problack","Open Sans",sans-serif;
}

#dattd{
	padding-bottom: 20px;
}

#priz1{
    display: block;
    padding-right: 10pt;
    vertical-align: top;
}
#priz2{
    display: inline-block;
    padding-right: 40pt;
    vertical-align: top;
}
#priz3{
    display: inline-block;
    padding-right: 40pt;
    vertical-align: top;
}
#priz4{
    display: inline-block;
    padding-right: 40pt;
    vertical-align: top;
}



#bk07{   
    background-color: #DDDDDD;
	color: white;
    
    width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

.infpartn
{
  width: 240px;
  display: inline-block;
  vertical-align: top;
  height: 160px;
  background-repeat: no-repeat;	 
  cursor: pointer;
}

#partn1
{
  background:url(images/partn1.svg);
}
#partn2
{
  background:url(images/partn2.svg);
}
#partn3
{
  background:url(images/partn3.svg);
}
#partn4
{
  background:url(images/partn4.svg);
}
#partn5
{
  background:url(images/partn5.svg);
}
#partn6
{
  background:url(images/partn6.svg);
}
#partn7
{
  background:url(images/partn7.svg);
}
#partn8
{
  background:url(images/partn8.svg);
}
#partn9
{
  background:url(images/partn9.svg);
}
#partn10
{
  background:url(images/partn10.svg);
}
#partn11
{
  background:url(images/partn11.svg);
}

#partn12
{
  background:url(images/partn12.svg);
}

#partn13
{
  background:url(images/partn13.svg);
}

#partn14
{
  background:url(images/partn14.svg);
}

.juripic{
  width: 160px;
}

.juri{
  width: 250px; 
  display: inline-block;
  vertical-align: top;
  padding: 20pt;
}


.story{
	margin: 0 auto;
	overflow: hidden;
	width: 80%; 
}
.story1{
	
	overflow: hidden;
	width: 80%;
    display: inline-block;
}

.story2{
	margin: 0 auto;
	overflow: hidden;
	width: 80%;
   margin-top: 60pt;
}
.story3{
	margin: 0 auto;
	overflow: hidden;
	width: 80%;
    margin-bottom: 60pt;
}

.story4{
	
	overflow: auto;
	width: 80%;
    margin: 0px auto;
    overflow: hidden;
    padding: 0px;
}

#bk08{   
    background-color: #fff;
    width: 80%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#bk08 h3{ 
  color: #007EAF;
  font-size: 10pt;
  font-weight: 700;
  font-family: "gotham_proregular","Open Sans",sans-serif;
  line-height: 1.2;
  margin-bottom: -5pt;
}

#bk08 p{
  color: #6D6D6D;
  font-size: 10pt;
  font-weight: 600;
  line-height: 1.2; 
}


.story .float-left, .story .float-right{
	padding: 0px 0 0 0;
	position: relative;	
}

.slide {
	width: 100%;
}

#fon {
		display: none;
		opacity: 0.8;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 16px;
		background-color: rgba(1, 1, 1, 0.725);
		z-index: 100;
		overflow: auto;
	}
	
	#window {
		width: 500px;
		height: 720px;
		margin: 50px auto;
		display: none;
		background: #fff;
		z-index: 20000;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 16px;
	}
	#window_sbor {
		width: 500px;
		height: 720px;
		margin: 50px auto;
		display: none;
		background: #fff;
		z-index: 20000;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 16px;
	}
#window_faq {
		width: 500px;
		height: 720px;
		margin: 50px auto;
		display: none;
		background: #fff;
		z-index: 20000;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 16px;
	}
	
	.close{
		margin-left: 470px;
		margin-top: 0px;
		cursor: pointer;
	}