@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;700&display=swap');



body {

    font-family: 'Roboto', sans-serif;

    font-size:1rem;

    color:#787878;

    background-color:#f1f2f3;

    font-weight:400;

}



h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif; margin-bottom:1rem; font-weight:600; color:#343a40}

h1, .h1 {font-size: 3.6rem;}

h2, .h2 {font-size: 2.6rem;}

h3, .h3 {font-size: 2.0rem;}

h4, .h4 {font-size: 1.6rem;}

h5, .h5 {font-size: 1.2rem;}

h6, .h6 {font-size: 1rem;}



p{text-align:justify;}

.text-center p, p.text-center, .text-center .text-justify{

    text-align-last:center; -webkit-text-align-last:center; -moz-text-align-last:center; -ms-text-align-last:center;

}



.text-warning{color:#c6eb41!important;}

.btn-warning{background-color:#c6eb41!important;}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active{background-color:#bae51e!important;}

.btn-outline-warning{border-color:#c6eb41!important;color:#c6eb41!important;}

.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active{background-color:#c6eb41!important;color:#333!important;}



.dropdown-menu{margin-top:0!important;}



ul, ol {

    list-style: none;

    padding: 0;

    margin: 0 0 1.5rem;

}



a{color:rgba(0,0,0,0.7); cursor:pointer; transition:all 0.3s ease-in 0s;}

a:hover{/*color:#dc3545;*/ text-decoration:none;}



.form-control:focus{outline:none; box-shadow:none}

.modal-backdrop.show{background-color:rgba(0,0,0,0.7); backdrop-filter:blur(20px); opacity:1}



.hr-light{border-color:rgb(255, 180, 0)}



.tc-1{color:#c6eb41;}

.bg-1{background-color:rgb(255, 180, 0);}



.border-round{border-radius:25px;}



section{padding-top:4rem; padding-bottom:5rem; overflow:hidden; position:relative;}

header{overflow:hidden;}



/*.scrolled{box-shadow:0px 2px 7px rgba(0,0,0,0.1); }*/

div p:last-child{margin-bottom:0;}

.subtitle{font-weight:300; display:block; font-size:75%;}



.first-letter:first-letter{

  /*-webkit-initial-letter: 2;

  -moz-initial-letter: 2;

  initial-letter: 2;*/

  font-weight: bold;

  float:left;

  font-size:260%; line-height:45px; margin-right:6px;}



.text-1x{font-size:100%}

.text-2x{font-size:125%}

.text-3x{font-size:150%}

.text-4x{font-size:200%}



.op-1{opacity:0.1!important}

.op-2{opacity:0.2!important}

.op-3{opacity:0.3!important}

.op-4{opacity:0.4!important}

.op-5{opacity:0.5!important}

.op-6{opacity:0.6!important}

.op-7{opacity:0.7!important}

.op-8{opacity:0.8!important}

.op-9{opacity:0.9!important}

.op-x{opacity:1!important}



.fw-1{font-weight:100!important}

.fw-2{font-weight:200!important}

.fw-3{font-weight:300!important}

.fw-4{font-weight:400!important}

.fw-5{font-weight:500!important}

.fw-6{font-weight:600!important}

.fw-7{font-weight:700!important}

.fw-8{font-weight:800!important}



.max-line-2{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.max-line-3{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.max-line-4{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}

.max-line-5{display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}





.text-shadow{text-shadow:1px 1px 2px rgba(0,0,0,0.5);}



.container, .container-fluid{position:relative; z-index:5}



.rounded, .card{ border-radius: 16px!important; overflow:hidden; }

a.card:hover{ transform:translateY(-6px); box-shadow:0px 4px 6px rgba(0,0,0,0.1);}





 .bg-img { position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:2; object-fit:cover; }

.pg-header .bg-img {z-index:0;}



.fancybox-is-open .fancybox-bg{ background-color:rgba(90, 90, 90, 0.85); backdrop-filter:blur(50px); opacity:1;}



.btn{transition:all 0.2s ease-in 0s; border-radius:20px;}



/* Scroll Top Button */

#scroll-top {

	width: 52px;

	height: 52px;

	position: fixed;

	right: 20px;

	bottom: 40px;

	z-index: 999;

	color: #333;

	display: none;

	align-items: center;

	justify-content: center;

	text-align: center;

	line-height: 1;

	visibility: hidden;

	opacity: 0;

	border-radius: 0;

	border: none;

	background-color: rgba(204, 204, 204, 0.70);

	font-size: 1rem;

	transition: all 0.4s ease;

	transform: translateY(60px);

	-ms-transform: translateY(60px);

    backdrop-filter:blur(10px);

    border-radius:50%;

}



#scroll-top:hover,

#scroll-top:focus {

	color: #777;

	background-color: #eaeaea;

}



#scroll-top.show {

    display:block;

	visibility: visible;

	opacity: 1;

	transform: translateY(0);

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

}



/*-----------HEADER TOPBAR-------*/

.top-bar {

    background-color: #ffffff;

    border-bottom: 1px solid rgba(0, 0, 0, 0.08);

    color: #000;

    padding: 11px 0;

    transition:all 0.4s ease-in 0s;

}

.scrolled .top-bar{margin-top:-45px;}

.topbar-left {

    float: left;

}

.topbar-right {

    float: right;

}

.topbar-center,

.topbar-left,

.topbar-right {

    padding-left: 15px;

    padding-right: 15px;

}

.topbar-left ul li,

.topbar-right ul li{

	display:inline-block;

	position:relative;

}

.topbar-left ul li a,

.topbar-right ul li a{

	color:#000;

}

.topbar-left ul,

.topbar-right ul{

	margin:0;

	padding:0;

	list-style:none;

	font-family:rubik;

	font-size:14px;

}

.topbar-left ul li{

	padding-right:10px;

	margin-right:10px;

}

.topbar-right ul li{

	padding-left:10px;

	margin-left:10px;

}

.topbar-left ul li i{

	margin-right:5px;	

}

.search-btn:after,

.topbar-left ul li:after,

.topbar-right ul li:after{

	position: absolute;

    width: 1px;

    height: 20px;

    background-color: #000;

    right: 0;

    content: "";

    top: 2px;

    opacity: 0.1;

}

.topbar-right ul li:after{

	right:auto;

	left:0;

}

.topbar-right ul li:first-child:after,

.topbar-left ul li:last-child:after{

	content:none;

}

.header-lang-bx .btn:focus,

.header-lang-bx .btn:hover,

.header-lang-bx .btn{

	border:0 !important;

}

.header-lang-bx .btn{

	padding:0 10px 0px 0 !important;

	height: 18px;

	color:#000;

	font-family:rubik;

	font-size: 14px;

}

.header-lang-bx .btn:hover{

	color:#000;

}

.header-lang-bx.bootstrap-select.btn-group .dropdown-toggle .caret{

	right:0;

	top:5px;

}

.header-lang-bx .btn .fa-caret-down:before{

	content:"\f107";

}

@media only screen and (max-width: 991px) {

	.topbar-right {

		padding-left: 0;

		padding-right: 15px;

	}

	.topbar-left{

		padding-left: 15px;

		padding-right: 0;

	}

}

@media only screen and (max-width: 767px) {

    .top-bar [class*="col-"] {

        width: 100%;

        text-align: right;

        padding: 10px 15px;

        border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    }

    .top-bar [class*="col-"]:last-child {

        border-bottom: none;

    }

	.top-bar {

		padding:5px 0;

	}

	.topbar-center,

	.topbar-left,

	.topbar-right {

		display:black;

		width:100%;

		text-align:center;

		padding:3px 15px;

		padding-left: 15px;

		padding-right: 15px;

	}

	.topbar-left ul li{

		padding:0 5px;

	}

    .pg-header .header-content h2{font-size:1.6rem;}

}



/*------Navbar------*/



nav{position:fixed; top:0; z-index:999; transition:all 0.4s ease-in 0s; font-family:'Poppins', sans-serif; /*border-bottom:solid 1px rgba(255,255,255,0.2);*/ left:50%; transform:translateX(-50%); width:calc(100% + 1px); /*max-width:1600px;*/ }

nav.scrolled{ backdrop-filter:blur(50px); }

.navbar{padding-top:0; padding-bottom:0; z-index:9999;}

.navbar-nav .nav-link{padding:32px 8px;; font-weight:500}

.nav-item.dropdown .nav-link{padding-right:1rem}

.dropdown-toggle::after{width:8px; height:8px; margin-left:0.5rem; transform:rotate(135deg); border-top: 1px solid; border-right: 1px solid; border-bottom: 0; border-left: 0;}

.navbar-nav .dropdown-menu .nav-link, .navbar-nav .dropdown-item{padding:0.5rem 0.5rem;}

/*.navbar-nav .nav-item.active{background-color:rgb(255, 180, 0);}*/

.navbar-nav .nav-item.active > a{ color:#000!important; text-shadow:1px 1px 0px #fff}

.dropdown-item{border-radius:12px; transition:all 0.2s ease-in 0s;}



.navbar-light .navbar-nav .nav-link,

.navbar-light .navbar-nav .dropdown-item{color:rgba(0,0,0,0.6); white-space:nowrap}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .dropdown-item:focus, .navbar-light .navbar-nav .dropdown-item:hover{color:rgba(0,0,0,0.9); /*background-color:rgba(255,255,255,0.4)*/}



.navbar-nav  .nav-item.active{background-color:#e2f992}



.body-wraper{margin:0 auto; max-width:1600px; overflow:hidden; background-color:#fff; box-shadow:0 0 8px rgba(0,0,0,0.2);}



.navbar-brand{max-width:500px; /*margin-right:50px;*/}

.navbar-brand img{/*max-width:250px;*/ max-height:42px; max-width:100%;}





.navbar-toggler {

	border: none;

	margin-top: 16px;

	margin-bottom: 16px;

	margin-left: 15px;

	margin-right: -10px;

	padding: 12px 10px;

}

button:focus{outline:none;}

.navbar-toggler .icon-bar {

	background:#fff;

	height: 3px;

	border-radius: 0;

	-webkit-border-radius: 0;

	display: block;

	width: 22px;

}

.navbar-toggler .icon-bar + .icon-bar {

    margin-top: 4px;

}



.dropdown-menu .dropdown-toggle:after{position:absolute; right:12px; top:10px;}



.navbar-dark .dropdown-menu{background-color:#141727;}

.navbar-dark .dropdown-menu .dropdown-item{color:rgba(255,255,255,.5); background-color:transparent!important}

.navbar-dark .dropdown-menu .dropdown-item:hover, .navbar-dark .dropdown-menu .dropdown-item:focus, .navbar-dark .dropdown-menu .dropdown-item:active{background-color:transparent!important; color: rgba(255,255,255,.75);}





    nav.scrolled:not(.bg-light), nav.scrolled:not(.bg-dark){background-color: rgba(0,0,0,0.8);

    backdrop-filter: blur(20px);}

    nav.scrolled.bg-transparent{background-color: rgba(255,255,255,0.8)!important;

    backdrop-filter: blur(20px);}

@media (max-width: 992px) {

    .w-lg-100{width:100%!important}

}



@media (min-width: 992px){

     



 .navbar-expand-lg .navbar-nav li.dropdown > .dropdown-menu

{

    -webkit-transform: translate(0px,50px);

    -moz-transform: translate(0px,50px);

    -o-transform: translate(0px,50px);

    transform: translate(0px,50px);

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

    display:block;

    visibility:hidden;

    opacity:0;

}



 .navbar-expand-lg .navbar-nav li.dropdown:hover > .dropdown-menu, .navbar-expand-lg .navbar-nav li.dropdown > .dropdown-menu.show

{

    display:block;

    z-index: 9;

    opacity: 1;

    height: auto;

    -ms-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -webkit-transform: scale(1);

    transform: scale(1);

    overflow: visible!important;

    -webkit-transform: translate(0px,0px);

    -moz-transform: translate(0px,0px);

    transform: translate(0px,0px);

    overflow-y:auto; max-height:90vh;

    visibility:visible;

}

}



/*---------page Header---------*/

.home-header{background-color:#141727; position:relative;}

.slide-wrap{position:relative;}

.banner-img{width:100%; z-index:0; position:relative; height:calc(100vh + 10px); object-fit:cover; }

.home-header .video-wrap{width:100%; z-index:0; position:relative; height:calc(100vh + 00px); object-fit:cover; top:0; left:0; transform:translate(0, 0); overflow:hidden }

.home-header .video-wrap video{transform:scale(1.12) translate(-50%, -50%); overflow:hidden}

.home-header .item:after{position:absolute; content:""; left:0; bottom:0; height:25vh; width:100%; z-index:20; background:linear-gradient(0deg, #141727 0%, rgba(0,8,45,0) 100%);}

.home-header-content{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:9}

.home-header-content .title{color:#000; font-size:3.6rem; text-shadow:1px 1px 0px #fff, 1px 1px 6px rgba(0,0,0,0.6);  }

.home-header .carousel-fade .carousel-item{height:100vh;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{position:absolute;top:50%; transform:translateY(-50%); color:#fff; opacity:0.6; text-shadow:1px 1px 4px rgba(0,0,0,0.5);}

.owl-carousel .owl-nav button.owl-next{right:0px} .owl-carousel .owl-nav button.owl-prev{left:0px;}

.home-header .owl-carousel .owl-nav button.owl-next{right:20px} .home-header .owl-carousel .owl-nav button.owl-prev{left:20px;}

.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{ opacity:1;}

.home-header .owl-dots{width:100%; position:absolute; left:0; top:92vh; bottom:auto; text-align:center; padding:0 60px; z-index:11}

.owl-dots{width:100%; position:absolute; left:0; top:auto; bottom:0px; text-align:center; padding:0 60px; z-index:11}

.owl-dots .owl-dot{position:relative; box-shadow:1px 1px 2px rgba(0,0,0,0.4); width:14px; height:14px; background:rgba(255,255,255,0.4)!important; border:solid 2px rgba(255,255,255,0.75)!important; border-radius:50%; margin:0 4px; cursor:pointer; transition:all 0.4s ease-in 0s;}

.owl-dots .owl-dot.active, .owl-dots .owl-dot:hover{background-color:rgb(255, 180, 0)!important;}



.header-content{position:absolute; bottom:0; left:0; width:100%;}



.pg-header{ min-height:280px; max-height:400px; position:relative; padding-bottom:50px; padding-top:100px;}

.pg-header:after{position:absolute; content:""; left:0; bottom:0; height:25vh; width:100%; opacity:0.4; z-index:1; background:linear-gradient(0deg, #141727 0%, rgba(0,8,45,0) 100%);}

.pg-header > .bottom-bg { z-index:2; position:absolute; bottom:-1px; left:0; width:100%; -webkit-transform: scaleX(-1); transform: scaleX(-1);}

.pg-header .container-fluid{position:relative; z-index:9; }

.breadcrumb-wrap { border-top:solid 1px rgba(255,255,255,0.1); padding:1rem 0;}

.breadcrumb {color:#fff;position:relative; z-index:9; margin-bottom:0; padding:0; }

.breadcrumb .active{color:#fff;}

.breadcrumb a{color:#c6eb41;}

.breadcrumb a:hover{color:#fff;}





section .video-wrap{z-index:1;     

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 0;

    top: 50%;

    left: 50%;

    transform:translate(-50%, -50%);

   pointer-events: none;

   overflow: hidden;

}



.video-wrap video {

    top: 50%;

    left: 50%;

    transform:translate(-50%, -50%);

    position: absolute;

    z-index: 1;

    opacity: 1;

    min-width: 100%;

    width:auto;

    min-height: 100%;

    transition: opacity .3s 1s ease;

}



.video-wrap iframe {

   width: 100vw;

   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */

   min-height: 100vh;

   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */

   position: absolute;

   top: 50%;

   left: 50%;

   transform: translate(-50%, -50%);

    z-index: 1;

}



/*------------Navbar-toggler------------*/

.navbar-toggler {

    display: -ms-flex;

    display: flex;

    opacity: 1;

    pointer-events: auto;

    z-index: 1;

    cursor: pointer;

    font-size: .875rem;

    width: 50px;

    height: 50px;

    line-height: 50px;

    justify-content: center;

    align-items: center;

    -webkit-transition: opacity .3s ease;

    transition: opacity .3s ease

}



.top-search-parent .navbar-toggler.collapsed {

    opacity: 1;

    -webkit-transition: opacity .2s .2s ease, top .4s ease;

    -o-transition: opacity .2s .2s ease, top .4s ease;

    transition: opacity .2s .2s ease, top .4s ease

}



.top-search-parent .navbar-toggler:not(.collapsed) {

    opacity: 0

}



.svg-trigger {

    width: 40px;

    height: 40px;

    cursor: pointer;

    -webkit-tap-highlight-color: transparent;

    transition: transform .4s;

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.svg-trigger path {

    fill: none;

    transition: stroke-dasharray .4s, stroke-dashoffset .4s;

    stroke: #333;

    stroke-width: 4;

    stroke-linecap: round

}

.bg-light .svg-trigger path{stroke:#333;}

.svg-trigger path:nth-child(1) {

    stroke-dasharray: 40 160

}



.svg-trigger path:nth-child(2) {

    stroke-dasharray: 40 142;

    transform-origin: 50%;

    transition: transform .4s

}



.svg-trigger path:nth-child(3) {

    stroke-dasharray: 40 85;

    transform-origin: 50%;

    transition: transform .4s, stroke-dashoffset .4s

}



.navbar-toggler:not(.collapsed) .svg-trigger {

    transform: rotate(45deg)

}



.navbar-toggler:not(.collapsed) .svg-trigger path:nth-child(1),

.navbar-toggler:not(.collapsed) .svg-trigger path:nth-child(3) {

    stroke-dashoffset: -64px

}



.navbar-toggler:not(.collapsed) .svg-trigger path:nth-child(2) {

    transform: rotate(90deg)

}





/*--------------Video Button---------*/

.video-relative {

    position: relative;

    display: inline-block;

}

.video-btn {

    height: 52px;

    width: 52px;

    text-align: center;

    border-radius: 50%;

    background: #dc3545;

    position: absolute;

    top: 1px;

    left: 50px;

    text-align: center;

    margin: -30px 0 0 -30px;

    border-radius: 100px;

    z-index: 1

}

.video-btn i {

    color: #fff;

    font-size: 1.4rem;

    line-height: 50px;

    margin-left: 4px;

}

.ripple-color {

    border: 3px solid #dc3545;

}

.video-btn .ripple {

    position: absolute;

    width: 110px;

    height: 110px;

    z-index: -1;

    left: 50%;

    top: 50%;

    opacity: 0;

    margin: -55px 0 0 -55px;

    border-radius: 100px;

    -webkit-animation: ripple 1.8s infinite;

    animation: ripple 1.8s infinite

}

@-webkit-keyframes ripple {

    0% {

        opacity: 1;

        -webkit-transform: scale(0);

        transform: scale(0)

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}

@keyframes ripple {

    0% {

        opacity: 1;

        -webkit-transform: scale(0);

        transform: scale(0)

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}

.video-btn .ripple:nth-child(2) {

    animation-delay: .4s;

    -webkit-animation-delay: .4s

}

.video-btn .ripple:nth-child(3) {

    animation-delay: .7s;

    -webkit-animation-delay: .7s

}



/*boxed image styling*/

.img-box, .img-box-4_3, .img-box-4_2, .img-box-4_1, .img-box-16_9{position:relative; overflow:hidden; width:100%; height:0; padding-top:100%; display:block;}

.img-box-4_3{padding-top:75%!important}

.img-box-4_2{padding-top:50%!important}

.img-box-4_1{padding-top:25%!important}

.img-box-16_9{padding-top:56.25%!important}

.img-box img, .img-box-4_3 img, .img-box-4_2 img, .img-box-4_1 img, .img-box-16_9 img{position:absolute; left:0; top:0; object-fit:cover; width:100%!important; height:100%!important;}



/*---Points---*/

.points {

    padding: 0;

    list-style: none;

}



.points.row {

    padding-left: 10px;

}



.points>li {

    position: relative;

    padding: 2px 15px 8px 30px;

}



.points>li:before {

    position: absolute;

    width: 8px;

    height: 8px;

    background-color: #e2f992;

    left: 4px;

    top: 8px;

    content: "";

    /*transform: rotate(300deg);*/

    border-radius:2px

}



/*---Footer---*/

footer { padding:50px 0 0; position:relative;}

.footer-logo { display:inline-block; }

footer ul, footer li  {list-style:none; padding-left:0; margin-bottom:6px;}

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

.inline-ul li{display:inline-block; padding:4px 12px; }

.logoimg { max-width:220px; }

footer hr { opacity:0.2; }

.bg-dark-50 { background-color:rgba(0,0,0,0.3); }

footer a { color:rgba(255,255,255,0.6); display:inline-block; /*margin-bottom:12px;*/ }

    footer a:hover { color:#fff; }

    footer a i { color:#fff; font-size:18px; }

    footer a:hover i { color:#c6eb41 }

footer .h3 { font-weight:300!important}

footer .input-group { border:solid 1px #dbdbdb; border-radius:6px; }

.c-footer {

    -webkit-backdrop-filter: blur(5px); -moz-backdrop-filter: blur(5px); -ms-backdrop-filter: blur(5px);

  backdrop-filter: blur(5px);

  border-top:solid 1px rgba(255,255,255,0.2);

  padding:12px 12px;

}





#loading {

    width: 40px;

    height: 20px;

    object-fit: cover;

}



.list-group-item.active{background-color:#e2f992!important; color:#333!important; border-color:#bce238!important}