@font-face {
    font-family: 'nokia_sans_s60regular';
    src: url('../fonts/rotonda/rotonda-bold-webfont.eot');
    src: url('../fonts/rotonda/rotonda-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rotonda/rotonda-bold-webfont.woff') format('woff'),
         url('../fonts/rotonda/rotonda-bold-webfont.ttf') format('truetype'),
         url('../fonts/rotonda/rotonda-bold-webfont.svg#nokia_sans_s60regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*--- NORMALIZE ---*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{display:block}
audio, canvas, video{display:inline-block}
audio:not([controls]){display:none; height:0}
[hidden]{display:none}
html{font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
img{border:0;-ms-interpolation-mode:bicubic;}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em}
legend{border:0; padding:0}
button, input, select, textarea{font-family:inherit; font-size:100%; margin:0}
button, input{line-height:normal}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button; cursor:pointer}
button[disabled], input[disabled]{cursor:default}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box}
input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner{border:0; padding:0}
textarea{overflow:auto; vertical-align:top}
table{border-collapse:collapse; border-spacing:0}
body{verflow-x:hidden;font-family:'nokia_sans_s60regular',Sans-Serif;line-height: 1;}

/*--- MAX ADDITIONS TO NORMALIZE ---*/
html, body, .page-wrap { height: 100%; }
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body > .page-wrap {height: auto; min-height: 100%;}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
ol, ul{margin:0; padding:0}
ol li, ul li{margin:0 0 5px 0}
ul, ul ul, ol ul{list-style:none}
input[type="radio"]{cursor:pointer}
label{cursor:pointer}
a{color:#0d72b8}
/*a:hover, a:focus{color:orange}*/
a:active{color:black}
a,a:focus,a:active,a:hover,.submit-btn,.submit-btn:hover{outline:0;text-decoration:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
figure img{width:100%; max-width:100%; height:auto !important;border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;}

/*--- Main page ---*/
html, body, .page-wrap { height: 100%; }
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body > .page-wrap {height: auto; min-height: 100%;}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
ol, ul{margin:0; padding:0}
ol li, ul li{margin:0 0 5px 0}
ul, ul ul, ol ul{list-style:none}
input[type="radio"]{cursor:pointer}
label{cursor:pointer}
a{color:#0d72b8}
/*a:hover, a:focus{color:orange}*/
a:active{color:black}
a,a:focus,a:active,a:hover,.submit-btn,.submit-btn:hover{outline:0;text-decoration:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
figure img{width:100%; max-width:100%; height:auto !important;border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;}

/*--- Main page ---*/
.happy-wrap{min-height:995px; margin:0 auto; background:url(../img/bg.jpg) no-repeat; background-position:450px 0; padding-top:20px; position:relative}
.happy-wrap-inner{width:960px; margin:0 auto; position:relative}
.happy-wrap-inner h1{width:200px; height:120px; position:absolute; top:0; left:0}
.happy-wrap-inner h1 a{display:block; width:200px; height:120px; border:none; background:url(../img/logo.png) left top no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden}
.happy-wrap-inner h1 a:hover, .happy-wrap-inner .video:hover, .happy-wrap-inner .investors-link:hover{ -webkit-transform:scale(1.1);      -moz-transform:scale(1.1);       -ms-transform:scale(1.1);        -o-transform:scale(1.1);           transform:scale(1.1)}
.language-nav{position:absolute; right:15px; top:0; width:200px; background-color:#ebebeb; font-size:0; text-align:center; border-radius:20px}
.language-nav a{display:-moz-inline-stack; display:inline-block; vertical-align:top; zoom:1; *display:inline; font-size:13px; color:#000; padding:10px 0; text-align:center; border-radius:20px}
.language-nav a.active, .happy-wrap-inner nav a:hover{background-color:#ef2464; color:#fff}
.language-nav a.active{color:#fff}
.language-nav a.first{width:34%}
.happy-wrap-inner nav a.second, .happy-wrap-inner nav a.third{width:33%}
.happy-wrap-inner .video{display:block; position:absolute; width:235px; height:65px; background:url(../img/video.png) left top no-repeat; top:530px; left:0; border:none; text-indent:100%; white-space:nowrap; overflow:hidden}
.happy-wrap-inner .video-box{position:absolute; width:700px; height:415px; left:50%; margin-left:-350px; top:150px; display:none; z-index:50; padding:25px; background:#eee; border:1px solid #ccc; box-shadow:0 0 5px rgba(0,0,0,0.3); border-radius:15px}
.video-inner{position:relative; padding-bottom:56.25%; height:0; overflow:hidden}
.video-inner iframe,  
.video-inner object,  
.video-inner embed{position:absolute; top:0; left:0; width:100%; height:100%}
span.close-video,span.close-greet{display:block; position:absolute; top:0; right:0; cursor:pointer; width:30px; height:30px; background:url(../img/close-btn.png) left top no-repeat}
section.text{position:absolute; top:200px; width:510px; overflow:hidden}
.text h2{font-size:34px; color:#000; font-weight:700}
.text ul{margin-top:30px}
.text ul li{font-family: Georgia;font-size:18px; color:#000; background:url(../img/ul-bullet.png) no-repeat; background-position:0 3px; padding-left:27px; margin-bottom:20px;line-height: 1.2;}
.investors-link{position:absolute;font-size:28px;left:0px;top:630px;display:block;width:235px; height:65px; background:url(../img/investors-btn.png) left top no-repeat; border:none; text-indent:100%; white-space:nowrap; overflow:hidden}
.contact-form{position:absolute; width:370px; height:349px; padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#389908; background-color:rgba(56,153,8,0.95); top:230px; left:575px; border-radius:20px}
.contact-form p{color:#fff; font-size:28px; font-weight:700;letter-spacing: 1px;font-family: Arial;}
.input-email, .input-name{border:0; background-color:#fff; height:40px; width:290px; padding:5px 0 5px 15px; outline:none; border-radius:10px; color:#999; font-size:18px}
.input-email:focus, .input-name:focus{box-shadow:0 1px 2px rgba(0,0,0,0.3) inset}
.form-ul{margin-top:25px}
.form-ul li{margin-bottom:20px}
.submit-btn{border:0; width:290px; height:60px; background:url(../img/btn.png) left top no-repeat; border-radius:10px; font-size:22px; color:#fff; margin-top:8px; font-weight:700;letter-spacing: 1px;}
.submit-btn:hover{color:#f67aa1}
.happy-wrap-inner footer{position:absolute; top:870px; width:100%}
.happy-wrap-inner footer div.left{float:left; width:400px; text-align:left; font-size:15px; font-weight:700}
.happy-wrap-inner footer div.right{float:right; width:400px; text-align:right; font-size:15px; margin-right:20px; font-weight:700}
.greetBlock{display:none; width:400px; height:145px;z-index:40; padding:25px; background:#eee; border:1px solid #ccc; box-shadow:0 0 5px rgba(0,0,0,0.3); border-radius:15px;font-size: 20px;line-height: 30px;font-family: sans-serif;box-shadow: 0 0 100px 20px rgba(0,0,0,1);}



@media screen and (min-width:1230px) {
.happy-wrap-inner{width:1190px;}	
.contact-form{left:690px;}
}
@media screen and (min-width:1300px) {
.happy-wrap{background-position:470px 0;}
}
@media screen and (min-width:1600px) {
.happy-wrap{background-position:590px 0;}
}
@media screen and (min-width:1800px) {
.happy-wrap{background-position:765px 0;}
}