.system_requirement {
    display: none;
}

#page-student_portal-catalogbeforelogin {}

/* #page-student_portal-catalogbeforelogin{background: url("images/signup_bg.jpg") no-repeat center !important;     background-attachment: fixed !important;
background-size: 100% !important;} */
#page-student_portal-catalogbeforelogin #page-header h1.logo {
    position: relative;
}

#page-student_portal-catalogbeforelogin #page {
    margin: 10px auto 0 !important;
}

#page-header h1.logo img {
    max-height: 60px !important;
}

/* #page-header h1.logo{    padding: 20px 30px 0 0 !important;    height: 70px !important; position: fixed;} */
#page-student_portal-catalogbeforelogin .main-nav.outernav .nav {
    margin: 50px 0 0 !important;
}

#page-student_portal-catalogbeforelogin .wrapper {
    padding: 0 !important;
    background: #fff !important;
}

#page-student_portal-catalogbeforelogin .main-nav.outernav .nav li.signup_menu {
    padding-right: 0 !important;
    margin-right: 0;
}

.home_manu {
    display: none;
}

#page-student_portal-catalogbeforelogin #page-header .top-bar {
    min-height: 400px;
}

#page-student_portal-catalogbeforelogin #page-header .top-bar .container {
    height: 400px;
}

#page-student_portal-catalogbeforelogin .header-fixed {
    background: url("images/catalog_bg.jpg") no-repeat 0 100% !important;
    background-size: 100% !important;
    position: relative;
}

#page-student_portal-catalogbeforelogin .main-nav.outernav {
    float: right !important;
    margin: 0;
}

#page-student_portal-catalogbeforelogin .main-nav .nav li a.active, #page-student_portal-catalogbeforelogin .main-nav .nav li a:hover, #page-student_portal-catalogbeforelogin .main-nav .nav li a:focus {
    color: #001628 !important;
    border-bottom: none !important;
}

.welcome_text {
    float: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-transform: uppercase;
}

.welcome_text .content {
    font-size: 40px;
    color: #2b2d41;
    line-height: 42px;
    width: 380px;
}

.welcome_text .content_link {
    font-size: 18px;
    font-weight: bold;
    color: #99845f !important;
}

.catalog_heading_wrapper {
    padding: 22px 0;
    color: #1c2a45
}

.catalog_heading_wrapper .catalog_heading {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}

.catalog_heading_wrapper .catalog_content {
    opacity: 0.8;
}

.student_catalog_wrapper {
    float: left;
    width: 100%;
    position: relative;
}

.student_catalog_list {
    background: #f6f6f7;
    padding: 20px;
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0
}

.student_catalog_list .student_catalog_type {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #0056b3;
}

.student_catalog_list .student_catalog_titile {
    font-size: 20px;
    font-weight: bold;
    padding: 0px 0 10px;
}

.student_catalog_list .student_catalog_desc {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.student_catalog_knowmore {
    padding-top: 10px;
    float: left;
}

.student_catalog_knowmore a {
    color: #84152a;
    padding-top: 10px;
}

.student_catalog_button_wrapper {
    float: right;
    padding-top: 10px;
}

.student_catalog_button_wrapper .student_catalog_cost {
    background: #ececee;
    color: #001628;
    padding: 6px 10px;
    height: 40px;
    font-size: 18px;
    font-weight: bold;
    display: block;
    float: left;
}

.student_catalog_button_wrapper .student_catalog_enroll {
    background: #84152a;
    color: #fff;
    padding: 6px 16px;
    height: 40px;
    display: block;
    float: left;
    text-transform: uppercase;
    line-height: 28px;
    border: 1px solid #84152a;
}

.student_catalog_button_wrapper .student_catalog_enroll:hover, .student_catalog_button_wrapper .student_catalog_enroll:focus {
    background: #fff !important;
    color: #84152a !important;
}

.student_catalog_footer {
    background: #a5a6b1;
    padding: 20px;
    float: left;
    width: 100%;
    display: none;
}

.student_catalog_footer_box_wrapper {
    margin: 0 auto;
    min-width: 1002px;
    max-width: 1140px;
    width: 100%;
}

.student_catalog_footer .student_catalog_footer_box {
    background: #fff;
    margin: 0 1%;
    width: 30%;
    height: 250px;
    float: left;
    position: relative;
}

#page-student_portal-catalogbeforelogin #page-content.row {
    padding-bottom: 0;
}

.student_catalog_footer .student_catalog_footer_box:before {
    content: "\f10d";
    display: block;
    font-size: 30px;
    color: #99845f;
    font-family: "FontAwesome";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 10px;
}



#page-student_portal-certification_search #page-header h1.logo {
    position: relative;
}

#page-student_portal-certification_search #page {
    margin: 10px auto 0 !important;
}

#page-student_portal-certification_search .main-nav.outernav .nav {
    margin: 50px 0 0 !important;
}

#page-student_portal-certification_search .wrapper {
    padding: 0 !important;
    background: #fff !important;
}

#page-student_portal-certification_search .main-nav.outernav .nav li.signup_menu {
    padding-right: 0 !important;
    margin-right: 0;
}

#page-student_portal-certification_search #page-header .top-bar {
    min-height: 400px;
}

#page-student_portal-certification_search #page-header .top-bar .container {
    height: 400px;
}

#page-student_portal-certification_search .header-fixed {
    background: url("images/catalog_bg.jpg") no-repeat 0 100% !important;
    background-size: 100% !important;
    position: relative;
}

#page-student_portal-certification_search .main-nav.outernav {
    float: right !important;
    margin: 0;
}

#page-student_portal-certification_search .main-nav .nav li a.active,
#page-student_portal-certification_search .main-nav .nav li a:hover,
#page-student_portal-certification_search .main-nav .nav li a:focus {
    color: #001628 !important;
    border-bottom: none !important;
}

#page-student_portal-certification_search #page-content.row {
    padding-bottom: 0;
}

.certficate_search_wrapper {
    position: relative;
    width: 1140px;
    margin: 14px auto 20px;
}

.search_wrapper {
    text-align: center;
    float: left;
    width: 100%;
}

.search_wrapper input.search_btn, .search_wrapper input.search_btn:hover, .search_wrapper input.search_btn:focus {
    padding: 3px 20px;
    margin: 0 !important;
}

.certficate_search_wrapper .search_wrapper {
    width: 25%;
    float: left;
    border-right: 1px solid #dcdcdc;
    padding-right: 20px;
    padding-bottom: 20px;
}

.certficate_search_wrapper .search_table_wrapper {
    width: 75%;
    float: left;
    padding-left: 20px;
}

.search_wrapper .field_wrapper {
    width: 100%;
    float: left;
    padding: 8px 0px;
}

.field_wrapper label {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
}

.field_wrapper input, .field_wrapper select {
    width: 100%;
    float: left;
    text-align: left;
}

.top_inst .inst1 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.top_inst .inst2 {
    font-size: 12px;
    font-weight: bold;
}

.search_inst {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 16px;
}

.certficate_img {
    background-size: 100% !important;
    width: 49px;
    height: 50px;
    margin: 0 auto;
    display: block;
}

.certficate_img.csd {
    background: url("images/csd.png") no-repeat;
}

.certficate_img.msp {
    background: url("images/msp.png") no-repeat;
}

.search_table_wrapper a.view_certificate {
    border: 1px solid #84152a;
    padding: 6px;
    background: #84152a;
    color: #fff;
}

.search_table_wrapper a.view_certificate:hover, .search_table_wrapper a.view_certificate:focus {
    color: #84152a;
    background: #fff;
}

#page #region-main .search_table_wrapper table td {
    vertical-align: middle;
    border: 1px solid #dcdcdc;
}

#page #region-main .search_table_wrapper table th:nth-child(2), #page #region-main .search_table_wrapper table th:nth-child(3), #page #region-main .search_table_wrapper table th:nth-child(4), #page #region-main .search_table_wrapper table td:nth-child(2), #page #region-main .search_table_wrapper table td:nth-child(3), #page #region-main .search_table_wrapper table td:nth-child(4) {
    text-align: center;
}

.align_center {
    text-align: center;
}

.search_btn {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.search_btn p {
    font-size: 12px;
}

.nasp_link {
    color: #1ca5ff;
    text-decoration: underline;
}

/********** certficate profile start here  *************/
.certficate_profile_wrapper {
    width: 100%;
    position: relative;
    margin: 0 auto;
}

.profile_left_section {
    float: left;
    width: 30%;
}

.profile_right_section {
    float: left;
    width: 69%;
    border-left: 1px solid #dcdcdc;
}

.profile_details, .cert_details_content {
    float: left;
    width: 100%;
    position: relative;
    margin: 10px 0;
}

.profile_details_left {
    width: 40%;
    float: left;
    text-align: center;
}

.profile_details_right {
    width: 40%;
    float: right;
    text-align: center;
}

.cert_details_left {
    width: 40%;
    float: left;
    text-align: left;
}

.cert_details_right {
    width: 40%;
    float: right;
    text-align: left;
}

.profile_details span.text_bold {
    display: block;
    font-weight: bold;
}

.cert_details_content span.iconclass {
    display: block;
}

.cert_details_content span.iconclass.icon1:before {
    content: "";
    background: url("images/icon1.png") no-repeat;
    display: block;
    width: 40px;
    height: 24px;
    float: left;
    background-size: 100%;
    margin-right: 10px;
}

.cert_details_content span.iconclass.icon2:before {
    content: "";
    background: url("images/icon2.png") no-repeat;
    display: block;
    width: 40px;
    height: 28px;
    float: left;
    background-size: 100%;
    margin-right: 10px;
}

.cert_details_content span.iconclass.icon3:before {
    content: "";
    background: url("images/icon3.png") no-repeat;
    display: block;
    width: 40px;
    height: 28px;
    float: left;
    background-size: 100%;
    margin-right: 10px;
}

.cert_details_content span.iconclass.icon4:before {
    content: "";
    background: url("images/icon4.png") no-repeat;
    display: block;
    width: 40px;
    height: 28px;
    float: left;
    background-size: 100%;
    margin-right: 10px;
}

.cert_details_content span.iconclass.icon5:before {
    content: "";
    background: url("images/icon5.png") no-repeat;
    display: block;
    width: 40px;
    height: 39px;
    float: left;
    background-size: 100%;
    margin-right: 10px;
}

.cert_details_content span.iconclass.icon6:before {
    content: "";
    background: url("images/icon6.png") no-repeat;
    display: block;
    width: 40px;
    height: 39px;
    float: left;
    background-size: 100%;
    margin-right: 10px;
}

.cert_details_btm .iconclass.icon7 {
    background: url("images/icon7.png") no-repeat;
    display: block;
    width: 40px;
    height: 39px;
    float: left;
    background-size: 100%;
    margin-right: 10px;
}

.cert_details_btm span {
    display: block;
}

.cert_details_btm .cert_details_btm_right {
    width: calc(100% - 50px);
    float: left;
}



/********** certficate profile end here  *************/

.certificatesearchWrapper #page-header {
    position: relative;
    top: 0;
}

#page-student_portal-certification_search .certificatesearchWrapper .header-fixed {
    position: fixed;
    background: #001628 !important;
}

#page-student_portal-certification_search .certificatesearchWrapper #page-header .top-bar {
    min-height: 103px;
}

#page-student_portal-certification_search .certificatesearchWrapper #page-header .top-bar .container {
    height: auto;
    min-height: auto;
}

#page-student_portal-certification_search .certificatesearchWrapper #page-header .top-bar {
    height: auto;
}

#page-student_portal-certification_search .certificatesearchWrapper #page-header .top-bar .logininfo-container {
    padding-top: 17px !important;
    padding-bottom: 17px !important;
}

#page-student_portal-certification_search .certificatesearchWrapper #page {
    margin: 120px auto 0 !important;
    padding-bottom: 60px !important;
}

/* #page-student_portal-certification_search .certificatesearchWrapper #page-header h1.logo img {max-height: 80px !important;} */
/* #page-student_portal-certification_search .certificatesearchWrapper #page-header h1.logo { padding: 0 30px 0 0 !important;   height: 103px !important;} */
/* #page-student_portal-certification_search .certificatesearchWrapper .main-nav { margin: 7px 0 0 10px !important;} */
#page-student_portal-certification_search .certificatesearchWrapper .nav li {
    margin-right: 20px;
}

#page-student_portal-certification_search .certificatesearchWrapper .main-nav .nav li a:hover,
#page-student_portal-certification_search .certificatesearchWrapper .main-nav .nav li a.active,
#page-student_portal-certification_search .certificatesearchWrapper .main-nav .nav li a:focus {
    color: #9e8762 !important;
    border-bottom: 3px solid #ffad2d !important;
}

body#page-student_portal-certification_search {
    background: #fff !important;
}

.both_csd_msp {
    float: left;
    width: 100%;
    margin: 0 auto;
    padding-left: 8px;
}

/* .both_csd_msp .certficate_img{ float: left; margin: 0 4px; } */
.both_csd_msp .both_msp {
    float: left;
    width: 50%;
}

.both_csd_msp .both_msp strong {
    display: block;
    line-height: 14px;
}

.certficate_img.csd.grey {
    background: url(images/csd_gray.png) no-repeat;
}

.certficate_img.msp.grey {
    background: url(images/msp_gray.png) no-repeat;
}

.search_table_scrollwrapper {
    float: left;
    width: 100%;

}

.certficate_search_wrapper.beforeloginsearch .search_wrapper {
    width: 100%;
    padding: 0;
    padding-top: 20px;
    margin: 0;
    border-right: none;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.certficate_search_wrapper.beforeloginsearch .search_table_wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
}

.search_wrapper .field_wrapper {
    width: calc(32% - 10px);
    float: left;
    padding: 8px 0px;
    margin: 0 10px;
}

.field_outerwrapper {
    float: left;
    width: 100%;
    position: relative;
}

.searchbtm_section {
    margin-top: 25px !important;
}

.searchbtm_section>div {
    width: auto !important;
    float: left !important;
    margin-right: 20px;
}

.certficate_search_wrapper.beforeloginsearch .bottom_content {
    padding: 0;
    margin-top: 10px;
}

#page-student_portal-certification_search .certificatesearchWrapper .nav .dropdown-menu li {
    margin: 0;
    background: #16264a;
    width: 100%;
}

#page-student_portal-certification_search .certificatesearchWrapper .nav .dropdown-menu li a {
    width: 100%;
}

.left_paymentsection a {
    color: #84152a !important;
}

.right_paymentsection table td label {
    font-size: 14px !important;
}

#page-student_portal-catalogbeforelogin #page-header .top-bar .logininfo-container {
    display: none;
}

@media screen and (max-width:980px) {

    #page-student_portal-certification_search .header-fixed,
    #page-student_portal-catalogbeforelogin .header-fixed {
        background-size: cover !important;
        position: relative;
        background-attachment: fixed !important;
        height: auto;
    }

    .welcome_text {
        padding: 0 14px;
        transform: none;
        top: 152px;
    }

    #page-student_portal-catalogbeforelogin .main-nav.outernav .nav {
        margin: 5px 0 0 !important;
    }

    #page-student_portal-catalogbeforelogin #page-header .top-bar,
    #page-student_portal-catalogbeforelogin #page-header .top-bar .container {
        min-height: 250px;
        height: 250px;
    }

    #page-student_portal-certification_search #page-header .top-bar .container,
    #page-student_portal-certification_search #page-header .top-bar {
        min-height: 250px;
        height: 250px;
    }

    #page-student_portal-certification_search .main-nav.outernav .nav {
        margin: 0px !important;
    }

    #page-student_portal-certification_search .main-nav .nav li a.active,
    #page-student_portal-certification_search .main-nav .nav li a:hover,
    #page-student_portal-certification_search .main-nav .nav li a:focus,
    #page-student_portal-catalogbeforelogin .main-nav .nav li a.active,
    #page-student_portal-catalogbeforelogin .main-nav .nav li a:hover,
    #page-student_portal-catalogbeforelogin .main-nav .nav li a:focus {
        color: #9e8762 !important;
        border-bottom: 3px solid transparent !important;
    }

    #page-student_portal-certification_search .certificatesearchWrapper #page-header .top-bar .logininfo-container {
        padding: 0px !important;
    }

    #page-nasp-certification_search.pagelayout-mydashboard #page-header h1.logo img {
        max-height: 40px !important;
    }

    #page-nasp-certification_search.pagelayout-mydashboard #page-header h1.logo {
        height: 88px !important;
    }

    #page-student_portal-certification_search .certificatesearchWrapper .main-nav .nav li a:hover, #page-student_portal-certification_search .certificatesearchWrapper .main-nav .nav li a.active, #page-student_portal-certification_search .certificatesearchWrapper .main-nav .nav li a:focus {
        color: #9e8762 !important;
        border-bottom: 3px solid transparent !important;
    }
    #page-student_portal-certification_search .certificatesearchWrapper #page-header .top-bar {
        min-height: 88px;
    }
    .student_catalog_list .student_catalog_desc {
        display: block;
    }

}

@media  screen and (max-width:550px) {
    .certficate_img.csd, .certficate_img.msp {
        background-size: 22px !important;
    }
    
}