.main-slider {
position: relative;
display: block;
background: #ffffff;
z-index: 10;
}
.main-slider.style1 {}
.main-slider .slide {
position: relative;
display: block;
overflow: hidden;
padding: 220px 0px 160px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.main-slider .slide .image-layer{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
-webkit-transform: scale(1);
-ms-transform:scale(1);
transform:scale (1);
transition: all .8s ease-in-out .4s;
z-index: 1;
}
.main-slider .slide .image-layer:before{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
z-index: -1;
}
.main-slider .active .slide .image-layer{
-webkit-transform:scale(1.0);
-ms-transform:scale(1.0);
transform:scale(1.0);
}
.main-slider .content{
position:relative;
z-index:11;
}
.main-slider.style1 .slide {
padding: 186px 0px 560px;
}
.main-slider.style1 .slide .image-layer:before{
background-color: rgba(0, 0, 0, 0.70);
}
.main-slider.style1 .slide .image-layer{
filter: grayscale(1);
}
.main-slider.style1 .content{
position: relative;
display: block;
width: 100%;
z-index: 10;
}
.main-slider .auto-container{
position: relative;
overflow: hidden;
}
.main-slider .content .big-title{
position: relative;
display: block;
overflow: hidden;
margin-top: 10px;
opacity: 0;
transform: scaleX(0);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider .active .content .big-title{
opacity: 1;
transform: scaleX(1);
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-ms-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;   
}
.main-slider .content .big-title h2{
color: #ffffff;
font-size: 55px;
line-height: 1.25em;
font-weight: 700;
text-transform: uppercase;
}
.main-slider .content .btns-box{
position: relative; 
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding-top: 56px;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
transform: perspective(400px) rotateY(0deg) translateY(80px);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition: all 1500ms ease;
-moz-transition: all 1500ms ease;
-ms-transition: all 1500ms ease;
-o-transition: all 1500ms ease;
transition: all 1500ms ease;
}
.main-slider .content .btns-box a{
padding-left: 21px;
padding-right: 21px;
}
.main-slider .active .content .btns-box{
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
transform: perspective(400px) rotateY(0deg) translateY(0px);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms; 
}
.main-slider .content .btns-box .left{
position: relative;
display: block;
margin-right: 10px;
}
.main-slider .content .btns-box .right{
position: relative;
display: block;
margin-left: 10px;
}
.main-slider .owl-theme .owl-nav {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
transform-origin: bottom;
transform-style: preserve-3d;
line-height: 0;
opacity: 0;
transform: scale(1.0) translateY(-30px);
}
.main-slider:hover .owl-theme .owl-nav{
opacity: 1;
}
.main-slider .owl-theme .owl-prev span, 
.main-slider .owl-theme .owl-next span{
display: block;
}
.main-slider .owl-theme .owl-nav .owl-prev {
position: absolute;
left: 50px;
top: 0;
background: transparent;
border: 2px solid rgba(255, 255, 255, 0.30);
height: 60px;
width: 60px;
border-radius: 50%;
text-align: center;
color: rgba(255, 255, 255, 0.20);
font-size: 25px;
line-height: 56px;
font-weight: 400;
opacity: 1;
margin: 0;
padding: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-slider .owl-theme .owl-prev span:before {
}
.main-slider .owl-theme .owl-nav .owl-next {
position: absolute;
right: 50px;
top: 0;
transform: rotate(0deg);
background: transparent;
border: 2px solid rgba(255, 255, 255, 0.30);
height: 60px;
width: 60px;
border-radius: 50%;
text-align: center;
color: rgba(255, 255, 255, 0.20);
font-size: 25px;
line-height: 56px;
font-weight: 400;
opacity: 1;
margin: 0;
padding: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-slider .owl-theme .owl-next span:before{
}
.banner-carousel .owl-dots {
display: none;
}
.main-slider.style1 .banner-carousel.owl-carousel .owl-dots{
display: none;
}
.main-slider.style1 .owl-theme .owl-nav{
top: 32%;
} .main-slider.style2 {
padding-bottom: 0;
}
.main-slider.style2 .slide {
padding: 380px 0px 230px;
}
.main-slider.style2 .slide .image-layer:before{
opacity: 0.80;
}
.main-slider.style2 .auto-container {
max-width: 1580px;
}
.main-slider.style2 .content .big-title{
margin-top: 0;
}
.main-slider.style2 .content .big-title h2 {
font-size: 75px;
}
.main-slider.style2 .content h3{
position: relative;
display: block;
overflow: hidden;
color: #ffffff;
font-size: 18px;
line-height: 1.3em;
font-weight: 400;
text-transform: none;
margin-top: 26px;
opacity: 0;
-webkit-transform: perspective(400px) rotateX(0deg) translateY(80px);
-ms-transform: perspective(400px) rotateX(0deg) translateY(80px);
transform: perspective(400px) rotateX(0deg) translateY(80px);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
font-family: 'Open Sans', sans-serif;
}
.main-slider.style2 .active .content h3{
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateX(0deg) translateY(0px);
transform: perspective(400px) rotateX(0deg) translateY(0px);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;     
}
.main-slider.style2 .content .btns-box{
position: relative; 
display: flex;
align-items: center;
justify-content: left;
padding-top: 65px;
}
.main-slider.style2 .content .btns-box a{
padding-left: 25px;
padding-right: 25px;
}
.main-slider.style2 .content .btns-box .right{
position: relative;
display: block;
}
.main-slider.style2 .owl-theme .owl-nav{
top: 55%;
}
.main-slider.style2 .owl-theme .owl-nav .owl-prev {
left: auto;
right: 120px;
} .main-slider.style3 .slide {
padding: 216px 0px 220px;
}
.main-slider.style3 .slide .image-layer:before{
background: #11161e;
opacity: 0.80;
}
.main-slider.style3 .slide .sub-title{
position: relative;
display: block;
overflow: hidden;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;    
}
.main-slider.style3 .active .slide .sub-title{
opacity: 1;
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;   
}
.main-slider.style3 .slide .sub-title h4{
font-size: 16px;
line-height: 20px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.62em;
}
.main-slider.style3 .content .big-title{
margin-top: 15px;
}
.main-slider.style3 .content .big-title h2{
font-size: 75px;
line-height: 1.25em;
}
.main-slider.style3 .content h3{
position: relative;
display: block;
overflow: hidden;
color: #ffffff;
font-size: 18px;
line-height: 1.3em;
font-weight: 400;
text-transform: none;
margin-top: 26px;
opacity: 0;
-webkit-transform: perspective(400px) rotateX(0deg) translateY(80px);
-ms-transform: perspective(400px) rotateX(0deg) translateY(80px);
transform: perspective(400px) rotateX(0deg) translateY(80px);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
font-family: 'Open Sans', sans-serif;
}
.main-slider.style3 .active .content h3{
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateX(0deg) translateY(0px);
transform: perspective(400px) rotateX(0deg) translateY(0px);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;     
}
.main-slider.style3 .content .btns-box{
position: relative; 
display: flex;
align-items: center;
justify-content: left;
padding-top: 55px;
}
.main-slider.style3 .content .btns-box a{
padding-left: 25px;
padding-right: 25px;
}
.main-slider.style3 .content .btns-box .right{
position: relative;
display: block;
}
.main-slider.style3 .layer-outer-image1{
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
opacity: 0;
-webkit-transform: perspective(400px) rotateX(0deg) translateX(180px);
-ms-transform: perspective(400px) rotateX(0deg) translateX(180px);
transform: perspective(400px) rotateX(0deg) translateX(180px);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider.style3 .layer-outer-image1 img{
}
.main-slider.style3 .active .layer-outer-image1{
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg) translateX(0px);
-ms-transform: perspective(400px) rotateX(0deg) translateX(0px);
transform: perspective(400px) rotateX(0deg) translateX(0px);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;     
} .main-slider.style4 {
margin-top: 0px;
}
.main-slider.style4 .slide {
padding: 246px 0px 250px;
}
.main-slider.style4 .slide .image-layer:before{
background: #f8f0ec;
opacity: 0.90;
}
.main-slider.style4 .slide .sub-title{
position: relative;
display: block;
overflow: hidden;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;    
}
.main-slider.style4 .active .slide .sub-title{
opacity: 1;
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;   
}
.main-slider.style4 .slide .sub-title h4{
font-size: 16px;
line-height: 20px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.62em;
}
.main-slider.style4 .content .big-title{
margin-top: 15px;
}
.main-slider.style4 .content .big-title h2{
color: #11161e;
font-size: 75px;
line-height: 1.25em;
font-weight: 300;
text-transform: capitalize;
}
.main-slider.style4 .content h3{
position: relative;
display: block;
overflow: hidden;
color: #11161e;
font-size: 18px;
line-height: 1.3em;
font-weight: 400;
text-transform: none;
margin-top: 26px;
opacity: 0;
-webkit-transform: perspective(400px) rotateX(0deg) translateY(80px);
-ms-transform: perspective(400px) rotateX(0deg) translateY(80px);
transform: perspective(400px) rotateX(0deg) translateY(80px);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
font-family: 'Open Sans', sans-serif;
}
.main-slider.style4 .active .content h3{
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateX(0deg) translateY(0px);
transform: perspective(400px) rotateX(0deg) translateY(0px);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;     
}
.main-slider.style4 .content .btns-box{
position: relative; 
display: flex;
align-items: center;
justify-content: left;
padding-top: 55px;
}
.main-slider.style4 .content .btns-box a{
padding-left: 25px;
padding-right: 25px;
}
.main-slider.style4 .content .btns-box .right{
position: relative;
display: block;
}
.main-slider.style4 .layer-outer-image1{
position: absolute;
top: 30px;
left: 40px;
z-index: 1;
opacity: 0;
-webkit-transform: perspective(400px) rotateX(0deg) translateX(-180px);
-ms-transform: perspective(400px) rotateX(0deg) translateX(-180px);
transform: perspective(400px) rotateX(0deg) translateX(-180px);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider.style4 .layer-outer-image1 img{
}
.main-slider.style4 .active .layer-outer-image1{
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg) translateX(0px);
-ms-transform: perspective(400px) rotateX(0deg) translateX(0px);
transform: perspective(400px) rotateX(0deg) translateX(0px);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;     
}
.main-slider.style4 .layer-outer-image2{
position: absolute;
left: 0px;
bottom: 0;
z-index: 1;
opacity: 0;
-webkit-transform: perspective(400px) rotateX(0deg) translateY(180px);
-ms-transform: perspective(400px) rotateX(0deg) translateY(180px);
transform: perspective(400px) rotateX(0deg) translateY(180px);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider.style4 .layer-outer-image2 img{
}
.main-slider.style4 .active .layer-outer-image2{
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateX(0deg) translateY(0px);
transform: perspective(400px) rotateX(0deg) translateY(0px);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;     
}
.main-slider.style4 .layer-outer-image3{
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
opacity: 0;
-webkit-transform: perspective(400px) rotateX(0deg) translateY(100%);
-ms-transform: perspective(400px) rotateX(0deg) translateY(100%);
transform: perspective(400px) rotateX(0deg) translateY(100%);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider.style4 .layer-outer-image3 img{}
.main-slider.style4 .active .layer-outer-image3{
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateX(0deg) translateY(0px);
transform: perspective(400px) rotateX(0deg) translateY(0px);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;     
}