body{
    margin: 0px;
    padding: 0px;
    
}

ul, li, a, span, section{margin: 0px; padding: 0px;}
img{max-width: 100%;}
*{box-sizing: border-box;}
.header{
    width: 100%;
    float: left;
    background-color:#fff; 
    height: auto;
    position:fixed;
    top:0px;
	z-index: 99999;
	transition: top 0.2s ease-in-out;
	box-shadow: 2px 2px 2px #eee;
}
.navbar{padding: .5rem 0rem!important;}
.navbar-brand img{max-width: 350px;}
.nav-link{display: initial!important;}
.topBar{width: 100%; border-bottom: 1px solid rgba(255,255,255,0.09);}
.openTime{width: 100%; padding: 10px 0px;}
.openTime ul{list-style: none; margin: 0px;}
.openTime li{line-height: normal; font-size: 16px; display: inline-block; color: #fff}

.contactBar{width: 100%; text-align:right}
.contactBar ul{list-style: none; margin: 0px;}
.contactBar li{line-height: normal; font-size: 16px; display: inline-block; color: #fff;padding:10px;}
.contactBar li a{ color: #fff}
.contactBar li a:hover{ color: #04bebd}


.social-icons{width: 100%; text-align:right; margin-top: 10px;}
.social-icons ul{list-style: none; margin: 0px;}
.social-icons li{line-height: normal; font-size: 16px; display: inline-block; color: #fff; padding:0 10px;}
.social-icons li a{ color: #fff}
.social-icons li a:hover{ color: #04bebd}

.navbar-dark .navbar-nav .nav-link{color:rgba(31, 29, 29, 0.5)!important}

.navbar-dark .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(49, 41, 41, 0.1)!important;}
.navbar-dark .navbar-toggler-icon{background:url(../images/navIcon.png)!important;}

.slider-wrapper{
    margin: auto;
    max-width: 100%;
    height: auto;
}


slider-wrapper.default>div {
	display: none
}

.slider-wrapper.default>div #slides {
	font-weight: 400;
	color: white;
	line-height: normal
}

.slider-wrapper.default>div #slides img {
	border: 0
}

.slider-wrapper.default>div #slides>a {
	line-height: 0px
}

.slider-wrapper.default>div #slides h1,
.slider-wrapper.default>div #slides h2,
.slider-wrapper.default>div #slides h3,
.slider-wrapper.default>div #slides h4 {
	padding: 1% 3% 1% 3%;
	color: #000;
	background-color: #ffffff;
	line-height: normal;
	text-align: center
}

.slider-wrapper.default>div #slides span,
.slider-wrapper.default>div #slides p {
	line-height: normal
}

.slider-wrapper.default>div .social {
	position: absolute;
	top: 4%;
	left: 3%;
	z-index: 10000
}

.slider-wrapper.default>div .social div {
	float: left;
	margin-right: 10px
}

.slider-wrapper.default>div #bullets {
	height: 10px;
	position: absolute;
	bottom: 4%;
	right: 3%;
	z-index: 10000
}

.slider-wrapper.default>div #bullets .bullet {
	min-height: 12px;
	min-width: 12px;
	border-radius: 6px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
	background-color: #b4b4b4;
	background-color: rgba(255, 255, 255, 0.6)
}

.slider-wrapper.default>div #bullets .bullet:hover {
	background-color: #fff
}

.slider-wrapper.default>div #bullets .bullet.selected {
	background-color: #fff
}

.slider-wrapper.default>div #left {
	position: absolute;
	width: 47px;
	height: 47px;
	background: url(../images/arrow.png);
	left: 5%;
	top: 50%;
	margin-top: -24px;
	z-index: 999;
	cursor: pointer
}

.slider-wrapper.default>div #right {
	position: absolute;
	width: 47px;
	height: 47px;
	background-image: url(../images/arrow.png);
	background-position: right top;
	right: 5%;
	top: 50%;
	margin-top: -24px;
	z-index: 999;
	cursor: pointer;
}




.middle{width: 100%; margin-top: 25px;}
.heading{width: 100%; position: relative;}
.heading h1{font-size: 40px;}
.heading h1:before {
    width: 50px;
    bottom: -35px;
    height: 4px;
    left: 50%;
    margin-left: -21px;
    bottom: -20px;
    position: absolute;
    content: '';
    background: #04bebd;
}
.marktingFetures{width: 100%; margin-top: 60px;}
.feturesImgbox{width: 100%}
.featured-thumbnail{width: 100%;}
.featured-content{width: 100%; padding:20px;
    text-align: left; -webkit-transition: all .4s ease-in-out;}
.featured-content h3{font-size: 26px;}
.featured-content p{font-size: 16px; line-height: 22px;}
.feturesImgbox:hover .featured-content{background: #f38a31; color: #fff;}
#programs .owl-buttons { position: absolute; right: 15px; top: -66px;}
#programs .owl-buttons div {color: #fff; background: none;padding: 7px; background:#04bebd; height:30px; width:30px; border-radius:0px;}

.loyalty{width: 100%; margin-top: 60px;
    background: url(../images/bg.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
	background-size: cover !important;
	padding: 25px 0px;
}

.heading2{width: 100%; position: relative;}
.heading2 h1{font-size: 40px; color: #fff}
.heading2 h1:before {
    width: 50px;
    bottom: -35px;
    height: 4px;
    left: 20px;
    margin-left: -21px;
    bottom: -20px;
    position: absolute;
    content: '';
    background: #04bebd;
}

.solution{width: 100%; margin-top: 30px;}
.solBox{width: 100%; text-align: center}
.solBox h4{font-size: 20px; font-weight: normal; color: #f38a31}
.solBox p{color: #fff; font-size: 16px; line-height: 22px;}
.solBox img{margin-bottom: 10px;}

.builtSection{width: 100%; margin-top: 60px; float: left;}
.buildCover{width: 100%; margin-top: 50px; display: flex; background-color: #f9f9f9}
.buildBox{width: 25%; float: left; background:#f9f9f9; padding: 25px; color: #000; text-align: center}
.buildBox2{background:#f9f9f9;}
.buildBox img{margin-bottom: 15px;}

.solBox2{width: 100%; text-align: center}
.solBox2 h4{font-size: 20px; font-weight: normal; color: #000; font-weight: 600;}
.solBox2 p{color: #000; font-size: 16px; line-height: 22px;}
.solBox2 img{margin-bottom: 10px;}
.chooseBox{width: 100%; margin-top: 60px;}

.footer{width: 100%; float: left; background: #fcc165; padding: 15px 0px; margin-top: 60px; border-bottom: 4px #fba41d solid;}
.footNavi{width: 100%;}
.footNavi ul{list-style: none; margin-bottom: 0px;}
.footNavi li{line-height: normal; display: inline-block; font-size: 16px; padding: 0 10px;}
.footNavi li a{color: rgb(255, 255, 255);}
.footNavi li a:hover{color: rgb(255, 255, 255);}

.socialIcon{width: 100%; text-align: right}
.socialIcon ul{list-style: none; margin-bottom: 0px;}
.socialIcon li{line-height: normal; display: inline-block; font-size: 16px; padding: 0 10px;}
.socialIcon li a{color: rgb(236, 236, 236);}
.socialIcon li a:hover{color: rgb(255, 255, 255);}


.fixed {
    position: fixed;
    top:0; left:0;
    width: 100%; }

	.nav-up {
		top: -135px;
	
	}

.regiArea{width: 100%; float: left; margin-top: 30px; background-color: #000029; padding:20px 0px 30px 0px;}
.regiForm{width: 100%; float: left;}
.heading3{width: 100%; float: left; text-align: center;}
.heading3 h4{font-size: 36px; font-weight: normal; color: #fff;}
.heading3 p{font-size: 16px; font-weight: normal; color: #fff;}

.regiForm .btn-warning {
    color: #212529;
    background-color: #f38a31;
    border-color: #f38a31;}


    .regiForm .btn-warning:hover {
    color: #212529;
    background-color: #f38a31;
    border-color: #f38a31}

    .regiForm .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #f38a31;
    border-color: #f38a31;}
.regiForm toggle {
    color: #212529;
    background-color: #df38a3139e00;
    border-color: #f38a31;}


.boxform {
    width: 100%;
    float: left;
    padding: 20px;
    background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(239,239,239,1));}

.contactArea {
    width: 100%;
    float: left;}

    .contactArea li {
    line-height: normal;
    display: block;
    font-size: 18px;
    margin-top: 20px;}

    .contactArea li a { color: #000; text-decoration: none; }


.innerBanner{width:100%; float:left;}
.innerBanner img{min-width:100%;}
.aboutImage{width:100%; float:left;}
.aboutContain{width:100%; float:left; margin-top:40px;}
.aboutText{width:100%; float:left; }
.mrgTB{margin:20px 0 40px 0px;}
.imgBoxtxt{width:100%; float:left; margin-top:20px;}
.chains{width:100%; float:left; margin-bottom:15px;}


	@media only screen and (min-width: 300px) and (max-width: 768px)  {
		.topBar{display: none}
		.navbar-toggler{margin-right: 27px!important;}
		.buildBox2,.buildBox{padding: 50px 0px; width: 100%;}
		.footNavi, .socialIcon{text-align: center; margin-bottom: 10px;}
		.nav-item{margin-top: 10px;}
		.navbar-collapse{border-top: 1px solid rgba(255,255,255,0.09); padding-top: 10px; margin-top: 25px;}
	}



/* https://bestjquery.com/tutorial/timeline/demo68/ 
http://themetechmount.com/html/fondex/header-overlay.html
https://www.reelo.in/

*/