/* ===================================== Import Variables ================================== */
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700);
@import url(https://fonts.googleapis.com/css?family=Arimo:300,400,400italic,700,700italic);
/* ===================================== Basic CSS ==================================== */
* {
    margin: 0px;
    padding: 0px;
    list-style: none; }

img {
    max-width: 100%; }

a {
    text-decoration: none;
    outline: none;
    color: #444; }

a:hover {
    color: #444; }
.signup-logo
{

    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(2px 3px 1px #393838);
    width:35%;
    max-width:70%
}
.login-logo
{
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(2px 3px 1px #393838);
    width:60%;
    max-width:70%
}

ul {
    margin-bottom: 0;
    padding-left: 0; }

a:hover,
a:focus,
input,
textarea {
    text-decoration: none;
    outline: none; }

.center {
    text-align: center; }

.left {
    text-align: left; }

.right {
    text-align: right; }

.cp {
    cursor: pointer; }
.btn{
    background: #02507d;
}

html, body {
    height: 100%; }

p {
    margin-bottom: 0px;
    width: 100%; }

.no-padding {
    padding: 0px; }

.no-margin {
    margin: 0px; }

.hid {
    display: none; }

.top-mar {
    margin-top: 15px; }

.h-100 {
    height: 100%; }

::placeholder {
    color: #747f8a !important;
    font-size: 13px;
    opacity: .5 !important; }

.container-fluid {
    padding: 0px; }

h1, h2, h3, h4, h5, h6 {
    /* font-family: "Open Sans", sans-serif; */
    font-family: 'Poppins', sans-serif;
    color: #545454; }

strong {
    /* font-family: "Open Sans", sans-serif;  */
    font-family: 'Poppins', sans-serif;
}

body {
    /* background-color: #f1f1f145 !important; */
    /* font-family: "Open Sans", sans-serif; */
    background-color: #fff !important;
    font-family: 'Poppins', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: #6A6A6A;
    overflow-x: hidden; }


.bg-overlay {
    background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("../images/reg_banner_v5.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    /* height: 450px; */
    padding-top: 50px;
}

.session-title {
    padding: 30px;
    margin: 0px;
    margin-bottom: 20px; }
.session-title h2 {
    width: 100%;
    text-align: center;
    /* font-family: "Open Sans", sans-serif; */
    font-family: 'Poppins', sans-serif;
    font-weight: 600; }
.session-title p {
    max-width: 850px;
    text-align: center;
    float: none;
    margin: auto;
    font-size: .83rem;
    margin-top: 15px; }
.session-title span {
    float: right;
    font-style: italic; }

.inner-title {
    padding: 20px;
    padding-left: 0px;
    margin: 0px;
    margin-bottom: 10px;
    padding-bottom: 0px;
    border-bottom: 1px solid #ccccccc4;
    display: block;
    padding-right: 0px; }
.inner-title h2 {
    width: 100%;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    border-bottom: 1px solid #863dd9;
    padding-bottom: 10px;
    margin-bottom: 0px;
    width: 300px; }
.inner-title p {
    width: 100%;
    text-align: center; }
.inner-title .btn {
    float: right;
    margin-top: -38px;
    font-weight: 600;
    font-size: .8rem; }

.page-nav {
    background-size: 100%;
    padding: 68px;
    text-align: center;
    background-color: #eaeaea; }
.page-nav ul {
    float: none;
    margin: auto; }
@media screen and (max-width: 992px) {
    .page-nav {
        background-size: auto; } }
@media screen and (max-width: 767px) {
    .page-nav {
        padding-top: 100px; } }
@media screen and (max-width: 356px) {
    .page-nav {
        padding-top: 200px; } }
.page-nav h2 {
    font-size: 28px;
    width: 100%;
    font-weight: 700;
    color: #444; }
@media screen and (max-width: 600px) {
    .page-nav h2 {
        font-size: 26px; } }
.page-nav ul li {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    font-size: 16px;
    font-size: .93rem;
    font-weight: 600;
    color: #444; }
.page-nav ul li i {
    width: 30px;
    text-align: center;
    color: #444; }
.page-nav ul li a {
    color: #444;
    font-size: .93rem;
    font-weight: 600; }

.btn-success {
    background-color: #51be78;
    border-color: #51be78; }
.btn-success:hover {
    background-color: #51be78 !important;
    border-color: #51be78 !important; }
.btn-success:active {
    background-color: #51be78 !important;
    border-color: #51be78 !important; }
.btn-success:focus {
    background-color: #51be78 !important;
    border-color: #51be78 !important;
    box-shadow: none !important; }

.btn-primary {
    background-color: #01b3a7;
    border-color: #01b3a7; }
.btn-primary:hover {
    background-color: #01b3a7 !important;
    border-color: #01b3a7 !important; }
.btn-primary:active {
    background-color: #01b3a7 !important;
    border-color: #01b3a7 !important; }
.btn-primary:focus {
    background-color: #01b3a7 !important;
    border-color: #01b3a7 !important;
    box-shadow: none !important; }

.btn {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px; }

.form-control:focus {
    box-shadow: none !important;
    border: 0px; }

.btn-light {
    background-color: #FFF;
    color: #3F3F3F; }

.collapse.show {
    display: block !important; }

.form-control:focus {
    box-shadow: none;
    border: 0px; }

.form-control {
    background-color: #F8F8F8;
    margin-bottom: 20px; }
.form-control:focus {
    background-color: #FFF;
    border-color: #CCC; }

.container {
    max-width: 1170px; }
@media screen and (max-width: 575px) {
    .container {
        padding: 10px 15px; } }

/* ===================================== Login Page Design CSS ==================================== */

.logo-text a{
    font-size: 13px;
    font-weight: 600;
    color: #046daa !important;
    text-transform: uppercase;
}
.social_li i{
    position: absolute;
    left: 9px;
    top: 8px;
}
.social_li{
    float: left;
    margin: 0 5px 0 0;
    cursor: pointer;
    background: #fff !important;
    color: #dedada;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    position: relative;
    text-align: center;
    width: 0px;
    height: 0px;
    padding: 18px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -khtml-border-radius: 20px 20px 20px 20px;
    color: #FFFFFF;
}

.form-login-body {
    /* background-image: url(../images/bg.jpg); */

    background-size: cover; }
@media screen and (max-width: 991px) {
    .form-login-body {
        padding-left: 30px;
        padding-right: 30px; } }
@media screen and (max-width: 480px) {
    .form-login-body {
        padding-left: 15px;
        padding-right: 15px; } }
.form-login-body .login-desk {
    /* filter: drop-shadow(0 0 13.5px rgba(0, 0, 0, 0.09));*/
    box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.2), 4px 6px 20px 4px rgba(0, 0, 0, 0.19);
    margin-top: 5%;   
    margin-bottom: 5%; }

.form-login-body .login-desk .detail-box {
    background-color: #FFF !important;
    background-image: url(../images/login_banner_v6.png);  
    background-size: contain;

}
.detail-box-login
{  background-color: #FFF !important;
   background-image: url(../images/login_banner_v6.png);  
   background-size: contain;

}


.detail-box,.detail-box-login{
    /* background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("../images/reg_banner_v5.png"); */
    /* background: linear-gradient(rgb(0 0 0 / 15%), #0062cc99), url(../images/reg_banner_v5.png);*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    color: #fff;
}

.form-login-body .login-desk .detail-box .logo {
    width: 130px; }
.form-login-body .login-desk .detail-box .help {
    width: 250px;
    margin-top: 30px;
    margin-bottom: 50px; }
.form-login-body .login-desk .detail-box .detailsh {
    /* background-color: rgba(0,0,0,0.5); */
    text-align: center; }
.form-login-body .login-desk .detail-box .detailsh h3 {
    font-size: 1.2rem;
    margin-bottom: 15px; }
.form-login-body .login-desk .detail-box .detailsh p {
    font-size: .8rem; }
.form-login-body .login-desk .loginform {
    background-color: #046daa;
    text-align: center;
    color: #FFF;
    padding: 50px; }
.form-login-body .login-desk .loginform a {
    color: #FFF; }
.form-login-body .login-desk .loginform h4 {
    color: #FFF;
    font-size: 1.3rem; }
.form-login-body .login-desk .loginform p {
    font-size: .8rem;
    margin-bottom: 50px; 
    margin-top:10px;}
.form-login-body .login-desk .loginform .login-det .form-row {
    margin-top: 20px; }
.form-login-body .login-desk .loginform .login-det .form-row label {
    font-size: 10px;text-transform:uppercase;}
.form-login-body .login-desk .loginform .login-det .input-group .input-group-prepend .input-group-text {
    background-color: #02507d;
    color: #ffffffcf;
    border-right: 0px;
    border: 0px; }
.form-login-body .login-desk .loginform .login-det .input-group .form-control {
    background-color: #02507d;
    color: #FFF;
    border-left: 0px;
    border: 0px; }
.form-login-body .login-desk .loginform .login-det .input-group .form-control:focus {
    border: 0px; }
.form-login-body .login-desk .loginform .login-det .btn-danger {
    width: 100%;
    border-radius: 0px;
    background-color: #fdb813;
    border-radius: 50px;
    border-color: #fdb813 !important;
    color:#000;
}
.form-login-body .login-desk .loginform .forget {
    text-align: right; }
.form-login-body .login-desk .loginform .social-link ul {
    float: left;
    margin-top: 30px; }
.form-login-body .login-desk .loginform .social-link ul li {
    float: left;
    padding: 15px;
    font-size: .9rem; }

.fas .fa-lock{
    color: #fdb813 !important;
}





::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #FFF !important; }

::-moz-placeholder {
    /* Firefox 19+ */
    color: #FFF !important; }

:-ms-input-placeholder {
    /* IE 10+ */
    color: #FFF !important; }

:-moz-placeholder {
    /* Firefox 18- */
    color: #FFF !important; }

.socil-icon
{
    margin-left:127px;
}
.socil-icon1
{
    margin-left:32px;
}
.socil-icon2{
    margin-left:163px;
}

.createacnt{
    padding-top: 20px;
}

.createacnt a{
    font-size: 13px;
    font-weight: 500;
}
.multiselect-selected-text
{
    color: #fff;
    font-size: 14px;
}

.field-icon {
    float: right;
    margin-left: 204px;
    margin-top: 10px;
    position: absolute;
    z-index: 100;
    color: #00000061;
}
.field-icon1 {
    float: right;
    margin-left: 283px;
    margin-top: 10px;
    position: absolute;
    z-index: 100;
    color: #00000061;
}
.multiselect-container
{
    background-color: #02507d;
     max-height:500px !important;
    overflow-y: scroll !important;
}


/* ===================================== Responsive Style CSS ==================================== */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    .field-icon1 
    {           
        margin-left: 211px !important;            
    }
    .field-icon
    {           
        margin-left: 211px !important;            
    }
    .detail-box{display:none;}
}
@media screen and (max-width: 768px){
    .field-icon {
        float: right;
        margin-left: 204px;
        margin-top: 10px;
        position: absolute;
        z-index: 100;
        color: #00000061;
    }
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
    .field-icon {
        float: right;
        margin-left: 204px;
        margin-top: 10px;
        position: absolute;
        z-index: 100;
        color: #00000061;
    }
    .field-icon1 
    {           
        margin-left: 227px;            
    }
    .socil-icon2{
        margin-left:53px;
    }
    .field-icon
    {           
        margin-left: 227px;            
    }
    .socil-icon {
        margin-left: 12px;
    }
    .socil-icon1 {
        margin-left: 48px;
    }
    .detail-box{
        display:none;
    }

}
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { 
    .field-icon1 {
        margin-left: 261px !important;
    }
    .field-icon {
        margin-left: 261px !important;
    }
    .socil-icon {
        margin-left: 30px;
    }
    .socil-icon1 {
        margin-left: 34px;
    }
    .detail-box{display:none;}

}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) {
    .field-icon1 
    {           
        margin-left: 227px;            
    }
    .field-icon 
    {           
        margin-left: 227px;            
    }

}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
    .field-icon1 {
        margin-left: 176px !important;
    }
    .field-icon {
        margin-left: 126px !important;
    }
    .socil-icon1 {
        margin-left: -20px;
    }

    .socil-icon {
        margin-left: 57px;
    }

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 
    .socil-icon2 {
        margin-left: 47px;
    }
    .field-icon1 
    {           
        margin-left: 227px;            
    }
    .field-icon
    {           
        margin-left: 227px;            
    }

}
@media(max-device-width:576)
{
    .detail-box{display:none;}
}

/*
@media (min-width:320px)  { 
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
/*.field-icon1 {
        float: right;
        margin-left: 173px;
        margin-top: 10px;
        position: fixed;
        z-index: 100;
        color: #00000061;
} 
        }
@media (min-width:480px)  {
/* smartphones, Android phones, landscape iPhone */
/*.field-icon1 {
    float: right;
    margin-left: 318px;
    margin-top: 10px;
    position: fixed;
    z-index: 100;
    color: #00000061;
}
                }
@media (min-width:600px)  {
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
/*.field-icon1 {
    float: right;
    margin-left: 405px;
    margin-top: 10px;
    position: fixed;
    z-index: 100;
    color: #00000061;
}
        }
@media (min-width:801px)  {
/* tablet, landscape iPad, lo-res laptops ands desktops */ 


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

    .we-are-making .text-part {
        text-align: center; }

    .we-are-making .text-part .count .count-sing {
        margin-bottom: 20px; }

    .headwe-nav .container {
        padding: 10px; }

    header .headwe-nav .nav-div .navbar-nav .nav-item .nav-link {
        padding: 10px;
        border-right: 0px; } }

/*# sourceMappingURL=style.css.map */