@charset "utf-8";

@import url('common.css');
@import url('header.css');
@import url('first-section.css');
@import url('second-section.css');
@import url('medias.css');

@font-face {
	font-family: "alk_tommaso";
	src: url(../assets/fonts/alk_tommaso.otf);
}
@font-face {
	font-family: "bpg-arial-caps-webfont";
	src: url(../assets/fonts/bpg-arial-caps-webfont.ttf);
}
@font-face {
	font-family: "bpg-arial-webfont";
	src: url(../assets/fonts/bpg-arial-webfont.ttf);
}
@font-face {
	font-family: "MyriadPro-Regular";
	src: url(../assets/fonts/MyriadPro-Regular.otf);
}
@font-face {
	font-family: "!BPGGEL";
	src: url(../assets/fonts/!BPGGEL.ttf);
}
html,body{
    position: relative;
    margin: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: transparent;
    -ms-tap-highlight-color: rgba(0,0,0,0);
    -ms-tap-highlight-color: transparent;
    -o-tap-highlight-color: rgba(0,0,0,0);
    -o-tap-highlight-color: transparent;
    tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: transparent;
}
body{
    background-color: #010912;
    overflow-x: hidden;
    font-family: "bpg-arial-caps-webfont";
    color: #fff;
    background-color: #46507b;
}
.ru * {
    font-family: "MyriadPro-Regular" !important;
}
div{
    box-sizing: border-box;
}
a{
    color: inherit;
    text-decoration: none;
}
a:hover,
a:focus{
    text-decoration: none;
    color: inherit;
}


/*======= First =======*/
#first{
    position: relative;
    width: 100%;
    /* overflow: hidden; */
    background: url('../assets/img/first_main_bg.png') top no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}
.effects-left{
    position: absolute;
    top: 55vh;
    left: 7vw;
    z-index: 5;
}
.effects-right{
    position: absolute;
    top: 80vh;
    right: 5vw;
    z-index: 5;
}
.first-header-img{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}
.first-footer-img{
    position: absolute;
    width: 100%;
    bottom: -5vw;
    left: 0;
    z-index: 3;
}
.first-stars-bg{
    position: absolute;
    width: 100%;    
    height: calc(100% - 55vw);
    margin-top: 15vw;
    background: url('../assets/img/first_stars_bg.png') top left repeat;
    background-size: 95% auto;
    z-index: 2;
}
.section-content{
    position: relative;
    z-index: 4;
}

/*======= Second =======*/
#second{
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #ccc;
    z-index: 0;
}
.second-clouds-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../assets/img/second_clouds_bg.png') top repeat;
    background-size: 100% auto;
    z-index: 1;
}
.second-gradient-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f4fc7f url('../assets/img/second_gradient_bg.png') top no-repeat;
    background-size: 100% 100%;
    z-index: 3;
    opacity: .3;
}
.second-footer-img{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 2;
}
#second > .section-content{
    margin-top: 5vw;
}
.space{
    height: 25vh;
}
.space2{
    height: 50vh;
}