*,*:after,*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	margin: 0;
	background: #000;
}
.ck_wrapper_outer {
	height: 100vh;
	overflow: hidden;
	perspective: 10px;
}
.ck_wrapper {
	height: 100%;
	overflow-x: hidden;


}
.ck_parallax_section {
	min-height: 20vh;
	padding: 0px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.ck_parallax_bg {
	height: 100vh; 
	overflow: hidden; 
	width: 100%; 
	position: fixed; 
	z-index: -999; 
  background: url("../assets/images/mainfon.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
	background-position: 100% 50% ;
	right: 0px;
}


@media (max-width: 992px) {
.ck_parallax_bg {
	height: 100vh; 
	overflow: hidden; 
	width: 100%; 
	position: fixed; 
	z-index: -999; 
	background: url("../assets/images/mainfon.jpg");
    background-repeat: no-repeat;

    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
	background-position: 75% 50% ;
}
}

.position-md-absolute {
	position: absolute;
}
@media (max-width: 767px) {
.ck_parallax_bg {
	height: 100vh; 
	overflow: hidden; 
	width: 100%; 
	position: fixed; 
	z-index: -999; 
	background: url("../assets/images/fonmobile.jpg");
    background-repeat: no-repeat;

    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
	background-position: 50% 50% ;
}
.position-md-absolute {
	position: relative;
}	
}




.ck_parallax_section h2{
	margin: 0;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	text-align: center;
	text-transform: uppercase;
	font-weight: 400; font-family: 'SV-Roman'; font-size: calc(24px + 16 * (100vw / 1400)); 
}


.bg-01 {
width: 90%; 
height: 100%;
position: absolute; 
background: url(../assets/images/1.png);
    background-repeat: no-repeat;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
	background-position: 50% 50% ;

}

.bg-02 {
width: 90%; 
height: 100%;
	position: absolute; 
background: url(../assets/images/2.png);
    background-repeat: no-repeat;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
	background-position: 50% 50% ;
}

.bg-03 {
width: 90%; 
height: 100%;
	position: absolute; 
background: url(../assets/images/3.png);
    background-repeat: no-repeat;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
	background-position: 50% 50% ;
}



.bg-trans-blue {
	background: rgba(10, 30, 70, 0.7);
}

.bg-gray { background: #ebe7e6;}
.bg-gray2 { background: #DbD7D6;}
.t-shad {text-shadow: 2px 2px 2px rgba(0,0,0,0.4);}
.text-gray2 {color: #DbD7D6;}