@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap');
.gilda-display-regular {font-family: "Gilda Display", serif; font-style: normal;}


.slideshow,
.slideshow:after { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0;}
.slideshow:after { content: ''; background: #ffffff61 ;}
.slideshow li span { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; color: transparent; background-size: cover; background-position: 50% 50%; background-repeat: none; opacity: 0; z-index: 0;	-webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 36s linear infinite 0s; -moz-animation: imageAnimation 10s linear infinite 0s; -o-animation: imageAnimation 10s linear infinite 0s; -ms-animation: imageAnimation 10s linear infinite 0s; animation: imageAnimation 10s linear infinite 0s;}

 
.slideshow li div h3 { font-family: "helvetica neue", helvetica; text-transform: uppercase; font-size: 80px; padding: 0; line-height: 200px;color: rgba(255,255,255, 0.8);}

.slideshow li:nth-child(1) span { background-image: url(../images/banner/main-banner3.jpg); -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s;}
.slideshow li:nth-child(2) span { background-image: url(../images/banner/3.jpg); -webkit-animation-delay: 15s; -moz-animation-delay: 15s; -o-animation-delay: 15s; -ms-animation-delay: 15s; animation-delay: 15s;}
 
.slideshow li:nth-child(1) div { -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s;}
.slideshow li:nth-child(2) div { -webkit-animation-delay:15s; -moz-animation-delay: 15s; -o-animation-delay: 15s; -ms-animation-delay: 15s; animation-delay: 15s;} 


/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% { opacity: 0; -webkit-animation-timing-function: ease-in;}
	25% { opacity: 1; -webkit-transform: scale(1.05); -webkit-animation-timing-function: ease-out;}
	50% { opacity: 1; -webkit-transform: scale(1.1);}
	75% { opacity: 1; -webkit-transform: scale(1.1);}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% { opacity: 0; -moz-animation-timing-function: ease-in;}
	25% { opacity: 1; -moz-transform: scale(1.05); -moz-animation-timing-function: ease-out;}
	50% { opacity: 1; -moz-transform: scale(1.1);}
	75% { opacity: 1; -moz-transform: scale(1.1);}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% { opacity: 0; -o-animation-timing-function: ease-in;}
	25% { opacity: 1; -o-transform: scale(1.05); -o-animation-timing-function: ease-out;}
	50% { opacity: 1; -o-transform: scale(1.1);}
	75% { opacity: 1; -o-transform: scale(1.1);}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% { opacity: 0; -ms-animation-timing-function: ease-in;}
	25% { opacity: 1; -ms-transform: scale(1.05); -ms-animation-timing-function: ease-out;}
	50% { opacity: 1; -ms-transform: scale(1.1);}
	75% { opacity: 1; -ms-transform: scale(1.1);}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% { opacity: 0; animation-timing-function: ease-in;}
	25% { opacity: 1; transform: scale(1.05); animation-timing-function: ease-out;}
	50% { opacity: 1; transform: scale(1.1);}
	75% { opacity: 1; transform: scale(1.1);}
	100% { opacity: 0 }
}

/* Animation for the title */
@-webkit-keyframes titleAnimation { 
	0% { opacity: 0; -webkit-transform: translateY(200px);}
	8% { opacity: 1; -webkit-transform: translateY(0px);}
	17% { opacity: 1; -webkit-transform: scale(1);}
	19% { opacity: 0 }
	25% { opacity: 0; -webkit-transform: scale(10);}
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% { opacity: 0; -moz-transform: translateY(200px);}
	8% { opacity: 1; -moz-transform: translateY(0px);}
	17% { opacity: 1; -moz-transform: scale(1);}
	19% { opacity: 0 }
	25% { opacity: 0; -moz-transform: scale(10);}
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% { opacity: 0; -o-transform: translateY(200px);}
	8% { opacity: 1; -o-transform: translateY(0px);}
	17% { opacity: 1; -o-transform: scale(1);}
	19% { opacity: 0 }
	25% { opacity: 0; -o-transform: scale(10);}
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% { opacity: 0; -ms-transform: translateY(200px);}
	8% { opacity: 1; -ms-transform: translateY(0px);}
	17% { opacity: 1; -ms-transform: scale(1);}
	19% { opacity: 0 }
	25% { opacity: 0; -webkit-transform: scale(10);}
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% { opacity: 0; transform: translateY(200px);}
	8% { opacity: 1; transform: translateY(0px);}
	17% { opacity: 1; transform: scale(1);}
	19% { opacity: 0 }
	25% { opacity: 0; transform: scale(10);}
	100% { opacity: 0 }
}

/* Show at least something when animations not supported */

.no-cssanimations .slideshow li span{ opacity: 1;}


@media screen and (max-width: 1140px) { 
.slideshow li div h3 { font-size: 100px }

}

@media screen and (max-width: 600px) {
.slideshow li div h3 { font-size: 50px }
}
	
@keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05);} 100% { transform: scale(1); }}

@keyframes pulse-new { 0% { transform: scale(1); } 50% { transform: scale(1.05);} 100% { transform: scale(1); }}

.openingSingle { width: 95%; border: solid 2px #000; border-radius: 182px; border: solid 2px #000; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 37px; background-color: rgb(255 255 255 / 24%); overflow: hidden;}
.openingImg { width: 100%; height: 250px; margin-bottom: 30px;}
.openingSingle img { object-fit: contain; object-position: center center; width: 100%; height: 100%;}
.wirzaH2 { font-size: 27px; font-weight: 900; color: #000;}
.wirzaBtn { padding: 0 45px; border-radius: 27px; height: 53px; background-color: #fff; border: 0; font-size: 15px; font-weight: 900; color: #000; margin-top: 20px; transition: var(--transitions);}
.openingSingle .wirzaBtn { margin-top: 0; height: 0; opacity: 0;}
.openingSingle:hover .wirzaBtn { margin-top: 20px; height: 53px; opacity: 1;}
.line { width: 50%; height: 2px; position: absolute; top: 25%; transform: translate(-50%, -50%); left: 50%; margin: 0 auto; background-color: #000; z-index: -1;}
.line2 { top: 75%;}



.home-logo {width: 100%;position: absolute;float: left;display: flex;margin: 0 auto;flex-wrap: wrap;align-items: center;justify-content: center;top:10%;z-index: 9999;max-width: 500px;left: 0;right: 0;border-radius: 15%;border-bottom-right-radius: 100px;border-bottom-left-radius: 100px;padding: 0 0 0 0;text-align: center;}

.home-logo .logo-tagline h2 {color: #000000;font-family: 'LeagueSpartanRegular', sans-serif;font-size: 18px;float: left;width: 100%;font-weight: 600;line-height: 16px;display: block;margin: 0px auto 0;text-transform: capitalize;}

.home-logo .home-box svg { max-width: 470px; height: auto;}


.home-wrapp { min-height: 100vh !important; padding-bottom: 0;}

.logo-tagline { margin-top: -18px;}
 


.main-header.header-style-one.landing-head { position: absolute; width: fit-content; top: 45%; transform: translateY(-50%); background: none;}

.main-header.header-style-one.landing-head .container { padding: 0;}

.main-header.header-style-one.landing-head .top-right { width: 40px; overflow: hidden; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

.main-header.header-style-one.landing-head .header-top .social-links li { margin: 0 auto !important; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; float: left; padding: 0;}

.main-header.header-style-one.landing-head .header-top .social-links { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; position: relative; margin: 0 auto;}

.main-header.header-style-one.landing-head .header-top .social-links li i { color: #ee731c; display: block; font-size: 20px;}

.main-header.header-style-one.landing-head .header-top .social-links li a { display: block; width: 100%; float: left; padding: 10px 5px; text-align: center; background: #ffffff; color: #f6a22f;}

.main-header.header-style-one.landing-head .header-top .social-links li a:hover { background: #ee731c;}

.main-header.header-style-one.landing-head .header-top .social-links li a:hover i { color: #ffffff;}



.boxed_wrapper .home-link .home-btns .btn-box .btn-3 { border: transparent; padding-left: 0; padding-top: 0; padding-bottom: 0; box-shadow: none !important; background: none !important;}

.boxed_wrapper .home-link .home-btns .btn-box .btn-3:before { top: 0;}

.boxed_wrapper .home-link .home-btns .btn-box .btn-3:hover { color: #ee731c; background: none !important;}

.boxed_wrapper .home-link .home-btns .btn-box .btn-3:hover span { background: none;}

.boxed_wrapper .home-link .home-btns .btn-box .btn-3 span { background: none;}


.footer-bottom { background: transparent; box-shadow: 0px -1px 50px rgb(255 255 255 / 55%) !important; padding: 10px 0px 10px 0px;}

.footer-bottom .info li { color: #000000; line-height: 18px;}

.footer-bottom .info li i { color: #ee731c;}



.slider { position:relative; width: 100%; height: 100vh;}

.slider .items { position: relative; overflow: hidden; width: 100%; min-height: 100vh;}

.slider .item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .6s ease-in-out; }

.slider .item.current {opacity: 1; } 

.slider .item img { width: 100%; height: 100%; object-fit: cover; }

.slider li.item:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; /*background: #ffffff75;*/ background-image: linear-gradient(#ffffff00, #ee731c1c);}


@keyframes fadeInUp {

	0% { transform: translateY(100%); opacity: 0; }

	100% { transform: translateY(0%); opacity: 1; }
}

.fadeInUp-animation { animation: 7.5s fadeInUp;}


@keyframes fadeInDown {

	0% { transform: translateY(0%); opacity: 0; }

	100% { transform: translateY(100%); opacity: 1; }
}

.fadeInDown-animation { animation: 7.5s fadeInDown;}



@keyframes fadeInOpacity {

	0% {opacity: 0;}

	100% {opacity: 1;	}
}

.fade-in { opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 5s;}


@keyframes fadeIntwoOpacity {

	0% {opacity: 0;}

	100% {opacity: 1;	}
}

.fade-in-two { opacity: 1; animation-name: fadeIntwoOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 7s;}

@keyframes fadeInthreeOpacity {

	0% {opacity: 0;}

	100% {opacity: 1;	}
}

.fade-in-three { opacity: 1; animation-name: fadeInthreeOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 9s;}






.boxed_wrapper .home-link .home-btns .btn-box { width: fit-content; display: flex !important; margin: 0 10px 0; position: relative; float: left; flex-direction: column !important; align-items: center;}

.boxed_wrapper .home-link .home-btns .btn-box .arrow { display: inline-block; border-radius: 20px; border: 1px solid #ee731c; background: #ee731c; padding: 10px 5px 2px 5px; text-align: center; width: fit-content; margin-top: 15px;}

.bounce { -moz-animation: bounce 5s infinite; -webkit-animation:bounce 5s infinite; animation: bounce 5s infinite; animation-delay: 5s;}


@keyframes bounce {
  0%, 20%, 40%, 60%, 80%, 100% { transform: translateY(0); }
  10% { transform: translateY(-10px); }
  30% { transform: translateY(-10px); }
  50% { transform: translateY(-10px); }
  70% { transform: translateY(-10px); }
  90% { transform: translateY(-10px); }

}


.boxed_wrapper .home-link .home-btns .btn-box .main-btn { position: relative; padding: 0 15px 5px; display: block; font-family: 'LeagueSpartanRegular', sans-serif; font-weight: 600; letter-spacing: 0.5px; transition: .5s; border-radius: 5px; font-size: 22px; background-color: transparent; color: #ee731c;}

.boxed_wrapper .home-link .home-btns .btn-box:hover .main-btn { color: #000000; transition: .5s; }

.boxed_wrapper .home-link .home-btns .btn-box:hover .arrow.bounce { background: #000000; border: 1px solid #000000; transition: .5s; }

.boxed_wrapper .home-link .home-btns .btn-box .arrow i { color: #ffffff;}
 

.boxed_wrapper .home-link { bottom: 10%;}


.slider .item h2 { font-size: 32px; line-height: 38px; font-weight: 600; font-family: "Gilda Display", serif; letter-spacing: 1px; color: #000000; margin: 0 auto; opacity: 1; transform: translateY(50px);  position: absolute; bottom: 40%; width: 100%; z-index: 9999; left: 0; right: 0; text-align: center; text-transform: capitalize;}



@media screen and (max-height:767) { 

.home-wrapp { min-height: 500px !important;}
}

@media screen and (max-height:600px) { 

.home-wrapp { height: 100vh !important; min-height: 500px !important;}

.slider .items { height: 100vh !important; min-height: 500px !important;}

.home-logo { max-width: 400px; top: 7%;}

.home-logo .home-box svg { max-width: 350px;}

.slider .item h2 { font-size: 26px; bottom: 35%; transform: translateY(-30%);}

.boxed_wrapper .home-link { bottom: 12%;}

.boxed_wrapper .home-link .home-btns .btn-box .main-btn { font-size: 18px;}

.boxed_wrapper .home-link .home-btns .btn-box .arrow { padding: 7px 5px 2px 5px;}

.boxed_wrapper .home-link .home-btns .btn-box .arrow i { font-size: 14px;}



}



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

.slider { min-height: 100vh;}
.slider .items { min-height: 100vh;}
.slider .item { min-height: 100vh;}
.slider .item img { min-height: 100vh;}




.header-top { padding: 0px;}

.home-logo {max-width: 96%;top: 20%;transform: translateY(-20%);}

.home-logo .home-box svg { max-width: 400px; width: 100%;}

.main-header.landing-head .header-top .top-inner { padding: 0; display: flex;}

.main-header.header-style-one.landing-head .top-right {display: block;width: 100%;background: #12395b;border-radius: 0;/* border-bottom-right-radius: 6px; *//* border-bottom-left-radius: 6px; */}

.main-header.header-style-one.landing-head .container { max-width: 100%;}

.main-header.header-style-one.landing-head {top: 0;transform: inherit;width: 100%;}

.main-header.header-style-one.landing-head .header-top .social-links li i {font-size: 16px;color: #ffffff;}


.boxed_wrapper .home-link { bottom: 10%;}

.slider .item h2 {font-size: 22px;bottom: 34%;transform: translateY(-38%);max-width: 90%;line-height: 26px;}

.boxed_wrapper .home-link .home-btns .btn-box { margin: 0 5px 10px;}

.boxed_wrapper .home-link .home-btns .btn-box .main-btn { font-size: 18px;}

.boxed_wrapper .home-link .home-btns .btn-box .arrow { padding: 7px 5px 2px 5px; margin-top: 5px;}

.boxed_wrapper .home-link .home-btns .btn-box .arrow i { font-size: 14px;}
 
 

@keyframes bounce {
  0%, 20%, 40%, 60%, 80%, 100% { transform: translateY(0); }
  10% { transform: translateY(-5px); }
  30% { transform: translateY(-5px); }
  50% { transform: translateY(-5px); }
  70% { transform: translateY(-5px); }
  90% { transform: translateY(-5px); }

}



.logo-tagline { margin-top: -12px;}

.home-logo .logo-tagline h2 { font-size: 16px;}

.logo-tagline { margin-top: -12px;}

.home-logo .logo-tagline h2 { font-size: 16px;}

.main-header.header-style-one.landing-head .header-top .social-links li { width: fit-content; display: block; margin: 0 0 0 !important;}

.main-header.header-style-one.landing-head .header-top .social-links li a {  padding: 12px 10px; background: #ffffff00;}

.footer-bottom { background: #ffffff78;padding-top: 15px;}

.footer-bottom .info li i { top:0; }


}

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

.slider .item h2 {font-size: 22px;bottom: 32%;transform: translateY(-38%);max-width:300px;line-height: 30px;}


.footer-bottom .info li { font-size: 12px;}

}


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

.boxed_wrapper .home-link { bottom: 13%; }

.boxed_wrapper .home-link .home-btns .btn-box .main-btn { font-size: 18px; padding: 0 10px 5px;}

.slider .item h2 { bottom: 38%;}

.boxed_wrapper .home-link .container { max-width: 100%; padding: 0 5px;}

.footer-bottom .info li { font-size: 12px;}


}