﻿@font-face {
  font-family: 'waboos-icons';
  src:  url('../fonts-nct/waboos-icons.eot?s1oc1r');
  src:  url('../fonts-nct/waboos-icons.eot?s1oc1r#iefix') format('embedded-opentype'),
    url('../fonts-nct/waboos-icons.ttf?s1oc1r') format('truetype'),
    url('../fonts-nct/waboos-icons.woff?s1oc1r') format('woff'),
    url('../fonts-nct/waboos-icons.svg?s1oc1r#waboos-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'waboos-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close:before {
  content: "\e90b";
}
.icon-plus:before {
  content: "\e903";
}
.icon-download:before {
  content: "\e90c";
}
.icon-unlike:before {
  content: "\e90f";
}
.icon-edit:before {
  content: "\e900";
}
.icon-back:before {
  content: "\e901";
}
.icon-down-arrow:before {
  content: "\e902";
}
.icon-eye-close:before {
  content: "\e904";
}
.icon-like:before {
  content: "\e905";
}
.icon-next:before {
  content: "\e906";
}
.icon-notify:before {
  content: "\e907";
}
.icon-open-eye:before {
  content: "\e908";
}
.icon-search:before {
  content: "\e909";
}
.icon-trash:before {
  content: "\e90a";
}
.icon-view:before {
  content: "\e90d";
}
.icon-rgt-arrow:before {
  content: "\e91a";
}
.icon-calendar:before {
  content: "\e90e";
}
.icon-check:before {
  content: "\e912";
}

html, body { height: 100%; padding: 0 !important; letter-spacing: 0.5px; word-wrap: break-word;}
.page-wrap { min-height: 100%; margin-bottom: 0px; }
.page-wrap:after { content: ""; display: block; }
/*--------------General CSS---------*/
img { border: 0 none; max-width: 100%; vertical-align: top; outline:none;}
a { outline: none; cursor: pointer; -ms-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; color: #291F1E; text-decoration: none;}
a:hover, a:focus { color: #F75455; text-decoration: none; }
button, input[type="submit"] { -ms-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; cursor:pointer;}
p { line-height: 20px; color: #474747; line-height: 24px; }
h1 { font-size: 32px; margin: 15px 0px; color: #010101;}
h2 { font-size: 26px; margin: 15px 0px; color: #010101;}
h3 { font-size: 20px; margin: 15px 0px; color: #010101;}
h4 { font-size: 16px; margin: 15px 0px; color: #010101;}
h5 { font-size: 12px; margin: 15px 0px; color: #010101;}
body { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-size: 15px; color: #474747; -webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke: 1px transparent; background-color: #f9f9f9; }
/*-----------------------main styles starts here-----------------------------------------------*/
ul { margin: 0; padding: 0; list-style-type: none; }
label { font-size: 14px; color: #363636; font-weight:500;}
input[type="text"], input[type="password"], input[type="email"], input[type="date"], textarea, select {border: 1px solid rgb(0 0 0 / 12%);font-size: 16px;color: #363636;padding: 16px 15px;width: 100%;-webkit-box-shadow: none;-webkit-appearance: none;font-weight: 400;border-radius: 12px;background-color: #F2F3F5;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="date"]:focus, textarea:focus, select:focus {border: 1px solid rgb(0 0 0 / 12%);box-shadow: none;outline: none;background-color: #fff;}
.dark-select-control, .dark-form-control{border: 1px solid rgb(0 0 0 / 12%); border-radius: 12px; line-height: 1; color: #363636; font-size: 16px; font-weight: 400; box-shadow: none; outline: 0; width: 100%; padding:16px 15px 16px 15px; background-color:#fff; text-align:left; height: auto; background-color: #F2F3F5;}
.dark-form-control:focus{border: 1px solid rgb(0 0 0 / 12%);box-shadow: none;outline: none;background-color: #fff;}
.dark-select-control{background-image: url(../images-nct/dark-arrow.png)!important; background-repeat: no-repeat; background-position: 98% 55%; border: 1px solid #666; font-size: 16px; color: #363636; padding: 16px 15px; width: 100%; -webkit-box-shadow: none; -webkit-appearance: none; font-weight: 500; border-radius: 12px; border: 1px solid rgb(0 0 0 / 12%); background-color: #F2F3F5;}
.dark-select-control:focus{border: 1px solid rgb(0 0 0 / 12%);box-shadow: none;outline: none;background-color: #fff;}
.blue-select-control, .blue-form-control{border: 1px solid #A6AFB0 !important; border-radius: 18px; line-height: 1; color: #676767; font-size: 16px; font-weight: 500; box-shadow: none; outline: 0; width: 100%; padding: 15px;}
.blue-form-control:focus{border-color: #181515;}
.blue-select-control{background-image: url(../images-nct/dark-arrow.png)!important; background-repeat: no-repeat; background-position: 98% 55%; border: 1px solid #676767; font-size: 16px; color: #676767; padding: 15px; width: 100%; -webkit-box-shadow: none; -webkit-appearance: none; font-weight: 500;}

input[type="submit"], button{box-shadow:none; outline:0; outline-offset:0;}

/*===================================== PLACE HOLDER CSSS START HERE    ====================================*/
input::-webkit-input-placeholder {
color:#363636;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;
}
 input::-moz-placeholder {
color:#363636;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;
}
input::-ms-placeholder {
color:#363636;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;
}
input.textbox::-ms-input-placeholder {
color:#363636;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;
}
input.textbox::-ms-input-placeholder {
color:#363636;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;
}
textarea::-webkit-input-placeholder {
color:#363636;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;
}

textarea:-moz-placeholder { /* Firefox 18- */
color:#363636;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;  
}

textarea::-moz-placeholder {  /* Firefox 19+ */
color:#363636;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;  
}

textarea:-ms-input-placeholder {
color:#363636;
font-weight: 400;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;  
}
/*===================================== PLACE HOLDER CSSS END HERE    ====================================*/

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf {/*zoom:1;*/ }

.show-hide-repass{position: absolute; right: 20px; top: 13px; font-size: 20px; cursor: pointer;}
.hide{display: none !important;}

/*===================================== Commen Butons ===================================*/

.main-btn {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000f46+0,001f8e+61,001f8e+100 */
background: rgb(0,15,70); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(0,15,70,1) 0%, rgba(0,31,142,1) 61%, rgba(0,31,142,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,15,70,1) 0%,rgba(0,31,142,1) 61%,rgba(0,31,142,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,15,70,1) 0%,rgba(0,31,142,1) 61%,rgba(0,31,142,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000f46', endColorstr='#001f8e',GradientType=1 ); /* IE6-9 */


color: #fff; border-radius:12px; font-weight: 500; font-size: 18px; padding: 12px 20px; min-width: 150px; margin:5px 0; line-height: 1; display: inline-block; vertical-align: top; cursor:pointer; letter-spacing: 0.5px; border:none; outline: 0; box-shadow: none;}
.main-btn:hover, .main-btn:focus {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001f8e+0,001f8e+40,000f46+100 */
background: rgb(0,31,142); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(0,31,142,1) 0%, rgba(0,31,142,1) 40%, rgba(0,15,70,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,31,142,1) 0%,rgba(0,31,142,1) 40%,rgba(0,15,70,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,31,142,1) 0%,rgba(0,31,142,1) 40%,rgba(0,15,70,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001f8e', endColorstr='#000f46',GradientType=1 ); /* IE6-9 */

color: #fff; outline:none;}

.red-btn {background-color: #E43030; color: #fff; border-radius:6px; font-weight: 500; font-size: 18px; padding: 12px 20px; min-width: 150px; margin:5px 0; border: 1px solid #E43030; line-height: 1; display: inline-block; vertical-align: top; box-shadow:2px 2px 10px rgba(0,0,0,0.1), 1px 1px 6px rgba(0,0,0,0.10); cursor:pointer; letter-spacing: 0.5px;}
.red-btn:hover, .red-btn:focus { background-color: #F14D4D; color: #fff; border: 1px solid #F14D4D; outline:none;}

.white-btn {background-color: #fff; color: #ca3723; border-radius:6px; font-weight: 500; font-size: 18px; padding: 12px 20px; min-width: 150px; margin:5px 0; border: 1px solid #fff; line-height: 1; display: inline-block; vertical-align: top; box-shadow:2px 2px 10px rgba(0,0,0,0.1), 1px 1px 6px rgba(0,0,0,0.10); cursor:pointer; letter-spacing: 0.5px;}
.white-btn:hover, .white-btn:focus { background-color: #ca3723; color: #fff; border: 1px solid #ca3723; outline:none;}

.outer-orange-btn {background-color: #fff; color: #ca3723; border-radius:6px; font-weight: 500; font-size: 18px; padding: 12px 20px; min-width: 150px; margin:5px 0; border: 1px solid #ca3723; line-height: 1; display: inline-block; vertical-align: top; box-shadow:2px 2px 10px rgba(0,0,0,0.1), 1px 1px 6px rgba(0,0,0,0.10); cursor:pointer; letter-spacing: 0.5px; text-align: center;}
.outer-orange-btn:hover, .outer-orange-btn:focus { background-color: #ca3723; color: #fff; border: 1px solid #ca3723; outline:none;}

.outer-gray-btn {background-color: transparent; color: #291F1E; border-radius:6px; font-weight: 500; font-size: 18px; padding: 12px 20px; min-width: 105px; margin:5px 0; border: 1px solid #291F1E; line-height: 1; display: inline-block; vertical-align: top; cursor:pointer; letter-spacing: 0.5px; text-align: center;}
.outer-gray-btn:hover, .outer-gray-btn:focus { background-color: #291F1E; color: #fff; border: 1px solid #291F1E; outline:none;}

.outer-blue-btn {background-color: transparent; color: #477A99; border-radius:6px; font-weight: 500; font-size: 18px; padding: 12px 20px; min-width: 105px; margin:5px 0; border: 1px solid #477A99; line-height: 1; display: inline-block; vertical-align: top; cursor:pointer; letter-spacing: 0.5px; text-align: center;}
.outer-blue-btn:hover, .outer-blue-btn:focus { background-color: #477A99; color: #fff; border: 1px solid #477A99; outline:none;}

.gray-btn {background-color: #42424f; color: #fff; border-radius: 50px; font-weight: 500;  min-width: 130px; border: 1px solid #42424f; line-height: 1; display: inline-block; vertical-align: top; text-align: center;}
.gray-btn:hover, .gray-btn:focus { background-color: #2c2c31; color: #fff; border-color: #2c2c31;}

.full-width{width: 100%; min-width: 100%; max-width: 100%;}

.container{width: 100%; max-width: 1600px;}

.lg-btn{font-size: 20px; padding: 25px 30px; text-transform: uppercase; font-weight: 700;}
.md-btn{font-size: 18px; padding: 17px 25px 16px 25px; text-transform: uppercase; font-weight: 700;}
.sm-btn{font-size: 16px; padding: 13px 20px; font-weight: 500; text-transform: uppercase;}


.circle-checkbox input[type="checkbox"] { display: none; }
.circle-checkbox input[type="checkbox"] + label { display: block; position: relative; padding-left: 35px; margin-bottom: 5px; font-size: 16px; color: #676767; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  font-weight: 500;}
.circle-checkbox input[type="checkbox"] + label:last-child { margin-bottom: 0; }
.circle-checkbox input[type="checkbox"] + label:before { content: ''; display: block; width: 25px; height: 25px; border: 1px solid #676767; position: absolute; left: 0; top:-2px; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; border-radius: 100px;}
.circle-checkbox input[type="checkbox"]:checked + label:before { width: 10px; top: -5px; left: 5px; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-bottom-color: #ff0000; border-right-color: #ff0000; border-radius: 0;}

.flat-checkbox {width: 100%; min-height: 41px;}
.flat-checkbox input[type="checkbox"] { display: none; }
.flat-checkbox input[type="checkbox"] + label { display: block; position: relative; padding-left: 45px; margin-bottom: 5px; font-size: 18px; color: #7D95D1; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  font-weight: 600;}
.flat-checkbox input[type="checkbox"] + label:last-child { margin-bottom: 0; }
.flat-checkbox input[type="checkbox"] + label:before { content: "\e909"; display: block; width: 30px; height: 30px; position: absolute; left: 0; top:-7px; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; font-size: 30px; font-family: 'pryme-icons'; font-weight: 400;}
.flat-checkbox input[type="checkbox"]:checked + label:after {content: "\e903"; color: #DB2422;display: block; width: 30px; height: 30px; position: absolute; left: 3px; top:-4px; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; font-size: 24px; font-family: 'pryme-icons'; font-weight: 400;}
/*  CUSTOM RADIO CSS START  */

.flat-radio {width: 100%;}
.flat-radio input[type="radio"] { display: none; }
.flat-radio input[type="radio"] + label {display: block;position: relative;padding-left: 40px;margin-bottom: 5px;font-size: 16px;color: #291F1E;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;font-weight: 400;}
.flat-radio input[type="radio"] + label:last-child { margin-bottom: 0; }
.flat-radio input[type="radio"] + label:before {content: "";display: block;width: 25px;height: 25px;position: absolute;left: 0;top: 0;-webkit-transition: all .12s, border-color .08s;transition: all .12s, border-color .08s;font-size: 30px;/* font-family: 'pryme-icons'; */font-weight: 400;border: 1px solid #A6AFB0;border-radius: 100px;}
.flat-radio input[type="radio"]:checked + label:before{border-color: #DB2422;}
.flat-radio input[type="radio"]:checked + label:after {content: "";color: #DB2422;display: block;width: 17px;height: 17px;position: absolute;left: 4px;top: 4px;-webkit-transition: all .12s, border-color .08s;transition: all .12s, border-color .08s;/* font-size: 24px; *//* font-family: 'pryme-icons'; */font-weight: 400;background-color: #F75455;border-radius: 100px;}


/*===================================== Commen Butons ===================================*/
.home-section{padding: 50px 0;}
.form-group{margin-bottom: 15px;}
.general-bx{background-color: #fff; border-radius: 12px; width: 100%; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.05);}


.login-sec{min-height: 100vh;}
.login-pic{height: 100%; background-repeat: no-repeat; background-position: top center; background-size: cover; position: fixed; left: 0; top: 0; width: 50%; height: 100%;}
.login-inner{width:100%; max-width: 550px; padding: 30px 50px; position: relative; margin: 10px auto;}
.show-hide-pass{position: absolute; right: 20px; top: 13px; font-size: 20px; cursor: pointer;}
.forgot-link a{text-decoration: underline; font-size: 13px;}
.login-inner h1{text-align: center; font-size: 34px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 5px;}
.login-inner p{font-size: 15px; text-align: center; margin-bottom: 40px; font-weight: 300;}

.bootstrap-select>.dropdown-toggle{background-color: #f2f3f5;border: 1px solid rgb(0 0 0 / 12%);border-radius: 12px;color: #363636;padding: 17px 15px;line-height: 1;font-size: 16px;width: 100%;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{box-shadow: none; outline: 0 !important; background-color:#fff;}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{background-color: #fff; border:1px solid #666;}
.bootstrap-select.countrypicker{min-width: 100%; max-width: 100%;}
.bootstrap-select>.dropdown-toggle:after{content: "\e902"; font-family: 'waboos-icons'; border: none; color: #000;
  -ms-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.show.bootstrap-select>.dropdown-toggle:after {transform: rotate(180deg);
  -ms-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.dark-select-control.dropdown-toggle{height: 53px; font-size: 16px; font-weight: 400;}
.dark-select-control.dropdown-toggle::after{content: "\e902"; font-family: 'waboos-icons'; border:none; position: absolute; right: 18px;}
.dropdown .dropdown-menu{width: 100%}
.dropdown-menu ul li{padding: 10px 15px;align-items: center;width: 100%;}
.dropdown-menu ul li figure{width: 60px;margin-right: 10px;margin: 0;}
.dropdown-menu ul li h3{margin:0; padding:0 10px; font-size: 18px;}


.edit-photo-outer{padding: 0 0;text-align: center;background-color: #fff;border-radius:0;}
.edit-photo{width: 150px; height: 150px; display: inline-block; vertical-align: middle; border-radius: 100%; border:2px solid #f1f1f1; padding: 5px; margin-bottom: 15px; position: relative;}
.edit-photo img{border-radius: 100%; width: 100%;}
.edit-photo figure{margin:0;}
.edit-photo input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.01; -webkit-opacity: 0.01; -moz-opacity: 0.01; cursor: pointer;}
.edit-photo .edt-pic{position: absolute;left: 0;right: 0;bottom: -14px;color: #fff;background-color: #4343f0;width: 50px;height: 50px;line-height: 1;text-align: center;font-size: 22px;line-height: 1;padding: 14px 0;display: block;border-radius: 100px;margin: 0px auto; border:none; outline: 0; box-shadow: none; cursor: pointer;}
.edit-photo .edt-pic i{cursor: pointer;}
.common-modal .edit-photo-outer{padding:0 0 10px 0;}
.is-logo {
    text-align: center;
    padding: 15px 0;
}

.k-captcha{
    width: 300px;
    margin: 0px auto;
}
.company-is-drop .gray-btn{
	height: 42px;
    padding: 10px 20px;
    min-width: inherit;
    margin: 10px 0 0 10px;
}
