img {
    max-width: 100%;
}
.clrr_blu { color: #017bbe; }
.adperf_block {
    background: none;
    padding: 40px 60px;
    margin-top: 10px;
    border-radius: 2px;
    position: relative;
    z-index: 9;
}
    .top_block {
        margin-bottom: 20px;
    }
    .mid_section.home-bg {
    position: relative;
    background: url(https://d2h6rr2y5bih2h.cloudfront.net/banner.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
    display: table;
      height: 91.8vh;
    width: 100%;
}
.mid_section.home-bg:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.65);
}
.top_block h1 {
    margin-top: 2.5rem;
    margin-bottom: 0.5rem;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
h2.innrHeading{
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}
p.pxl.small-heading {
    color: #fff;
    font-weight: 500 !important;
    font-size: 17px;
    line-height: 22px;
}
.col-lg-12.text-center p {
    color: #fff;
}
input#email-address {
    display: inline-block;
    width: 99%;
    height: auto;
    padding: 12px 10px 13px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border: none;
}
.email-box{
    position:relative;
    margin-top: 30px;
}
button#get-grade-button {
    padding: 14px 10px;
    height: auto;
    line-height: normal;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
}
.detail-page form.form {
    padding: 35px 35px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
}
p.signwith {
    margin: 10px 0 5px;
    font-size: 14px;
    font-weight: 500;
}
.performance_grde-form {
    margin-top: 10px;
    background: #fff;
}
.detail-page form label.control-label {
    font-size: 13px;
    font-weight: 500;
}
.pxl {
    margin: 0;
    font-size: 24px;
    color: #c7c7c7;
    font-weight: 300!important;
    line-height: 28px;
}
.card.mx-auto {
    background: none;
}
.form_blok .card {
    border:none;
}
.mid_section.detail-page.mid_section.home-bg {
    text-align: left;
}
.mid_section.detail-page.mid_section.home-bg form.form .form-control {
    border: 1px solid #9ca0a5;    font-size: 13px;
}

.wizard {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    font-size: 0;
    counter-reset: wizard;
    margin-left: 0;
    margin-bottom: 25px;
    white-space: nowrap;
}
.wizard>li {
    font-size: 30px;
    font-size: 1.875rem;
    background: #fff;
    border: 2px solid;
    border-radius: 50%;
    color: #bbb;
    display: inline-block;
    counter-increment: wizard;
    height: 2em;
    line-height: 1.9em;
    margin-left: 1.5em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 2em;
}
.wizard>li:before {
    content: counter(wizard);
}
.wizard>li:after {
    border-top: 2px solid;
    content: "";
    margin-top: -1px;
    margin-right: 2px;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 1.5em;
}
.wizard>li:first-child:after {
    content: none;
}
.wizard>li.is-complete {
    background: #EAF8D8;
    color: #56AF00;
    line-height: 1.7em;
}
.wizard>li.is-complete:before{
    color: #67B900;
    font-size: .8333333333em;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}
.wizard>li.is-current {
    background: #67B900;
    border-color: #56AF00;
    color: #fff;
}
.wizard>li.is-current:before {

}
.wizard>li.is-current:after {
    border-color: #56AF00;
}

/*body css*/
.main_sec {
    padding: 60px 0px;
}
.sectn_grey {
    background: #f5f5f5;
}
.sectn_white {
    background: #fff;
}
.mr16 {
    margin-right: 1rem!important;
}
/*=================== header css =======================*/
.tophdr {
    padding: 38px 0px 10px;
    background-color: #5195e9;
}
.read-button01 {
    font-weight: bold;
    margin-bottom: 0;
}
.read-button01 li {
    display: inline-block;
}
.read-button01 li a {
    color: #fff;
    font-size: 14px;
}
.read-button01 li.clr01 a {
    line-height: normal;
    color: #585353 !important;
    background: #dce9fa;
    font-size: 12px;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #4080d0;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
}
.clr01 a:hover {
            background: #fff;
            color: #3c8dbc !important;
            border-radius: 4px;
            border: 1px solid #3484b2;
        }
/* ============= home page ===================== */ 
/*banner section*/
.home_section {
    background-color: #5195e9;
    background: linear-gradient(#5195e9, #124a8f);
    padding: 60px 0px;
}
.homebanner .lgtitle {
   color: #fff;
    font-size: 3vw;
    font-family: 'SegoeUI-Bold';
    letter-spacing: 3.3px;
    border-left: 7px solid #ff7436;
    padding-left: 25px;
}
.homebanner p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 21px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 auto 30px;
    padding-left: 35px;
}
.homebanner .gradeformrow {
      border: 2px solid #fff;
    padding: 5px;
    background-color: #fff;
    border-radius: 3px;
    max-width: 450px;
    margin-left: 35px;
}
.homebanner .gradeform {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.homebanner .gradeformgroup {
    width: calc(100% - 191px); 
}
.homebanner .gradeformgroup .form-control {
    border: none;
    box-shadow: none;
    height: 36px;
    font-size: 15px;
    color:#666;
}
.homebanner .gradeform .gradebtn {
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    background: #268bcd;
    border-color: #268bcd;
    border-radius: 6px;
} 
.banner_img_block {
    position: absolute;
    bottom: -60px;
    width: 100%;
}
/*3 box section*/
.box_style_1 .col-md-4 {
    display: flex;
}
.box_style_1 .boxx_withborder {
    border: 1px solid #ddd;
    padding: 5px 6px;
    border-radius: 6px;
    align-items: center;
}
.box_style_1 .box_icon {
    width: 64px !important;
    height: 64px !important;
    border: 2px solid #175096;
}
.box_style_1 .box_cont {
    flex: 1 1 0%!important;
}
.box_style_1 .box_cont h5 {
    font-size: 40px;
    color: #333745;
    font-weight: 400;
}
.box_style_1 .box_cont p strong {
    color: #333;
}
.box_style_1 .box_cont p {
    font-size: 1rem;
    color: #666;
    margin-bottom: 0;
}
.box_style_1 .box_cont sup {
    top: 0px;
}
/*third section*/
.gradeimg_sectn {
    background: #f6f7fb;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}
.grade_title {
    font-size: 2rem;
    margin-bottom: 2rem;
      font-family: 'SegoeUI-SemiBold';
}
.grade_txt {
    font-size: 1rem;
    margin-bottom: 2rem;
}
.panel_blocks .col-sm-6 {
    margin-top: 1rem;
}
.panel_blocks .card .card-body {
    padding: 0;
}
.panel_blocks .card-title {
    padding: 8px 15px;
    background: #267bb4;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
}
.panel_blocks .img_block { 
    padding: 15px;
    border: 1px solid #ddd;
}
/*last section*/
.box_style_2 .col-xs-12 {
    margin-top: 1rem;
}
.box_style_2 .boxx {
    background: #f6f7fb;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.box_style_2 .box_cont p strong {
  display: block;
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 10px;    font-family: 'SegoeUI-SemiBold';
}
.box_style_2 .box_cont p {
    margin-bottom: 0;
}
/*====================================*/
    
/*footer css*/
.btn-newsletter,
.btn-newsletter h3 {
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Source Sans Pro", sans-serif;
}

footer {
    padding: 35px 0 0;
    background:#fff;
    font-family: Lato,Calibri,Arial,sans-serif;
}

.btn-newsletter {
    padding: 15px 0;
    background: #26a2ce
}

.btn-newsletter h3 {
    cursor: pointer
}
.home-newsletter {
    padding: 30px 0;
    background: #e5e5e5
}

.home-newsletter .single {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
    font-family: Lato,Calibri,Arial,sans-serif;
}

.home-newsletter .single h2 {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 40px
}

.home-newsletter .single .form-control {
    height: 50px;
    background: rgba(255, 255, 255, .6);
    border-color: transparent;
    border-radius: 45px
}

.home-newsletter .single .btn,
.home-newsletter .single .btn:hover {
    background: #26a2ce;
    color: #fff
}

.home-newsletter .single .form-control:focus {
    box-shadow: none;
    border-color: #26a2ce
}

.home-newsletter .single .btn {
    min-height: 50px;
    border-radius: 45px;
    position: relative;
    font-weight: 700;
    width: 200px;
    font-family: Lato,Calibri,Arial,sans-serif;
    letter-spacing: 1px;
    cursor: pointer;
    display: inline-block;
    margin: 3px 2px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.captchfield {
    background: rgba(255, 255, 255, .6);
    border-radius: 50px
}
span.cptcha-input {
    color: #000;
    font-weight: 700;
    font-size: 22px;
}
span.cptcha-input input {
    width: 20px;
    border: 0;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    vertical-align: inherit;
    font-size: 23px;
    font-weight: 400;
    color: #000;
}

#SubscribeForm span.cptcha-input input {
    background: inherit;
    height: 50px
}
.footer {
    background: #267bb4;
    text-align: center;
    color: #fff;
}
.footer span, .footer a {
    color: #fff !important;
}
span#Err_msg {
    color: red;
    position: absolute;
    bottom: -23px;
    left: 0;
    font-size: 13px;
}
@media only screen and (min-width: 1200px) { 
    .home_section { padding: 148px 0px 100px; }
    .homebanner { padding-top: 58px; }
    .banner_img_block {
        bottom: -100px;
        right: -35px; text-align:right;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) { 
    .homebanner .lgtitle { font-size: 32px;margin-bottom: 10px; }
    .homebanner p { font-size: 20px;margin-bottom: 15px; }
    .homebanner .gradeform .gradebtn { padding: 10px;font-size: 12px; }
    .homebanner .gradeformgroup { width: calc(100% - 135px); }
     .banner_img_block { width: auto; }
}
@media only screen and (max-width: 767px) {  
    .main_sec {
    padding: 34px 0px;
}
span#Err_msg { left: 15px; }
.tophdr { padding-top: 20px; }
    .home_section { padding-top: 90px;
    padding-bottom: 40px; }
        .homebanner .lgtitle {
        font-size: 34px;
    }
    .homebanner p {
        font-size: 21px;
    }
    .box_style_1 .col-md-4 {
    display: block;
}
.box_style_1 .col-md-4 + .col-md-4 {
        margin-top: 15px;
        }

    .home-newsletter .single .btn {
        width: 100%
    }
    .btn-newsletter h3 {
        font-size: 18px!important;
        line-height: 1.3
    }
    .home-newsletter {
        padding: 13px 0;
        line-height: 26px;
        font-size: 16px
    }
}
@media only screen and (max-width: 576px) { 
    .text-xs-center { text-align: center !important; }
    .mt-xs-15 { margin-top: 15px !important; }
    .read-button01 li a { font-size: 12px; }
    .homebanner .lgtitle { font-size: 28px;margin-bottom: 10px; }
    .homebanner p { font-size: 20px;margin-bottom: 15px; }
    .homebanner .gradeformrow { margin:0 auto; }
    .homebanner .gradeform { display: block; }
    .homebanner .gradeform .gradebtn { margin-top: 10px;width: 100%; }
    .captchfield { background: none; }
}