@import url('https://fonts.googleapis.com/css?family=Merriweather&display=swap');
@import url(https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.4.3/css/mdb.min.css);
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
body {
  font-family: 'Merriweather', serif;
  transition: background-color .5s;
}
a{
  color: #000;
}
a:hover{
  text-decoration: none;
  color: #fff;
}
ul{
  list-style: none;
}
/*scroll top*/
.scrolltop {
  display:none;
  width:100%;
  margin:0 auto;
  position:fixed;
  bottom:20px;
  right:10px; 
}
.scroll {
  position:absolute;
  right:5px;
  bottom:20px;
  background:#b2b2b2;
  background:rgba(256,256,256,0.7);
  padding:20px;
  text-align: center;
  margin: 0 0 0 0;
  cursor:pointer;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;    
}
.scroll:hover {
  background:rgba(178,178,178,1.0);
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;    
}
.scroll:hover .fa {
  padding-top:-10px;
}
.scroll .fa {
  font-size:30px;
  margin-top:-5px;
  margin-left:1px;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;  
}
/*scroll top ends*/

/*top bar*/
.top-bar{
  padding: 10px 0px;
  background-color: #bef500;
}
.left{
  text-align: right;
}
.navbar-default{
  padding: 18px 0px;
}
.navbar-default .navbar-nav a {
  font-family: 'Merriweather', serif;
  color: #000!important;
  font-size: 16px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #000;
  background-color: transparent;
  text-decoration: underline!important;
}
.navbar-nav a:hover{
  text-decoration: underline!important;
}

/*banner section*/
.gradient-overlay {
    position: relative;
    width: 100%;
}
.gradient-overlay:before {
    position: absolute;
    content: '';
    background-image: linear-gradient(to left, rgba(50, 100, 245, 0.90), rgba(74, 84, 232, 0.88), rgba(91, 66, 219, 0.85), rgba(104, 44, 203, 0.88), rgba(114, 2, 187, 0.90));
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.gradient-overlay:before {
    position: absolute;
    content: '';
    background-image: linear-gradient(to left, rgb(190, 245, 0), rgba(190, 245, 0, 0.7), rgba(190, 245, 0, 0.65), #7dff3bf7, #39dc7ab5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.hero-equal-height {
  position: relative;
  min-height: 660px;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  margin-top: -20px;
}
.ptb-100 {
    padding: 100px 0;
}
.video-app-wrap {
  box-sizing: border-box;
  min-height: 1px;
  left: auto;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  justify-items: flex-end;
  position: absolute;
  right: -10%;
  flex: 0 0 38%;
  top: -170px;
}
.text-white{
  color: #fff;
}
.shape-bottom img.bottom-shape {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
}
.banner-heading{
  font-size: 50px;
  color: #fff;
  font-weight: bold;
  margin-top: -30px;
}
/*banner section ends*/
.heading{
  font-size: 30px;
  color: #403c34;
  font-weight: bold;
  padding-top: 60px;
}
.clearall{
  height: 0px;
  clear: all;
  line-height: 0px;
  margin: 0px auto;
}
/*our*/
.our{
  background-image: url(../images/pngtree-bread.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.our .heading{
  font-size: 30px;
  color: #403c34;
  font-weight: bold;
  padding-top: 0px;
}
.our ul li{
  font-size: 18px;
  line-height: 3;
  color: #5d5d5d;
}
.our i{
  font-size: 80px;
  color: #bef500;
}
.ul-text p{
  text-align: center;
  line-height: 2;
  font-size: 16px;
}
/*our ends*/

/*homepage form pop*/
.hm-gradient {
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}
.darken-grey-text {
    color: #2E2E2E;
}
.danger-text {
    color: #ff3547; }
.default-text {
    color: #2BBBAD; 
}
.info-text {
    color: #33b5e5; 
}
.form-white .md-form label {
  color: #fff; 
}
.form-white input[type=text]:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff; 
}
.form-white input[type=text]:focus:not([readonly]) + label {
    color: #fff; 
}
.form-white input[type=password]:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff; 
}
.form-white input[type=password]:focus:not([readonly]) + label {
    color: #fff; 
}
.form-white input[type=password], .form-white input[type=text] {
    border-bottom: 1px solid #fff; 
}
.form-white .form-control:focus {
    color: #fff;
}
.form-white .form-control {
    color: #fff;
}
.form-white textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 0 #fff;
    color: #fff; 
}
.form-white textarea.md-textarea  {
    border-bottom: 1px solid #fff;
    color: #fff;
}
.form-white textarea.md-textarea:focus:not([readonly])+label {
    color: #fff;
}
.ripe-malinka-gradient {
    background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
}
.near-moon-gradient {
    background-image: linear-gradient(to bottom, #5ee7df 0%, #b490ca 100%);
}
.error{
  color: #000!important;
  margin-top: 30px;
}
/*hp form pop*/

.neon-bg{
  background-image: linear-gradient(to left, rgb(190, 245, 0), rgba(190, 245, 0, 0.7), rgba(190, 245, 0, 0.65), #7dff3bf7, #39dc7ab5);
}
.mt40{
  margin:60px auto!important;
}
.pad-tb{
  padding: 15px 15px;
}
/*hp-os*/
.hp-os{
  background: #f6f6f6;
}
.hp-os h1{
  font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
  text-align: center;
  font-weight: bold;
  padding: 20px 0px;
  text-transform: uppercase;
  font-size: 45px;
}
.hp-os p{
  text-align: center;
  font-size: 20px;
  margin-top: -5px;
  line-height: 1.9;
  padding-bottom: 20px;
}
/*hp-os*/

/*footer*/
footer{
  background-image: url(../images/footer-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 60px;
}
footer .heading{
  font-size: 35px;
  color: #403c34;
  font-weight: bold;
  margin-top: -20px;
  padding-bottom: 45px;
  text-decoration: underline;
}
/*footer end*/