@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}

html {
  scroll-behavior: smooth;
}

body{font-family: 'Gilroy'; font-weight:400; line-height:22px; color:#222222; font-size:14px;}

img{max-width:100%;}

a{text-decoration:none !important; cursor: pointer; color:#222222;}

a:hover{ color:#ff7101;}

:hover{transition: 0.5s;}

p{font-size:14px; font-weight:400; margin-bottom:10px; color:#545454;}

h1{font-size:60px; font-weight:700; margin-bottom:15px;}

h2{font-size:48px; font-weight:900; margin-bottom:15px; line-height:56px; color:#ff7101; margin-top:40px; margin-bottom:20px;}

h2 span{ color:#222;}

h5{font-size:18px; font-weight:500; margin-bottom:15px; line-height:26px;}

button{ border:0px; outline: none; cursor: pointer;}

input{outline: none;}

.container {
    width:90%;
    max-width:1170px;
}


section{ padding:50px 0;}

.home-bg{ background:url(../images/bg.png) no-repeat left fixed; background-position: 0% 150px;}

header{box-shadow: 0 2px 5px #f6f4f4;
width: 100%; background:#fff;
display: inline-block; top:0px;
padding: 20px 0 0; z-index:999999;
position: fixed;}

.logo{float: left;
position: relative;
z-index: 9;}

.req-div{ float:right; margin-top:8px;}

.req-div a{ margin:0 0px 0 5px;}

.req-div a img{}


nav{float: right;
margin-top: 4px;
margin-right: 1%;}

.nav-fostrap {
  display: inline-block;
}

.nav-fostrap ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}

.nav-fostrap li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  font-size: 14;
  color: #222;
}

.nav-fostrap li a {
  padding:15px 10px 40px 10px;
  font-size: 14;
  color: #222;
  display: inline-block;
  outline: 0;
  font-weight: 500;
}

.nav-fostrap li a.active { color:#ff7101; font-weight:bold; border-bottom:#ff7101 3px solid;}

.nav-fostrap li a:hover { color:#ff7101;}


.nav-fostrap li:hover ul.dropdown { display: block; }

.nav-fostrap li ul.dropdown {
  position: absolute;
  display: none;
  width: 280px;
  background:#fff5ec;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  padding-top: 0;
  border-top:#ff7101 3px solid;
}

.nav-fostrap li ul.dropdown li {
  display: block;
  list-style-type: none;
}

.nav-fostrap li ul.dropdown li a {
  padding: 10px 15px;
  font-size: 14px;
  color: #222;
  display: block; border-bottom:#f1e2d5 thin solid;
  font-weight: 400;
}

.nav-fostrap li ul.dropdown li:last-child a { border-bottom: none; }

.nav-fostrap li:hover a {
  color:#ff7101;
}

.nav-fostrap li:first-child:hover a { border-radius: 3px 0 0 3px; }

.nav-fostrap li ul.dropdown li:hover a { background: rgba(0,0,0, .1); }

.nav-fostrap li ul.dropdown li:first-child:hover a { border-radius: 0; }

.nav-fostrap li:hover .arrow-down { border-top: 5px solid #ff7101; }

.arrow-down {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #222;
position: relative;
top: 11px;
right: -8px;
content: '';
}
.title-mobile {
  display: none;
}

.nav-fostrap li:last-child{ display:none;}

.nav-fostrap li:nth-last-child(2) {
  display:none;
}

.nav-fostrap li:nth-last-child(3) {
  display:none;
}


#rslider{ padding:0px !important}

#home-mid-part{ margin-top:140px; display:inline-block; width:100%;}

.slider-text h1{ margin-top:12%; font-size:72px; font-weight:900; padding:0 30px 10px;}

.slider-text p{ font-size:18px; line-height:26px; padding:0 30px;}

.slider-btns{ margin-top:-100px; position:relative; z-index:9;}

.tab-head{ display:none;}

.img-text h2{ margin-top:60px;}

.btn1{ color:#fff; border-radius:30px; padding:10px 30px; background:#ff7101; font-size:14px; font-weight:bold; display:inline-block;}

.btn1:hover{ background:#545454; color:#fff;}

.btn2{ color:#fff; border-radius:30px; padding:10px 30px; background:#93c853; font-size:14px; font-weight:bold; display:inline-block;}

.btn2:hover{ background:#545454; color:#fff;}


.img-text .btn1{ margin-top:30px;}

.features{display: -webkit-flex; /* Safari */ margin-top:40px;
  display: flex; flex-wrap: wrap; justify-content:left; flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-end;}

.features div{-webkit-flex: 1;  /* Safari 6.1+ */ max-width:25%; min-width:25%;
  -ms-flex: 1;  /* IE 10 */  
  flex: 1; padding:5px;}

.fbox{ width:100%; height:auto; min-height:215px; box-shadow:0px 0px 15px 6px #f5f5f5; background:#fff; padding:20px !important; max-width:100% !important; min-width:100% !important;}

.fbox h3{ font-size:14px; font-weight:bold; margin-top:10px;}

.fbox img{ width:70px; height:70px; background:#ffead9; border-radius:50%; padding:18px;}

.fbox p{ font-size:12px; line-height:20px; color:#545454;}

.fbox:hover h3{color:#ff7101;}

.tes-box{box-shadow:0px 5px 25px 6px #f5f5f5; background:#fff; padding:40px 30px !important; text-align:center; border-radius:5px;}

.tes-box img{ width:80px; height:80px; border-radius:50%;}

.tes-box h3{ font-size:14px; font-weight:bold; margin:15px 0;}

.tes-box span{ width:100%; display:inline-block; text-align:center; margin-top:20px;}

.tes-box span img{width: 30px !important;
height: 30px !important;
display: inline-block !important;}

#tslider .item{ padding:40px 20px;}

footer{ width:100%; height:auto; display:inline-block; background:#ff9534; padding:60px 0px;}

.flogo{ width:100%; text-align:left;}

.flogo span{ width:100%; display:inline-block; margin-top:20px;}

.flogo span a{ margin:0 15px 0 5px;}

.fmenu{}

.fmenu ul{ width:100%; padding:0px; margin:0px;}

.fmenu ul li{ list-style:none; display:inline-block; padding:20px 15px; vertical-align:top;}

.fmenu ul li a{ color:#fff; font-weight:500; font-size:14px;}

.fmenu ul li ul{ width:100px; padding:0px; margin:0px;}

.fmenu ul li ul li{ list-style:none; display:inline-block; padding:0px; width:100%;}

.fmenu ul li ul li a{ font-size:12px;}

.hidden-md-up{ display:none;}

#fslider{ display:none;}

#tslider .owl-dots{ display:none !important;}

/*=== Pop CSS ===*/

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(229, 229, 229, 0.5);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0; overflow:auto; z-index:99999;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px; border:#ffb25b 6px solid;
  width:80%; max-width:700px;
  position: relative;
  transition: all 2s ease-in-out;
}
.popup .close {
  position: absolute;
  top: 20px; z-index:9;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .content {
  max-height: 30%; padding:0 20px;
  overflow: auto;
}

.popup h2{ color:#ff7101; font-size:24px; margin-bottom:25px; text-transform:uppercase; text-align:center; width:100%; display:inline-block; margin-top:10px;}


.form-control{ box-shadow:0 5px 10px 0px #ece9e9 inset; border:none !important; background:#f8f8f8 !important; border-radius:25px; padding:18px 30px; font-size:12px;}

textarea{ resize:none;}

.ref{ width:100%; text-align:center; display:inline-block; color:#99cb48 !important; text-decoration:underline !important;}

#login-popup .popup{ max-width:400px;}

.chat-icon{position: fixed;
z-index: 99999;
bottom: 0;
right: 0;}

/*===== Inner CSS =====*/


#inner-mid-part{ background:#f9fafc; padding:150px 0;}

#inner-mid-part h1{ font-size: 72px; margin-bottom:70px !important;
color:#222;
    font-weight: 900;
    background: url(../images/title-bg.png) no-repeat right top;
    min-height: 132px;
    padding-right: 50px;
    display:inline-block;
    margin: auto;
    line-height: 132px;
}

.tes-box h2{ font-size:18px; font-weight:bold; margin:15px 0; color:#222; min-height:50px; line-height:24px;}

.tes-box a{ color:#fe9640; font-weight:700;}

.ptype{}

.ptype .tes-box{ min-height:300px;}

.psub{ font-size:30px; font-weight:900; width:100%; text-align:center; color:#222; margin-bottom:50px;}

.psub span{ color:#fd9f53;}

.pricing-form{box-shadow: 0px 5px 25px 6px #f5f5f5;
background:#fff;
padding: 40px 30px !important;
text-align: center;
border-radius: 5px; max-width:1000px; margin:auto;}

.pricing-form label{ font-size:14px; font-weight:500; float:left; width:100%; text-align:left;}

.pricing-form label em{ color:#e53737; font-style:normal;}

.form-group {
    margin-bottom: 25px !important;
}
.pricing-form a{ color:#29baf0; text-decoration:underline;}

#inner-mid-part .bg-none{background: none !important;
line-height: 81px !important;
text-transform: uppercase;
font-size: 70px !important;
margin-bottom: 30px !important;
margin-top: 50px !important;}

.bg-none span{ color:#ff7101;}


#inner-mid-part .slider-text a {
    margin: 20px 30px; font-size:16px;
}


.price-ben{ width:100%; display:inline-block; text-align:center; margin-top:100px;}

.price-ben li{display: inline-block;
    text-align: center;
    padding:15px;
    width: 16%;
    vertical-align: top;
}

.price-ben li img{ width:66px; height:66px; border-radius:50%; background:#ffead9; margin-bottom:20px;}

.price-ben li h4{ font-size:14px; color:#222; font-weight:600; line-height:18px;}


.vsub{ font-size:48px; font-weight:900; width:100%; text-align:center; color:#222; margin:0px;}

.vsub span{ color:#ff7101;}

.video-list{ margin-top:50px; text-align:center;}

.video-list h3{ font-size:18px; font-weight:700; padding:20px 10px; width:100%; text-align:center;}

.vbt{ margin-top:50px;}

.vbt a{ margin:10px 5px;}

.be-box{ width:100%; display:inline-block; position:relative; padding-left:60px; margin-bottom:40px;}

.be-box span{position: absolute;
left: 0;
top: 0;
color:#ff8117;
font-size: 70px;
font-weight: bold;
line-height: 70px;
text-shadow: 2px 2px 0px #fc790a;}

.cform{border:#fe9635 10px solid;
border-radius: 8px; margin:30px;
background:#fff;
padding: 30px;}

.getin{ float:right; margin-top:30px;}

.getin span{ padding:0 10px;}

.getin img{ width:60px; height:60px; border-radius:50%; background:#fae0cc; margin-right:10px;}

.getin a{ color:#222; font-size:16px; font-weight:bold;}


.cform label {
    font-size: 14px;
    font-weight: 500;
    float: left;
    width: 100%;
    text-align: left;
}



 @media only screen and (max-width:1170px) {
	 
.nav-fostrap li a {
    padding: 15px 5px 40px 5px;	 
	 
 }
 
 nav {
    margin-right: 0;
}

.slider-text h1{ font-size:55px;}

.slider-btns {
    margin-top: -70px;
}

.fbox {
    min-height: 230px;
    padding: 15px !important;
}

.fmenu ul li {
    padding: 20px 10px;
}


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

.nav-fostrap {
  background: #fff;
  width: 280px;
  height: 100%;
  display: block;
  position: fixed;
  left: -280px;
  top: 0px;
  -webkit-transition: left 0.25s ease;
  -moz-transition: left 0.25s ease;
  -ms-transition: left 0.25s ease;
  -o-transition: left 0.25s ease;
  transition: left 0.25s ease;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.title-mobile {
  position: fixed;
  display: block;
    top: 10px;
    font-size: 20px;
    left: 100px;
    right: 100px;
    text-align: center;
    color: #FFF;
}
.nav-fostrap.visible {
  left: 0px;
  -webkit-transition: left 0.25s ease;
  -moz-transition: left 0.25s ease;
  -ms-transition: left 0.25s ease;
  -o-transition: left 0.25s ease;
  transition: left 0.25s ease;
}

.nav-bg-fostrap {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  position: absolute;
  top: 0px; right:10px;
}

.navbar-fostrap {
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  cursor: pointer;
  margin: 0;
    position: absolute;
    top: 8px;
    right: 0;
    padding: 12px;
}

.navbar-fostrap span {
  height: 2px;
  background:#ff7c11;
  margin: 5px;
  display: block;
  width: 25px;
}

.navbar-fostrap span:nth-child(2) { width: 25px; }

.navbar-fostrap span:nth-child(3) { width: 25px; }

.nav-fostrap ul { padding-top:95px; }

.nav-fostrap li { display: block;  }

.nav-fostrap li a {
  display: block;
  color: #505050;
  font-weight: 600;
  border-bottom: #edecea thin solid;
}

.nav-fostrap li:first-child:hover a { border-radius: 0; }

.nav-fostrap li ul.dropdown { position: relative; }

.nav-fostrap li ul.dropdown li a {
  background: #f8ab65 !important;
  border-bottom: none; border-bottom: #f09a4a thin solid;
  color: #fff !important;
}

.nav-fostrap li:hover a {
  background: #ff912d;
  color: #fff !important;
}

.nav-fostrap li ul.dropdown li:hover a {
  background: rgba(0,0,0,.1); !important;
  color: #fff !important;
}

.nav-fostrap li ul.dropdown li a { padding: 10px 10px 10px 30px; }

.nav-fostrap li:hover .arrow-down { border-top: 5px solid #fff; }

.arrow-down {
  border-top: 5px solid #505050;
  position: absolute;
  top: 20px;
  right: 10px;
}

.nav-fostrap li:last-child{ display:block;}

.nav-fostrap li:nth-last-child(2) {
  display:block;
}

.nav-fostrap li:nth-last-child(3) {
  display:block;
}


.cover-bg {
  background: rgba(0,0,0,0.8);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; z-index:99;
}

header{ padding:15px 0;}

.req-div {
    float: right;
    margin-top: 8px;
    margin-right: 40%;
}

.nav-fostrap li a {
    padding: 10px 10px 10px 10px;
}

#home-mid-part {
    margin-top: 50px;
}

#rslider{ text-align:center;}

.slider-text h1 {
    font-size: 60px;
    margin-top: 70px;
}

.slider-text{ display:inline-block; margin-bottom:30px;}

.slider-btns {
    margin-top: 80px;
    text-align: center;
}

.tab-head{ display:block; text-align:center;}

section{ text-align:center;}

.container {
    width: 80%;
    max-width: 1170px;
}

.features div {
    -webkit-flex: 1;
    max-width: 50%;
    min-width: 50%;
}

.fbox {
    min-height: 220px;
    padding: 25px !important;
}

.hidden-md-up{ display:block;}

.fmenu{ display:none;}

.flogo{ text-align:center;}

footer a{ color:#fff;}

footer a:hover{ color:#fff;}

footer{ color:#fff; padding: 50px 0px 30px;}

.flogo span{ margin-bottom:20px;}

.getin {
    float: right;
    margin-top: 30px;
    width: 100%;
    text-align: center;
}


}


 @media only screen and (max-width:767px) {
	 
.req-div {
    float: right;
    margin-top: 15px;
    margin-right: 50px;
}

.slider-text h1 {
    font-size: 36px;
    margin-top: 40px;
}

.container {
    width: 100%;
    max-width: 1170px;
}

.slider-btns{ padding:0px;}

.slider-btns a img{width: 49%;
max-width: 191px;}

h2 {
    margin-top: 0px;
    font-size: 30px; line-height:40px;
}

section {
    text-align: left;
}

.features{ display:none;}
	 
.fbox h3{ width:100%; display:inline-block;}

.fbox img{ float:left;}
	 
.owl-nav{ display:none;}

#tslider .owl-dots{ display:block !important;}

.btns a img{width: 49%;
max-width: 191px;}
	 
.img-text a{ text-align:center; margin:auto; display:table;}	
	
#fslider{ display:block;}	
	
.ptype .tes-box {
    min-height: inherit; margin-bottom:20px;
}	

.tes-box h2{ min-height:inherit;}

.price-ben li{ width:33%;}

ul{padding-left: 18px;}
	 
 }

 @media only screen and (max-width:575px) {
	 
.price-ben li{ width:100%;}	 
	 
#inner-mid-part h1 {
    font-size: 42px;
	margin-bottom: 28px !important;}	
	 
#inner-mid-part {
    background: #f9fafc;
    padding: 80px 0;
}	 
	 
 }