@font-face 
{
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.TTF');
  src: local("?"), url('../fonts/Poppins-Regular.woff') format("woff"), url('../fonts/Poppins-Regular.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.TTF');
  src: local("?"), url('../fonts/Poppins-SemiBold.woff') format("woff"), url('../fonts/Poppins-SemiBold.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.TTF');
  src: local("?"), url('../fonts/Roboto-Regular.woff') format("woff"), url('../fonts/Roboto-Regular.TTF') format("truetype"); 
}

html, body {
    font-family: Roboto-Regular, Calibri, Arial;
    color: #000;
    font-size: 16px;
    line-height: 25px;
    background: #ecfbf5;
}

a{color:#0a58ca; text-decoration:none; transition:color 0.3s ease-in-out;}
a:hover{color:#23527c; text-decoration:none;}

.clearfix{width:100%;}

/* Back to top button */
.back-to-top{position:fixed; display:none; background:#07936a; color:#fff; width:44px; height:44px; text-align:center; line-height:1; font-size:16px; border-radius:50%; right:15px; bottom:15px; transition:background 0.5s; z-index:999;}
.back-to-top i{padding-top:12px; color:#fff;}


.header{margin:0; padding:0;}
.header-upper{background:#3f8bae; height:35px;}
.Login_btn {
    padding: 10px 20px;
    background-color: #18cb96;
    color: white;
    text-decoration: none;
    border-radius: 10px;
    display: inline-block;
    border:0 !important;
}

    .Login_btn:hover {
        background-color: #13a87b;
    }

.logo{padding:10px 0; display:inline-block; font-size:30px; font-weight:bold; text-transform:uppercase; color:#333;}
.logo img {height: 40px;}
.logo a{color:#333; text-decoration:none;}
.logo a:hover{color:#333; text-decoration:none;}






/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.main-nav, .main-nav * {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}
    .main-nav > ul > li {
        position: relative;
        white-space: nowrap;
        float: left;
        margin: 0px 5px 0;
        border-top: 5px solid #ecfbf5;
    }
.main-nav a{display:block; color:#555; position:relative; margin:0; padding:10px 5px; margin:-13px 1px; text-decoration:none; transition:0.3s; font-weight:normal; line-height:20px; font-size:16px;}
.main-nav a:hover, .main-nav .active > a, .main-nav li:hover > a {color:#18ca96; text-decoration:none;}
.main-nav li a:focus{color:#18ca96; text-decoration:none;}
.main-nav .drop-down ul {display:block; position:absolute; left:0; top:calc(100% + 30px); z-index:999; opacity 0; visibility:hidden; padding:0; background:#fff; box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25); transition:ease all 0.3s;}
.main-nav .drop-down:hover > ul {opacity:1; top:100%; visibility:visible;}
.main-nav .drop-down li {min-width:180px; position:relative;}
.main-nav .drop-down ul a {padding:10px 20px;font-size: 13px;color: #333; border-right:none;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {color:#fff; background:#5e87eb;}
.main-nav .drop-down > a:after {content:"\f107"; font-family:FontAwesome; padding-left:5px;}
.main-nav .drop-down .drop-down ul {top:0; left:calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity:1; top:0; left:100%;}
.main-nav .drop-down .drop-down > a {padding-right:35px;}
.main-nav .drop-down .drop-down > a:after {content:"\f105"; position:absolute; right:15px;}

/* Mobile Navigation */
.mobile-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    overflow-y: auto;
    left: -260px;
    width: 260px;
    padding-top: 18px;
    background: rgba(24, 203, 150, 0.8);
    transition: 0.4s;
}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display:block; position:relative; color:#fff; padding:5px 10px; font-weight:500; font-size:13px;}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color:#3f8bae; text-decoration:none;}
.mobile-nav .drop-down > a:after {content:"\f078"; font-family:FontAwesome; padding-left:10px; position:absolute; right:15px;}
.mobile-nav .active.drop-down > a:after {content:"\f077";}
.mobile-nav .drop-down > a {padding-right:35px;}
.mobile-nav .drop-down ul {display:none; overflow:hidden;}
.mobile-nav .drop-down li {padding-left:20px;}
.mobile-nav-toggle{position:absolute; right:0; top:70px; z-index:9998; border:0; background:none; font-size:24px; transition:all 0.4s; outline:none !important; line-height:1; cursor:pointer; text-align:right;}
.mobile-nav-toggle i {margin:10px 10px 0 0; color:#18ca96;}
.mobile-nav-overly{width:100%; height:100%; z-index:9997; top:0; left:0; position:fixed; background:rgba(19, 39, 57, 0.8); overflow:hidden; display:none;}
.mobile-nav-active {overflow:hidden;}
.mobile-nav-active .mobile-nav {left:0;}
.mobile-nav-active .mobile-nav-toggle i {color:#01837d;}

.nav-justified > .nav-link, .nav-justified .nav-item{margin: 0 2px;}
.fixed-top{top:-40px; transform:translateY(40px); transition:transform .3s; background:#fff; border-bottom:1px solid #ececec; box-shadow: 0 0 10px #ccc;}
.master-wrapper-content{margin:0; min-height:400px; padding: 0;}
.nav_bar{background:#fff; }


.form_head{font-size:25px; text-transform:uppercase; text-align:center; color:#18ca96; font-weight:bold; margin:0 0 20px;}
.form_tab{width:100%; margin:0 0 20px;}
.form_tab ul{margin:0; padding:0;}
.form_tab ul li{margin:0 0 10px; padding:0 20px 0 0; list-style-type:none; display:inline-block;}\
.form_tab ul li a{color:#7c7c7c; text-decoration:none;}
.form_tab ul li.active{color:#18ca96;}
.form_tab ul li.active .no{background:#18ca96; width:30px; height:30px;  border-radius:50%; color:#fff; font-weight:bold; font-size:16px; display: inline-block; text-align: center; line-height: 30px; margin:0 10px 0 0;}

.form_tab ul li .no{background:#7c7c7c; width:30px; height:30px;  border-radius:50%; color:#fff; font-weight:bold; font-size:16px; display: inline-block; text-align: center; line-height: 30px; margin:0 10px 0 0;}
.form_tab ul li .line{width:150px; height:1px; border-bottom:1px solid #7c7c7c; margin: 17px 0 0; float: left;}
.form_tab ul li.active .line{width:150px; height:1px; border-bottom:1px solid #18ca96; margin: 17px 0 0; float: left;}

.error_msg{color:#cd1414; position:absolute; font-size:11px; display:block; margin:15px 0 0;}
.mandatory{color:#cd1414;}

.form-label{margin:0;}
.btn-primary{background:#18ca96; border:1px solid #18ca96;}
.btn-primary:hover{background:#18ca96; border:1px solid #18ca96;}

.form_heading{font-size:20px; text-transform:uppercase; color:#18ca96; border-bottom:1px solid #18ca96;}
.DatePick{background: #fff url(../images/CalIcon.png) right center no-repeat; background-position: right; background-repeat: no-repeat;}

.register_head{font-size:30px; font-weight:bold; text-align:center; margin:30px 0; color:#18ca96; line-height:35px;}
.register_card{width:45%; border:1px solid #ccc; border-radius:10px; padding:20px; margin:0 15px 20px; text-align:center; display:inline-block;vertical-align:top;}
.reg_icon{margin:0 0 20px;}
.reg_head{font-size:20px; font-weight:bold; margin:0 0 20px; color:#18ca96;}
.reg_sub_text{font-size:16px; margin:0 0 -40px; min-height:80px;}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer{background:#18ca96; color:#fff; padding:40px 0 20px;}
.footer_logo{height:50px;}
.footer_head{font-size:20px; font-weight:bold; margin:0 0 10px;}
.footer_link{width:100%; margin:0; padding:0 0 20px;}
.footer_link ul{margin:0; padding:0;}
.footer_link ul li{margin:0; padding:0 0 5px; display:block; list-style-type:none;}
.footer_link ul li a{color:#fff;}

.copyright{font-size:12px; color:#fff; text-align:center; padding:5px 0; margin:10px 0 0;}




@media (max-width: 768px){
.mobile-nav-toggle{position: fixed; top: 3px;}
.footer{text-align:center;}
}


@media (max-width:480px){
.form_tab ul li .line{display:none;}
}




