.c-baner {
position: relative; 
float: left; 
width: 100%; 
height: 100vh;
overflow:hidden;
z-index:1;
}

.bg {
position:absolute !important; 
left:0px; 
top:0px; 
width:100%; 
height:100%;
}

.bg img{
position:absolute; 
top: 0px; 
width: 100%; 
height: 100%;
}

.bg-bg {
background-position: 50% 0px; 
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover;
}

.center_img{
position: absolute;
}

.swiper-container{
margin:0 auto;
position:relative;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden; 
overflow: hidden;
}

.swiper-wrapper{
position:relative;
width:100%; 
-webkit-transition-property:-webkit-transform,left,top;
-webkit-transition-duration:0s;
-webkit-transform:translate3d(0px,0,0);
-webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform,left,top;
-moz-transition-duration:0s;
-moz-transform:translate3d(0px,0,0);
-moz-transition-timing-function:ease;
-o-transition-property:-o-transform,left,top;
-o-transition-duration:0s;
-o-transform:translate3d(0px,0,0);
-o-transition-timing-function:ease;
-o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;
-ms-transform:translate3d(0px,0,0);
-ms-transition-timing-function:ease;
transition-property:transform,left,top;
transition-duration:0s;
transform:translate3d(0px,0,0);
transition-timing-function:ease;
}

.swiper-free-mode>.swiper-wrapper{
-webkit-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-ms-transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
transition-timing-function:ease-out;
margin:0 auto;
}

.swiper-wp8-horizontal{
-ms-touch-action:pan-y;
}

.swiper-wp8-vertical{
-ms-touch-action:pan-x;
}

.swiper-container{
height:100%; 
width: 100%;
}

.swiper-slide{
position:relative; 
float:left; 
overflow:hidden;
}

#swiper-wrapper {
display:none;
}

.pagination {
position: absolute;
right: 37px; 
text-align: center; 
top: 40%; 
z-index: 5;
}

.swiper-pagination-switch {
border-radius:50%;
border:0px solid #fff;
cursor: pointer; 
width: 15px;
 height: 15px; 
 background:#fff; 
 overflow: hidden; 
 position: relative;  
 display:block;
 margin: 20px auto; 
 transition: all 0.3s ease-in;
 -webkit-transition: all 0.3s ease-in;
 -moz-transition: all 0.3s ease-in;
 -o-transition: all 0.3s ease-in;
 -ms-transition: all 0.3s ease-in;
 } 
 
.swiper-pagination-switch:before {
content: ''; 
width: 15px; 
height: 15px; 
background: #000; 
position: absolute; 
left: 0px; 
top: 0px; 
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%); 
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;
}

.swiper-active-switch.swiper-pagination-switch:before  {
transform: translateX(0%);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
}

.top-baner {
position:absolute !important; 
left:0px; 
top:0px; 
width:100%; 
height:100%;  
overflow:hidden;
z-index:1
}

.top-baner .swiper-container {
padding-top: 0px; 
height: 100vh;
}

.top-baner .swiper-slide {
height: 100vh!important;
}

.main-title {position: absolute
;padding:10px; 
top: 40%; 
overflow: hidden;  
left: 10%; 
z-index: 5000;
color:#000 !important;
}

.main-title h1 {
padding:20px;
font-weight:900;
letter-spacing:5px;
z-index: 8; 
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
}

.header-white{
float:left;
width: 100%;
position: relative;
min-height: 100px;
background:transparent !important ;
transition: all ease 700ms;
 -moz-transition: all ease 700ms;
-webkit-transition: all ease 700ms;
-ms-transition: all ease 700ms;
-o-transition: all ease 700ms;
z-index:999;
border-bottom:0px solid #eee;
}

#navigation-white ul.menu li a:hover {
color:#000 !important;
}

#main ,.ft{
display:none !important;
}

#mixitup-portfolio,#parallax,#mediafolio,#parallax-skill {
display:none;
}

#block-top,
#block-feature,
#block-beforecontent,
#block-aftercontent,
#block-bottomcontent,
#block-footertop,
#block-footerbottom {
display:none;
}

@media only screen and (min-width: 1281px) and (max-width: 9000px) {

}

@media only screen and (min-width: 981px) and (max-width: 1280px) {

}


@media only screen and (min-width: 721px) and (max-width: 960px) {
.main-title h1 {
font-size:40px !important;
}

}


@media only screen and (min-width: 0px) and (max-width: 720px) {
.main-title h1 {
font-size:30px !important;
}


}