body,*{	padding: 0;	margin: 0;font-family: 'Poppins', sans-serif; font-size:14px; color:#54585b;}
p{ font-size:14px; color:#54585b; line-height:26px}
ul{	padding: 0;	margin: 0;}
a{text-decoration: none!important;transition: .5s ease; outline:none!important; border:none; color:#54585b;}
a:hover{color:#ff5816;}
h2,h3,h4,h5,h6{	margin:0px 0px 20px 0px;	padding: 0; text-transform:capitalize; font-weight:400; color:#233149}
h1{	font-size: 46px;font-weight:700;}
h2{	font-size: 32px;  }
h3{	font-size: 26px;}
h4{	font-size: 20px;}
h5{	font-size: 18px;}
h6{	font-size: 16px;}
img{max-width:100%}

h2{ font-size:32px; padding-top:30px;}
h2 span{font-weight:bold;font-size:32px;  }
.heading{  position: relative;}
h2:before{content: "";
  position: absolute;
  height: 6px;
 border-radius:54px; background:#ff5816;
  top: 0;
  width: 63px; }

/*********Buttons************/

.btn{border-radius:100px; min-width:178px; min-height:53px; height:53px;padding:0px; line-height:50px;text-transform: capitalize }
.btn-orange{background-color: #ff5816;border:solid 2px #ff5816;color: #fff;font-size: 18px;font-weight:400;cursor:pointer;text-transform: capitalize;}
.btn-orange:hover{	background-color: #fff;	border:solid 2px #fff; color:#ff5816}
a.btn-call{border-radius:100px; min-width:200px; min-height:53px; height:53px;padding:0px; line-height:50px;text-transform: capitalize; display:inline-block; text-align:center}
a.btn-call i{color:#fff}

a.btn{border-radius:100px; min-width:178px; min-height:53px; height:53px;padding:0px; line-height:50px;text-transform: capitalize }
a.btn-orange{background-color: #ff5816;border:solid 2px #ff5816;color: #fff;font-size: 18px;font-weight:400;cursor:pointer;text-transform: capitalize;}
a.btn-orange:hover {	background-color: #fff;	border:solid 2px #fff; color:#ff5816}
a.btn-orange:hover i{color:#ff5816}

input.btn-border{background-color: transparent;border:solid 2px #fff;color: #000 !important;text-transform: uppercase;font-weight: 600;font-size: 20px;cursor:pointer;}
input.btn-border:hover {	background-color: #000;	border: solid 2px #fff;color: #fff !important;}

.thnks .banner-text{position:relative; text-align:center;  max-width:100%; text-align:center }
#banner.thnks{ position:relative;background: url("../images/bnr1.jpg") no-repeat 50% 0px /cover;  min-height:auto; height:100vh;  }


/*********header************/

#topblock{position:absolute; width:100%; z-index: 10000;}
header{	position: relative;	z-index: 9;	top: 0px;	width: 100%; padding:10px 0px 10px 0px; min-height:67px; z-index:9999;transition: all 0.5s; background:transparent; }
.sticky {position: fixed;	top: 0px;	width: 100%; padding:0px 0px 0px 0px;	z-index: 99999;	scroll-behavior: smooth;	transition: all 0.5s;	background-color: #19366e; min-height:47px;-webkit-box-shadow: 0px 0px 8px 5px rgba(0,0,0,.1);   -moz-box-shadow:    0px 0px 8px 5px rgba(0,0,0,.1); box-shadow:0px 0px 8px 5px rgba(0,0,0,.1);  }
header .navbar-brand a img{width:100%;transition: all 0.5s;}
.navbar-brand  {width:377px;}
header .navbar{	margin-bottom: 0;}
.navbar-light .navbar-toggler {color: rgba(255, 255, 255, 1);border-color:transparent; border:none;   border-radius: 0px; outline:none	}
.navbar-icon{width:145px; display:none;}
.sticky .navbar-brand {width:277px;	transition: all 200ms ease;}
.mega-indicator:after {
   content: "\f078";
              color: #fff;
              transition: all .25s;
              font-family: 'Font Awesome 5 Free';
              font-weight: 900;
              font-size: 15px;

}

.mega-sub-menu {
    z-index: 999;
    position: absolute;
    width: 200px;
    padding: 15px 15px 15px 15px;
    border: 0;
    background: #f6f6f6;
    border-radius: 0px 2px 2px 2px;
    display:none;
    opacity: 1;
    background: #fff;
    border-radius: 0px 6px 6px 6px;
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 5%);
    list-style:none;

}
.mega-sub-menu li {
    line-height: 35px;
}
.nav-items:hover .mega-sub-menu {display: block;}

/*********add************/

.bg-light {background-color:transparent!important;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right:0rem; padding-left: 0rem;}
.nav-link {display: block;padding: 0.4rem 0rem;font-size: 18px;font-weight: 400; color:#fff; text-transform:none; margin:0px 1rem; border-bottom:2px solid transparent; transition:none}
header .navbar-nav > li > a  {color:#fff !important;}
header .navbar-nav > li > a:hover{border-bottom:2px solid #ff5816; transition:none;}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {border-bottom:2px solid #fff}
header .navbar-inverse .navbar-nav > li:last-child a {border-right: 0;}
header ul.navbar-nav{margin-left: 0%; }
.navbar-toggler { padding: 0.25rem 0rem;    font-size: 1.25rem;    line-height: 1;    background-color:transparent; border: 1px solid transparent;border-radius: 0.25rem;}
.navbar-toggler>.close {display:inline;display:inline-block;width: 14px; height:14px; vertical-align: middle; content: ""; background: no-repeat center center;
    background-image: none; background-size: auto; background-size: 15px 16px; background-image:url(../images/close.png);}
	
.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {display:none;}

.close {float: none; opacity:1;}
.navbar-toggler:not(:disabled):not(.disabled) {background:#ff5816;width:44px; height:44px;border-radius:50%;}



/**************Banner****************/

#banner{ position:relative;background: url("../images/bnr1.jpg") no-repeat 50% 0px /cover;  min-height:790px; height:100vh;  }
#banner .row{display:flex; flex-direction:row;;justify-content:space-between; align-items:center}
.banner-text{position:relative; text-align:center;  max-width:48%; text-align:left }
.banner-text h1 {color:#fff;text-transform:capitalize; font-size:46px; font-weight:500;}
.banner-text h2 {color:#fff;text-transform:capitalize; font-size:26px; font-weight:400; padding:0px}
.banner-text h2:before{display:none}
.banner-text p{font-size:16px; color:#fff;font-weight:400; padding:20px 0px;}
.banner-text a.btn{margin:20px 0px}
.banner-slider{background:#fff; padding:15px; border-radius:8px; max-width:330px; min-height:inherit; margin:0 auto}

.banner-ov{background: url("../images/banner-ov.png") repeat 50% 0px /cover; position:absolute; top:0px; left:0px; width:100%; height:100%;padding:100px 0px 0px 0px; display:flex; flex-direction:row;;justify-content:space-between; align-items:center }



/************** Section1 ****************/
#abt, #app, #rev, #cont{position:relative; top:-98px}
.text-container a.btn{border-radius:100px; min-width:190px; min-height:51px; height:51px;padding:0px; line-height:44px; text-transform:uppercase; }
#block1{background:#fff; padding:80px 0px;}
#block1 h2{ font-size:32px;}
#block1 h2 span{font-weight:bold;font-size:32px}


#block1 p{width:90%;  padding: 0px 0px 10px 0px}
#block1 img{border-radius:6px; max-width:100%}



#video {
	display: block; position:relative;  
}
.youtube-player {
	position: relative;
	padding-bottom: 66.24%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #fff; width:100%;  
}
.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	background: transparent;margin:0 auto; left:0; right:0;border-radius:6px;
}
.youtube-player img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: auto;
	cursor: pointer;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	transition: .4s all;
}
.youtube-player img:hover {
	-webkit-filter: brightness(75%);
}
.play-icon {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	left: 9%; right:0; margin:0 auto;
	z-index: 1;
	width: 59px;
	background: transparent; 
}
/**************Section4****************/

#block2{position:relative;}

.over2{ background:url(../images/img3.jpg) no-repeat 100% 0% / cover;  min-height:764px;}

#block2 h2{color:#fff; font-size:32px}
#block2 h2 span{font-weight:bold;font-size:32px;color:#fff;display: inline-block;  position: relative; }

#block2 h2:before{ background:#fff;}

.text2 h3,.text2 h4{color:#fff}
.text2 h3{border-bottom:2px solid #fff; display:inline-block; font-size:22px; font-weight:bold; margin-bottom:30px;}
.text2 h4{color:#fff; margin-bottom:0px; font-size:18px;font-weight:500;}

.text2{max-width:65%; position:relative}
.text2 p{width:100%; margin-bottom:15px}
.text2 p{color:#fff}
.text2 i{font-size:30px; color:#fff; padding-top:2px}
.block2-txt{background:#f83d04; display:flex; flex-direction:row;;justify-content:center; align-items:center}

.ov{ background:url(../images/ov.png) repeat 100% 0% ; position:absolute; width:100%; height:100%;display:flex; flex-direction:row;;justify-content:center; align-items:center}
.play-store{padding:20px 0px 0px 0px}
.play-store a{padding-right:15px;}
.ov img{max-width:100%}

/**************Testimonials****************/

#review{ padding:80px 0px; text-align:center }
.testi {text-align:center}
.testi p{width:75%; margin:0 auto; padding:10px 0px}
.testi p.name{font-size:14px; font-weight:600; text-transform:uppercase}
#review h2::before{ left:0; right:0; margin:0 auto}
#review .owl-item {
    width:25% !important;
}
section#product {
    background-color: #f5f5f5;
    padding: 50px 0px;
}

#product .col h4{
text-align:center;}

#product .row h2{
    text-align:center !important;
}
#product p{
    text-align:center;
}
a#productname {
    margin-top:30px;
    padding: 0px 20px;
}
.owl-carousel .owl-item img {
    display: block;
    /* width: 100%; */
    /* max-width: 100%; */
    margin: 0 auto;
}
/***************Contact Form **************/

#contact-form{ text-align:center;background:url(../images/cont.jpg) repeat 100% 0%/ cover ; position:relative; min-height:680px;}
.cont-ov{background:url(../images/con-ov.png) repeat 100% 0%/ cover ; position:absolute; top:0px;  left:0px; width:100%; height:100%;display:flex; flex-direction:row;justify-content:center; align-items:center}

.cont-ov h2,.cont-ov p{color:#fff}
.cont-ov h2::before{ left:0; right:0; margin:0 auto}
.form-sec{max-width:624px; margin:0 auto; padding-top:20px;}
.form-sec .form-control{margin-bottom:20px; padding:12px }
.form-sec textarea{height:126px}

.form-sec input.btn{margin-top:15px}

/******************************footer**********************/

footer {width: 100%;color:#fff; padding:80px 0px 20px 0px; font-size:16px; background: #19366e;}
footer h2,footer p,footer a, footer li,footer a i{color:#fff}
footer h2{font-size:14px; text-transform:uppercase; letter-spacing:2px}
footer h2:before{display:none}
footer a i{padding-right:5px}
.footertxt{position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
 width:100%; padding:0px 15px }


.ftr2{margin:40px 0px}
.ftr2 ul{margin:0px; padding:0px; }
.ftr2 ul li{margin:0px; padding:0px 0px 25px 0px; list-style:none;}
.toplinks ul{margin:0px; padding:0px; text-align:right }
.toplinks ul li{margin:0px; padding:0px 0px 25px 20px; list-style:none; display:inline-block}
.ftr-logo{margin-bottom:20px; }
.ftr-logo img{max-width:80%}
.store-icon{text-align:right}
.store-icon a img{max-width:180px}
.store-icon a img:first-child{padding-left:20px; }

.copy{padding-top:30px;}
.call-bt{text-align:left}
.phone{padding-right:15px;}
.call-bt a i{padding-right:5px;}



