html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

a:focus {
    outline: none;
}

btn:focus {
    outline: none;
}

input:focus {
    outline: none;

}

textarea:focus {
    outline: none;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
}

li {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

a {
    text-decoration: none !important;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.btn,
button {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.btn:focus,
button:focus {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}

p {
    margin: 0px;
    padding: 0px;
}


body {
    width: 100%;
    font-size: 15px;
    color: black;
    line-height: 30px;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale!important;
    overflow-x: hidden!important;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    background: #f8f8f8;
}

.linkwrapp {
    display: block;
    width: 100%;
    height: auto;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
}


header {
    padding: 12px 0px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
    position: absolute;
    width: 100%;
    z-index: 1;
}

header .logo {
    display: block;
}

header ul {
    margin-top: 25px;
    margin-right: 30px;
}

header ul li {
    display: inline-block;
}

header ul li .fa {
    font-size: 28px;
    color: rgb(127, 127, 127);
    position: relative;
    vertical-align: middle;
}

header ul li {
    margin-left: 50px;
}

header ul li a {
font-family: 'Gotham'; font-weight: 300;     font-size: 15px;
    color: #838485;
    text-transform: capitalize;
}

header ul li .fa-bell-o {
    padding-top: 10px;
}

header ul li .fa-bell-o span {
    height: 20px;
    width: 20px;
    background: #fc671a;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    font-family: 'Gotham';
    font-weight: 500;
    display: block;
    position: absolute;
    top: -4px;
    right: -6px;
    text-align: center;
    line-height: 18px;
}

header ul li .fa-user {
    height: 39px;
    width: 39px;
    border-radius: 50%;
    background: #092d74;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 39px;
    margin-right: 20px;
}

header ul li .fa-angle-down {
    margin-left: 8px;
}

.page-container {
    padding-top: 100px;
    height: 100%;

}

.page-container .sidebar {
    width: 130px;
    float: left;
    background: #fff;
    padding-top: 200px;
    text-align: center;
    position: fixed;
    height: 100%;
    top:0px;
}

.page-container .sidebar li {
    margin-bottom: 80px;
    padding-top: 12px;
    padding-bottom: 7px;
    border-right: 5px solid #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.page-container .sidebar li:hover {
    border-right: 5px solid #fc671a;
}

.page-container .sidebar li:last-child {
    margin-bottom: 0px;
}

.page-container .sidebar li.active {
    border-right: 5px solid #fc671a;
}

.page-container .sidebar li a {
    font-size: 16px;
   font-family: 'Gotham'; font-weight: 300;
    text-transform: capitalize;
    color: #838485;
}

.page-container .sidebar li span {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

.page-container .sidebar li span.one {
    background: url(../images/sidebar1.png) no-repeat;
    height: 31px;
    width: 31px;

}

.page-container .sidebar li.active span.one.active {
    background: url(../images/sidebar1-h.png) no-repeat;
}

.page-container .sidebar li.one:hover span.one {
    background: url(../images/sidebar1-h.png) no-repeat;
}

.page-container .sidebar li span.two {
    background: url(../images/sidebar2.png) no-repeat;
    height: 37px;
    width: 31px;
}

.page-container .sidebar li.active span.two.active {
    background: url(../images/sidebar2-h.png) no-repeat;
}

.page-container .sidebar li.two:hover span.two {
    background: url(../images/sidebar2-h.png) no-repeat;
}

.page-container .sidebar li span.three {
    background: url(../images/sidebar3.png) no-repeat;
    height: 35px;
    width: 35px;
}

.page-container .sidebar li.active span.three.active {
    background: url(../images/sidebar3-h.png) no-repeat;
}

.page-container .sidebar li.three:hover span.three {
    background: url(../images/sidebar3-h.png) no-repeat;
}

.page-container .sidebar li span.four {
    background: url(../images/sidebar4.png) no-repeat;
    height: 26px;
    width: 32px;
}

.page-container .sidebar li.active span.four.active {
    background: url(../images/sidebar4-h.png) no-repeat;
}

.page-container .sidebar li.four:hover span.four {
    background: url(../images/sidebar4-h.png) no-repeat;
}

.page-container .sidebar li img {
    margin: 0 auto;
}

.wrapper {
    background: #f8f8f8;
    margin-left: 130px;
    min-height: 580px;
    box-sizing: border-box;
    position: fixed;
    padding: 90px;
    position: relative;
    padding-bottom: 40px;
}

.INSTRN {
    background: #fff;
    padding: 50px 50px;
    padding-bottom: 20px;
    border-radius: 10px;
    margin-bottom: 40px;
}

.wrapper h4 {
    color: #4d4c4e;
    font-size: 20px;
    font-family: 'Gotham';
    font-weight: 500;
}

.INSTRN ul {
    margin-top: 30px;
}

.INSTRN ul li {
    display: inline-block;
    display: inline-block;
    width: 32%;
    line-height: 20px;
    vertical-align: top;
    padding-bottom: 20px;
    color: #838485;
   font-family: 'Gotham'; font-weight: 300;
    font-size: 17px;
    background-image: url(../images/list-style.png);
    background-repeat: no-repeat;
    background-position: 0px .5em;
    padding-left: 1.5em;
    line-height: 30px;
    padding-right: 25px;
}

.INSTRN ul li .fa {
    color: #fc671a;
    padding-right: 20px;
}

.wrapper .box {
    border-radius: 10px;
    width: 100%;
    height: 195px;
    background: #ffce55;
    padding: 30px;
    overflow: hidden;

}

.wrapper .box.two {
    background: #a0ce6b;
}

.wrapper .box.one figure {
    width: 88px;
}

.wrapper .box.three {
    background: #f79c81;
}

.wrapper .box figure {
    display: inline-block;
    width: 70px;
    float: left;
    margin-right: 30px;
    min-height: 72px;
}

.wrapper .box h5 {
    display: block;
    font-size: 24px;
    font-family: 'Gotham';
    color: #fff;
    padding-top: 10px;
}

.wrapper .box.one h5 {
    font-size: 24px;
}

.wrapper .box.one article {
    position: relative;
}

.wrapper .box.one article .fa {
    position: absolute;
    right: 0;
    top: 22px;
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid #fff;
    font-size: 25px;
    text-align: center;
    line-height: 45px;
    -webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.wrapper .box h6 {
    display: block;
    font-size: 24px;
    font-family: 'Gotham';
    color: #fff;
    padding-top: 6px;
    line-height: 52px;
}

.wrapper .tests {
    padding-top: 30px;
}

.wrapper .tests .box {
    background: #fff;
    margin-bottom: 30px;
    box-shadow: 0px 3px 2.4px 0.6px rgba(231, 229, 229, 0.2);
    position: relative;
}

.wrapper .tests .box.suc {
    background: #a0ce6b;
}
.wrapper .tests .box:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
.wrapper .tests .box:before {
    position: absolute;
    top: 0;
    left: -87%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}



.wrapper .tests .box span {
    position: absolute;
    right: 30px;
    top: 40px;
    background: url(../images/play.png) no-repeat;
    width: 54px;
    height: 54px;
}

.wrapper .tests .box h5 {
    font-size: 24px;
    color: #4d4c4e;
    font-family: 'Gotham';
    padding-bottom: 15px;
}

.wrapper .tests .box h6 {
    padding: 0px 0px;
}

.wrapper .tests .box.suc h5,
.wrapper .tests .box.suc h6,
.wrapper .tests .box.suc p,
.wrapper .tests .box.suc p .fa {
    color: #fff;
}

.wrapper .tests .box.suc span {
    background: url(../images/success.png) no-repeat;
    width: 52px;
    height: 52px;
    top: 35px;
}

.wrapper .tests .box h6,
.wrapper .tests .box p {
    color: #838485;
    font-size: 18px;
   font-family: 'Gotham'; font-weight: 300;
    text-transform: capitalize;
}

.wrapper .tests .box p .fa {
    padding-right: 10px;
    color: #fc671a;
}

footer {
    padding: 15px 60px;
    margin-left: 190px;
    text-align: center;
    color: #8a8b8b;
   font-family: 'Gotham'; font-weight: 300;
    font-size: 14px;
    border-top: 2px solid #edebe9;
    margin-right: 60px;
}

.test_desc {
    border-radius: 10px;
    background: #fff;
    padding: 60px 60px;
}

.test_desc h4 {
    color: #4d4c4e;
    font-size: 24px;
    text-transform: capitalize;
      font-family: 'Gotham';
      font-weight: 500;
    margin-top: 20px;
}
.test_desc{
     color: #838485;
  font-family: 'Gotham'; font-weight: 300;
    font-size: 16px;
    padding-top: 30px;
}
.test_desc p {
    color: #838485;
   font-family: 'Gotham'; font-weight: 300;
    font-size: 17px;
    padding-top:10px;
}
.test_desc .btn{
    width: 185px;
    height: 55px;
    border-radius: 50px;
    background: #fc671a;
    margin-top: 25px;
    line-height: 42px;
    color: #fff;
    font-size: 20px;
      font-family: 'Gotham';
    font-weight: 300;
}
.test_desc ul li{
    color: #838485;
    font-family: 'Gotham'; font-weight: 300;
    font-size: 176x;
}
.test_desc a.btn:hover{
    background:#092d74;
}
.progres_div{
    background: #a0ce6b;
    border-radius: 10px;
    color: #fff;
    padding: 40px 50px;
    display: none; 
}
.progres_div h4{
    color: #fff;
     font-family: 'Gotham';
    font-weight: 500;
    font-size: 36px;
    display: inline-block;
    vertical-align: middle;
}
.progres_div .round1{
    width: 90px;
    height: 90px;
    border: 1px solid #cdfa9a;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 60px;
      font-family: 'Gotham';
    font-weight: 500;
    font-size: 22px;
    color: #cdfa9a;
    line-height: 90px;
    text-align: center;
}
.progres_div .round1.round2{
    margin-left: 24px;
    position: relative;
}
.progres_div .round1.round2 .round2-bar{
    border: 6px solid #fff;
    clip: rect(0,19px,100px,0);
    height: 100px;
    position: absolute;
    width: 100px;
    border-radius: 50%;
}
.progres_div span{
    text-align: right;
    vertical-align: top;
    font-family: 'Gotham';
    font-weight: 500;
    font-size: 21px;
    display: inline-block;
    float: right;
}
.progres_div span b{
  font-family: 'Gotham';
    font-weight: 500;}

.progres_div .progress_bar{
    width: 100%;
    height: 10px;
    background: #fff;
    border-radius: 10px;
    margin-top: 16px;
    position: relative;
}
.progres_div .progress_bar .bar{
    position: absolute;
    height: 100%;
    width: 46%;
    left: 0;
    top: 0;
    background: #cdfa9a;
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
}
.progres_div .label1{ position: absolute; left: 0; top: -37px; font-size: 18px; color: #cdfa9a;  font-family: 'Gotham'; font-weight: 300; }
.progres_div .label2{ position: absolute; left: 0;  right: 0; margin: 0 auto; top: -37px; font-size: 18px; color: #cdfa9a; text-align: center;  font-family: 'Gotham'; font-weight: 300; }
.progres_div .label3{ position: absolute; right: 0; top: -37px; font-size: 18px; color: #cdfa9a; font-family: 'Gotham'; font-weight: 300; }
.question-box {background: #fff;padding: 40px 45px; padding-bottom: 0px;border-radius: 10px;margin-top: 40px; margin-bottom: 3px; box-shadow: 0px 3px 2.4px 0.6px rgba(231, 229, 229, 0.2); border-bottom-left-radius: 0px; min-height: 120px;
 border-bottom-right-radius: 0px; position: relative;}
.question-box h5{ font-family: 'Gotham'; font-weight: 500;font-size: 20px; color: #FFF;     height: 45px;width: 45px; background-color: #fc671a;border-radius: 10%; text-align: center; line-height: 45px; position: absolute;}
.question-set .question-box p{font-size: 20px; color: #4d4e4f;  font-family: 'Gotham'; font-weight: 500; line-height: 50px; padding-left: 75px;margin-top: -16px; padding-bottom: 20px;}
.question-set .questions{ background: #fff;padding: 2px 45px;}
.question-set .questions .options {display: block;position: relative; padding-left: 75px;cursor: pointer;font-size: 17px;color: #838485;font-family: 'Gotham'; font-weight: 300;padding-top: 30px;}
.question-set .questions .options input {position: absolute;opacity: 0;cursor: pointer;}
.question-set .questions .checkmark {position: absolute;top: 0px; left: 0;height: 45px; width: 45px;background-color: #FFF;border-radius: 10%;border: solid 2px #a0ce6b; margin-top: 25px;}
.question-set .questions .options:hover input ~ .checkmark {background-color: #FFF;}
.question-set .questions .options input:checked ~ .checkmark {background-color: #a0ce6b;}
.question-set .questions .checkmark:after {content: ""; position: absolute;display: none;}
.question-set .questions .options input:checked ~ .checkmark:after {display: block; }
.question-set .questions .options .checkmark:after {top: 10px;left: 0;right: 0;margin: 0 auto;  text-align: center;  border-radius: 50%;content: "\2713";font-size: 26px;
color: #a0ce6b;  font-weight: 500;}
.question-set .questions .options .checkmark:after {top: 7px; left: 0; right: 0;margin: 0 auto;  text-align: center;border-radius: 50%;content: "\2713";font-size: 23px; color: #FFF;}
.question-set .questions .options .checkmark h5 {margin: 0 auto; text-align: center;margin-top: 11px; font-size: 18px;   font-family: 'Gotham';font-weight: 500;color: #a0ce6b;}
.question-set .questions .options input:checked ~ .checkmark  h5 { display: none!important;}
.question-set .question-btns{ background: #fff;padding: 30px 50px; box-shadow: 0px 3px 2.4px 0.6px rgba(231, 229, 229, 0.2);}
.question-set .question-btns .btn {width: 170px;height: 50px;border-radius: 50px;background: #fc671a;color: #fff;font-size: 20px;  font-family: 'Gotham'; font-weight: 300;margin-top: 20px;
 margin-bottom: 20px; border: none; text-align: center;}
.question-set .question-btns .btn1 {background: #092d74 !important; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; text-align-last: center;}
.question-set .question-btns a.btn1:hover {background: #a0ce6b !important;}
.question-set .question-btns a.btn:hover {background: #a0ce6b !important;}
.result{background: #fff; border-radius: 10px;margin-bottom: 40px;  box-shadow: 0px 3px 2.4px 0.6px rgba(231, 229, 229, 0.2); }
.result h5{ font-size: 20px; color: #4d4c4e;  font-family: 'Gotham'; font-weight: 500; padding-bottom: 20px;}
.result P{ font-size: 17px; color: #a0a1a1;  font-family: 'Gotham'; font-weight: 300; }
.result .first{background: #a0ce6b; min-height: 215px; border-radius: 10px; border-bottom-right-radius: 0; border-top-right-radius: 0;}
.result .first .fa {position: absolute; right: 0px; left: 0px; margin: 0 auto; top: 50%;color: #cdfa9a;width: 75px;height: 75px;border-radius: 50%;border: 2px solid #cdfa9a;font-size: 32px;text-align: center;
 line-height: 72px;    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
.result .second{padding: 55px 35px;}
.result a.btn {width: 185px;height: 55px;border-radius: 50px;background: #fc671a;line-height: 42px;color: #fff;font-size: 20px;  font-family: 'Gotham'; font-weight: 500; float: right;}
.notification{ position: absolute; top:0; right: 3%; background: #FFF; width: 25%;  margin-top: 133px; border-radius: 10px;  display: none; box-shadow: 0px 3px 2.4px 0.6px rgba(231, 229, 229, 0.2);}
.log.fa-angle-down { font-size: 18px;}

.logout-sc{ position: absolute; right: 2%; background: #FFF; border-radius: 10px; display: none;   border: solid 1px #eceaea;    padding: 6px 52px; top: 72%; }
.logout-sc span{font-family: 'Gotham';font-weight: 300;font-size: 15px; color: #838485;   font-size: 15px; display: block;}
.logout-sc span a{color: #838485;}
.scrollable {width:87%;height:560px; margin:0 auto;}
.scrollable { overflow-y: auto; }
.scrollable::-webkit-scrollbar {width: 4px;height: 16px;     }
.scrollable::-webkit-scrollbar-thumb {background-color: #fc671a; -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); }
.scrollable::-webkit-scrollbar-button {width: 0; height: 0;display: none;}
.scrollable::-webkit-scrollbar-corner {background-color: transparent; }
.notification .noti-close{border: none; background: none; padding-top: 0px; 
background: url(../images/close.png) no-repeat; width: 27px; height: 30px; float: right;}

.notification span{ height: 35px;width: 35px;background: #FFF; border-radius: 50%; color: #fc671a; font-size: 16px;   font-family: 'Gotham'; font-weight: 500; display: block;position: absolute; top: 3%; left: 62%; text-align: center; line-height: 36px; }
.notification ul li{ position: relative; padding: 13px 5px; color: #838485; font-size: 17px; font-family: 'Gotham'; font-weight: 300;}
.notification ul{ margin-bottom: 30px;}
.notification ul li:before {content: ''; background: url(../images/noti-li.png) no-repeat;background-size: cover; background-position: center center;width: 27px;height: 27px; position: absolute;left: -48px;top: 23px;}
.notification .not-btm{ background: #fc671a; padding: 20px; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-radius: 15px; margin-top: 20px;}
.notification .not-btm a{ color: #FFF; font-size: 24px; font-family: 'Gotham'; font-weight: 300;  text-align: center; display: block;}
.notification .txt-hd{ background-color: #fc661b; border-radius: 15px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; text-align: center;}
.notification h6{  font-size: 24px; color: #FFF;  font-family: 'Gotham'; font-weight: 500;line-height: 75px;text-align: left; padding-left: 130px;}
.login-wrapper .form-group .btns {margin-top: 60px; width: 200px;height: 60px;  color: #fc6719; background: #FFF; border:solid  2px #fc6719;  font-family: 'Gotham'; font-weight: 500; line-height: 40px; border-radius: 32px; display: block; outline: none !important; font-size: 20px;}


/******************login****************/
.login-wrapper{padding: 90px 157px; background-color:#f8f8f8; }
.login-top{padding-top: 0px;}
.login-wrapper .login-left{background-image: url(../images/login-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; width: 100%; height:749px;display: table; box-shadow: 0px 3px 2.4px 0.6px rgba(231, 229, 229, 0.2);}
.login-wrapper .login-right{ height:749px; background-color: #FFF; padding:80px 110px; box-shadow: 0px 3px 2.4px 0.6px rgba(231, 229, 229, 0.2);}
.login-left:before {content: ''; position: absolute;width: 100%; height:749px;  background: rgba(51, 51, 51, 0.87); left: 0; top: 0;}
.login-wrapper .login-left p{ font-size: 17px; color: #FFF;font-family: 'Gotham'; font-weight: 300;  padding: 40px 88px; line-height: 42px; }
.login-wrapper .login-left img{ margin: 0 auto; text-align: center; }
.login-left article {position: relative; z-index: 2; display: table-cell;vertical-align: middle; text-align: center;}
.login-wrapper .login-right h4{ font-size: 30px; color: #fc6719;  font-family: 'Gotham'; font-weight: 500;padding-bottom: 30px;  }
.login-wrapper .login-right p{ font-size: 17px; color: #838485; font-family: 'Gotham'; font-weight: 300; }
.login-wrapper .login-form { width: 100%; margin-top: 38px;}
.login-wrapper .form-group {margin-bottom: 39px; position: relative;}
.login-wrapper .login-form .form-control { border-bottom-color: #dddddd;background: none; border: 0px;border-bottom: 2px solid #ececec; box-shadow: none;font-family: 'Gotham'; font-weight: 300;  font-size: 17px;
 color: #838485; padding-left: 0px;padding: 23px 35px; border-radius: 0px;}
.login-wrapper .form-group .btn {width: 200px;height: 60px;color: #fff; background: #fc6719; font-family: 'Gotham'; font-weight: 500;line-height: 40px;
 border-radius: 32px; border: 0px !important; display: block; outline: none !important; font-size: 20px; float: right;}
.login-wrapper .form-control:focus {border-bottom: 2px solid #fc6719;}
.login-wrapper .form-group .fa { color: #bec0c2; font-size: 17px; left: 0px; top: 14px; position: absolute;}
.login-wrapper .form-group .btn:hover {background: #a0ce6b !important;}
.login-wrapper .col-md-6{padding: 0;}

/******************registration****************/
.login-wrapper .registration-right {height: 749px; background-color: #FFF; padding: 153px 110px;}
.login-wrapper .registration-left {height: 749px; background-color: #FFF; padding: 80px 110px; border-right: solid 1px #f9f3ee;}
.login-wrapper .registration-left  h4{ font-size: 30px; color: #fc6719;  font-family: 'Gotham'; font-weight: 500; padding-bottom: 40px;  }
.login-wrapper .registration-right  h5{ font-size: 17px; color: #474646;   font-family: 'Gotham'; font-weight: 500; padding-bottom: 20px;  }
.login-wrapper .registration-left  h5{ font-size: 17px; color: #474646;   font-family: 'Gotham'; font-weight: 500; padding-bottom: 30px; line-height: 25px;  }
.login-wrapper .registration-left span, .registration-right  span{ font-size: 17px; color: #fc6719;   font-family: 'Gotham'; font-weight: 500;}
#output {padding: 0px;background: #fcfcfc;}
 select {width: 574px;}
.login-wrapper .login-form .registration-left  .form-control { padding: 0px 0px !important;}
.login-wrapper .login-form .registration-right  .form-control { padding: 0px 0px !important;}
.login-wrapper .registration-left .select-wrapper {position: relative;}
.login-wrapper .select-wrapper:after { content: "\f0dd";font-family: 'FontAwesome';position: absolute; top: 0px; right: 0px;}
.login-wrapper  select { -webkit-appearance: none;-moz-appearance: none;appearance: none;position: relative;padding-right: 0px; z-index: 3;}
 option {padding: 5px !important; font-family: 'Gotham'; font-weight: 300;}
.login-wrapper .registration-left .form-group, .login-wrapper .registration-right .form-group  { margin-bottom: 60px; }

.login-wrapper .login-form textarea {height: 180px;}
.reg-wrapper{padding: 62px 157px !important;}
.login-wrapper .login-form  label  { display: inline-block ;  font-size: 17px;color: #838485;font-family: 'Gotham'; font-weight: 300; padding-bottom: 20px;}
.login-wrapper .login-form  .regular-checkbox {-webkit-appearance: none; background-color: #fafafa;border: 1px solid #e0dede;background: #ebe7e7;width: 13px; height: 13px; display: inline-block; position: relative;
    margin-right: 10px;top: 2px;}
.login-wrapper .login-form  .regular-checkbox:checked { background-color: #fff; border: 1px solid #ff685a; color: #ff685a;}
.regular-checkbox:checked:after {content: '\f00c';font-family: FontAwesome;font-size: 11px; position: absolute; top: 1px;left: 1px; color: #ff685a;font-weight: 400;}
.stepwizard-row { display: table-row;}
.stepwizard { display: table; width: 100%; position: relative;}
.stepwizard-step button[disabled] {opacity: 1 !important;filter: alpha(opacity=100) !important;}
.stepwizard-row:before {top: 24px; bottom: 0; position: absolute; content: " ";width: 100%;height: 5px; background-color: #a0ce6b;}
.stepwizard:after {   content: ''; position: absolute;left: -1px; width: 12px;height: 12px;border-radius: 50%; background: #a4d070;  top:21px;}
.stepwizard:before {   content: '';position: absolute;right: -1px; width: 12px;height: 12px; border-radius: 50%;background: #a4d070;top:21px;}
.stepwizard-step {display: table-cell;text-align: center; position: relative;}
.greenbtn {background: #fc6719;color: #fff;border-color: #fc6719;}
.btn-primary {background: #a4d071; border-color: #a4d071;}
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{background: #fc6719;color: #fff;border-color: #fc6719;}
.btn-default:active,.btn-default:hover{background: #a4d071; border-color: #a4d071; color: #FFF;}
.btn-primary:active:hover{background: #fc6719;color: #fff; border-color: #fc6719;}
.btn-primary:hover{background-color: #fc6719; border-color: #fc6719;}
.btn-circle { width: 50px; height: 50px; text-align: center; padding: 12px 0; font-size: 18px;line-height: 1.428571429; border-radius: 50%;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 1; filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none; border: solid 2px #a4d070;color: #a4d070;}
.btn-default.focus {
    background-color: #FFF;
    border: solid 2px #a4d070;
    color: #a4d070;;
}
.ui-datepicker{z-index: 3 !important;}
.chosen-container{width:100% !important;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset!important;}
.box-resume { background: #fff;border: 1px solid #f4f1f1;overflow: hidden; margin-top: 40px; box-shadow: 0px 3px 2.4px 0.6px rgba(231, 229, 229, 0.2); height: 116px;
 border-radius: 10px; position: relative;}
.box-resume .steps {background: #a0ce6b; padding: 63px 70px;position: relative;float: left;}
.box-resume .fa {position: absolute;right: 0;top: 45%;color: #fff; width: 55px;height: 55px; border-radius: 50%; border: 2px solid #fff; left: 0; margin: 0 auto; font-size: 36px;text-align: center;line-height: 50px;padding-left: 7px;
    -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.box-resume h3 {color: #4d4c4e;font-size: 20px;font-family: 'Gotham';font-weight: 300;text-align: left;top: 50%; position: absolute;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
    transform: translateY(-50%);left: 178px;}
.box-resume .btn{width: 185px;height: 55px; border-radius: 50px;background: #a0ce6b;line-height: 42px;color: #fff; font-size: 20px; position: absolute;right: 55px;
top: 50%;font-family: 'Gotham';font-weight: 300;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);}
.progres_div-main{position: relative;}
.progres_div-main h1{color: #4d4c4e;font-family: 'Gotham';font-weight: 500;font-size: 24px; display: inline-block;vertical-align: middle;}
.progres_div-main .btn {
    width: 170px;
    height: 50px;
    border-radius: 50px;
    background: #a0ce6b;
    line-height: 38px;
    color: #fff;
    font-size: 18px;
    position: relative;
    float: right;
    top: 50%;
    font-family: 'Gotham';
    font-weight: 300;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.progres_div-main .btn.test-pop{background: #fc6719; margin-right: 15px;}
select.form-control {
  -moz-appearance: none !important;
   -webkit-appearance: none!important;
   appearance: none!important;
}
.login-wrapper .form-group .btn.login{width: 200px;
    height: 60px;
    color: #fff;
    background: #fc6719;
    font-family: 'Gotham';
    font-weight: 500;
    line-height: 40px;
    border-radius: 32px;
    border: 0px !important;
    display: block;
    outline: none !important;
    font-size: 20px;
    margin-top: 60px;
    float: left;
   }

.login-wrapper .form-group .btn.login:hover {
    background: #a0ce6b !important;
}
.chosen-container .chosen-single{
    position: relative;
    overflow: hidden;
    margin: 0px 0px;
    padding: 10px 12px;
    width: 100%;
    height: auto;
    border: 1px solid #fdd0b9;
    background-color: #fcfcfc;
    cursor: text;
    color: #838485; font-size: 17px; font-family: 'Gotham'; font-weight: 300; border-radius: 0px;
}
.wrapper .box.one article .fa.arrow-right{font-size: 32px;}
.wrapper .box.one article .fa.check {font-size: 32px; padding-left: 0px;}
.question-set .question-box img{padding-bottom: 30px;}

.landing-pop .modal-content { background: #092d74; width: 100%; top:0; left: 0; border: none; box-shadow: 0px 3px 2.4px 0.6px rgba(231, 229, 229, 0.2);}
.landing-pop .modal-content:before {
    content: '';
    position: absolute;
    width: 100%;
    background-image:url(../images/pop-bg.png);
    left: 0;
    top: 0;
    opacity: 1; height: 197px;
    
}

.landing-pop .close{color: #214281;
    opacity: 1;
    background: #FFF;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    margin-top: -27px;
    margin-right: -24px; font-size:21px;}
.landing-pop .pop-logo{margin: 0 auto; width: 50%; padding: 40px 0px;}
.landing-pop .modal-content h1{ font-size: 30px; text-align: center; color: #4d4c4e; padding-top: 25px; font-family: 'Gotham';
    padding-bottom: 20px;}
.landing-pop .modal-content p{ text-align: center; font-size: 15px; display: inline-block; color: #838485; font-family: 'Gotham';
    font-weight: 300; line-height:27px;}
.landing-pop .modal-body{background: #FFF;}
.modal{background: rgba(255, 255, 255, 0); text-align: center;}
.modal-dialog {display: inline-block; text-align: center;vertical-align: middle;}
.modal-dialog {position: relative;}
.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
[type="radio"]:checked, [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
    position: relative;
    padding: 10px 40px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #fff;
    background: #fc661b;
    border-radius: 4px;
    padding-left: 59px;
}
.ok_btn{
     padding: 10px 40px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #fff;
    background: #fc661b;
    border-radius: 4px;
}

label {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    color: #515151;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 500;
}

[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
    content: '\f164';
    font-family: FontAwesome;
    font-style: normal;
    position: absolute;
    left: 35px;
    top: 9px;
    color: #fff;
}
[type="radio"]:checked + label.radio2:before, [type="radio"]:not(:checked) + label.radio2:before {
    content: '\f165';
    font-family: FontAwesome;
    font-style: normal;
    position: absolute;
    left: 35px;
    top: 9px;
    color: #fff;
}
[type="radio"]:checked + label { background: #092d74;}
.landing-pop .go-btn{margin: 0 auto; text-align: center; padding: 20px 0px;}
.landing-pop.modal-body { padding: 35px!important;}
.modal-dialog{width: 700px;  margin: 50px auto;}
.logo-reg{position: absolute;right: 20px; top: 20px; width: 26%;}


#pop-instruction .modal-header{ border: 0;}

#pop-instruction .modal-content {
     box-shadow: none!important; border: 0;
     background: transparent;
    -webkit-box-shadow:none!important;
    border-radius: 0;
}
#pop-instruction .modal-dialog {
    width: 950px}


#pop-instruction .modal-header .close {
    margin-top: 8px;
    position: relative;
    right: 13px;
    bottom: -66px;
    z-index: 9999;
}

#pop-instruction .close{ opacity: .9; color: #fc6719;font-size:37px;}
.form-group.has-error .form-control{
    border-color: red;
}