@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');

/*
font-family: 'Lato', sans-serif;
*/

.has-error{background-color: #f8d7da !important; border-color: #f5c6cb !important; color: #721c24 !important;}
.clearer{clear:both;}

body{ padding:0; margin:40px 0; font-size:14px; color:#000; font-family: 'Roboto', sans-serif;  background: #f5f5f5 url(../images/questionnaire_bg.jpg);
    background-size: cover;
    background-attachment: fixed;}
a {outline:none !important; text-decoration:none;
-webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; color: #069edb}
a:hover, a:focus, select:focus, button:focus { outline:none; text-decoration:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6, input, select, textarea, button{ outline:none !important;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/}

.container{ width:96%; max-width:940px; margin:0 auto; padding:0;}

.wrapper{ width:100%; max-width:1000px; margin:0 auto; padding:0 15px;}

/***********  Top Part  ************/
header{ width:100%; float:left; margin:0px; padding:0px;}

.nav_sec{ width:100%; float:left; margin:0 0 15px 0; padding:15px 0; background:#0073e6; border-radius:0; color: #FFF}
.nav_sec a { color: #FFF}
.nav_sec .logo{ max-width:80px; margin:0; padding:0; display:inline-block;}
ul.top_right{ width:100%; float:left; margin:0; padding:0; text-align:right;}
ul.top_right li{ margin:0 0 0 10px; padding:2px; display:inline-block; border:1px solid transparent;}
ul.top_right li.active{ border-color:#ea8723;}
.logo_immidem {
    height:65px; max-width:none; float: right; top: -25px; position: relative
}
/********** Footer Part   ***************/
.footer_sec{    width: 100%;
    float: left;
    margin: 0 0 15px 0;
    padding: 15px 0;
    border-top: 1px solid #e5e5e5;
    /* font-style: italic; */
    font-size: 13px;
    color: #666;}

    .footer_sec .container {
      max-width: 100%;
      width: 100%;
      margin: 0 auto;
      padding: 0;
      margin-left: 0;
      margin-right: 0;
    }

/***********  Section Part  ************/

section{ width:100%; float:left; margin:0px; padding:0px;}

.white_box{ width:100%; float:left; margin:0 0 50px 0; padding:30px 0; background:#fff; b/*ox-shadow:0 0 10px rgba(0,0,0,0.1);*/}
.white_box h2{    margin: 0;
    padding: 12px 0;
    font-size: 31px;
    color: #1b1b1b;
    text-transform: none;
    font-weight: 500;
    background: #FFF;
    text-align: left;
    border-radius: 0;
    border-bottom: 2px solid #069edb;}
.white_box .blue_box{ width:100%; float:left; margin:0; padding:30px; background:#f5f5f5; border-radius:0;}
.white_box .blue_box p{ margin:0 0 15px 0; padding:0; font-size:16px; color:#1b1b1b; font-weight:500;}
.white_box .blue_box p span{ color:#00ad7d;}
.white_box .blue_box p i{ font-weight:normal;}
.white_box .blue_box p.light_c{ color:#7a9ec1;}
.check_btn{ margin:0; padding:5px 30px 8px 30px; display:inline-block; background:#FFF; font-size:16px; color:#1b1b1b; text-transform:uppercase; font-weight:600;  clear:both;border-radius: 0;
    border: 1px solid #1b1b1b;}
.check_btn:hover{ background:#1b1b1b; color:#fff;}

/*===================  Login page  ==================*/
.login_info{ width:100%; max-width:800px; margin:0 auto; padding:30px 20px 20px 20px; background:#fff;}
.login_info .input-group{ width:100%; margin:0 0 10px 0; padding:0; position:relative;}
.login_info .input-group .form-control{ height:45px; box-shadow:none; border-radius: 0; padding:0 45px 0 15px; border-color:#8da3b4;}
.login_info .input-group-text{ background:none; width:40px; line-height:31px; display:inline-block; text-align:center; border-color:#8da3b4; color:#1b1b1b; border-radius: 0;}
.login_info .input-group .see_link{ position:absolute; top:10px; right:15px; z-index:99; font-size:15px; color:#8da3b4; }

.see_link2{ position:absolute; top:10px; right:15px; z-index:99; font-size:15px; color:#8da3b4; }
.see_link3{ position:absolute; top:10px; right:15px; z-index:99; font-size:15px; color:#8da3b4; }

.login_info .form-check{ width:auto; display:inline-block;}
.login_info .form-check-label{ font-size:15px; color:#1b1b1b;}
.forgot_link{ margin:0; padding:0; display:inline-block; }
.forgot_link:hover{ color:#1b1b1b;}
.reg_link{ margin:15px 0 30px 0; padding:0; display:inline-block; font-size:22px; color:#1eabed; font-weight:600; clear:both;}
.reg_link:hover{ color:#1b1b1b;}
.login_btn{ width:100%; display:block; margin:0; padding:8px 15px; border:none; background:#1b1b1b; box-shadow:none; border-radius:0; font-size:15px; color:#fff; text-transform:uppercase; font-weight:600;}
.login_btn:hover{ background:#069edb; color:#fff;}

/*===================  Contact page  ==================*/
.question_block{ }
.question_block h2{ margin: 0;
    padding: 12px 0;
    font-size: 31px;
    color: #1b1b1b;
    text-transform: none;
    font-weight: 500;
    background: #FFF;
    text-align: left;
    border-radius: 0;
    border-bottom: 2px solid #069edb;}
.question_block .inner{ width:100%; float:left; margin:0; padding:0;}
.que_block{ width:100%; float:left; margin:0; padding:20px; background:#fff; border-bottom:2px solid #069edb;}
.que_block figure{ width:200px; float:left; margin:0; padding:0;}
.que_block .detail{ margin:0; padding:0 0 0 10px; overflow:hidden;}
.que_block .detail p{ margin:0 0 15px 0; padding:0; font-size:16px; color:#1b1b1b; font-weight:500;}
.que_block .detail p span{ color:#069edb; font-style:italic;}

/*******  Info Sec  ******/
.info{ width:100%; float:left; margin:15px 0; font-size:15px; color:#1b1b1b; position:relative; background: #f5f5f5;
    padding: 1em; padding-left: 3rem;}
.info i{position: absolute;
    top: 0.5rem;
    left: 1rem;
    font-size: 32px;
    color: #999;}

/******  Que Info  ******/
.que_info{ width:100%; float:left; margin:0; padding:20px 0;}
.que_info label {
    display: inline-block;
    margin-bottom: .2rem;
    /*text-transform: uppercase;*/
    color: #1b1b1b;
    /*letter-spacing: 0.5px;*/
    font-size: 18px;
    font-weight:600;
}

.login_info label {
    display: inline-block;
    margin-bottom: .2rem;
    /*text-transform: uppercase;*/
    color: #1b1b1b;
    /*letter-spacing: 0.5px;*/
    font-size: 16px;
    font-weight:500;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #1b1b1b;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 0;
}
.form-control input[type=file] {background: #000}
.que_info .radio_info{ width:100%; float:left; margin:0 0 30px 0; padding:0;}
.que_info .radio_info:last-child{ margin:0;}
.que_info .radio_info h3{ margin:0 0 20px 0; padding:0; font-size:20px; color:#1b1b1b; font-weight:600;}
.que_info .btn-group, .que_info .btn-group-vertical{ display:inline-block;}
.que_info .radio_btn{ width:60px; float:left; background:#fff; border:2px solid #1b1b1b; margin:0 10px 0 0; padding:2px 0 3px 0; border-radius:0; box-shadow:none; font-size:15px; color:#1b1b1b; font-weight:600;}
.que_info .btn-group > .btn:focus, .que_info .btn-group > .btn:active, .que_info .btn-group > .btn.active, .que_info .btn-group-vertical > .btn:focus, .que_info .btn-group-vertical > .btn:active, .que_info .btn-group-vertical > .btn.active{ background:#1b1b1b; color:#fff;}
.que_info .radio_info p{ margin:-10px 0 0 0; padding:0; font-size:15px; color:#1b1b1b; font-style:italic;}

/******  Check Info  ******/
.check_info{ width:100%; float:left; margin:0; padding:20px;border-bottom: 1px solid #e5e5e5}
.custom-control{ padding-left:35px; margin-bottom:25px;}
.custom-control label{ font-size: 16px;
    color: #1b1b1b;
    font-weight: 500;}
.custom-checkbox .custom-control-label::before{ width:24px; height:24px; border-radius:0; background: #fff; border:2px solid #1b1b1b; box-shadow: none !important; top: 3px;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background: #1b1b1b; border-color: #1b1b1b; font-size:18px;}
.custom-control-label::after { top:7px; left:4px; background-size: 100% 100%; text-align:center;}

.check_info h3{ margin:0 0 20px 0; padding:0; font-size:20px; color:#1b1b1b; font-weight:600;}
.check_info p{ margin:-10px 0 20px 0; padding:0; font-size:15px; color:#1b1b1b; font-style:italic;}
.custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #fff;
    border: 2px solid #999;
}
::-webkit-file-upload-button {
  background: #1b1b1b;
  color: #FFF;
  text-transform: uppercase;
  padding: 0.2rem 0.5rem;
    font-size:13px;
    border:0;
    margin-right:0.5rem;
}
::-ms-browse {
  background: #1b1b1b;
  color: #FFF;
  text-transform: uppercase;
  padding: 0.2rem 0.5rem;
    font-size:13px;
    border:0;
    margin-right:0.5rem;
}
/************ Responsive **************/
@media (max-width: 991px) {
.que_block figure{ width:180px;}
.que_block .detail p{ font-size:14px;}
.que_info .radio_info h3{ font-size:17px; margin-bottom:15px;}
}

@media (max-width: 767px) {
.logo_immidem {height:45px; top:-15px}
html { -webkit-text-size-adjust:none;}
.container{ width:93%; margin:0 auto; padding:0;}
.nav_sec .logo{ max-width:50px;}
ul.top_right li img{ width:35px;}
.white_box h2{ font-size:22px;}
.white_box .blue_box{ padding:20px;}
.white_box .blue_box p{ font-size:14px;}
.login_info{ padding:15px;}
.reg_link{ font-size:16px; margin:10px 0;}
.login_info .form-check-label{ font-size:14px;}
.forgot_link{ font-size:14px;}
.question_block h2{ font-size:17px;}
.que_block{ text-align:center;}
.que_block figure{ width:100%; margin-bottom:20px; border-bottom:1px solid #ea8723;}
.que_block .detail{ width:100%; float:left; padding:0;}
.que_info .radio_info h3{ font-size:15px; margin-bottom:10px;}
.que_info .radio_info{ margin-bottom:20px;}
.custom-control label{ font-size:14px;}
.custom-checkbox .custom-control-label::before{ width:20px; height:20px; top:2px;}
.custom-control{ padding-left:30px; margin-bottom:15px;}
.custom-control-label::after { top:5px; left:1px; background-size: 80% 80%;}
.check_info{ padding:5px 20px 20px 20px;}
.que_block{ border:none;}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.container{ width:91%;}
.white_box h2{ font-size:18px;}
.check_btn{ font-size:14px;}
.login_info .text-right{ text-align:left !important;}
.white_box{ margin-bottom:30px;}
}