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

body{  color:#202020; font-size: 18px; font-family: 'Poppins', sans-serif;} 

h1,h2,h3,h4,h5,h6 {margin: 0px; padding: 0px; font-family: 'Poppins', sans-serif;}

a{
    -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
}
* { margin:0px; padding:0px; box-sizing:border-box;}
.clear { clear:both;}
.text-warning { color: #ffcc00 !important;}

/* welcome Start */

.welcome { width:100%; height: auto; float:left; background:  linear-gradient(-45deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0.9)) fixed,  url(../images/welcome-bg.jpg) center top no-repeat; background-size: cover; clear:both;  }

   /* logo-box start */
.top-box { width: 100%; height: auto; float: left; text-align: center; padding-top: 20px;}
.logo-box { max-width: 400px; height: auto; margin: 0px auto; text-align:center; padding-top: 10px; padding-bottom: 10px;font-size: 16px; line-height: 26px; color: #FFF; font-weight: 400; text-transform: none; font-style: italic; } 
.logo-box h2 {  font-weight:700; margin:0px; font-style: normal;} .logo-box h2 a { text-decoration:none; color:#FFF; text-transform: capitalize;} .logo-box h2 a:hover { text-decoration:none; color:#FFF;} 
.logo-box a { color: #FFF; text-decoration: none;}
.logo-box a:hover { color: #FFF; text-decoration: none;}

/* logo-box end */
.welcome .title-box { width: 100%; height: auto; float: left; text-align: center; padding-top:20px;}
.welcome .title-box h1 { font-weight: 700; text-transform: none; color: #FFF;} 
.welcome .title-box h2 { font-weight: 400; text-transform: none; color: #FFF;} 

 .welcome .inside-box {  width:100%; clear:both; float:left; padding-top:20px; color: #FFF;} 
 .welcome .inside-box .row{flex-direction: row-reverse;}
 .welcome .inside-box .inside .row{flex-direction:row ;}
 .welcome .inside-box .text{font-size: 24px;}
 .form-box { width: 100%; height: auto; float: left; background-color:#fff; border-radius: 16px;
  padding-top: 20px; padding-bottom: 20px;}
  .form-box .title { width: 100%; float: left; text-align: center; color: #111; 
  } .form-box .title h2 { color: #111; font-weight: 600; font-size: 24px; text-transform: none;  }
  .form-box .title h3 { color: #333; font-weight: 600; font-size: 18px; text-transform: none;  }
  .form-box .inside { width: 100%; float: left;} 
  
  .form-box .inside .form-control { margin-bottom:6px; border-radius: 0px; border-color:#e8eaee;} 
  .form-box .inside .form-control:focus { box-shadow: none; outline: none;} .form-box .inside .form-select:focus { box-shadow: none; outline: none;}
  .form-box .inside .form-select {  border-radius: 0px; margin-bottom: 10px; border-color:#e8eaee; color: #555555;} 
  .form-box .inside .form-select-lg { font-size: 18px; height: 40px; } 
  .form-box .inside .form-control-lg { font-size: 18px; height: 40px;}
  .form-box .inside p { font-size: 14px; line-height: 18px; color: #333; font-weight: 400; margin: 10px 0px 5px 0px; text-align: center;} .form-box .inside p a { font-weight: 700; color: #111; text-decoration: none;}
  .form-box .inside p a:hover { font-weight: 700; color: #0099ff; text-decoration: none;}
  input[type=submit] { width: 100%; background: #0099ff !important; text-align: center; display: inline-block;color: #FFF !important; font-weight: 700; font-size:18px !important; line-height: 60px; border-radius:50px; text-decoration: none; text-shadow:none; transition: all 0.5s; border: none;  } 
   input[type=submit]:hover { background: #0066ff !important;  color: #FFF !important;
  }
  .form-control::-moz-placeholder {
  color: #555555;
  opacity: 1;
  }
  .form-control:-ms-input-placeholder {
  color: #555555;
  }
  .form-control::-webkit-input-placeholder {
  color: #555555;
  }
  /* welcome end */

  .cta-btn { width: 320px; background:#ffcc00; text-align: center; display: inline-block;color: #FFF !important; font-weight: 700; font-size: 18px !important; border-radius:3px; text-decoration: none; text-shadow:none; transition: all 0.5s; border: none; text-transform: uppercase; padding: 13px 0px; } 
  .cta-btn:hover { background: #ff6600 !important; color: #FFF !important;
   box-shadow: 0 10px 10px -8px rgba(0, 0, 0,.5);}

  /* featured start */

.featured { width: 100%; height: auto; float: left; padding-top: 100px; padding-bottom: 100px;}
.featured .title-box { width: 100%; height: auto; margin: 0px auto; text-align: center;}
.featured .title-box h2 { font-weight: 700; text-transform: uppercase;} .featured .title-box h3 { font-weight: 400; text-transform: uppercase;}
.featured .item-box { width: 100%; float: left; text-align: center;} 
.featured .item-box i { color: #cc0066; margin-bottom: 24px;}
.featured .item-box h3 { font-weight: 700; font-size: 24px;}

/*featured end */



/* inner-welcome Start */

.inner-welcome { width:100%; height: auto; float:left; background:  linear-gradient(-45deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0.8)) fixed,  url(../images/welcome-bg.jpg) center top no-repeat; background-size: cover; clear:both; clear:both;}
.inner-welcome .title-box { width: 100%; height: auto; float: left; text-align: center; padding-top: 60px;
padding-bottom: 80px;}
.inner-welcome .title-box h1 { font-weight: 700; text-transform: uppercase; color: #FFF;} 
.inner-welcome .title-box h2 { font-weight: 400; text-transform: uppercase; color: #FFF;}

/* inner-welcome end */
   
     /* thanks Start */
   
     .thanks-box { width: 100%; float: left; text-align: center; padding-top: 100px; padding-bottom: 80px;
   border-bottom: 1px solid #ccc; bac}
     .thanks-box .inside { max-width: 700px; margin: 0px auto; text-align: center;}
     .thanks-box .inside h2 { font-weight: 700; text-transform: capitalize; }
      .thanks-box .inside h2 .text-info { color:#f60069 !important;}
   
    /* thanks end */

    /* footer start */

    #footer { padding-top:36px; padding-bottom:36px; background-color:#f1f1f1; color:#111; width:100%;  text-align:center; clear:both;}
    #footer .footer-block {  text-align:center; } 
    #footer .footer-block a {  text-align:center;  text-decoration:none;}
    #footer .footer-block a:hover {  text-align:center; color:#0066ff; text-decoration:none;}
    #footer .footer-block p { margin: 0px 0px 18px 0px; font-size: 14px; line-height: 18px; }

/* footer end */

.errormsg { width:auto; height:auto; float:left; text-align:center; background-color: #f8cdcd; border:5px solid #ff0000; position:absolute; text-align:center; 
  top:10px; font-size:14px; line-height:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color: #2e2e2e; z-index:10000; padding:10px;}
  .errormsg ul { margin:0px; padding:0px; list-style-type:none;}
  .errormsg ul li { width:90%; height:auto; float:left; text-align:center; display:block; padding-top:3px; padding-bottom:3px; padding-left:5%; padding-right:5%; 
  font-size:14px; line-height:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color: #2e2e2e;}