/* CSS Document */

::-webkit-input-placeholder {color: #ffffff!important;}
::-moz-placeholder {color: #ffffff!important;}
:-ms-input-placeholder {color: #ffffff!important;}
:-moz-placeholder {color: #ffffff !important;}
::-webkit-scrollbar1 { width: 10px; height: 5px; }
/* Track */
::-webkit-scrollbar-track1 { background: #f1f1f1; } 
/*Handle linear-gradient(135deg, rgb(224, 224, 224) 0%,rgba(255,255,255,0) 34%)*/
::-webkit-scrollbar-thumb1 { background: #888; }
::-webkit-scrollbar-thumb1 { background: #888; }
/* Handle on hover */
::-webkit-scrollbar-thumb1:hover { background: #555; } 
 
div#preload{position: fixed;width: 100%;height: 100%;top: 0;left: 0;padding-top: 25%;background: #f2f2f3;z-index: 1;}
div#preload h1, div#preload h2{text-align: center;}
div#images{height: 250vh;z-index: 0;}
div#images img{min-height: 50%;width: auto;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);filter: brightness(1.2);}

a#back-to-top{opacity: 0;transition: all 500ms ease-in-out;}
a#back-to-top.active{opacity:1;transition: all 500ms ease-in-out;}



a#back-to-top {position: fixed;bottom: 10px;right:10px;/*padding: 10px 20px;*/ z-index: 11111;text-align: center;}
a#back-to-top span.top_icon {display: block;/* color: #f15931; *//* font-size: 18px; *//* background: #f15931; */width: 40px;/* height: 50px; *//*padding: 10px*//* border-radius: 100px; */} 
a#back-to-top span.txt {display: block;color: #031d4e;background: #ffffff;padding: 2px 7px;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;text-align: center;font-size: 11px;}
a#back-to-top:hover,
a#back-to-top:hover span.txt{color:#000;text-decoration:none;}
a#back-to-top img{filter:invert(1) brightness(1);}




/***********************/
/*        Header       */
/***********************/

header .dr-txt-display {
display: none
}

header.stickyHeader .dr-txt-display {
display: inline-block
}

header {position: fixed;top: 0px;left: 0;width: 100%;background: rgba(255, 255, 255, 0);padding: 30px 15px;z-index: 9999;transition: all 500ms ease-in-out;}

header.trasparentBG {
background: none !important;
}

header.stickyHeader {
padding: 10px 15px;
background: rgb(255, 255, 255);
transition: all 500ms ease-in-out;
}

header.stickyHeader button.hamburger-menu {
top: 10px
}

header .drashish-logo {
float: left;
position: relative;
z-index: 5;
display: inline-block;
/* width: 270px; */
padding: 4px 0px 4px 0px;
height: 60px;
/* background: white; */
/* background: -webkit-linear-gradient( 0deg, rgb(255, 255, 255) 30%, rgb(245, 245, 245) 30%); */
/* border-radius: 0px 15px 15px 0px; */
}

header .drashish-logo span.logo-tagline {
/* display: none; */
font-family: var(--font-Frank);
color: #ef3f3f;
font-size: 18px;
font-weight: 500;
position: absolute;
bottom: 24%;
left: 75px;
width: 135px;
}

header #hamburger-menu.tab-hm-close {
/* border-radius: 0px; */
background: transparent;
box-shadow: 0 0 0px 0px #000000, 0 0 20px rgb(0 0 0 / 20%);
transition: all 300ms ease-in-out;
}

header button.hamburger-menu {
width: 60px;
height: 60px;
float: right;
background: transparent;
border: none;
cursor: pointer;
position: fixed;
top: 30px;
right: 30px;
z-index: 6;
outline: none !important;
padding: 20px;
/* border-radius: 100px; */
transition: all 300ms ease-in-out;
}

header button.hamburger-menu:before {
content: "";
position: absolute;
top: 31px;
left: 17px;
width: 27px;
height: 2px;
background: #ffffff;
transition: all 300ms ease-in-out;
}

header button.hamburger-menu:after {
content: "";
position: absolute;
top: 39px;
left: 17px;
width: 21px;
height: 2px;
background: #ffffff;
transition: all 300ms ease-in-out;
}

header button.hamburger-menu .hm-line {
content: "";
position: absolute;
top: 28px;
left: 0px !important;
right: 0px !important;
margin: 0px auto;
width: 100%;
height: 1px;
/* background: #ffffff; */
transition: all 300ms ease-in-out;
}

header button.hamburger-menu .hm-text {
content: "";
text-align: left;
position: absolute;
top: 14px;
left: 17px;
width: 40px;
color: #ffffff;
text-transform: uppercase;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
transition: all 300ms ease-in-out;
}

header button.hamburger-menu.tab-hm-close:before {
top: 38px;
left: 20px;
width: 20px;
background: #ffffff;
transform: rotate(45deg);
transition: all 300ms ease-in-out;
}

header button.hamburger-menu.tab-hm-close:after {
top: 38px;
width: 20px;
left: 20px;
transform: rotate(-45deg);
transition: all 300ms ease-in-out;
}

header button.hamburger-menu.tab-hm-close .hm-line {
width: 0px;
transition: all 300ms ease-in-out;
}

span.hm-open {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

span.hm-close {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

.menu-email {
position: absolute;
bottom: 20%;
left: 30%;
color: #fff;
font-size: 2.5vh;
background: #000000;
padding: 10px 10px;
border-bottom: 1px solid #313131;
z-index: 1;
}

.menu-contact-01 {
position: absolute;
bottom: 10%;
left: 30%;
color: #fff;
font-size: 2.5vh;
background: #000000;
padding: 10px 10px;
z-index: 1;

border-bottom: 1px solid #5d5d5d;
}

.menu-contact-02 {
position: absolute;
bottom: 0;
left: 30%;
color: #fff;
font-size: 2.5vh;
background: #000000;
padding: 10px 10px;
z-index: 1;
border-bottom: 1px solid #777777;
}

.menu-contact-03 {
position: absolute;
bottom: 0;
left: 10%;
color: #fff;
font-size: 2.5vh;
background: #000000;
padding: 10px 25px;
z-index: 1;
}

.menu-contact-02 a {
color: #fff;
text-decoration: none;
}

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

.hm-circle-01 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #dfdfdf;
border-radius: 100%;
}

.hm-circle-02 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #dfdfdf;
transform: scale(0.7) rotate(45deg);
}

.hm-circle-03 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #dfdfdf;
transform: scale(0.7) rotate(90deg);
}

#menu-wrp:before {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 120px;
height: 100%;
/* background: #00318f; */
/* background: -webkit-linear-gradient( 90deg, rgb(7,43,145) 0%, rgb(83,230,204) 100%); */
z-index: 1;
/* border-top: 20px solid #050605; */
transition: all 500ms ease-in-out;
}


/*#menu-wrp:after*/ 
#menu-wrp .close-box {
content: "";
position: absolute;
top: 0;
right: 100%;
width: 450%;
height: 100%;
background: #011334d9;
z-index: -1;
opacity: 0;
transition: all 500ms ease-in-out;
}

/*#menu-wrp.menu-close:after,*/
#menu-wrp.menu-close  .close-box {
opacity: 1;
transition: all 500ms ease-in-out 1s;
}

#hamburger-menu.tab-hm-open span.hm-open {
z-index: 2;
}

#hamburger-menu.tab-hm-close span.hm-close {
z-index: 2;
}

#menu-wrp .menu-container ul.nav-menu {
margin: 0px;
padding: 0px;
list-style-type: none;
}

div#menu-wrp {
position: fixed;
top: 0;
right: 0;
max-width: 600px;
height: 100%;
background: #00318f;
/* background: -webkit-linear-gradient( 150deg, rgb(7,43,145) 0%, rgb(83,230,204) 100%); */
z-index: 0;
}

div#menu-wrp .menu-container {
display: table-cell;
vertical-align: middle;
width: 100vw;
height: 100vh;
padding-top: 60px;
}

div#menu-wrp .menu-container ul.nav-menu a {
font-size: 3.5vw;
font-weight: 500;
font-family: 'Playfair Display', serif;
color: #fff;
text-transform: uppercase;
letter-spacing: 0px;
padding: 6px 15px;
display: inline-block;
position: relative;
}

div#menu-wrp .menu-container ul.nav-menu a:after {
display: none;
content: "";
position: absolute;
bottom: 46%;
right: 100%;
width: 100%;
height: 1px;
background: #303030;
transition: all 500ms ease-in-out;
}

div#menu-wrp .menu-container ul.nav-menu a span.menu-no {
display: none;
color: #8c8c8c;
position: absolute;
top: 15px;
left: -14px;
font-size: 9px;
font-weight: 500;
opacity: 1;
}

div#menu-wrp .menu-container ul.nav-menu li.active a {
/* color: #000000; */
font-weight: 700;
/* background: -webkit-linear-gradient( 150deg, rgb(7,43,145) 0%, rgb(83,230,204) 100%); */
/* -webkit-background-clip: text; */
/* -webkit-text-fill-color: transparent; */
transition: all 500ms ease-in-out;
}

div#menu-wrp .menu-container ul.nav-menu li a:hover:after {
background: rgba(255, 253, 253, 0.5);
width: 20%;
transition: all 500ms ease-in-out;
}

div#menu-wrp .menu-container ul.nav-menu li.active a:after {
background: #ffcc00;
width: 50%;
transition: all 500ms ease-in-out;
}

div#menu-wrp .menu-container ul.nav-menu li.active span.menu-no {
opacity: 1;
color: #e8b11f;
}

div#menu-wrp .menu-container ul.nav-menu li a:hover {
text-decoration: none;
transition: all 500ms ease-in-out;
}

#menu-wrp.menu-open {
right: -130%;
/*opacity: 0;z-index: -11;*/
transition: all 1000ms ease-in-out 1s;
}

#menu-wrp.menu-open .menu-container .menu-images {
opacity: 0;
transition: all 500ms ease-in-out .5s;
}

#menu-wrp.menu-open .menu-container .mc_links {
opacity: 0;
transition: all 500ms ease-in-out .7s;
}

#menu-wrp.menu-open .menu-container ul.nav-menu li:nth-child(1) {
opacity: 0;
transition: all 500ms ease-in-out .1s;
}

#menu-wrp.menu-open .menu-container ul.nav-menu li:nth-child(2) {
opacity: 0;
transition: all 500ms ease-in-out .2s;
}

#menu-wrp.menu-open .menu-container ul.nav-menu li:nth-child(3) {
opacity: 0;
transition: all 500ms ease-in-out .3s;
}

#menu-wrp.menu-open .menu-container ul.nav-menu li:nth-child(4) {
opacity: 0;
transition: all 500ms ease-in-out .4s;
}

#menu-wrp.menu-open .menu-container ul.nav-menu li:nth-child(5) {
opacity: 0;
transition: all 500ms ease-in-out .5s;
}

#menu-wrp.menu-open .menu-container ul.nav-menu li:nth-child(6) {
opacity: 0;
transition: all 500ms ease-in-out .6s;
}

#menu-wrp.menu-open .menu-container ul.nav-menu li:nth-child(7) {
opacity: 0;
transition: all 500ms ease-in-out .7s;
}

#menu-wrp.menu-open .menu-container ul.nav-menu li:nth-child(8) {
opacity: 0;
transition: all 500ms ease-in-out .8s;
}

#menu-wrp.menu-open .menu-container ul.privacyList {
opacity: 0;
transition: all 500ms ease-in-out 1.7s;
}

#menu-wrp.menu-close {
right: 0%;
/*opacity: 1;z-index: 2;*/
z-index: 999;
transition: all 1000ms ease-in-out;
}

#menu-wrp.menu-close .menu-container .menu-images {
opacity: 1;
transition: all 500ms ease-in-out .5s;
}

#menu-wrp.menu-close .menu-container .mc_links {
opacity: 1;
transition: all 500ms ease-in-out .7s;
}

#menu-wrp.menu-close .menu-container ul.nav-menu li:nth-child(1) {
opacity: 1;
transition: all 500ms ease-in-out 1.1s;
}

#menu-wrp.menu-close .menu-container ul.nav-menu li:nth-child(2) {
opacity: 1;
transition: all 500ms ease-in-out 1.2s;
}

#menu-wrp.menu-close .menu-container ul.nav-menu li:nth-child(3) {
opacity: 1;
transition: all 500ms ease-in-out 1.3s;
}

#menu-wrp.menu-close .menu-container ul.nav-menu li:nth-child(4) {
opacity: 1;
transition: all 500ms ease-in-out 1.4s;
}

#menu-wrp.menu-close .menu-container ul.nav-menu li:nth-child(5) {
opacity: 1;
transition: all 500ms ease-in-out 1.5s;
}

#menu-wrp.menu-close .menu-container ul.nav-menu li:nth-child(6) {
opacity: 1;
transition: all 500ms ease-in-out 1.6s;
}

#menu-wrp.menu-close .menu-container ul.nav-menu li:nth-child(7) {
opacity: 1;
transition: all 500ms ease-in-out 1.7s;
}

#menu-wrp.menu-close .menu-container ul.nav-menu li:nth-child(8) {
opacity: 1;
transition: all 500ms ease-in-out 1.8s;
}

#menu-wrp.menu-close .menu-container ul.privacyList {
opacity: 1;
transition: all 500ms ease-in-out 1.7s;
}

.menu-images {
position: absolute;
top: 5vh;
left: 0;
width: 100%;
height: 106%;
background: #ffcc00;
background: url("../img/menu-bg.jpg") no-repeat top left;
background-size: cover;
opacity: .3;
z-index: 0;
}

.menu-images:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* background: rgba(14, 14, 14, 0.3); */
}

ul.privacyList {
margin: 30px 0px 0px 15px;
padding: 0px;
list-style-type: none;
}

ul.privacyList li {
display: inline-block;
}

ul.privacyList li a {
font-size: 12px;
color: #cccc;
/* text-transform: uppercase; */
padding: 6px;
/* letter-spacing: .5px; */
}

header .logo-btn-wrp ul.nav-menu {
margin: -5px 0px 0px 0px;
padding: 0px;
list-style-type: none;
}

header .logo-btn-wrp ul.nav-menu li {
display: inline-block;
padding: 17px 0px;
}

header .logo-btn-wrp ul.nav-menu li a {
color: var(--color-orangish);
font-family: var(--font-Frank);
font-size: 17px;
font-weight: 500;
line-height: 1.3;
padding: 0px 15px;
display: inline-block;
border-left: 2px solid var(--color-orangish);
}

header .logo-btn-wrp ul.nav-menu li:nth-child(1) a {
border-left: none;
}


/* ROLL LINKS */

#hamburger-menu.tab-hm-open .hm-text {
-webkit-perspective: 600px;
-moz-perspective: 600px;
-ms-perspective: 600px;
perspective: 600px;
-webkit-perspective-origin: 50% 50%;
-moz-perspective-origin: 50% 50%;
-ms-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
}

#hamburger-menu.tab-hm-close .hm-text {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease;
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}

#hamburger-menu.tab-hm-close .hm-text {
-webkit-transform: translate3d( 0px, 0px, -30px) rotateX( 90deg);
-moz-transform: translate3d( 0px, 0px, -30px) rotateX( 90deg);
-ms-transform: translate3d( 0px, 0px, -30px) rotateX( 90deg);
transform: translate3d( 0px, 0px, -30px) rotateX( 90deg);
}

#hamburger-menu.tab-hm-close .hm-text:after {
content: attr(data-title);
display: block;
position: absolute;
left: -3px;
top: 0;
padding: 0 2px;
color: #fff;
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: translate3d( 0px, 105%, 0px) rotateX( -90deg);
-moz-transform: translate3d( 0px, 105%, 0px) rotateX( -90deg);
-ms-transform: translate3d( 0px, 105%, 0px) rotateX( -90deg);
transform: translate3d( 0px, 105%, 0px) rotateX( -90deg);
}


/***********************/
/*        Header       */
/***********************/








html {box-sizing: border-box;}
*, *:before, *:after, *:focus{box-sizing: inherit;margin: 0;padding: 0; outline: none; }
body{color: #000000;font-family: 'raleway', serif;font-size: 18px;line-height: 1.5;font-weight: 300;position: relative;overflow-x: hidden;transition: all 300ms ease-in-out;}
body:before{content:"";position:absolute;top:0;left:0;width: 100%;height: 100%;background: url("../img/linex-bg-0.png") repeat top center;opacity: .3;transition:all 500ms ease-in-out;;}
	
div#html5-watermark { display: none !important; }
div#html5-elem-box { height: auto !important; }
h1, h2, h3, h4, h5, h6  {font-family: 'Noto Serif Display', serif;position: relative;}
strong {font-weight: 700;}

canvas {position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: 100vw;max-height: 100vh;}

.btn-color{cursor: pointer;position: fixed;top: 10%;right: 10%;z-index: 9;border: none;box-shadow: none;background: none;transition: all 500ms ease-in-out;}
.btn-color span{display: block;width: 30px;height: 30px;background: #01173c;border-radius: 100px;box-shadow: 0px 0px 10px #bfbfbf;transition: all 500ms ease-in-out;}
.btn-color:before{content: "";position: absolute;top: 0;left: -20px;width: 30px;height: 30px;background: #ffffff;border-radius: 100px;box-shadow: 0px 0px 10px #00368d;transition: all 500ms ease-in-out;}
.btn-color:after{content: "";}

.btn-color:focus,
.btn-color:hover,
.btn-color:active
.btn-color.active{border: none;box-shadow: none;outline: none;background: none;transition: all 500ms ease-in-out;}
.btn-color.active span{transition: all 500ms ease-in-out;}
.btn-color.active:before{left: 25px;transition: all 500ms ease-in-out;}

#images{}
#images video{max-height: 70vh;min-height: 50%;width: auto;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);filter: invert(1) brightness(3.1);mix-blend-mode: darken;}
body.dark-color #images video{filter: brightness(1.3);mix-blend-mode: lighten;}



section{position: fixed;top:0;left: 0;bottom: 0;right: 0;margin: auto;z-index: 0;}

body.dark-color{color:#fff;background: #031d4e;/*height: 500vh;*/transition: all 500ms ease-in-out;}

body.dark-color:before{opacity:1;transition:all 500ms ease-in-out;;}
body.dark-color .hero-sec-01 .mega-group-logo, body.dark-color main .hero-sec-04 .location-box img{filter: grayscale(1) invert(1);}

body.dark-color .hero-sec-04 .location-box p a{color:#fff;transition: all 500ms ease-in-out;}

main{position: relative;text-align: center;transition: all 500ms ease-in-out;}
main .linex-bg-01{position: absolute;top: 0;left: 0;right: 0;margin: auto;}
main .linex-bg-02{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}
main .linex-bg-03{position: absolute;bottom: 0;}

main .hero-sec-01{opacity: 0;padding: 100px 0px 130px 0px;display: table-cell;width: 100vw;height: 100vh;vertical-align: middle;}
main .hero-sec-01 .mega-group-logo{max-width: 430px;margin-bottom: 50px;}
main .hero-sec-01 h3{font-size: 36px;font-weight:400;text-transform:uppercase;margin-bottom:30px;transition: all 300ms ease-in-out;}
main .hero-sec-01 p{}

main .hero-sec-02{opacity: 0;display: table-cell;width: 100vw;height: 100vh;vertical-align: middle;}
main .hero-sec-02 .mega-groups-box{/* padding: 90px 0px; */max-width: 550px;margin: auto;}
main .hero-sec-02 .mega-groups-box img{max-height: 300px;margin-bottom: 40px;}
main .hero-sec-02 .mega-groups-box h3{font-size: 36px;text-transform: uppercase;/* font-weight: 400; */margin-bottom: 10px;}
main .hero-sec-02 .mega-groups-box p{max-width: 600px;margin: 0px auto 30px auto;}

main .hero-sec-03{opacity: 0;/*padding: 80px 0px;*/display: table-cell;width: 100vw;height: 100vh;vertical-align: middle;}
main .hero-sec-03 h2{display: inline-block;text-transform: uppercase;font-size: 45px;font-weight: 300;padding-bottom: 10px;margin-bottom: 30px;/* border-bottom: 1px solid #fff; */}
main .hero-sec-03 h2:after{content:"";position: absolute;bottom: 0;left: 0;width: 100px;height: 3px;/* background: #fff; */}
.logo-text {position: fixed;bottom: 20%;left: -2%;right: 0;margin: auto;width: 600px;z-index: 9;}


.owl-item.active.center {z-index: 9;}
.owl-item.active .teams-box img {opacity: .6;transition: all 300ms ease-in-out;}
.owl-item.active.center .teams-box img {transform: perspective(100px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0px);left: 0px;opacity: 1;}
.owl-item.active.center .teams-box h3{opacity:1;transition:all 300ms ease-in-out;}
.owl-item.active.center .teams-box p{opacity:1;transition:all 300ms ease-in-out;}

.team-details{padding: 20px;/* position: absolute; *//* top: 250px; *//* left: -63%; *//* width: 220%; */}
.owl-item.active.center .team-details {display:block;}

main .hero-sec-03 .teams-box{margin: auto;text-align: center;max-width: 460px;display: inline-block;}
main .hero-sec-03 .teams-box h3{font-size: 24px;font-weight:400;text-transform:uppercase;margin-bottom: 10px;transition: all 300ms ease-in-out;}
main .hero-sec-03 .teams-box img{position: relative;transition: all 300ms ease-in-out;filter: grayscale(1);border: 3px solid #ffffff;max-width: 200px;}
main .hero-sec-03 .teams-box p{transition: all 300ms ease-in-out;}
main .hero-sec-03 .teams-box p span{}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {z-index: 99 !important;}





main .hero-sec-04{opacity: 0;/*padding: 100px 0px 130px 0px;*/display: table-cell;width: 100vw;height: 100vh;vertical-align: middle;}
main .hero-sec-04 .location-box{}
main .hero-sec-04 .location-box img{margin-bottom: 30px;filter: none;}
main .hero-sec-04 .location-box h3{font-size: 36px;font-weight:400;text-transform:uppercase;margin-bottom:30px;}
main .hero-sec-04 .location-box p{}
main .hero-sec-04 .location-box p a{color:#000;text-decoration:underline;}

a.btn-know-more{color:#000;font-family: 'raleway', serif;font-size: 12px;font-weight: 600;text-transform: uppercase;background: #fff;display: inline-block;transition:all 400ms ease-in-out;}
a.btn-know-more span{display: block;padding: 15px 35px 15px 18px;border: 1px solid #000;position: relative;}
a.btn-know-more span:before{content:"";position: absolute;top: 20px;right: 16px;width: 8px;height: 8px;box-shadow: 2px -2px 0px 0px black;transform: rotate(45deg);transition:all 400ms ease-in-out;}
a.btn-know-more span:after{content:"";}

a.btn-know-more:hover{color:#fff;text-decoration:none;background:#000;transition:all 400ms ease-in-out;}
a.btn-know-more:hover span:before{box-shadow: 1px -1px 0px 0px #fff;transition:all 400ms ease-in-out;}

.owl-nav.disabled {display: block !important;}
button.owl-next {font-size: 100px !important;line-height: 0px !important;position: absolute;top: 50%;right: -100px;width: 100px;height: 120px !important;z-index: 9;opacity: 1 !important;}
button.owl-prev {font-size: 100px !important;line-height: 0px !important;position: absolute;top: 50%;left: -100px;width: 100px;height: 120px !important;z-index: 9;opacity: 1 !important;}

button.owl-next span,
button.owl-prev span{margin-bottom: 20px;display: block;}


button.owl-next:hover, 
button.owl-prev:hover{border-top:1px solid #fff !important;border-bottom:1px solid #fff !important;background:transparent !important;}



.swiper-container {width: 100%;padding-top: 50px;padding-bottom: 240px;}
.swiper-slide {background-position: center;background-size: cover;width: 220px;height: 280px;position: relative;filter: brightness(0.5);} 
.swiper-pagination-bullet {width: 15px;height: 15px;background: #666;opacity: 1;}
.swiper-pagination-bullet-active {opacity: 1;background: #fff;}
.swiper-slide.swiper-slide-active{filter:brightness(1);}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right{display:none;}
/*
.swiper-slide.swiper-slide-prev{margin-right: -260px;margin-top: -20px;transition: all 500ms ease-in-out;}
.swiper-slide.swiper-slide-active{margin:0px !important;transition: all 500ms ease-in-out;}
.swiper-slide.swiper-slide-next{margin-left: -260px;margin-top: -20px;transition: all 500ms ease-in-out;}

.swiper-container .swiper-slide:nth-child(1){}*/

.swiper-slide .team-details{opacity:0;transition:all 300ms ease-in-out;}
.swiper-slide.swiper-slide-active .team-details{opacity:1;transition:all 300ms ease-in-out;}

.swiper-slide img{/* margin-top:-20px; */}
.swiper-slide.swiper-slide-prev img {margin-right: -30px;}
.swiper-slide.swiper-slide-active img{margin-top:0px}



section.home-sec-mumbai {position: relative;}
section.home-sec-mumbai:after {content: "";position: absolute;bottom: 0;left: 0;width: 50%;height: 100%;opacity: .5;background: url(../img/parallax-bg-3.jpg) no-repeat center center;background-attachment: fixed;}
section.home-sec-mumbai h1 {display: inline-block;font-family: 'lemonmilkbold';font-weight: 700;font-size: 5vw;color: #ffffff;letter-spacing: 2vw;line-height: 1;text-transform: uppercase;margin: 5px 0px;}
section.home-sec-mumbai h2 {font-weight: 400;font-size: 3.2vh;color: #ffffff;letter-spacing: 1px;line-height: 1.3;text-transform: uppercase;margin: 0px;padding: 10px 10px 2px 10px;display: inline-block;position: relative;} 




/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	#images video{max-height: 35vh;min-height: 35%;}
	section{position: relative;background: rgb(3 29 78 / 90%);}
	main .hero-sec-01{opacity: 1;}
	main .hero-sec-02{opacity: 1;}
	main .hero-sec-03{opacity: 1;padding-top: 100px;}
	main .hero-sec-04{opacity: 1;}
	
	main .hero-sec-03 h2{font-size: 36px;}
	header button.hamburger-menu{top:10px;right:5px}
	
	div#images{height: 150vh;}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio : 2),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (min-resolution: 192dpi) { 

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	
}

/* Retina displays ----------- */
@media  only screen 
and (-webkit-min-device-pixel-ratio : 2), 
only screen 
and (min-resolution: 192dpi) {

}