@import url(reset.css);
@import url(fonts.css);

button,input[type="submit"],input[type="button"],a:hover{cursor:pointer;}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{display:block;}
a {text-decoration: none;}


aside, nav, footer, header, section, article {display: block;}

.clear{clear:both;}
body{overflow-x: hidden;}

.clearfix:before, .clearfix:after{
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after{clear: both;}


.center
{
	width: 700px;
	margin: 0 auto;
    padding: 0px;
    position: relative;
    
}

.screen-1{
    background: url(../images/bg-1.jpg) no-repeat center top;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 90px;
}

.logo{
    
}

.lang-site{float: right;margin-bottom: 143px;margin-top: -25px;}

.lang-site a{
    color:#5c7c80;
    font-size: 11px;
    font-family: 'MullerMedium';
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
}
.lang-site a:hover{text-decoration: underline;}
.lang-site a.active{color:#fff;}

h1{
    font-family: 'MullerBlack';
    color:#fff;
    font-size: 48px;
    line-height: 1.35;
    text-transform: uppercase;
    margin-bottom: 25px;
}

h1 span{color:#ffc84b;}

.screen-1 p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color:#fff;
    
}

h2{
    font-family: 'MullerBlack';
    color:#fff;
    font-size: 48px;
    line-height: 1.35;
    text-transform: uppercase;
    margin-bottom: 45px;
}

h2 span{color:#ffc84b;}

h2 em{
    font-size: 24px;
    font-family: 'MullerMedium';
    line-height: 1.6;
    display: block;
    margin-top:-3px;
}

h2 img{
	margin: 0 auto;
	width: 65%;
}

.screen-2{
    background: #002226;
    padding-top: 47px;
    padding-bottom: 50px;
}



.screen-2 h2+p{
    font-family: 'MullerBold';
    color:#ffc84b;
    font-size: 14px;
    line-height: 1.35;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.my-slider-1{
    background: #fff;
    border-radius: 3px;
    padding:35px 30px 85px;
}

.my-slider-2{
    background: #002226;
    border-radius: 3px;
    padding:35px 30px 85px;
}


.my-slider-1 div{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color:#080808;
    font-weight: 400;
}

.my-slider-2 div{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color:#fff;
    font-weight: 400;
}

.my-slider-3 div{
    width: 300px;
}

.my-slider-4 div{
    width: 300px;
}



.slick-arrow{
    position: absolute;
    width: 22px;
    height: 20px;
    color:transparent;
    font-size: 2px;
    bottom: 25px;
    left: 27px;
    border:none;
}

.slick-prev{
    background: url(../images/str-r.png) no-repeat left center;
    left: 70px;
}
.slick-next{
    background: url(../images/str-l.png) no-repeat left center;
}

.my-slider-2 .slick-prev{
    background: url(../images/str-r-1.png) no-repeat left center;
    left: 70px;
}
.my-slider-2 .slick-next{
    background: url(../images/str-l-1.png) no-repeat left center;
}

.screen-3{
    background: #00252A;
    padding: 65px 0;    
}

.screen-3 .center{
    background: url(../images/bg-3.jpg) no-repeat 245px -65px;
}

.screen-3-1{
    background: #00252A url(../images/map-mob.jpg) no-repeat center top;
	background-size:cover;
    padding: 35px 0 10px; 
}

.s-3-p{
    color:#234246;
    font-family: 'MullerRegular';
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 140px;
}


.screen-3-1 h2{margin-bottom: 395px;}

.screen-4{
    background: #002226;
    padding: 45px 0 50px;    
}

.screen-4 h2{margin-bottom: 25px;}

.screen-4-item{
    background: #001F22;
    padding: 25px 20px 30px;
    margin-bottom: 15px;
    border-radius: 3px;
    display: inline-block;
    width: 330px;
    vertical-align: top;
    min-height: 215px;
}

.screen-4-item-l{margin-right: 35px;}


.screen-4-item img{margin-bottom: 12px;}

.screen-4-item p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color:#fff;
    font-weight: 400;
}

.screen-4-item p strong{
    font-weight: 700;
    color:#ffc54a;
    display:block;
}

.s-4-p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color:#fff;
    font-weight: 400;
}

.screen-5{
    background: #00252A;
    padding: 50px 0;
}

.screen-5 h2{margin-bottom: 20px;}

.screen-5 img {
    margin: 0 160px 0 0;
    display: inline-block;
    vertical-align: text-bottom;
}

.screen-5 p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    font-weight: 400;
    margin-top: 35px;
    display: inline-block;
    width: 340px;
    vertical-align: top;
}

.screen-6{
    background: #001E21;
    padding: 45px 0;
}

.screen-6 h2{margin-bottom: 20px;}

.screen-6 img {
    margin: 0 auto;
    float: right;
    margin-right: 80px;
}

.screen-6 p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color:#fff;
    font-weight: 400;
    margin-top: 45px;
    margin-bottom: 50px;
    max-width: 325px;
}

.screen-6-1{
    background: #00252A;
    padding: 45px 0;
}

.screen-6-1 img {
    margin: 0 150px 40px 0;
    display: inline-block;
    vertical-align: text-bottom;
}

.screen-6-1 p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color:#fff;
    font-weight: 400;
    margin-top: 45px;
    margin-bottom: 50px;
    display: inline-block;
    width: 340px;
    vertical-align: top;
}



.my-btn{
    display: block;
    width: 100%;
    max-width: 325px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    background:#fff;
    border-radius: 5px;
    color:#080808;
    font-size: 14px;
    font-family: 'MullerBold';
    text-transform: uppercase;
	margin-bottom: 20px;
}

.my-btn-yellow{background:#FFC63B;}

a.btn:hover{opacity:0.7;}

.btn-wrap{text-align: center;}

.btn-wrap .my-btn {
    display: inline-block;
    width: 46%;
    line-height: 50px;
    font-size: 13px;    
    margin: 0 5px 20px;
}


footer{
    background:#001E21;
    padding: 45px 0 58px;
}

footer h2{margin-bottom: 70px;}

footer p{
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 1.5;
    color:#fff;
    font-weight: 400;
    margin-bottom: 45px;
}

footer p strong{
    display:block;
    font-family: 'MullerBold';
    color:#ffc54a;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

footer p.inline-p{
    display:inline-block;
    vertical-align: top;
    width: 325px;
}

footer p.third-p{
    margin-bottom: 72px;
}



footer p.footer-link{margin-bottom: 0;}

footer p a{
    font-size: 14px;
    text-decoration: underline;
	color:#fff;
}

footer p span{
    display:block;
    font-family: 'MullerRegular';
    color:#2f4e52;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 12px;
}

.screen-7{
    background:#00252A;
    background-size: 375px;
    padding-top: 20px;
    padding-bottom: 45px;
}

.screen-7 .center{
    background:#00252A url(../images/persona-game-3.png) no-repeat right 150px;
}

.screen-7 p{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color:#fff;
    font-weight: 400;
    margin-bottom: 65px;
    max-width: 270px;
}

.screen-7 img.img-7-persona{
    position: absolute;
    left: -15px;
    bottom: 55px;
}

.screen-7 .logo{
    margin-bottom: 70px;
}

.screen-8{
    background: #002226;
    
}

.screen-8 .center{
    padding-top: 45px;
    background: #002226 url(../images/persona-game-4.png) no-repeat 250px top;
    padding-bottom: 340px;
}

.screen-8 p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color:#fff;
    font-weight: 400;
}

.screen-9{
    background: #00252A;
    padding-top: 45px;
    padding-bottom: 20px;
}

.screen-8 h2,.screen-9 h2,.screen-10 h2,.screen-11 h2{margin-bottom: 13px;}

.screen-9 p,.screen-10 p,.screen-11 p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color:#fff;
    font-weight: 400;
}

.screen-9 img{
    margin-left: 250px;
    margin-top:-140px;
}

.screen-10{
    background: #002226 url(../images/persona-game-6.png) no-repeat center bottom;
    padding-top: 45px;
    padding-bottom: 190px;
}

.screen-10 img{
    margin-left: 100px;
    margin-top:0px;
}

.screen-11{
    background: #00262A url(../images/persona-game-7.png) no-repeat center bottom;
    padding: 45px 0;
    min-height: 500px;
}



.footer-2{
    background:#002226;
}

.footer-2 h2{margin-bottom: 13px;}

.footer-2 p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color:#fff;
    font-weight: 400;
    margin:0;
}

form{padding-top: 20px;}

.footer-2 form p{
    color:#3d6a70;
    font-size: 14px;
    font-family: 'MullerBold';
    text-transform: uppercase;
    margin-bottom: 10px;
}

input[type="text"]{
    display:block;
    width: 100%;
    height: 60px;
    padding:0 25px;
    color:#757575;
    font-size: 14px;
    font-family: 'MullerBold';
    text-transform: uppercase;
    margin-bottom: 15px;
    border-radius: 3px;
    border:none;
}

input[type="text"]::-webkit-input-placeholder {color:#d5d5d5;}
input[type="text"]::-moz-placeholder {color:#d5d5d5;}
input[type="text"]:-moz-placeholder {color:#d5d5d5;}
input[type="text"]:-ms-input-placeholder {color:#d5d5d5;}



#vacancy-form1 {
    font-family: "Muller Bold";
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
    max-width: 450px;
}

#vacancy-form1 .input-wrapper{margin-bottom: 0;}
#vacancy-form1 .vacancy-form-submit{   
    margin-top: 20px;
}



/* global*/
.g-hidden { display: none; }
.g-line { zoom: 1; }
.g-line:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 


/* modal */
.b-modal { position: relative; margin:0 auto; max-width:800px; width:100%;z-index:990; padding: 0px; box-sizing: border-box; border-radius: 15px;}
.b-modal_close { background:url(../img/modal_close.png) no-repeat top center; color:#fff;font-family: 'MullerBold'; font-size: 22px;width:18px; height:18px; cursor:pointer; z-index:400; position:absolute; top:0; right:0;}
.b-modal_close:hover{ background-position:center bottom;}

.b-modal iframe{
    height: 450px;
}

.b-modal-item { max-width:100%;}

.b-modal-item .current-wrapper {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 0;
    font-family: 'Roboto', sans-serif;
}

.b-modal-item .b-modal_close { color:#000;font-family: 'MullerBold'; font-size: 22px;top: 10px; right: 10px;}

.b-modal-item .vacancy-list {
    margin: 2% 5%;
    width: auto;
}

.b-modal-item h2{
    color:#000;
    margin: 0 5% 0;
    font-size: 36px;
}

.b-modal-item .arcticmodal-container_i2 {
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: middle;
}

.b-modal-item .my-btn-yellow{margin: 5% 5%;max-width: 300px;}

/* modal */
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 11000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; width:100%; }
.arcticmodal-container_i2 { padding: 0px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; -moz-border-radius: 10px;  -webkit-border-radius: 10px;  -khtml-border-radius: 10px;  border-radius: 10px; background: #000; color: #fff; } 


.thanks-close{
    color: #000;
    top: 10px;
    right: 10px;
}

.thanks-wrap{
    background: #fff;
    padding: 40px;
    border-radius: 8px;
}

.thanks-wrap h2{
    color: #000;
    font-size: 24px;
    margin: 0;
    text-align: center;
}


.screen-text{
    background:#0C2A2E;
    
}

.screen-text h2{
    font-family: 'MullerBlack';
    color:#fff;
    font-size: 36px;
    line-height: 1.35;
    text-transform: uppercase;
    margin-bottom: 45px;
}

.screen-text h3{
    font-family: 'MullerBlack';
    color:#fff;
    font-size: 28px;
    line-height: 1.35;
    text-transform: uppercase;
    margin: 25px 0;
}

.screen-text p{
    color:#fff;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 18px;
}

.screen-text p a{ 
    color:#fff;
    text-decoration: underline;
}
.screen-text p a:hover{text-decoration: none;}
/* body.screen-text{min-width: 700px;    overflow-x: scroll;} */



@media screen and (max-width:720px) {
.center
{
	width: 320px;
}

.lang-site{margin-bottom: 170px;}

.lang-site a{
    color:#5c7c80;
    font-size: 11px;
    font-family: 'MullerMedium';
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
}
.lang-site a:hover{text-decoration: underline;}
.lang-site a.active{color:#fff;}

h1{
    font-size: 32px;
    margin-bottom: 16px;
}

h2{font-size: 32px;}

.my-slider-1{padding:20px 25px 65px;}
.my-slider-2{padding:20px 25px 65px;}


.my-slider-1 div{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color:#080808;
    font-weight: 400;
}

.my-slider-2 div{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color:#fff;
    font-weight: 400;
}

.screen-3{
    background: #00252A url(../images/bg-3.jpg) no-repeat center top;
}

.screen-3 .center{background:none;}

.screen-3-1{
    background: #00252A url(../images/map-mob.jpg) no-repeat center top;
	background-size:cover;
    padding: 35px 0 10px; 
}

h2 em{font-size: 20px;}


.screen-4-item{
    margin-right:0;
}

.screen-4-item img{margin-bottom: 12px;}

.screen-4-item p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color:#fff;
    font-weight: 400;
}

.screen-4-item p strong{
    font-weight: 700;
    color:#ffc54a;
    display:block;
}

.s-4-p{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color:#fff;
    font-weight: 400;
}

.screen-5{
    background: #00252A;
    padding-top: 40px;
    padding-bottom: 52px;
}

.screen-5 h2 {
    margin-bottom: 45px;
}

.screen-5 img{
    margin: 0 auto;
    display:block;
}

.screen-5 p{
    font-size: 14px;
    display:block;
}
.screen-5 p br{display:none;}

.screen-6{
    background: #001E21;
    padding: 45px 0;
}

.screen-6 h2{margin-bottom: 8px;}

.screen-6 img{
    margin: 0 auto;
    float: none;
}

.screen-6 p{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color:#fff;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 30px;
}

.screen-6-1 img {
    margin: 0 auto;
    display: block;
}

.screen-6-1 p {
    font-size: 14px;    
    margin-top: 25px;
    margin-bottom: 30px;
    display: block;
    width: 100%;
}
.screen-6-1 p br{display:none;}

.my-btn{
    display: block;
    width: 100%;
    height: 55px;
    text-align: center;
    line-height: 55px;
    background:#fff;
    border-radius: 5px;
    color:#080808;
    font-size: 14px;
    font-family: 'MullerBold';
    text-transform: uppercase;
	margin-bottom: 20px;
}

.my-btn-yellow{background:#FFC63B;}

a.btn:hover{opacity:0.7;}

footer h2 {
    margin-bottom: 45px;
}


footer p.footer-link{margin-bottom: 0;}

footer p a{
    font-size: 14px;
    text-decoration: underline;
	color:#fff;
}

footer p span{
    font-size: 10px;
}

footer p.inline-p {
    display: block;
    width: 100%;
}
.screen-7 {
    background: #00252A url(../images/persona-game-3.png) no-repeat center 322px;
    
    padding-bottom: 20px;
}

.screen-7 .center {background: none;}

.screen-7 p{
    font-size: 14px;
    margin-bottom: 315px;
}


.screen-7 .logo{margin-bottom: 40px;}



.screen-8{
    background: #002226 url(../images/persona-game-4.png) no-repeat center bottom;
    padding-top: 45px;
    padding-bottom: 50px;
}

.screen-8 .center{
    padding-bottom: 340px;
    background: none;
}

.screen-8 p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color:#fff;
    font-weight: 400;
}

.screen-9{
    background: #00252A;
    padding-top: 45px;
    padding-bottom: 20px;
}

.screen-8 h2,.screen-9 h2,.screen-10 h2,.screen-11 h2{margin-bottom: 13px;}

.screen-9 p,.screen-10 p,.screen-11 p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color:#fff;
    font-weight: 400;
}

.screen-9 img{
    margin-left: 100px;
    margin-top:-20px;
}

.screen-10{
    background: #002226 url(../images/persona-game-6.png) no-repeat center bottom;
    padding-bottom: 340px;
}

.screen-11{
    background: #00262A url(../images/persona-game-7.png) no-repeat center bottomtop;
    padding: 45px 0;
    min-height: 558px;
}



.footer-2{
    background:#002226;
}

.footer-2 h2{margin-bottom: 13px;}

.footer-2 p{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color:#fff;
    font-weight: 400;
    margin:0;
}

form{padding-top: 20px;}

.footer-2 form p{
    color:#3d6a70;
    font-size: 14px;
    font-family: 'MullerBold';
    text-transform: uppercase;
    margin-bottom: 10px;
}

input[type="text"]{
    display:block;
    width: 100%;
    height: 60px;
    padding:0 25px;
    color:#757575;
    font-size: 14px;
    font-family: 'MullerBold';
    text-transform: uppercase;
    margin-bottom: 15px;
    border-radius: 3px;
    border:none;
}

input[type="text"]::-webkit-input-placeholder {color:#d5d5d5;}
input[type="text"]::-moz-placeholder {color:#d5d5d5;}
input[type="text"]:-moz-placeholder {color:#d5d5d5;}
input[type="text"]:-ms-input-placeholder {color:#d5d5d5;}

input[type="submit"]{
    display:block;
    background:#FFC63B;
    width: 100%;
    height: 60px;
    color:#080808;
    font-size: 14px;
    font-family: 'MullerBold';
    text-transform: uppercase;
    margin-bottom: 15px;
    border:none;
    border-radius: 3px;
    margin-top: 30px;
    margin-bottom: 25px;
}




.btn-wrap{
    text-align: center;
}

.btn-wrap .my-btn {
    display: inline-block;
    width: 46%;
    height: 50px;
    line-height: 50px;
    font-size: 13px;    
    margin: 0 5px 20px;
}

.b-modal-item h2 {
    color: #000;
    margin: 0 5% 0;
    font-size: 24px;
}


.thanks-wrap{padding: 20px;}

.thanks-wrap h2{font-size: 20px;}
.b-modal iframe{height: 170px;width: 300px;}
.b-modal{
    max-width: 300px;
}



}


.my-menu a{
    color:#fff;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 18px;

}

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