@charset "utf-8";
/* CSS Document */

/* Typography */
h1, h2, h3, h4, h5, h6 {padding-bottom:0.1em;}
h1 {font-size:36px; color:#05395c; font-weight:normal;}
h2 {font-size:20px; color:#415c6c; font-weight:normal;}
h3 {font-size:18px; color:#1a7bb6; font-weight:normal;}
h4 {font-size:16px; color:#9bc7d3;}
h5 {font-size:13px; color:#415c6c;}
h6 {font-size:10px; color:#477a0b;}
p{padding:0 0 10px 0; line-height:1.2em;}
a{color:#ff3a1a; text-decoration:underline; outline:none;}
a:hover{color:#fff; text-decoration:none; outline:none;}
a:focus{outline:none;}
ul, ol {padding-left:20px; padding-bottom:1em;}
ul li{list-style:none;  padding:10px 0 0 10px;}
ol li {list-style-type:decimal; padding:10px 0 0 0;}
strong{font-weight:normal;}

table{width:100%; border:1px solid #dadcdc; margin:20px 0;}
table th{text-align:left; font-size:13px; background:#e9f3f6; padding:7px 7px 7px 15px;}
table td{text-align:left; font-size:12px; padding:7px 7px 7px 15px; border:1px dotted #e9f3f6;}
textarea{resize:none;}
/* for float */
.clear {clear:both;}
.clearfix:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden;}
.clearfix {display:inline-block;}
html{height:100%; width:100%; min-width:965px; min-height:680px;}

html[xmlns] .clearfix {display: block;}
* html .clearfix {height:1%;}
.hidden {display:none;}

@font-face {
	font-family: 'Conv_CORESANSG-BLACK';
	src: url('../fonts/CORESANSG-BLACK.eot');
	src: local('☺'), url('../fonts/CORESANSG-BLACK.woff') format('woff'), url('../fonts/CORESANSG-BLACK.ttf') format('truetype'), url('../fonts/CORESANSG-BLACK.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {font-size:1em; color:#fff; height:100%; width:100%; min-height: 1100px; font-family: "Myriad Pro", Helvetica, Arial, sans-serif; background: url(../images/main-bg.jpg) #000 center top  no-repeat;}
#container{position: relative;}
.offer-box { position: relative; width: 550px; margin: 0 auto; padding: 400px 0 200px 0; }
.special-info { position: absolute; top: 0; right: 0;}
.arrow-spins { position: absolute; top: 65px; right: -210px; width: 344px; height: 295px; display: block; }
.arrow-spins-en {
	background-image: url(../images/arrow-en.png); 
	background-repeat: no-repeat;
	background-position: 0 0;
	animation:fade 1s infinite steps(1);
	-webkit-animation:fade 1s infinite steps(1);
}
@-webkit-keyframes fade{0%{background-position: 0 0;} 50%{background-position: 0 -310px;}}
@keyframes fade{0%{background-position: 0 0;} 50%{background-position: 0 -310px;}}

.arrow-spins-ru {
	background-image: url(../images/arrow-ru.png); 
	background-repeat: no-repeat;
	background-position: 0 0;
	animation:fade2 1s infinite steps(1);
	-webkit-animation:fade2 1s infinite steps(1);
}
.arrow-spins-pt {
	background-image: url(../images/arrow-pt.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	animation:fade2 1s infinite steps(1);
	-webkit-animation:fade2 1s infinite steps(1);
}
.arrow-spins-fr {
	background-image: url(../images/arrow-Fr.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	animation:fade2 1s infinite steps(1);
	-webkit-animation:fade2 1s infinite steps(1);
}
@-webkit-keyframes fade2{0%{background-position: 0 0;} 50%{background-position: 0 -308px;}}
@keyframes fade2{0%{background-position: 0 0;} 50%{background-position: 0 -308px;}}

.short-offer {display: block; margin: 0 auto;}
.short-offer-ru { padding: 10px 0 0 0;}
.offer-box p { margin: 10px 0; padding: 0;}
.offer-decription { font-size: 23px; font-weight: bold; line-height: 36px; text-transform: uppercase; text-align: center; font-family: 'Conv_CORESANSG-BLACK';}
.play-btn { width: 370px; height: 111px; margin: 0 auto; display: block;}
.footer-info { text-align: center; font-size: 11px; color: #626262; text-transform: uppercase; font-weight: bold;}