article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {margin: 0; padding: 0; border: none;}
.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {font-size: 14px; color: #000000;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}

@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'titillium_webbold';
    src: url('../fonts/titilliumweb-bold-webfont.woff2') format('woff2'),
         url('../fonts/titilliumweb-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'titillium_webregular';
    src: url('../fonts/titilliumweb-regular-webfont.woff2') format('woff2'),
         url('../fonts/titilliumweb-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'titillium_websemibold';
    src: url('../fonts/titilliumweb-semibold-webfont.woff2') format('woff2'),
         url('../fonts/titilliumweb-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
::-webkit-input-placeholder {font-size: 18px;}
::-moz-placeholder {font-size: 18px;}
:-ms-input-placeholder {font-size: 18px;}
:-moz-placeholder {font-size: 18px;}
a {transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;}
/****************
 * Common Css
 ****************/
/* login start */
.login {padding: 55px 0;}
.login-banner, .login-form {display: inline-block; vertical-align: middle;}
.login-banner {width: 53%;}
.login-form {width: 47%; background: #fff;}
.login-detail {padding: 80px 0 12px;
-webkit-box-shadow: 0 0 40px 30px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 40px 30px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 40px 30px rgba(0, 0, 0, 0.07); position: relative;}
 .logos a img {
    margin: 12px 60px 0px 0px;
    border: none;
}
.login-detail:after { position: absolute; left: 0; bottom: 0; content: url(../../../uploads/general_photos/login-after-bg.png); width: 120px; height: 118px; }
.login-detail:before { position: absolute; right: 0; top: 0; content: url(../../../uploads/general_photos/login-before-bg.png); z-index: -1;}
.login .logo {padding-bottom: 30px;}
/* login banner start */
.loginbanner {position:relative; max-width: 550px; margin: 0 auto;}
.loginbanner .sliderimg { display: inline-block; width:480px;height:240px;background-repeat:no-repeat;background-position:50% 0;background-size:cover; margin: 0 auto;}
.bannertext .innerbox {text-align:center;}
.login-banner p {font-family: 'titillium_webregular'; font-size: 16px; line-height: 24px; color: #c1c1c1; padding-bottom: 50px; max-width: 520px; margin: 0 auto;}
.commonslider .owl-carousel {display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;}
.commonslider .owl-carousel .owl-stage {position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden;}
.commonslider .owl-carousel .owl-stage:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.commonslider .owl-carousel .owl-stage-outer {position:relative;overflow:hidden;-webkit-transform:translate3d(0px, 0px, 0px);}
.commonslider .owl-carousel .owl-wrapper, .commonslider .owl-carousel .owl-item {-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);}
.commonslider .owl-carousel .owl-item {position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.commonslider .owl-carousel.owl-loaded {display:block;}
.commonslider .owl-carousel.owl-loading {opacity:0;display:block;}
.commonslider .owl-carousel.owl-hidden {opacity:0;}
.commonslider .owl-carousel.owl-refresh .owl-item {visibility:hidden;}
.commonslider .owl-carousel.owl-grab {cursor:move;cursor:grab;}
.login .owl-nav {display: none;}
.login .owl-dots {display:block; padding-top: 40px;}
.login .owl-dots .owl-dot {width: 8px; height: 8px; border-radius: 100%; background: #c1c1c1; display: inline-block; margin: 0 5px;}
.login .owl-dots .owl-dot.active {width: 11px; height: 11px; background: #2cabe3;}
/* banner end */
.login-form {max-width: 430px; margin-left: 45px; -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.20); box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.20); border-radius: 5px; padding: 50px 60px 80px 60px;}
.login-form h1 {font-family: 'titillium_webbold'; font-size: 20px; text-transform: uppercase; color: #393939; padding-bottom: 50px;}

.login-form form {font-family: 'poppinsregular';}
.login-form form .name, .login-form form .word {position: relative;}
.login-form form .user-name, .login-form form .password {font-size: 14px; width: 100%; position: relative; padding: 10px 10px 15px 55px; border-bottom: solid 1px #cdcdcd;}
.login-form form .user-name{ margin-bottom: 35px !important; }
.login-form form .password { margin-bottom: 30px !important; }
.login-form form span.user:before, .login-form span.pass:before {position: absolute; left: 0; top: 7px; padding-right: 10px; line-height: 5px; padding-left: 10px;}
.login-form form span.user:before, .login-form form span.pass:before {border-right: solid 1px #cdcdcd;}
.login-form form span.user:before {content: url(../../../uploads/general_photos/login-form-name.png);}
.login-form form span.pass:before {content: url(../../../uploads/general_photos/login-form-pass.png);}

.login-form form .user-name:focus .login-form form span.user:before {content: url(../images/login-form-name-focus.png); border-right: solid 1px #2cabe3;}
.login-form form .password, .login-form form .password::placeholder, .login-form form .user-name, .login-form form .user-name::placeholder {color: #cdcdcd;}
.login-form form .user-name:focus, .login-form form .password:focus {color: #2cabe3; outline: none; border-bottom: solid 1px #2cabe3;}

.toggle-btn {margin-bottom: 20px;}
.toggle-btn .btn-group {background: #cdcdcd; border-radius: 10px;}
.toggle-btn .btn-group label { padding: 15px 20px; border-radius: 50px; font-family: 'poppinsregular'; font-size: 12px; color: #fff;}
.toggle-btn .btn-default.btn-on, .toggle-btn .btn-default.btn-off {background: transparent; border: none; }
.toggle-btn .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle), .toggle-btn .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {border-radius: 10px;}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius: 10px;}
.toggle-btn .btn-default.btn-on.active, .toggle-btn .btn-default.btn-off.active{background-color: #2cabe3;color: white;}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {border: none;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;}
.btn.active, .btn:active {box-shadow: none;}

.remember {margin-bottom: 20px;}
.remember label {
    display: block;
    position: relative;
    padding-left: 20px; margin: 2px 0 0 0;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'poppinsregular'; color: #bbbaba; font-weight: normal;
}
/* Hide the browser's default checkbox */
.remember input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #fff; cursor: pointer; border: solid 1px #2cabe3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.remember input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.remember .checkmark:after {
    left: 1px;
    top: -1px;
    content: url(../../../uploads/general_photos/login-check-arrow.png);
}
.forgot-pass a {font-size: 13px; color: #bbbaba;}
.forgot-pass a:hover {color: #2cabe3;}
.login-btn {font-family: 'titillium_websemibold'; color: #ffffff; font-size: 22px; font-style: italic; background: #2cabe3; text-transform: uppercase; display: block; text-align: center; border-radius: 10px; padding: 10px; -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.20); box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.20);}
.login-btn:hover {background: #77bc1b; color: #fff;}
/* login end */