body{font-size:14px; color:#fff; font-family: 'Montserrat', sans-serif;}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none;}
img{max-width:100%;}
input, textarea{font-family: 'Montserrat', sans-serif;}

.clr{clear:both;}
.clearfix:after {display: block; content: ''; width: 100%; clear: both; }

::-webkit-input-placeholder{color:#fff;}
::-moz-placeholder{color:#fff;}
:-ms-input-placeholder{color:#fff;}
:-moz-placeholder{color:#fff;}

input:disabled, textarea:disabled, select:disabled, button:disabled{background:rgba(255,255,255,0.2) !important;}

/** ========= TYPOGRAPHY ========= **/
a {
	color: #ff9c00;
	text-decoration: none;
}
	a:hover {
		color: #d51b16;
		text-decoration: none;
	}
p {
	line-height: 30px;
	margin-bottom: 25px;
	letter-spacing: 0px;
	font-weight: 500;
	color: #100d43;
	font-size: 16px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Dancing Script', cursive;
	font-weight: 800;
	/*text-transform: uppercase;*/
	letter-spacing: 2.5px;
	margin: 0 0 20px;
}
.h2, h2{font-size:45px;}
.h3, h3{font-size:20px; text-transform:none;}

/* section left heading */
.section-number{font-size:55px; line-height:55px; margin-bottom:35px; font-weight:800;}
.section-heading{font-size:55px; line-height:55px; position: absolute; white-space:nowrap; width:0; top:180px; left:0; right:0;	margin:0 auto; font-weight:800; text-transform: uppercase; letter-spacing:0.1em; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform:rotate(-90deg);}
.section-heading span{display:block; float:right;}

/* section bottom heading */
.section-heading2{font-size:110px; line-height:normal; position:absolute; bottom:0; right:75px; text-align:right; opacity:0.25; margin:0;}

/** ========= COLORS ========= **/
/* section color */
.bg-blue {
	background-color: #665a5a;
}
.bg-yellow{background-color:#ff9900;}
.bg-green{background-color:#39ca76;}
.bg-red {
	background-color: #d51b16;
}
.bg-dark-blue{background-color:#100d43;}
.bg-sky-blue{background-color:#17a2d4;}
.bg-light-orange{background-color:#f39e61;}
.bg-jungle{background-color:#29ab87;}
.bg-turkis{background-color:#4f97a3;}
.bg-ecru{background-color:#cdb17f;}
.bg-salmon{background-color:#ff7777;}
.bg-gray{background-color:#828282;}
.bg-teal{background-color:#15a2b3;}
.bg-light-teal{background-color:#00bcbd;}
.bg-midnight-blue{background-color:#304150;}
.bg-gold{background-color:#aa9166;}
.bg-light-blue{background-color:#38496b;}
.bg-dark-grayish{background-color:#47414f;}
/* body, loader, left menu color */
body, .loader, .exalt-sidebar-menu {
	background: #b1201d!important;
}
.spinner{background:#ff9900;}
/* menu and footer text color */
ul#menu-primary li a, .footer-social ul li a, .copyright-txt {
	color: #ffffff;
}
ul#menu-primary li:hover a, ul#menu-primary li.active a, .footer-social ul li:hover a{color:#ff9900;}
ul#menu-primary li:hover:before, ul#menu-primary li.active:before{background:#ff9900;}

/* section left heading bg color */
.split-color{background:rgba(0,0,0,0.1);}

/** ========= LEFT MENUBAR ========= **/
.exalt-sidebar-menu{position:fixed; top:0; left:0; width:380px; height:100%; padding:25px 25px 0; z-index:99999; transition:all 0.3s;}
.header-inner{height:100%; position:relative; box-sizing:border-box;}

.exalt-one-page-nav{padding:0;}

/* menu open close buttons */
.mobile-menu-btn {
	font-size: 24px;
	color: #d51b16;
	position: absolute;
	top: 0px;
	right: -50px;
	width: 40px;
	height: 40px;
	background-color: #f9c508;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
	z-index: 100000;
}
.desktop-menu-btn {
	font-size: 24px;
	color: #100d43;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #f9c508;
	
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
	z-index: 100000;
}
.desktop-menu-btn:hover{background-color:#ff9900;}
.dmenu-close .desktop-menu-btn{right:-50px; -webkit-border-radius:0; border-radius:0;}

.desktop-menu-btn:after, .exalt-sidebar-menu.active .mobile-menu-btn:after{content:"\f00d"; font-family: "Font Awesome 5 Free"; font-weight:900;}
.dmenu-close .desktop-menu-btn:after, .mobile-menu-btn:after{content:"\f0c9"; font-family: "Font Awesome 5 Free"; font-weight:900;}
.mobile-menu-btn{display:none;}

.dmenu-close .exalt-sidebar-menu{left:-380px;}
.dmenu-close .content-shrink{padding-left:0;}

/* logo */
.navbar-header{width:100%;}
.navbar-brand{text-align:center; color:#fff !important; display:block; margin:0 0 60px; padding:0; white-space:normal;}
.logo-icon{width:178px; margin-bottom:8px;}
.logo-text {
	display: block;
	font-size: 22px;
	line-height: 35px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.logo-tagline{/*font-family:'Roboto Condensed', sans-serif; */display:block; font-size:12px; letter-spacing:1px; line-height:12px; text-transform:uppercase; margin-bottom:0;}

/* menus */
.nav-wrap{}
ul#menu-primary {
	border-left: #a6a3d7 1px solid;
	padding-left: 24px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left: 7px;
	margin-bottom: 20px;
}
ul#menu-primary li{display:block; margin-bottom:25px; position:relative;}
ul#menu-primary li:before{position:absolute; content:""; left:-30px; top:6px; width:10px; height:10px; border-radius:50%; -webkit-border-radius:50%; background:#a6a3d7; transition:0.3s;}
ul#menu-primary li:last-child{margin-bottom:0;}
ul#menu-primary li a{font-size:12px; line-height:12px; text-transform:uppercase; letter-spacing:1px; transition:0.3s;}

/* footer */
.exalt-sidebar-menu-footer{ position:absolute; bottom:10px;}
.footer-social ul li{display:inline-block; vertical-align:top; padding:0 5px;}
.footer-social ul li a{font-size:15px;}
.copyright-txt {
	margin-bottom: 20px;
	line-height: 26px;
	letter-spacing: normal;
	font-size: 13px;
}

/** ========= MAIN CONTENT ========= **/
.container-fluid{padding-left:80px; padding-right:80px;}
.content-shrink{padding-left:380px; width:100%; transition:all 0.3s; overflow-x:hidden; overflow-y:hidden;}
.content-boxed {
	padding-top: 52px;
	padding-bottom: 14px;
	padding-left:188px;
	position: relative;
}

/* section left heading */
	.content-boxed .split-color {
		background: #d51b16;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		width: 188px;
		height: 100%;
		padding: 115px 0 0;
		text-align: center;
		overflow: hidden;
	}

/* heading bottom border line */
.heading-border {
	padding-bottom: 12px;
	position: relative;
	color: #100d43;
	letter-spacing: 0.5px;
	line-height: 30px;
}
	.heading-border:after {
		position: absolute;
		content: "";
		left: 0;
		bottom: 0;
		width: 63px;
		height: 3px;
		background: #ffc107;
	}
.heading-border2 {
	padding-bottom: 10px;
	position: relative;
	color: #100d43;
	line-height: 26px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
	.heading-border2:after {
		position: absolute;
		content: "";
		left: 0;
		bottom: 0;
		width: 47px;
		height: 2px;
		background: #f9c508;
	}

.heading-border.text-center, .heading-border2.text-center{text-align:center;}
.heading-border.text-center:after, .heading-border2.text-center:after, .text-center .heading-border:after, .text-center .heading-border2:after{right:0; margin:0 auto;}
.heading-border.text-right:after, .heading-border2.text-right:after, .text-right .heading-border:after, .text-right .heading-border2:after{right:0; left:auto;}
/** ========= TOP BANNER AND SLIDER ========= **/
/* Home Top banner */
.header-banner{position:relative;}
.hbanner-img{width:100%; height:100vh; background-position:center center; background-repeat:no-repeat; position:relative; overflow:hidden;}
.hbanner-img:before{position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:rgba(16,13,67,0.65);}

/* Home Top slider */
.slider-img{width:100%; height:100vh; background-position:center center; background-repeat:no-repeat; position:relative; overflow:hidden;}
.slider-img:before{position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:rgba(16,13,67,0.65); z-index:2;}
.zs-enabled .zs-slideshow .zs-bullets{display:none;}

/* Home Top banner slider text and button */
.rotate{-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);}

.hbanner-txt{
	position:absolute; top:50%; transform:translate(0,-50%); left:5%; right:0; margin:0 auto; z-index:99; text-align:left;}
	.hbanner-txt h1 {
		font-family: 'Montserrat', sans-serif;
		font-weight: 800;
		font-size: 40px;
		line-height: 62px;
		margin-bottom: 20px;
	}
	.hbanner-txt p {
		font-size: 24px;
		line-height: 24px;
		font-weight: 200;
		margin-bottom: 30px;
		color: #fff;
	}
.red-bg-txt, .jungle-bg-txt{font-size:45px; line-height:45px; font-weight:200; margin-bottom:20px; letter-spacing:3px;}

/* banner buttons */
.btn{vertical-align:top;}
.flat-btn {
	background-color: #d51b16;
	color: #fff;
	font-size: 15px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 13px 15px;
	border-radius: 0;
	transition: 0.3s;
}
.flat-btn:hover{/*background-color:#39ca76;*/ color:#fff;}

.hbanner-logo{position:absolute; top:8px; right:8px; width:55px; z-index:99; display:none;}
.dmenu-close .hbanner-logo{display:block;}

.down-btn {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #f9c508;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 24px;
	color: #100d43;
	transition: 0.3s;
	z-index: 9999;
} 
.down-btn:hover{background-color:#39ca76; color:#fff;}

/** ========= ABOUT ME ========= **/
/* about image */
.about-img{margin-top:6px;text-align:center}
.about-img img{position:relative; border:#fff 5px solid;}
.behind-border-box{position:relative; padding-left:5%; padding-top:5%; display:inline-block;}
.behind-border-box:before{position:absolute; content:""; left:0; width:90%;	height:90%; top:0; background:#ff9900;}
.img-hover{position:relative; overflow:hidden;}
.img-hover::before{position: absolute; top: 0; left: -85%;	z-index: 2;	display: block;	content: ''; width: 50%; height: 100%;	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg);	transform: skewX(-25deg);}
.about-img:hover .img-hover::before{-webkit-animation: shine .75s;	animation: shine .75s;}
@-webkit-keyframes shine{
	100%{left: 125%;}
}
@keyframes shine {
	100% {left: 125%;}
}
/* personal info */
.personal-info{margin-bottom:26px;}
.personal-info-title{width:80px; float:left; font-weight:800; padding-right:10px; position:relative; display:block;}
.personal-info-title:after{content:":"; position:absolute; right:0; top:0;}
.personal-info-disc{padding-left:100px; display:block}

/* download and hire button */
#about .flat-btn{margin-right:10px; margin-bottom:10px;}
.hire-btn{border:#fff 1px solid; color:#fff; text-transform:uppercase; font-size:18px; line-height:18px; letter-spacing:2px; padding:13px 15px; border-radius:0; transition:0.3s;}
.hire-btn:hover{background:#fff; color:#36739e;}

/** ========= OUR SKILLS ========= **/
/** Progressbar class css*/
.progressbar{width: 100%; margin-top: 5px; margin-bottom: 35px;	position: relative;	background-color: #fff !important;}
.proggress{height:8px; width:10px; background-color:#516abc;}
.percentCount{float:right; margin-top:10px;	clear: both; font-size:14px; letter-spacing:2px;}
.progress-box p{margin-bottom:10px;}

.progress{background:#fff; border-radius:30px; -webkit-border-radius:30px; height:8px;}
.progress-bar{background-color:#516abc;}

.skill-icon{font-size:48px; line-height:48px; margin-bottom:10px;}

/** ========= OUR PROJECTS ========= **/
.projects-sec{text-align:center;}
/* tab menu */
.toolbar{border-radius:30px; -webkit-border-radius:30px; display:inline-block; vertical-align:top; overflow:hidden; padding:0 18px; margin-bottom:65px; border:none; background:#fff;}
.toolbar button{font-size:14px; line-height:14px; color:#39ca76; font-weight:300; letter-spacing:1px; padding:0 15px; text-transform:uppercase; transition:0.3s; background:none; border-radius:0; border-right:#d7d7d7 1px solid; margin:13px 0;}
.toolbar button:last-child{margin-right:0; border-right:none;}
.toolbar button:hover, .toolbar button:focus{box-shadow:none; color:#516abc;}
.tabmenu-mobile{width:50px; height:50px; line-height:50px; background-color:#fff; color:#29ab87; font-size:21px; border-radius:5px; margin:0 auto 35px; cursor:pointer; display:none;}

/* project box */
.work-box{position:relative; text-align:center; margin-bottom:30px; overflow:hidden;}
.work-box img{position:relative;}
.work-box:after{position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:rgba(16,13,67,0.9); transition:0.3s; opacity:0;}

/* project box hover info*/
.work-box .hoverinfo{position:absolute; top:0%; left:0; width:100%; transition:all 0.5s; color:#fff; opacity:0; visibility:hidden;	z-index:1;}
.work-box .hoverinfo a{color:#fff;}
.work-box:hover .hoverinfo{top:50%; transform:translate(0,-50%); opacity:1; visibility:visible;}
.work-box:hover:after{opacity:1;}
.work-box .hoverinfo a.prolink-icon{display:inline-block; vertical-align:top; width:45px; height:45px; line-height:45px; margin:0 2px; font-size:18px; border-radius:50%; -webkit-border-radius:50%; text-align:center; color:#39ca76; background-color:#fff; transition:0.3s;}
.work-box .hoverinfo a.prolink-icon:hover{background-color:#39ca76; color:#fff;}
.link-icons{margin-bottom:10px;}

#portfolio{margin: 1rem 0; -webkit-column-count: 4; -moz-column-count: 4; column-count:4; -webkit-column-gap:1rem; -moz-column-gap:1rem; column-gap:1rem; -webkit-column-width:25%; -moz-column-width:25%; column-width:25%;}
::-moz-focus-inner{border:0;  padding: 0;}
.gallery_product {flex: unset;}

/** ========= OUR SERVICES ========= **/
.service-box{margin-bottom:55px; text-align:center;}
.service-box-border{padding-bottom:22px; border-bottom:#fff 1px solid;}
.service-icon{width:60px; height:70px; font-size:36px; line-height:70px; text-align:center; border:#fff 2px solid; margin:0 auto 17px;}

/** ========= CONTACT SECTION ========= **/
/* contact info */
.contact-box{margin-bottom:35px; text-align:center;}
.contact-icon{width:60px; height:70px; font-size:36px; line-height:70px; margin:0 auto 17px; text-align:center; border:#fff 2px solid;}
.contact-box a{color:#fff;}

/* google map */
.gmap{margin-top:6px; width:100%;}
.gmap iframe{position:relative; width:100%; border:#fff 10px solid;}

/* contact form */
label {
	display: inline-block;
	color: #100d43!important;
	font-weight: 600!important;
}
.contact-form {
	padding: 39px 34px 0px 32px;
	border-radius: 10px;
	box-shadow: 0px 4px 6px rgb(0 0 0 / 10%);
	background: white;
}
.contact-form .f-field{margin-bottom:20px;}
	.contact-form .f-field input {
		display: block;
		width: 100%;
		height: 40px;
		background: none;
		border: none;
		border-bottom: #100d43 1px solid;
		font-size: 13px;
		font-weight: 500;
		line-height: 14px;
		letter-spacing: 0px;
		color: #100d43;
		padding: 0 15px 0px 0px
	}
	.contact-form .f-field textarea {
		display: block;
		width: 100%;
		height: 40px;
		background: none;
		border: none;
		border-bottom: #100d43 1px solid;
		font-size: 14px;
		line-height: 14px;
		letter-spacing: 2px;
		color: #100d43;
		padding: 15px;
	}
.contact-form .sent-btn input{display:block; width:100%; height:40px; background:#fff; border:none; font-size:18px; line-height:18px; letter-spacing:2px; color:#516abc; text-transform:uppercase; font-weight:800; padding:0 15px; cursor:pointer;}
input::file-selector-button {
	font-weight: bold;
	color: #000000;
	padding: 0.5em;
	border: thin solid grey;
	border-radius: 3px;
}
label.lableupload {
	margin-bottom: 15px;
}
/** ========= LOADER ========= **/
.loader{position:fixed; overflow: hidden; z-index: 999999; left:0; top: 0; width:100%; height:100%; text-align:center;}
.spinner{position:absolute; top:50%; left:0; right:0; transform:translate(0,-50%); width: 40px; height: 40px; margin:0 auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out;}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% {transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)} 
  50% {transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)} 
  100% {transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}

/** ========= RESPONSIVE ========= **/
@media screen and (max-height:720px) {
.exalt-sidebar-menu-footer{position:inherit;}
}

@media only screen and (max-width:1580px) {
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{letter-spacing:2px;}

.navbar-brand{margin:0 0 40px;}
.logo-icon{width:105px;}

.content-shrink{padding-left:300px;}
.exalt-sidebar-menu{width:300px; padding:15px 15px 0;}
.dmenu-close .exalt-sidebar-menu{left:-300px;}

.section-number{font-size:45px; line-height:45px;}
.section-heading{font-size:45px; line-height:45px; top:160px;}

.container-fluid{padding-left:30px; padding-right:30px;}
.content-boxed .split-color{width:140px; padding:110px 0 0;}
	.content-boxed {
		padding-left: 140px;
		padding-top: 52px;
		padding-bottom: 14px;
	}
.service-box{padding-right:0;}
.section-heading2{font-size:80px; right:26px;}

#about .flat-btn, .hire-btn{min-width:196px;}

.contact-icon{float:none; margin-bottom:17px;}
.contact-txt{padding-left:0;}
}
@media only screen and (max-width:1280px) {
.navbar-brand{margin:0 0 25px;}

.desktop-menu-btn{display:none;}
.mobile-menu-btn, .hbanner-logo{display:block;}
.exalt-sidebar-menu{left:-300px;}
.content-shrink{padding-left:0;}
.exalt-sidebar-menu.active{left:0px;}

.down-btn{width:40px; height:40px; line-height:40px;}
}
@media only screen and (max-width:1024px) {
.h2, h2{font-size:42px;}
.h3, h3, .service-box h3{font-size:16px;}

	.hbanner-txt h1 {
		font-size: 40px;
		line-height: 40px;
	}
.red-bg-txt, .jungle-bg-txt{font-size:38px; line-height:38px;}

.section-number{font-size:40px; line-height:40px;}
.section-heading{font-size:40px; line-height:40px; top:145px;}
.section-heading2{font-size:70px;}
}
@media only screen and (max-width:991px) {
ul#menu-primary li{margin-bottom:15px;}

.hbanner-txt h1{font-size:50px; line-height:50px;}
.hbanner-txt p{font-size:18px; line-height:18px;}
.red-bg-txt, .jungle-bg-txt{font-size:28px; line-height:28px;}

.toolbar button{font-size:13px; line-height:13px; padding:0 5px;}

#portfolio{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-width:33.3333%; -moz-column-width:33.3333%; column-width:33.3333%;}

.progress-box.pl-5{padding-left:0 !important;}

.section-heading, .section-number{font-size:36px; line-height:36px;}
.section-heading2{font-size:55px;}

.service-box-border{border-bottom:none; padding-bottom:0;}
.contact-form{margin-bottom:30px;}

.content-boxed .pr-5, .content-boxed .pr-3{padding-right:0 !important;}
.content-boxed .pl-5, .content-boxed .pl-3{padding-left:0 !important;}
}
@media only screen and (max-width:767px) {
.h2, h2{font-size:24px;}
.exalt-sidebar-menu{width:270px; left:-270px;}

.logo-icon{width:75px;}
	.logo-text {
		font-size: 19px;
		line-height: 28px;
	}
.logo-tagline{font-size:10px;}

	.copyright-txt {
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 15px;
	}

.container-fluid{padding-left:20px; padding-right:20px;}

.content-boxed .split-color{position:inherit; width:100%; min-height:auto; height:inherit; overflow:inherit; padding:20px 0; margin-bottom:45px;}
.section-heading{left:inherit; position:inherit; top:inherit; text-align:center; width:auto; -webkit-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0);}
	.section-heading span {
		float: none;
		font-size: 26px;
	}
.section-heading, .section-number{font-size:30px; line-height:30px;}
.section-number{margin-bottom:10px;}
.section-heading2{right:18px; font-size:50px;}
.content-boxed{padding-top:0; padding-left:0;}

.hbanner-txt h1{font-size:40px; line-height:40px; margin-bottom:10px;}
.hbanner-txt p{font-size:16px; line-height:16px;}

.tab-custom .nav-tabs li a{font-size:12px; line-height:12px;}
}
@media only screen and (max-width:639px) {
.hbanner-txt h1{font-size:25px; line-height:30px;}
.h2, h2{font-size:38px;}
.content-boxed{padding-bottom:1rem;}
.section-heading2{font-size:35px; line-height:35px; left:0; right:0; bottom:15px; margin:0 auto; text-align:center;}
.section-heading, .section-number{font-size:30px; line-height:30px;}

.tab-custom .nav-tabs li, .toolbar button{float:none; display:block; width:100%; border-right:none;}

.toolbar{margin-bottom:5px; border-radius:8px; -webkit-border-radius: 8px; display:none; transition:all 0.3s;}
.tabmenu-mobile, .toolbar.active{display:block;}
#portfolio{-webkit-column-count:2; -moz-column-count: 2; column-count: 2; -webkit-column-width:50%; -moz-column-width:50%; column-width:50%;}

.gmap iframe{height:300px;}
}
@media only screen and (max-width:480px) {
.service-box{margin-bottom:35px;}
}
@media only screen and (max-width:359px) {
.exalt-sidebar-menu.active .mobile-menu-btn{right:0; width:40px; height:40px; line-height:40px;}
.gmap iframe{height:320px;}
}


p.prizelist {
	font-size: 16px;
	margin-bottom: 13px;
	font-weight: 500;
}

.contact-detail {
	line-height: 35px;
}

.contact-detail a {
	color:#fff;
}
	.contact-detail a:hover {
		color: #ffcf51;
	}


	.contact-detail i {
		color: #d51b16;
	}


.cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	margin: 4rem 5vw;
	padding: 0;
	list-style-type: none;
}

.card {
	position: relative;
	display: block;
	height: 100%;
	border-radius: calc(var(--curve) * 1px);
	overflow: hidden;
	text-decoration: none;
}

.card__image {
	width: 100%;
	height: auto;
}

.card__overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	border-radius: calc(var(--curve) * 1px);
	background-color: var(--surface-color);
	transform: translateY(100%);
	transition: .2s ease-in-out;
}

.card:hover .card__overlay {
	transform: translateY(0);
}

.card__header {
	position: relative;
	display: flex;
	align-items: center;
	gap: 2em;
	padding: 2em;
	border-radius: calc(var(--curve) * 1px) 0 0 0;
	background-color: var(--surface-color);
	transform: translateY(-100%);
	transition: .2s ease-in-out;
}

.card__arc {
	width: 80px;
	height: 80px;
	position: absolute;
	bottom: 100%;
	right: 0;
	z-index: 1;
}

	.card__arc path {
		fill: var(--surface-color);
		d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z");
	}

.card:hover .card__header {
	transform: translateY(0);
}

.card__thumb {
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.card__title {
	font-size: 1em;
	margin: 0 0 .3em;
	color: #6A515E;
}

.card__tagline {
	display: block;
	margin: 1em 0;
	font-family: "MockFlowFont";
	font-size: .8em;
	color: #D7BDCA;
}

.card__status {
	font-size: .8em;
	color: #D7BDCA;
}

.card__description {
	padding: 0 2em 2em;
	margin: 0;
	color: #D7BDCA;
	font-family: "MockFlowFont";
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

button.btn.flat-btn.scroll.wow.fadeInUp.formbutton {
	background: #100d43;
	border-radius: 10px;
}
	button.btn.flat-btn.scroll.wow.fadeInUp.formbutton:hover {
		background: #d51b16;
	
	}

img.prizeimg {
	width: 90%;
}

label#Banner_Info_Label {
	color: #c50000 !important;
}


a.privacypolicy {
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 1.5px;
}

a.privacypolicy:hover {
	color: #ff9900;
	
}
p.contest {
	letter-spacing:0px;
}

p.contesttext {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.5px;
	line-height: 25px;
}


span.contest {
	font-family: 'Niconne', cursive;
	text-transform: capitalize;
	font-size: 50px;

	font-weight: 300;
	letter-spacing: 0px;
}

@media only screen and (max-width: 767px)  {
	img.prizeimg {
		width: 100%!important;
	}
}
@media screen and (min-width: 300px) and (max-width: 360px) {

	
		p .contest {
		font-size: 13px;
		letter-spacing: 0px;
		margin-bottom:5px;
		margin-top:0px!important
	}


	p.contesttext {
		font-size: 13px;
		line-height: 24px;
		margin-bottom: 0px;
		letter-spacing: 0px;
	}

	h1.contest {
		font-size: 13px;
		letter-spacing:0px

	}

span.contest {
font-size: 16px;
letter-spacing: 0px;
	}
	h1.btn.flat-btn.contest {
		padding: 2px 21px;
		margin-top: 16px;
	}


	.section-heading span {
		
		font-size: 18px!important;
	}

}

.contatctdetails{
	color:#fff!important

}

.contatctdetails:hover {
	color: #ff9900!important
}

i.fab.fa-facebook-f {
	transition-duration: .5s;
	color: #ffffff;
	background: #1971cd;
	text-align: center;
	padding: 10px;
	font-size: 22px;
	width: 42px;
	border-radius: 50%;
	text-decoration: none;
}
i.fab.fa-instagram {
	transition-duration: .5s;
	color: #ffffff;
	background: #b61185;
	text-align: center;
	padding: 10px;
	font-size: 22px;
	width: 42px;
	border-radius: 50%;
	text-decoration: none;
}
i.fab.fa-youtube {
	transition-duration: .5s;
	color: #ffffff;
	background: #bb0000;
	text-align: center;
	padding: 10px;
	font-size: 22px;
	width: 42px;
	border-radius: 50%;
	text-decoration: none;
}
i.fa.fa-shopping-cart {
	transition-duration: .5s;
	color: #ffffff;
	background: #ff5700;
	text-align: center;
	padding: 10px;
	font-size: 22px;
	width: 42px;
	border-radius: 50%;
	text-decoration: none;
}

marquee {
	letter-spacing: 0px;
	line-height: 44px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}
li.pplist {
	color: #100d43;
	font-size: 16px;
	font-weight: 500;
	line-height: 31px;
}
li.prizes {
	color: #100d43;
	letter-spacing: 0.2px;
	line-height: 29px;
	font-size: 16px;
}

strong.contesttitle {
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.form-select {
	font-size: 13px;
	font-weight: 500;
	color:#100d43;
	border: none;
	border-bottom: #100d43 1px solid;
	height: 40px;
}
select option {
	font-size: 13px;
	font-weight: 500;
	color: #100d43;
}


a.ecdetails {
	color: #100d43;
}
a.ecdetails:hover {
	color: #ff9900!important
}

h1.btn.flat-btn.contest {
	cursor: auto;
}

.enqmail {
	font-size: 16px;
	padding-bottom: 10px;
	font-weight: 500;
	color:#ff9900
}