@import 'reset.css';
@import 'core.css';
@import 'fonts.css';

body {
	font-family: 'DinTextPro', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: white;
}

/* text styles */
.h1 {
    font-size: 44px;
    font-weight: 900;
    line-height: 1;
}

h2, .h2 {
    font-size: 46px;
    font-weight: 900;
    line-height: 1;
    padding-bottom: 20px;
}

h3, .h3 { font-size: 20px; }

p { padding: 8px 0; }

a { 
	color: white; 
	text-decoration: none;
}

/* one-style classes */

.bigger-font { font-size: 16px; }
.smaller-font { font-size: 12px; }
.tiny-font { font-size: 8px; }

.special-font { font-family: 'AzoftSans', Helvetica, Arial, sans-serif; }

.gray-text { color: #999999; }

/* header */
header {
	background-color: rgba(0, 0, 0, 0.7);
	padding: 26px 3%;
}

.header-menu a:hover { text-decoration: underline; }

.first-bg {
	background: #000000 url(../img/first-bg.jpg) no-repeat 50% 50% fixed;
	background-size: auto 100%;
}
.second-bg {
	background: #000000 url(../img/second-bg.jpg) no-repeat 50% 50% fixed;
	background-size: auto 100%;
}

/* main-part */

.index-main { padding: 20px 3% 0 3%; }

.info-main { padding: 40px 3% 40px; }

.main-text-block {
	background-color: rgba(0, 0, 0, 0.7);
 -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
		 border-radius: 6px;
}
.main-text-block ol { padding: 8px 34px; }
.main-text-block li { padding: 12px 0; }

.white-border {
	border: 1px solid white;
	padding: 4px 10px 0;
	margin: 10px 6px 10px 0;
 -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
		 border-radius: 3px;
}

.equal-sign {
	margin: 10px 6px 10px 0;
	line-height: 40px;
	font-size: 20px;
}

.social-links { text-align: center; }

.social-links a, .link-to-slider {
	background: url(../img/icons.png) no-repeat;
	border: 1px solid white;
 -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
		 border-radius: 50%;
}

.link-to-slider {
	left: 48%;
	margin-left: -10px;
	background-position: -165px -2px;
	width: 32px;
	height: 32px;
}

.social-links a {
	width: 40px;
	height: 40px;
}
a.soc-link-1 { background-position: -36px 3px; }
a.soc-link-2 { background-position: -77px 2px; }
a.soc-link-3 { background-position: -119px 2px; }
a.soc-link-4 { background-position: -1px 2px; }

/* slider */

.slider-paginator li { 
	background-color: #FFFFFF;
	margin: 20px 7px 0 7px;
	border-radius: 50%;
	height: 10px;
	width: 10px;
}
.slider-paginator li.active {
	background-color: transparent;
	margin-bottom: -1px;
	border: 1px solid #FFFFFF;
}

.slider-arrow-right, .slider-arrow-left {
	z-index: 2;
	top: 31%;
	width: 24px;
	height: 44px;
	background: url(../img/icons.png) no-repeat;
}
.slider-arrow-right { 
	right: -40px; 
	background-position: -15px -44px;
}
.slider-arrow-left { 
	left: -40px; 
	background-position: -75px -44px;
}

.prizes-slider-cover, .prizes-slider-list { 
	height: 480px; 
	width: 310px;
}

.prizes-slider-list {
	top: 0;
	left: -310px;
}
.prizes-slider-list li {
	top: 0;
	width: 310px;
}
.prizes-slider-list .r {
	background: white;
	height: 310px;
	width: 310px;
 -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
		 border-radius: 50%;
}
.prizes-slider-list .h1 { padding-top: 110px; }
.prizes-slider-list li:last-child .h1 { padding-top: 40px; }

/* media */
@media screen and (min-width: 640px) {
	.social-links {
		text-align: right;
		float: right;
	}
	.social-links a { margin: -14px 0 -14px 12px; }
}
@media screen and (min-width: 660px) {
	nav { margin: 0 21%; }

	.logo { width: 21%; }

	.index-main > div:first-child { float: right; }

	.index-main { padding: 20px 3% 0 14%; }

	.main-text-block { margin-right: 30%; }

	.link-to-slider { left: 74%; }
}
@media only screen and (min-width: 830px) {
	.h1 { font-size: 84px; }
}
@media screen and (min-width: 860px) {
	.header-menu a { padding: 0 26px; }
}
@media screen and (min-width: 900px) {
	.info-main { 
		width: 900px;
		margin: 0 auto;
		padding: 140px 0 40px;
	}

	.prizes-slider-list { left: -900px; }
	.prizes-slider-list li {
		left: 450px;
		width: 900px;
		margin: 0 auto;
	}

	.prizes-slider-cover, .prizes-slider-list { 
		height: 400px; 
		width: 900px;
	}

	.prizes-slider-list .r {
		height: 360px;
		width: 360px;
	}

	.prizes-slider-list li > div:last-child { width: 60%; }

	.slider-paginator li { margin-top: 80px; }
}