@import "../fonts/stylesheet.css";
* {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html{
	background:#fff url('../images/bg.gif') repeat 0 0;
	}
body,textarea, input, select {
	font:12px/16px  'proxima_nova_rgregular', 'Arial', sans-serif;
  	-webkit-font-smoothing: subpixel-antialiased;
	}
body, html{
	color:#000;
	height: 100%;
	}
a{color:#000;}
a:hover{
	color:#000;
	text-decoration:underline;
	}
img {border: 0;}
a img {border:0}

.clear{
	clear:both;
	}





/* Header
	---------------------------- */

.id2{
	  position: fixed;
	  top: 0px;
	  left: 0;
	  width: 100%;
	  background: #000;
	  text-align: center;
	}

#layout{

	position: relative;
	}
.in{
	width:1200px;
	margin:0 auto;
	}

.logo {
		display:inline-block;
		margin:20px 47px 0 0;
	}
	.logo a{
		width:285px;
		height:45px;
		overflow:hidden;
		text-indent:-3000px;
		background:url('../images/logo.png') no-repeat 0 0;
		}

.menu{
  position: fixed;
  top: 40px;
  left: 0;
  width: 100%;
  box-shadow: 1px 2px 6px 0px rgba(108, 128, 155, 0.2);
  background: #fff;
  min-height: 91px;
}
.menu ul{
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	padding: 40px 0 0 0;
	}

	.menu ul li{
		display: inline-block;
		margin-right: 64px;
		font-size: 16px;
		}
		.menu ul li a{
			text-decoration: none;
			padding: 20px 0;
			}
			.menu ul li a:hover{
				text-decoration: none;
				color:#b0cd4d;
				}	

.but_download_s{
		vertical-align: top;
		display: inline-block;
		text-decoration: none;
		color:#fff;
    	font-family: 'proxima_nova_rgbold', Arial;
		background: #b0cd4d url('../images/i_download_s.png') no-repeat 18px 11px;
		padding: 15px 23px 15px 63px;
		font-size: 18px;
		margin-top:23px;
		border-radius: 50px;
		}




/* Main 
	-------------------------------*/

.header{
	background: #5890bb url('../images/bg_top2.png') no-repeat 50% 0;	height: 621px;
	margin:132px 0 0 0;
	}
	.header h2{
		font-size: 34px;
		text-align: center;
		color: #fff;
		padding:130px 0 0 0;
		line-height: 42px;
		text-shadow: 1px 2px 6px rgba(108, 128, 155, 1);
		}

.with_us{
	text-align: center;
	background: #f0f0f0;
	padding: 25px 0 0 0;
	}
.with_us_but{
	display: inline-block;
	text-decoration: none;
	color:#fff;
	background: #e13131;
	border: 1px solid #fff;
	padding: 9px 33px;
	font-size: 21px;
	font-family: 'proxima_nova_ltlight', Arial;
	border-radius: 50px;
	}
	.with_us_but:hover{
		background: #b72727;
		color: #fff;
		text-decoration: none;
		}

.dr{
	height: 760px;
	text-align: center;
	background: url('https://foto.26-2.ru/contents/images/desktop.png') no-repeat 50% 0;
	}	
	.but_download_big{
		margin-top: 600px;
		display: inline-block;
		text-decoration: none;
		color:#fff;
		font-family: 'proxima_nova_ltlight', Arial;
		background: #e13131 url('../images/i_download.png') no-repeat 40px 24px;
		padding: 35px 73px 35px 110px;
		font-size: 32px;
		border-radius: 50px;
		}
			.but_download_big:hover,
			.but_download_s:hover,
			.but_download_m:hover,
			.but_test_s:hover,
			.but_test_big:hover{
				background-color: #cd4a4c;
				color: #fff;
				text-decoration: none;
				}
			.but_download_big:hover{
				background-color: #b72727;
				}


.about_competition{
	text-align: center;
	margin: 0 auto;
	width: 1200px;
}
.about_competition .but_download_big{
	margin-top: 0;
	margin-bottom: 50px;
}
.about_competition h3{
	font-size: 36px;
	color:#000;
	font-weight: normal;
	font-family: 'proxima_nova_ltlight', Arial;
	}			

.rules{
	padding: 60px 0 0 0;
	font-size: 18px;
	line-height: 22px;
	}
	.rules_in{
		vertical-align: top;
		display: inline-block;
		padding: 0 40px 0 40px;
	}

	.winners_txt{
		color:#e13131;
		font-size: 24px;
		font-family: 'proxima_nova_ltlight', Arial;
		line-height: 30px;
		padding: 50px 0 65px 0;
	}

.prizes_block{
	background: #f0f0f0;
	margin-bottom: 50px;
	}
.prizes_top{
	background: #fdbcb4;
	color:#000;
	padding: 12px 0;
	text-align: center;
	font-family: 'proxima_nova_ltlight', Arial;
	width: 100%;
}
.prizes_top h3{
	display: inline-block;
	padding: 20px 50px 20px 50px;
	font-size: 36px;
	font-family: 'proxima_nova_ltlight', Arial;
	font-weight: normal;
	background: url('../images/i_present.png') no-repeat 0 5px;

}
.prizes{
	color:#000;
	text-align: center;
}
.place{
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin: 40px 42px;
}
.place p{
	font-family: 'proxima_nova_ltlight', Arial;
	font-size: 30px;
	padding: 0 0 15px 0;
}
.place img{
	display: block;
	margin-bottom: 10px;
}
.place span{

	font-family: 'proxima_nova_ltlight', Arial;
	font-size: 18px;
	line-height: 22px;
}


.share{
	padding-bottom: 40px;
	text-align: center;
}
.share a{
	margin:0 15px 0 15px;
}
.share h4{
		font-size: 24px;
		font-family: 'proxima_nova_ltlight', Arial;
		padding-bottom: 30px;	
}



/* Footer 
	-------------------------*/


	.footer{
		background: url('https://www.26-2.ru/images/posadki/foto_2020/footer_2.png') repeat 50% 0;
		height: 44px;
		width: 100%;
		margin-top:-44px;
	}




/* PAGES 
	----------------------- */


/* People */

.page{
	padding-top:200px;
	max-width: 1200px;
	margin: 0 auto;
	}
	.page h1{
		color: #abcb56;
		padding: 0 0 0 90px;
		margin-bottom: 20px;
		font-size: 36px;
		font-weight: normal;
		font-family: 'proxima_nova_ltlight', Arial;
		background: url('../images/line.png') no-repeat 0 50%;
		}
	.page h2{
		color: #abcb56;
		padding: 0 0 0 90px;
		margin:30px 0 20px -71px;
		font-size: 30px;
		font-weight: normal;
		font-family: 'proxima_nova_ltlight', Arial;
		background: url('../images/line.png') no-repeat 0 50%;
	}

.but_download_m{
		margin-left: 127px;
		vertical-align: top;
		display: inline-block;
		text-decoration: none;
		color:#fff;
		background: #b0cd4d url('../images/i_download_s.png') no-repeat 29px 18px;
		padding: 22px 33px 22px 73px;
		font-size: 22px;
		margin-top:23px;
		border-radius: 50px;
		font-family: 'proxima_nova_ltlight', Arial;
		}


.new_photo,
.all_photo,
.winners{
	width: 950px;
	overflow: hidden;
	margin: 65px auto;
	background: #eef5dd;
	padding:0 0 15px 35px;
	}
	.all_photo,
	.winners{
		background: none;
		}
.user_photo{
	  box-shadow: 1px 2px 6px 0px rgba(108, 128, 155, 0.4);
	}	

.town{
	color: #808080;
	text-align: right;
	font-size: 12px;
	padding-bottom: 3px;
	}
.name{
	font-size: 14px;
   	font-family: 'proxima_nova_rgbold', Arial;
   	padding: 7px 0 7px 5px;
	}
.proff{
	padding: 0 0 7px 5px;
	line-height: 14px;
	}

.photo{
	width:175px;
	display: inline-block;
	margin: 21px;
	}
.vote, .pop-photo .pop-photo-golos-a{
		vertical-align: top;
		display: inline-block;
		text-decoration: none;
		color:#fff;
		background: #8c74b8;
		padding: 11px 25px 8px 25px;
		font-size: 14px;
		margin-top:11px;
		border-radius: 50px;
		text-transform: uppercase;
		}
		.vote:hover, .pop-photo .pop-photo-golos-a:hover{
			background:  #6f569e;
			color: #fff;
			text-decoration: none;
			}

.pop-photo .pop-photo-golos-a{
padding: 21px 35px 18px 35px;
border:0;
}
	




/* Winners
	---------------------*/

.winners{
	padding: 35px 0 0 0;
}
.winners h3{
	font-family: 'proxima_nova_ltlight', Arial;
	font-size: 72px;
	font-weight: normal;
	padding-bottom: 50px;
	}
	.winners .photo{
		margin-left: 100px;
		}
		.winners div{
			display: inline-block;
			vertical-align: top;
			}
		.winners .place{
			margin-top:  -10px;
			padding-top: 50px;
			background:  url('../images/i_present2.png') no-repeat 50% 0;
			}
				
.get{
	font-size: 30px;
	font-family: 'proxima_nova_ltlight', Arial;
	padding: 160px 0 0 10px;
}



/* Rules
	-------------------------- */

.rules{
	padding-left: 80px;

}

ol li {
    padding: 10px 0;
    display: block;
    margin: 0 0 0 50px;
   	font-family: 'proxima_nova_ltlight', Arial;
   	line-height: 24px;
}
ol > li {
    counter-increment: item;
}
ol > li:first-child {
    counter-reset: item;
}
ol > li::before {
    content: counters(item, ".", decimal) ". ";
    font-weight: bold;
}



/*TEST
	----------------------*/

.but_test_s{
		vertical-align: top;
		display: inline-block;
		text-decoration: none;
		color:#fff;
    	font-family: 'proxima_nova_rgbold', Arial;
		background: #b0cd4d;
		padding: 15px 23px 15px 23px;
		font-size: 18px;
		margin-top:23px;
		border-radius: 50px;
		}
	.but_test_big{
		margin-top: 600px;
		display: inline-block;
		text-decoration: none;
		color:#fff;
		font-family: 'proxima_nova_ltlight', Arial;
		background: #b0cd4d;
		padding: 35px 73px 35px 73px;
		font-size: 32px;
		border-radius: 50px;
		}

.dr2{
	height: 760px;
	text-align: center;
	background: url('../images/bg_dr2.png') no-repeat 50% 0;
	}

.new_photo.test{
	font-size: 14px;
	line-height: 18px;
}









form {
    margin-top: 80px;
    text-align: right;
}
form p {
    color: #010101;
    font-family: "MyriadProRegular",arial,sans-serif;
    font-size: 16px;
    font-style: italic;
    padding: 45px 0 16px 125px;
    text-align: left;
}
form img {
    display: block;
    float: left;
    margin-left: 17px;
    margin-top: -61px;
    position: relative;
}
form hr {
    background-color: #f89521;
    border: 0 none;
    height: 1px;
    margin-bottom: 30px;
    margin-top: 6px;
    width: 100%;
}
label {
    color: #010101;
    font-family: "MyriadProRegular",arial,sans-serif;
    font-size: 16px;
    height: 42px;
    margin-right: 21px;
    text-align: right;
}
input {
    border: 1px solid #f89521;
    color: #000;
    font-family: "MyriadProRegular",arial,sans-serif;
    font-size: 19px;
    height: 42px;
    margin-bottom: 38px;
    margin-right: 100px;
    outline: medium none;
    padding: 2px 0 0 10px;
    width: 330px;
}
.btn {
    background: #ef4823 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    font-family: "MyriadProRegular",arial,sans-serif;
    font-size: 19px;
    height: 50px;
    outline: medium none;
    padding: 0;
    text-align: center;
}
.btn:hover {
    background: #ef4823 none repeat scroll 0 0;
}
.file-upload {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(213, 214, 215) 0%, rgb(242, 242, 242) 50%, rgb(213, 214, 215) 100%) repeat scroll 0 0;
    border: 1px solid #bdbec0;
    border-radius: 5px;
    height: 45px;
    margin: 0 178px 0 auto;
    overflow: hidden;
    position: relative;
    width: 200px;
}
.file-upload:hover {
}
.file-upload input[type="file"] {
    display: none;
}
.file-upload label {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.file-upload span {
    line-height: 45px;
}
.overlay {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20;
}
.overlayshow {
    opacity: 1;
    visibility: visible;
}
.pop-form {
    background-color: #f0f0f0;
    border-radius: 5px;
    height: 586px;
    margin: 70px auto;
    padding: 20px;
    position: relative;
    width: 596px;
}
.pop-form h2 {
    color: #333;
    font-family: Tahoma,Arial,sans-serif;
    margin-top: 0;
}
.pop-form .close {
    color: #f2705a;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    right: 30px;
    text-decoration: none;
    top: 20px;
    transition: all 200ms ease 0s;
}
.pop-form .close:hover {
    color: #000;
}
.pop-formp .content {
    max-height: 30%;
    overflow: auto;
}
.pop-photo {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    height: 740px;
    margin: 70px auto;
    padding-top: 23px;
    position: relative;
    text-align: center;
    width: 651px;
}
.pop-photo img {
    display: block;
    height: 570px;
    margin: 0 auto 27px;
    width: 410px;
}
.pop-photo .close {
    color: #f2705a;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    right: 30px;
    text-decoration: none;
    top: 20px;
    transition: all 200ms ease 0s;
}
.pop-photo .close:hover {
    color: #000;
}
.pop-photo-golos-a {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(252, 207, 26) 0%, rgb(252, 229, 143) 100%) repeat scroll 0 0;
    border: 1px solid #fbb041;
    border-radius: 15px;
    color: #231f20;
    display: inline-block;
    font-family: "MyriadProRegular",arial,sans-serif;
    font-size: 17px;
    padding: 20px 41px;
    text-decoration: none;
}
.pop-photo-close {
    height: 48px;
    position: absolute;
    right: 30px;
    top: 10px;
    transition: all 200ms ease 0s;
    width: 48px;
}
.pop-close {
    background-color: #f0f0f0;
    border-radius: 5px;
    height: 290px;
    margin: 70px auto;
    padding-top: 23px;
    position: relative;
    text-align: center;
    width: 597px;
}
.pop-close p {
    color: #231f20;
    font-family: "MyriadProRegular",arial,sans-serif;
    font-size: 29px;
    padding-top: 30px;
    text-align: center;
}
.pop--close .close {
    color: #f2705a;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    right: 30px;
    text-decoration: none;
    top: 20px;
    transition: all 200ms ease 0s;
}
.pop-close .close:hover {
    color: #000;
}
.pop-close hr {
    background-color: #f89521;
    border: 0 none;
    height: 1px;
    margin-bottom: 30px;
    margin-top: 6px;
    width: 504px;
}
.pop-close-a {
    background-color: #ef4823;
    border: 1px solid #fbb041;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-family: "MyriadProRegular",arial,sans-serif;
    font-size: 19px;
    padding: 18px 41px;
    text-decoration: none;
}
.pop-close .close {
    color: #f2705a;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    right: 30px;
    text-decoration: none;
    top: 20px;
    transition: all 200ms ease 0s;
}
.pop-close .close:hover {
    color: #000;
}