@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,700i,900');
html{ background-color:#efefef; } 
html,
body {color:#000;
  margin:0px;
  padding:0px;
  line-height:inherit;
  font-family:"Lato";
  letter-spacing:0em;
  /* overflow-x:hidden; */
  font-size:17px;
  line-height:20px;
  /* padding-bottom: 10px; */
 }

.fleft{ float:left; }
.fright{ float:right; }
.clear{ clear:both; margin:0px; padding:0px; }

p,img,input,select,textarea{ margin:0px; padding:0px; border:0px; }

a, button {
    -webkit-transition: .5s;
    transition: .5s; cursor:pointer;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -0px;
}

  
h1{  font-family:"Merriweather"; font-weight:700; font-size:45px; color:#fff; line-height:56px; text-decoration:none; margin:0px; padding:0px; }

*:before, *:after { box-sizing: border-box; }
a:focus { outline:none; outline-offset:inherit; }

.padding1{ padding-top:15px; clear:both; }

.mt20{ margin-top:20px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top: 80px !important; }
.mt70{ margin-top: 50px !important; }
.mt100{ margin-top:100px !important; }

.mb50{ margin-bottom:50px !important; }
.m-auto{ margin:0px auto !important; display:table !important; }

.p40{ padding:40px !important; }

.px20{ padding-left:20px !important; padding-right:20px !important; }
.py20{ padding-top:20px !important; padding-bottom:20px !important; }
.py40{ padding-top:40px !important; padding-bottom:40px !important; }

.max-w-100{ max-width:100px; }
.max-w-120{ max-width:120px !important; }
.max-w-200{ max-width:200px !important; }
.max-w-280{ max-width:280px !important; }
.max-w-320{ max-width:320px !important; }

.w-100{ width:100% !important; }

.subtitle{ font-size:22px; line-height:28px; font-weight:500;text-align: justify;}
.page-txt{ font-size:21px; line-height:28px; font-weight:300;text-align: justify;}

.welcome_page{ background:url("images/bg.jpg") no-repeat right top; background-attachment:fixed; height:100%; position:relative; background-color:#f7f7f5; }
.container{ padding-left:15px; padding-right:15px; max-width:900px; margin:0px auto; display:table; }
.inner_container{ padding-left:50px; padding-right:50px; max-width:900px; margin:0px auto; display:table; }
.inner_container2{ padding-left:20px; padding-right:20px; max-width:900px; margin:0px auto; display:table; }

.text-center{ text-align:center !important; }
.text-right{ text-align:right !important; }

.skip_link, .skip_link:hover{ color:#666666; font-size:24px; text-transform:uppercase; text-decoration:none; }

section#shadow1{
-webkit-box-shadow: 0 0 10px rgba(0,0,0, .65);
-moz-box-shadow: 0 0 10px rgba(0,0,0, .65);
box-shadow: 0 0 10px rgba(0,0,0, .65);
}

.white-btn{ background-color:#fff; -webkit-box-shadow: 0 0 10px rgba(0,0,0, .25);
-moz-box-shadow: 0 0 10px rgba(0,0,0, .25);
box-shadow: 0 0 10px rgba(0,0,0, .25); display:block; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; -khtml-border-radius:12px; -o-border-radius:12px; font-size:25px; line-height:28px; color:#000; text-decoration:none;
 }
.white-btn:hover{ color:#000; text-decoration:none; }
.white-btn span{ position:relative; padding-right:30px; display:block; }
.white-btn i{ position:absolute; right:0; top:0; bottom:0; margin:auto; }

.white_container{ background-color:#fff; -webkit-box-shadow: 0 0 10px rgba(0,0,0, .25);
-moz-box-shadow: 0 0 10px rgba(0,0,0, .25);
box-shadow: 0 0 10px rgba(0,0,0, .25); padding:25px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; -khtml-border-radius:12px; -o-border-radius:12px; position:relative; }

.dot_ul{ margin:0; padding:0; }
.dot_ul li{ list-style-type:none; display:inline-block; padding-left:4px; padding-right:4px; }
.dot_ul li a{ width:13px; height:13px; border:1px solid #dddddd; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -khtml-border-radius:100%; -o-border-radius:100%; display:block; }
.dot_ul li.active a, .dot_ul li.active a:hover{ background-color:#b7b7b7; border:1px solid #b7b7b7; }

.v-center {
   position: absolute;
   top: 0;
   left: 0;
   right:0;
   bottom:0;
   margin:auto;
}
.full-table{ display:table; width:100%; height:100%; }
.full-table-cell{ display:table-cell; width:100%; height:inherit;  }
.welcome_txt{ text-align: center; font-size:40px; line-height:64px; font-weight:300; padding-bottom:5px; }
.welcome_img img{ max-width:100%; max-height:150px;}
.welcome_txt2{ font-size: 44px; line-height: 50px; font-weight: 300;}

.title2{ font-size:50px; line-height:58px; font-weight:300; padding-bottom:5px; }
.title3{ font-size:40px; line-height:48px; font-weight:300; padding-bottom:5px; }

.next-arrow{ position:absolute; right:20px; top:20px; }
.next-arrow:hover{ opacity:0.4; }

.prev-arrow{ position:absolute; left:20px; top:20px; }
.prev-arrow:hover{ opacity:0.4; }

@media screen and (min-width: 768px) {
}

img {
  vertical-align:top;
}

textarea{ resize:none; }

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

/* P css Property define here  */
.page-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color:#efefef;
  overflow: auto;
} 

/* account activation */
.title4{ font-size:40px; line-height:48px; font-weight:300; padding-bottom:5px; }
.text-center1{ text-align:center !important; padding-top:120px !important;}
.w-mt100{padding-top:100px;}
.max-w-200-img{width:200px}
.mt40-w{margin-top: 40px !important;}
.title2-wt{font-size: 50px;line-height: 58px;font-weight: 300;padding-bottom: 5px;}
@media only screen and (max-width: 568px) {
  .text-center1{ padding-top:70px !important;}
  .w-mt100{padding-top:20px;}
  .max-w-200-img{width:150px}
  .mt40-w{margin-top:20px !important;}
  .title2-wt{font-size: 40px;line-height: 58px;font-weight: 300;padding-bottom: 5px;}
}
.drawer_list {
    padding-left: 12px !important;
    text-align: left !important;
}
