/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

video {
    max-width: 100%;
    height: auto;
}

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}
/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}


/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@charset "utf-8";
/* CSS Document */
   @media only screen and (max-width: 767px){
  .grey-sec, .lightblue-sec {
    font-size: 12px!important;
}
     .program-navbar-container .navbar-header {
    width: 15%;
    float: right!important;
}
     .acadamic-sec h2 {
    font-size: 30px !important;
}
  }
body {
    background: #fff;
}

a{transition: all 0.5s;}
a:hover { text-decoration:none;}

.body-container-wrapper {
    margin-bottom: 30px;
    margin-top: 56px !important;
}
.banner-rightform input, .banner-rightform .form-columns-1 .hs-input {
    font-family: 'Roboto',sans-serif;
    /*width: 95% !important;*/
    height: 30px !important;
    min-height: 30px;
    padding: 4px 0px !important;
    margin: 0px 0 5px !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #ccc !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    outline: 0 !important;
    border-radius: initial !important;
  color: #444;
}
.banner-rightform .hs-form-booleancheckbox input[type="checkbox"]:checked::before{
  display: none;
}
.banner-rightform input[type="checkbox"]::after {
    background: transparent;
}
.banner-rightform .hs-form-booleancheckbox input[type="checkbox"] {
    -webkit-appearance: auto;
}
.banner-rightform  .hs-form-booleancheckbox input[type="checkbox"]::after {
    background: transparent;
}
#landing-bannerform .hs_submit.hs-submit input.hs-button.primary.large {
    font-family: 'Poppins',sans-serif;
    letter-spacing: 2px;
    padding: 9px 20px !important;
      margin-top: 4%!important;
}
.banner-rightform  .hs-error-msgs.inputs-list li {
    margin-top: 5px!important;
}
.banner-rightform .script_form_wrapper {
    background-color: #fff!important;
    width: 300px;
    height: auto;
    float: right;
    margin-top: 0px;
    padding: 0px 16px 10px 16px!important;
    border-bottom: 4px solid #e21915;
}
.banner-rightform .hs_submit.hs-submit input.hs-button.primary.large {
    padding: 9px 20px !important;
}
.banner-rightform label.hs-error-msg, .banner-rightform label.hs-main-font-element {
    margin: 0px!important;
    font-weight: bold;
    font-size: 11px;
  font-family: 'Roboto',sans-serif;
  padding-bottom: 5px;
}

.banner-rightform h3 {
    background-color: #e21915;
    border-bottom: none;
    color: #fff!important;
    font-size: 17px;
    margin: 0px -16px 0px;
    padding: 17px;
    text-align: center;
    font-family: 'Poppins',sans-serif;
}

.banner-rightform .hs_cos_wrapper_type_form select {
    background: #FFFFFF;
    border: 1px solid #999;
    border-radius: 0px;
    font-size: 13px;
    padding: 15px 10px 10px;
    font-family: 'Avenir', sans-serif;
    font-weight: 400;
    color: #444;
    line-height: 25px;
}
.banner-rightform .hs_recaptcha.hs-recaptcha.field.hs-form-field {
    display: none;
}
.banner-rightform .hs-form-booleancheckbox span {
    color: #444;
    font-size: 10px;
    font-weight: 400;
  padding-left: 7px!important;
    margin-bottom: 5px!important;
    text-transform: uppercase;
    font-family: 'Avenir', sans-serif;
    line-height: 18px;
    padding-inline-start: 0px;
    margin-block-start: 3px;
}
.banner-rightform input.hs-button {
    background-color: #e21915 !important;
    color: #fff !important;
    max-width: 47%;
  display: block;
    margin: 0 auto!important;
    font-size: 16.28px !important;
    font-weight: 600 !important;
    outline: 0 !important;
    padding: 7% !important;
    border: 0px !important;
    text-transform: uppercase;
      height: auto!important;
}
.white_text_btn_all{
z-index:2;
position:relative;
}
.uk_paragraph{
font-size: 16px !important;
font-family: 'ProximaNova' !important;
color: #000000 !important;
line-height: 21px!important;
text-align: left !important;
}
.uk_heading{
font-size: 60px !important;
font-family: 'Playfair Display' !important;
   color: #343434 !important;
line-height: 72px!important;
}
.program-carousel-caption h1{
 font-family: 'Playfair Display' !important;
/* font-size: 60px !important;
line-height: 72px!important;*/
}
.modal-backdrop{
background-color: transparent !important;
}
.btn_close{
position: absolute !important;
top: 0px;
/* left: 0px; */
right: 0px !important;
margin: 10px !important;
background-color: red !important;
 padding:5px 10px 5px 10px;
}
.heading_modal_head{
background: #ff0000;
font-size: 21px !important;
font-family: 'ProximaNova';
text-align: center;
padding: 9px;
font-weight: 700;
margin: 22px;
    color: #ffffff;
}
.pad_modal{
padding:25px !important;
}
.modal-content{
    border-bottom: 4px solid red !important;
}
.program-carousel-caption h1:before{
display:none;
}
.navbar-main-container .navbar-main li a{
color: #313131 !important;
font-family: 'ProximaNova' !important;
font-size: 16px !important;
}

.program-section {
   font-family: ProximaNova!important;
}

.program-section .container-fluid {
    width: 90%;
}

.programTabs {
    min-height: 600px;
}
.lp-logo {
position: relative;
top: -420px;
width: 13%;
left: 3%;
}
.program-section p {
    font-family: ProximaNova;
    font-size: 14px;
    color: #000000;
    margin-bottom: 20px;
    text-align: justify;
}

.program-section p strong {
    font-size: 14px;
}

.progTitle {
    font-size: 16px;
    color: #0a457e;
    margin-bottom: 20px;
}

.fingridmain{    background: #fafafa;
padding: 3%;}
.fingrid {
width: 22%;
float: left;
margin-right: 4%;
}
.fingridlast {
width: 22%;
float: left;
margin-right: 0%;
}
.program-section-gray {
 background:#f8f8f8; padding:5% 0% 15%;
}
.program-section-gray.undergraduate {
padding: 5% 0% 9%;
}
.two-program-section-gray{background:#f8f8f8; padding:5% 0% 20%;}

.program-sec-main{margin-top: -190px;}

.calendly-overlay {
z-index: 9999999 !important;
} 

/* program-navbar css start */
.program-navbar-container {
    background: #000;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    position: fixed;
    top: 120px;
    z-index: 999;
    width: 100%;
}
.overviewImage img {
height: auto;
}
.whySpBoxImage img {
height: auto;
}

.ParaImageContainer img {
height: auto;
}
.program-navbar-container .container-fluid {
    width: 90%;
}

.program-navbar-container.progTabsNavScrolled {
    top: 95px!important;
}
.desktop-only{display:block;}
.mobile-only{display:none;}

.desktop-hide{display:block;}
.mobile-hide{display:none;}


.program-navbar-container .navbar-brand {
    color: #ffc20e !important;
    background: #000 !important;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    padding: 20px 20px;
    position: relative;
/*         font-family: 'Poppins', sans-serif; */
    height: auto;
    margin-right: 20px;
}

.program-navbar-container .navbar-brand:after {
    content: '';
    position: absolute;
    right: -8px;
    top: 18px;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
    width: 2px;
    height: 25px;
    background: #424242;
}

.program-navbar-container .navbar-nav>li>a {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
/*         font-family: 'Poppins', sans-serif; */
    padding: 20px 15px;
}
iframe#desktopframe {
height: 410px;
width: 100%;
}
.program-navbar-container .navbar-nav>li>a:hover,
.program-navbar-container .navbar-nav>li>a:focus {
    color: #fff;
}

.program-navbar-container .navbar-nav>li>a:hover:after {
    content: '';
    width: 25px;
    height: 2px;
    background: #ffc20e;
    position: absolute;
    left: 15px;
    top: 14px;
}

.program-navbar-container .navbar-nav>.open>a, 
.program-navbar-container .navbar-nav>.open>a:focus, 
.program-navbar-container .navbar-nav>.open>a:hover {
    /*color: #000;
    background-color: #ffc20e;*/
    color: #fff;
    background-color: transparent;
}

.program-navbar-container >li:last-child>a {
    padding-right: 0;
}

.program-navbar-container .dropdown-menu {
    padding: 0;
    border: 1px solid #ccc;
}

.program-navbar-container .dropdown-menu>li>a {
    color: #222;
    text-transform: uppercase;
    font-size: 11px;
    /*font-weight: 600;*/
    letter-spacing: 1px;
/*         font-family: 'Montserrat', sans-serif; */
    padding: 10px 15px;
    border-bottom: 1px solid #0000001f;
}

.proOverview {
   margin: 5% 0% 3%;
text-align: center;
position: relative;
}



.proOverview h2 {
font-size: 30px;
font-weight: 600;
color: #000;
position: relative;
margin-bottom: 10px;
/*     font-family: 'Poppins',sans-serif; */
text-transform: uppercase;
margin-top: 0px;
}

.proOverview h2::after {
content: '';
width: 100px;
height: 3px;
position: absolute;
bottom: 0px;
left: 0;
margin: 0 auto;
right: 0;
top: -3px;
background-image: linear-gradient(to left,#4ca4ff,#0050f2);
}
.proOverview p {
text-align: center;
}

.faqsec {padding:3% 104px;    text-align: justify;}
.faqsec p  {  font-family: ProximaNova;
font-size: 14px;}

.avgsalarybx{    background-image: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/texture-1.png);
width: 100%;    padding: 2% 0%;margin: 2% 0px 5% 0;}

.avgsalarybx p{margin: 0 0 0px 0;
color: #000;
font-size: 16px;
font-weight: 600;line-height: 40px;
text-transform: uppercase;
text-align: center;}

.avgsalarybx h2 { 
font-size: 30px;
font-weight: 600;
color: #000;
position: relative;
/*     font-family: 'Poppins',sans-serif; */
text-transform: uppercase;
text-align: center;
line-height: 47px;
border-top: 3px solid #ffc20e;
margin: 0 398px;
}
.accordian-style {
font-size: 14px;
font-weight: bold;
font-family: 'ProximaNova';
color: #000 !important;
}

.accordion-inner.accordian-content {
font-family: 'ProximaNova';
font-size: 14px;    margin-top: 1%;    padding: 0% 1%;
}

.accordion-group {
margin-bottom: 2%;
}

.accordion-heading {
background: #ffc20e;
padding: 1% 1%;
}

h3.heading-acc {
margin-top: 0px;
margin-bottom: 0px;
}

body .form-box h3.form-title {
background-color: #000;
border-bottom: 5px solid #ffc216;
color: #fff;
font-size: 22px;
margin: -20px -20px 20px;
padding: 20px;
text-align: center;
/*     font-family: 'Poppins',sans-serif; */
}

body .hs-form-field > label {
font-family: ProximaNova;
}

body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"] {
font-family: ProximaNova;
}
.portfolio .innerpage-BG-image {
background-position: 0px 1px;
}
.hs_cos_wrapper_type_form select{font-family: ProximaNova;}
.hs_cos_wrapper_type_form label {
font-family: ProximaNova;
}

.edspan{    min-width: 63px;
padding-top: 0px;
border-top: 3px solid #ffc20e;
text-transform: uppercase;
width: 12% !important;
float: none !important;}

.datasciencetitle{    position: relative;     left: -96px;     z-index: 9;     top: 46px;     margin-bottom: 3%;}

.datasciencetitle2{    position: relative;     left: -96px;     z-index: 9;     top: 46px;     margin-bottom: 3%;}
.datasciencetitle2 h3{    min-width: 271px !important;}
.datascirichtxt{    margin-left: -2px !important;margin-bottom: 5%;}

.datasciestep{    margin-bottom: 6px  !important;
border-bottom: 2px solid #ffc20e  !important;
width: 17%  !important;
line-height: 30px  !important;
font-weight: 500  !important;
}
.datasceiestephead{margin-bottom: 10px !important;
font-size: 18px !important;
font-weight: 500 !important;
color: #000 !important;
position: relative !important;

text-transform: uppercase !important;}

.gridTitle h4 {
font-size: 18px;
font-weight: 500;
color: #000;
position: relative;
margin-bottom: 30px;
/*     font-family: 'Poppins',sans-serif; */
text-transform: uppercase;
margin-top: 0px;
padding-top: 20px;
text-align: center;
} 
.gridTitle h4::before {
content: '';
position: absolute;
width: 185px;
height: 3px;
background: #ffc20e;
z-index: 9;
top: 7px;
background-repeat: no-repeat;
text-align: center;
margin: 0% 14%;
}    

.gridimg{position: relative;     top: 11px;}
.griddim{ min-height: 30px !important;    margin-top: 10px !important;}

.drivetopbor{width: 5%;
border-bottom: 1px solid #ffc20e;
height: 2px;
margin-bottom: 1%;}

.drivbusihead{
margin-bottom: 0px !important;
font-size: 18px !important;
font-weight: 500 !important;
color: #000 !important;
position: relative !important;
/*     font-family: 'Poppins',sans-serif !important; */
text-transform: uppercase !important;
}
.dataright{text-align:right }
.datasciencetitle3 {
position: relative;
left: 0px;
z-index: 99;
top: 46px;
margin-bottom: 3%;
}

.facdes{    margin-top: 3%;
clear: both;}

.facdes p::before{content: '';
position: absolute;
width: 70px;
height: 3px;
background: #ffc20e;
z-index: 9;
top: 47px;
left: 0;
background-repeat: no-repeat;}

.scientistbx{    margin: 0px 0% -7% 0%;}
.datasciencetitle3 h3{
   position: relative;
left: 15%;
text-align: left !important;
}

.pointerheight{height: 115px;}
.whysubp{    padding-left: 40px;}
.whysubrp{    padding-right: 40px;}
br.brnewline {
display: none;
}
.ytctaButton {
display: inline-block;
cursor: pointer;
position: relative;
box-sizing: border-box;
overflow: hidden;
color: #000;
background: #ffc000;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
padding: 0px 20px;
margin-top: 0px;
vertical-align: middle;
line-height: 30px;
text-align: center;
margin-bottom: 0;
}

.deanCarouselBox {
text-align: justify;
line-height: 17px;
}

@media (max-width: 1280px){
.faqsec {
padding: 3% 80px;}
.accordian-style {
font-size: 20px;
}
}

@media (max-width: 991px) {
  

  
.faqsec {
padding: 3% 16px;
}
  .accordion-heading {
padding: 2% 1%;
}
  .accordian-style {
font-size: 14px !important;
}
  h3.heading-acc {
width: 90%;    padding: 2%;
}
  .accordion-toggle:after {
top: 0px;
left: 6%;
position: relative;
}
 
    .program-navbar-container .container-fluid {
        width: 100%;
    }

    .programCarouselContainer {
        margin-top: 0;
    }
    .program-navbar-container {
        position: relative;
        top: 0;
    }

    .program-navbar-container .navbar-header {
        float: none;
        margin-bottom: 0px;
    }
    .program-navbar-container .navbar-left,
    .program-navbar-container .navbar-right {
        float: none !important;
    }
    .program-navbar-container .navbar-toggle {
        display: block;
        margin-top: 13px;
        background: #000;
        border-color: #fff !important;
    }
    .program-navbar-container .navbar-toggle .icon-bar {
/*             background-color: #fff !important; */
    }
    .program-navbar-container .navbar-toggle:focus, 
    .program-navbar-container .navbar-toggle:hover {
        background-color: #ffc20e;
/*             border-color: #ffc20e !important; */
    }

    .program-navbar-container .navbar-toggle:focus .icon-bar, 
    .program-navbar-container .navbar-toggle:hover .icon-bar {
/*             background-color: #ffc20e !important; */
    }

    .program-navbar-container .navbar-collapse {
        border-top: 1px solid #ffffff69;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        z-index: 999;
    }
    .program-navbar-container .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .program-navbar-container .navbar-collapse.collapse {
        display: none!important;
    }
    .program-navbar-container .navbar-nav {
        float: none!important;
        margin-top: 0;
        margin-bottom: 0;
    }
    .program-navbar-container .navbar-nav>li {
        float: none;
    }
    
    .program-navbar-container .navbar-nav>li>a {
        padding: 10px 10px;
        font-size: 11px;
        border-bottom: 1px solid #ffffff69;
    }
    .program-navbar-container .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .program-navbar-container .collapse.in{
        display:block !important;
        position: relative;
    }

    .program-navbar-container .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: #fff;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }

    .program-navbar-container .navbar-main li a {
        padding: 10px 10px;
    }

    .program-navbar-container .navbar-top li a {
        font-size: 14px;
        font-weight: 600;
        color: #0c1c55;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .program-navbar-container .navbar-top li .form-control {
        display: none;
    }

    .program-navbar-container .navbar-top,
    .program-navbar-container .navbar-main {
        margin-top: 0;
        margin-bottom: 0;
    }

    .program-navbar-container .navbar-top,
    .program-navbar-container .navbar-main {
        margin-right: -15px;
    }

    .program-navbar-container .navbar-main li a,
    .program-navbar-container .navbar-top li a {
        font-size: 14px;
        /* border-bottom: 1px solid #0000001f; */
    }

    .program-navbar-container .navbar-main > li > a:hover:after {
        display: none;  
    }

    .program-navbar-container .dropdown-menu {
        padding: 0px 15px;
    }

 
  
    .program-navbar-container .navbar-nav>li.dropdown .dropdown-menu h4 {
        margin-top: 0;
        padding-top: 15px;
    }
    
    .program-navbar-container .navbar-nav>li.dropdown .dropdown-menu-col {
        width: 100%;
    }

}

@media (min-width: 992px) {
.program-navbar-container .navbar-right {
    margin-right: -30px;
}
.content > h4 { 
color: #000;
font-size: 16px;    text-align: center;margin-top: 5px;
margin-bottom: 5px;}

body .stickybar .content .hs-form.stacked .actions {
margin: 0px 0 0 0;
}
  body .hs-button.primary {
    margin-bottom: 1px!important;}
.program-navbar-container .navbar-right .dropdown-menu {
    right: auto;
    left: 0;
}
  body .stickybar .content .hs-form .hs-button {
background: #ffc20e!important;
border-color: #ffc20e!important;

    color: #000!important;}

.program-navbar-container .navbar-nav>li.dropdown:hover .dropdown-menu {
    display: table;
}
}
/* program-navbar css start */

/* program-carousel css start */
/*.program-carousel .item img {
    width: 100%;
}

.program-carousel .fill {
    width: 100%;
    height: 400px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: top;
}

.program-carousel .fill:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 12px 12px 0 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.12) 60%, rgba(0,0,0,0.45) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.12) 60%,rgba(0,0,0,0.45) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.12) 60%,rgba(0,0,0,0.45) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=0 );   
}

.program-carousel-layer {
    background-image: url(../images/banner-outline.png);
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background-size: 100% 120px;
    background-repeat: no-repeat;
}

.program-carousel .carousel-indicators {
    bottom: auto;
    right: 0;
    left: auto;
    width: 50px;
    top: 140px;
}

.program-carousel .carousel-indicators li,
.program-carousel .carousel-indicators .active {
    display: block;
    margin: 0;
    margin-bottom: 7px;
    border: 0;
    border-radius: 0;
    width: 10px;
    height: 10px;
}

.program-carousel .carousel-indicators li {
    background: rgba(255, 255, 255, 0.7);
}

.program-carousel .carousel-indicators .active {
    background: #fec010;    
}

.program-carousel .carousel-caption {
    font-family: 'Montserrat', sans-serif;
    text-shadow: none;
    padding-bottom: 50px;
}

.program-carousel .carousel-caption h4 {
    font-size: 56px;
    font-weight: 700;
    color: #fec010;
    position: relative;
    margin-bottom: 20px;
}

.program-carousel .carousel-caption h4:after {
    content: '';
    width: 80px;
    height: 10px;
    background: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -15px;
}

.program-carousel .carousel-caption p {
    font-size: 14px;
    font-weight: 600;
    color: #fefefe;
    text-transform: uppercase;
}*/

/***************************/

.programCarouselContainer {
    position: relative;
    margin-top: 48px;
    margin-bottom: 0px;
}

/*.program-carousel-layer {
    background-image: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/home2017/banner-outline.png?t=1524548490823);
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background-size: 100% 120px;
    background-repeat: no-repeat;
}*/

.programCarouselContainer .programVideoContainer video {
    width: 100%;
}


.procontainer {
position: relative;
width: 100%;
}

.image {
opacity: 1;
display: block;
width: 100%;
height: auto;
transition: .5s ease;
backface-visibility: hidden;
}

.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
  padding: 3%;
width: 81%;
opacity: 0;
transition: .5s ease;
background-color: #ffc216eb
}

.overinner {
border: 1px solid;
padding: 0%;
height: 216px;
}
.procontainer:hover .image {
opacity: 0.3;
}

.procontainer:hover .overlay {
opacity: 1;
}
.ctaButton::hover{
color: #ffffff !important;
}

.ctaButton {    
padding: 1px 20px!important;
}

h4, .h4 {
font-size: 16px;
font-weight: 600;
/*     font-family: 'Poppins',SemiBold; */
margin-top: 10%;line-height: 20px;
}
.prod-des {
margin-top: -13px;
}

.proddespara{margin-bottom: 10px !important;
font-size: 14px !important;}

.ui-decor-2 {
width: 40px;
height: 2px;
background-image: linear-gradient(to left,#4ca4ff,#0050f2);
position: relative;
top: -3px;
left: 0px;
}
.text {
 font-size: 13px;
padding: 7px 0px;
width: 50%;
text-align: center;
border: 1px solid #043361;
/*     font-family: 'Poppins',SemiBold; */
margin: 1px 46px;
color: #043361;
}
.ep-program-sec {
margin-top: -268px;    width: 50% !important;
}

.ppp-program-sec {
margin-top: -268px;    width: 50% !important;
}

.dpmobheading{margin-bottom:1%;margin-top: 0%;}
.dp-program-sec{ margin-top: -268px;   margin-left: 0% !important;}
.progintakedate{  
background-image: linear-gradient(to left,#4ca4ff,#0050f2);
width: 230px;
color: #fff;
position: absolute;
top: 89%;
padding: 2% 0%;
font-size: 12px;
font-weight: 600;
/*     font-family: 'Poppins',SemiBold; */
margin-bottom: 0px;
text-align: center;}
.progintakedate1 {
 background-image: linear-gradient(to left,#4ca4ff,#0050f2);
width: 230px; color: #fff;
position: absolute;
top: 89%;
padding: 2% 0%;
font-size: 12px;
font-weight: 600;
/*     font-family: 'Poppins',SemiBold; */
margin-bottom: 0px;
text-align: center;
text-transform: uppercase;
}
.progintakedate2 {
background-image: linear-gradient(to left,#4ca4ff,#0050f2);
width: 230px; color: #fff;
position: absolute;
top: 89%;
padding: 2% 0%;
font-size: 12px;
font-weight: 600;
/*     font-family: 'Poppins',SemiBold; */
margin-bottom: 0px;
text-align: center;
text-transform: uppercase;
}

.topborder {
border-bottom: none;
width: 5.5%;
height: 3px;
margin: 0px 0;
background-image: linear-gradient(to left,#4ca4ff,#0050f2);
}

.about-program h2 {
font-size: 20px;
font-weight: 600;
color: #000;
position: relative;
margin-bottom: 0px;
/*     font-family: 'Poppins',SemiBold; */
text-transform: uppercase;
margin-top: 5px;
padding-top: 0px;
text-align: left;
line-height: 31px;
}

.programfiltermain {
margin: 4% 5% 7%;
padding: 0% 5%;
}

.filterback {
background: #053462;
padding: 3% 3%;
}

.programfiltersub {
padding: 3% 3%;
background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
background-repeat: repeat;
}
.profilbtn{    padding: 8px 28%;
margin-top: 4px;
/*     font-family: 'Poppins',sans-serif; */
font-size: 14px;
background: #fff;
outline: 0;
border: 0;}

.filterdropbx{border-radius: 0px!important;
border: 0px !important;
/*     font-family: 'Poppins',sans-serif; */
padding: 0% 2% !important;
font-size: 14px; outline:0;}

.programImageContainer {
    position: relative;  
}
.epmartop{    margin-top: 2%;}

.programImageContainer img {
    width: 100% !important;
    height: auto !important;
}

.programSections {
    margin-bottom: 100px;
}

.overviewImage {
    position: relative;
    text-align: center;
}

.overviewImage img {
    z-index: 99;
    position: relative;
    width: 80% !important;
}

.overviewImage:after {
    content: '';
    background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/yellow-box.jpg);
    position: absolute;
    z-index: 9;
    bottom: -35px;
    right: 0;
    width: 243px;
    height: 243px;
    background-repeat: no-repeat;
}

.overviewImage:before {
    content: '';
    /*background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/white-box.jpg);*/
    position: absolute;
    z-index: 9;
    top: -35px;
    left: 0;
    width: 243px;
    height: 243px;
    /*background-repeat: no-repeat;*/
    background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
    background-repeat: repeat;
}

.overviewPara h4 {
    font-size: 20px;
    font-weight: 600;
    /*color: #043361;*/
    color: #000000;
/*         font-family: 'Poppins',sans-serif; */
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 30px;
    line-height: 20px;
}

.program-carousel-caption {
position: absolute;
right: 15%;
bottom: 80px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}

.program-carousel-caption p {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    position: relative;
    margin-bottom: 0;
/*         font-family: 'Poppins', sans-serif; */
}

.tbwidth{width: 100%; margin-top: 2%; margin-bottom: 2%;}
.program-carousel-caption h1 {
    font-size: 35px;
    font-weight: 500;
    color: #fff;
    position: relative;
    margin-bottom: 20px;
    text-shadow: 1px 1px 6px #0000006b;
/*         font-family: 'Poppins', sans-serif; */
    text-transform: uppercase;
    margin-top: 3px;
}

.program-carousel-caption h1:before {
content: '';
width: 105px;
height: 2px;
background: #fff;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: -25px;
}

.programCarouselContainer .item:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 12px 12px 0 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 60%, rgba(0,0,0,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 60%,rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 60%,rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=0 );   
}

.programCarouselContainer .owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.programCarouselContainer .owl-theme .owl-dots {
    position: absolute;
    right: 30px;
    top: 25%;
}

.programCarouselContainer .owl-theme .owl-dots .owl-dot {
    display: block;
}

.programCarouselContainer .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 4px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 0;
}

.programCarouselContainer .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #fec010;
}

/* program-carousel css end */

/* program-breadcrumb css start */
.program-breadcrumb {
/*         font-family: 'Montserrat', sans-serif; */
    background: transparent;
    padding: 0;
    margin-bottom: 30px;
}

.program-breadcrumb li {

}

.program-breadcrumb li.active {
    font-size: 14px;
    color: #003a7e;
    font-weight: 800;
}

.program-breadcrumb>li+li:before {
    padding: 0 7px;
    color: #fec010;
    content: "\f054";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 11px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

.program-breadcrumb li a {
    font-size: 14px;
    color: #003a7e;
    font-weight: 500;
}

.program-breadcrumb li a:hover {
    text-decoration: none;  
}
/* program-breadcrumb css end */

/* program-sidebar css start */
.sidebarSticky {
    width: 21%;
    right: 5%;
    position: absolute;
    top: initial;
}
.program-sidebar {
    border: 4px solid #ebebeb;
    padding: 15px;
    margin-bottom: 30px;
}

.program-sidebar ul {
    padding: 0;
    margin-bottom: 0px;
}

.program-sidebar ul li {
    list-style-type: none;
    margin-bottom: 10px;
}

.program-sidebar ul li:last-child {
    margin-bottom: 0px;
}

.program-sidebar ul li a {
/*         font-family: 'Open Sans', sans-serif; */
    color: #06325c;
    background: #ffc20e;
    padding: 35px 30px;
    display: block;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    min-height: 100px;
    text-align: center;
}

.program-sidebar ul li a .fa {
    font-size: 36px;
    display: inline-block;
    vertical-align: middle;
}

.program-sidebar ul li a img {
    display: inline-block;
    vertical-align: middle;
}

.program-sidebar ul li a .program-sidebar-text {
    display: inline-block;
    width: 70%;
    padding-left: 12px;
    vertical-align: middle;
    text-align: left;
}

.program-sidebar ul li a:hover,
.program-sidebar ul li a:focus {
    color: #ffffff;
    background: #02bed7;
    text-decoration: none;
}


.program-sidebar ul li a .hoverImg {
    display: none;
}

.program-sidebar ul li a:hover .actualImg,
.program-sidebar ul li a:focus .actualImg{
    display: none;
}

.program-sidebar ul li a:hover .hoverImg,
.program-sidebar ul li a:focus .hoverImg{
    display: inline-block;
}
/* program-sidebar css end */

/* overview-pointers css start */
.ProgramSectionTitle h3 {    
    display: inline-block;
    min-width: 200px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 13px;
    text-align: right;
    border-bottom: 3px solid #ffc20e;
    font-family: 'ProximaNova';
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.ProgramSectionTitle h2 {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    position: relative;
    margin-bottom: 30px;
/*         font-family: 'Poppins', sans-serif; */
    text-transform: uppercase;
    margin-top: 0px;
    padding-left: 95px;
}

.overview-pointers-col {
    /*width: 20%;*/
    display: inline-block;
    float: left;
}

.overview-pointers-box {
    background: #fff;
    padding: 20px 20px;
    text-align: center;
/*         font-family: 'Open Sans', sans-serif; */
    min-height: 183px;
    border-right: 5px solid #ffc20e;
    border-radius: 3px;
    margin-bottom: 30px;
    /*background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/white-box.jpg);*/
    background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
    background-repeat: repeat;
}

.overview-pointers-box img {
    margin-bottom: 15px;    
}

.overview-pointers-box .overview-pointers-title {
    font-size: 14px;
    font-weight: 400;
    color: #4a4a4a;
    padding-bottom: 10px;
    margin-bottom: 0px;
    position: relative;
}

/*.overview-pointers-box p:after {
    content: '';
    background: #dedede;
    width: 85%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}*/

.overview-pointers-box .overview-pointers-desc {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: #000;
    line-height: 22px;
/*         font-family: 'Poppins', sans-serif; */
    font-weight: 500;
    text-transform: uppercase;
    line-height: 22px;
    min-height: 70px;
}
/* overview-pointers css end */

/* testimonial css start */
.testimonialCarouselContainer {
    /*background: #0a457e;*/
    /*padding: 40px 20px 20px 20px;*/
    margin-bottom: 50px;
}

.testimonialCarouselBox {
    /*padding: 0px 80px;*/
    text-align: justify;
    line-height: 17px;
}

.testimonialCarouselBox img {
    margin: 0px auto;
    width: 320px;
}

.testimonialCarouselBox p {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 50px;
    line-height: 20px;
    font-family: 'ProximaNova';
    margin-top: 50px;
    padding-right: 50px;
}

.testimonialCarouselBox h4 {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    text-align: left;
/*         font-family: 'Poppins', sans-serif; */
    text-transform: uppercase;
    padding-left: 55px;
    position: relative;
}

.testimonialCarouselBox h4 span {
    font-family: ProximaNova;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    margin-top: 8px;
    text-transform: none;
}

.testimonialCarouselBox h4::before {
    content: '';
    position: absolute;
    width: 37px;
    height: 3px;
    background: #ffc20e;
    z-index: 9;
    top: 7px;
    left: 0;
    background-repeat: no-repeat;
}

.testimonialCarouselBox .testimonialCarouselBoxImage {
    position: relative;
}

.testimonialCarouselBox .testimonialCarouselBoxImage img {
    z-index: 99;
    position: relative;
    width: 100%;
    padding-bottom: 50px;
    height: auto;
    padding-left: 20%;
}

.testimonialCarouselBox .testimonialCarouselBoxImage::before {
    content: '';
    /*background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/white-box.jpg);*/
    position: absolute;
    z-index: 9;
    bottom: 10px;
    left: 10%;
    width: 243px;
    height: 243px;
    /*background-repeat: no-repeat;*/
    background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
    background-repeat: repeat;
}

.testimonialCarouselBox .testimonialCarouselBoxImage::after {
    content: '';
    background-image: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/testimonialQuotesImg.png);
    position: absolute;
    z-index: 99;
    bottom: 80px;
    right: 45px;
    width: 207px;
    height: 81px;
    background-repeat: no-repeat;
}

.testimonialCarouselContainer .owl-carousel .owl-nav button.owl-prev, 
.testimonialCarouselContainer .owl-carousel .owl-nav button.owl-next {
    font-size: 80px;
    font-weight: 100;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3%;
    color: #fff;
    text-align: center;
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=70);
    opacity: 0.7;
    margin: 0;
}

.testimonialCarouselContainer .owl-carousel .owl-nav button.owl-next {
    right: 0;
    left: auto;
}

.testimonialCarouselContainer .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 2px;
    background: #fff;
    outline: 0;
    border: 1px solid #a3a3a4;
}

.testimonialCarouselContainer .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    outline: none;
    background: #fec010;
    border: 1px solid #fec010;
}

.testimonialCarouselContainer .owl-carousel .owl-nav {
    display: none;
}

.testimonialCarouselContainer .owl-theme .owl-dots .owl-dot.active span, 
.testimonialCarouselContainer .owl-theme .owl-dots .owl-dot:hover span {
    background: #fec010;
}

.testimonialCarouselContainer .owl-theme .owl-dots .owl-dot:focus {
    outline: none;
}

/* testimonial css end */

/* latest news css start */
.latestMediaContainer {
    background: #fafafa;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.latestMediaBox {
    margin-bottom: 25px;
}

.latestMediaBox .media-left {
    padding-right: 20px;
}

.latestMediaBox .media-left .media-object {
    width: 200px;
}

.latestMediaBox .latestMediaBoxImage {
    position: relative;
}

.latestMediaBox .latestMediaBoxImage img {
    z-index: 99;
    position: relative;
    width: 100% !important;
    padding-bottom: 20px;
    padding-right: 20px;
}

.latestMediaBox .latestMediaBoxImage:after {
    content: '';
    /*background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/white-box.jpg);*/
    position: absolute;
    z-index: 9;
    bottom: -5px;
    right: -5px;
    width: 180px;
    height: 190px;
    /*background-repeat: no-repeat;*/
    background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
    background-repeat: repeat;
}

.latestMediaBox .media-body {
/*         font-family: 'Open Sans', sans-serif; */
}

.latestMediaBox .latestMediaBox-heading {
    font-size: 16px;
    font-weight: 600;
    color: #010101;
    margin-bottom: 15px;
/*         font-family: 'Poppins', sans-serif; */
    text-transform: uppercase;
}

.latestMediaBox .latestMediaBox-detail {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
    line-height: 20px;
    font-family: ProximaNova;text-align:justify;
}

.latestMediaBox .latestMediaBox-link a {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
    position: relative;
/*         font-family: 'Poppins', sans-serif; */
    text-transform: uppercase;
}

.latestMediaBox .latestMediaBox-link a:after {
    content: "\f178";
    color: #ffc20e;
    position: absolute;
    right: -25px;
    top: 0px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
}

.latestMediaBox .latestMediaBox-link a:hover {
    text-decoration: none;
    color: #ffc20e;
}
/* latest news css end */

/* importantDatesCarousel css start */
.importantDatesCarouselContainer {
    /*background: #f8f8f8;
    padding: 20px 70px;*/
}

.importantDatesCarouselContainer .owl-carousel .owl-nav button.owl-prev, 
.importantDatesCarouselContainer .owl-carousel .owl-nav button.owl-next {
    font-size: 80px;
    font-weight: 100;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50px;
    width: 3%;
    color: #c6c6c6;
    text-align: center;
    background-color: rgba(0,0,0,0);
    margin: 0;
}

.importantDatesCarouselContainer .owl-carousel .owl-nav button.owl-next {
    right: -50px;
    left: auto;
}

.importantDatesCarouselContainer .owl-theme .owl-nav {
    display: none;
}

.importantDatesBox {
/*         font-family: 'Open Sans', sans-serif; */
    border: 1px solid #cecece;
    padding: 20px;
    margin: 5px 20px 20px 20px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.importantDatesBox:hover {
    box-shadow: 5px 5px 20px #e9e9e9;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.importantDatesBox::before {
    content: '';
    position: absolute;
    width: 82%;
    height: 5px;
    background: #ffc20e;
    z-index: 9;
    top: -3px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.importantDatesBox h2 {
    margin-top: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 18px;
    line-height: 1.1;
/*         font-family: 'Poppins', sans-serif; */
    text-transform: uppercase;
}

.importantDatesBox p {
    margin-top: 0;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin-bottom: 15px;
    line-height: 20px;
    position: relative;
    padding-top: 25px;
    font-family: ProximaNova;
    text-align: left;
}
 p.imppara {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 41px;
}
h2.impdateh2 {
text-align: center;
margin-bottom: 5px;
padding-top: 51px;
}

.importantDatesBox p.date:before {
    content: '';
    background: url(https://www.spjain.org/hubfs/program2018/program2019/icons/dateTimeIcon.png) no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
}

.importantDatesBox p.impsession2:before {
   content: '';
background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/sticky-icon3.png) no-repeat;
position: absolute;
width: 24px;
height: 24px;
left: 0;
top: 4px;
}

.importantDatesBox p.address:before {
    content: '';
    background: url(https://www.spjain.org/hubfs/program2018/program2019/icons/locationIcon.png) no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
}
.importantDatesBox p.address2:before {
    content: '';
    background: url(https://www.spjain.org/hubfs/program2018/program2019/icons/locationIcon.png) no-repeat;
    position: absolute;
    width: 20px;
    height: 24px;
    left: 0;
    top: 0;
}

p.impsession {
text-align: center;
padding-top: 0px;
padding-bottom: 41px;
}

h2.impdate2h2 {
   text-align: center;
margin-bottom: 30px;
padding-top: 0px;
}
p.impsession2 {
padding-left: 10%;
position: relative;padding-top: 0px;    margin-bottom: 25px;
}
p.address2{    padding-top: 0px;
padding-left: 10%;}
.importantDatesBox a {
    font-size: 12px;
    font-weight: 400;
    color: #9c9c9c;
    margin-bottom: 10px;
    position: relative;
    margin-left: 0;
/*         font-family: 'Poppins', sans-serif; */
    text-transform: uppercase;
}

.importantDatesBox a:after {
    content: "\f178";
    color: #ffc20e;
    position: absolute;
    right: -25px;
    top: 0px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
}

.importantDatesBox a:hover {
    text-decoration: none;
    color: #ffc20e;
}

/*.importantDatesBox .caption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-decoration: none;
padding: 15px;
opacity: 0;
}

.importantDatesBox:hover .caption {
opacity: 1;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}

.importantDatesBox .captionText {
width: 100%;
height: 100%;
padding: 15px;
position: relative;
}

.importantDatesBox .captionText a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 15px;
background: rgba(255, 194, 14, 0.8);
color: #000;
text-decoration: none;
}

.importantDatesBox .captionText h4 {
font-size: 16px;
font-weight: 600;
color: #333;
position: relative;
margin-bottom: 6px;
font-family: 'Poppins',sans-serif;
text-transform: uppercase;
margin-top: 0px;
text-align: center;
padding-top: 55px;
}

.importantDatesBox .captionText p {
font-family: ProximaNova;
font-size: 14px;
color: #000;
margin-bottom: 0;
margin-top: 0;
font-weight: 600;
}*/

.importantDatesCarouselContainer .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 2px;
    background: #fff;
    outline: 0;
    border: 1px solid #a3a3a4;
}

.importantDatesCarouselContainer .owl-theme .owl-dots .owl-dot.active span, 
.importantDatesCarouselContainer .owl-theme .owl-dots .owl-dot:hover span {
    outline: none;
    background: #fec010;
    border: 1px solid #fec010;
}

.importantDatesCarouselContainer .owl-theme .owl-dots .owl-dot:focus {
    outline: none;
}

/* importantDatesCarousel css end */



/*why sp jain*/
.whySpBox { margin-bottom:60px;}

.whySpBoxImage img {
    width: 100% !important;
}

.whySpBoxContaint {
    position: relative;
    margin-top: 110px;
    padding-left: 40px;
}

.whySpBoxContaint:before {
    content: '';
    position: absolute;
    width: 210px;
    height: 2px;
    background: #ffc20e;
        background-repeat: repeat;
    background-repeat: repeat;
    z-index: 99;
    top: -43px;
    left: -55px;
    background-repeat: no-repeat;
}

.whySpBoxContaint h2 {
    font-size: 20px;
    font-weight: 600;
    /*color: #043361;*/
    color: #000000;
/*         font-family: 'Poppins',sans-serif; */
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 30px;
    line-height: 20px;
}

.whySpBoxContaint p {
    font-family: ProximaNova;
    font-size: 14px;
    color: #000;
    margin-bottom: 20px;
    text-align: left;
    line-height: 21px;
    text-align: justify;
}

.whySpBoxContaint p a {
    /*font-size: 13px;
    color: #000;
    margin-bottom: 0;
    position: relative;
    font-family: 'Poppins',sans-serif;
    text-transform: none;
    padding-right: 0;
    font-weight: 600;*/
    font-size: 14px;
    margin-bottom: 0;
    position: relative;
    font-family: ProximaNova;
    padding-right: 0;
    color: #337ab7;
    text-transform: none;
}

.whySpBoxContaint p a::after {
    display: none;
}

.whySpBoxContaint a {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
    position: relative;
/*         font-family: 'Poppins', sans-serif; */
    text-transform: uppercase;
    padding-right: 25px;
}

.whySpBoxContaint a::after {
    content: "\f178";
    color: #ffc20e;
    position: absolute;
    right: 0px;
    top: 0px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
}

.whySpBoxContaint a:hover {
    text-decoration: none;
    color: #ffc20e;
}



/*maps  header css starts */


.whySpBoxContaints {
    position: relative;
    margin-top: 80px;
    padding-left: 0px;
}

.whySpBoxContaints:before {
    content: '';
    position: absolute;
    width: 210px;
    height:3px;
    background: #ffc20e;
        background-repeat: repeat;
    background-repeat: repeat;
    z-index: 99;
    top: -43px;
    left: 0px;
    background-repeat: no-repeat;
}

.whySpBoxContaints h2 {
    font-size: 20px;
    font-weight: 600;
    /*color: #043361;*/
    color: #000000;
/*         font-family: 'Poppins',sans-serif; */
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 30px;
    line-height: 20px;
}

.whySpBoxContaints p {
    font-family: ProximaNova;
    font-size: 14px;
    color: #000;
    margin-bottom: 20px;
    text-align: left;
    line-height: 21px;
    text-align: justify;
}

.whySpBoxContaints p a {
    /*font-size: 13px;
    color: #000;
    margin-bottom: 0;
    position: relative;
    font-family: 'Poppins',sans-serif;
    text-transform: none;
    padding-right: 0;
    font-weight: 600;*/
    font-size: 14px;
    margin-bottom: 0;
    position: relative;
    font-family: ProximaNova;
    padding-right: 0;
    color: #337ab7;
    text-transform: none;
}

.whySpBoxContaints p a::after {
    display: none;
}

.whySpBoxContaints a {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
    position: relative;
/*         font-family: 'Poppins', sans-serif; */
    text-transform: uppercase;
    padding-right: 25px;
}

.whySpBoxContaints a::after {
    content: "\f178";
    color: #ffc20e;
    position: absolute;
    right: 0px;
    top: 0px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
}

.whySpBoxContaints a:hover {
    text-decoration: none;
    color: #ffc20e;
}




/*maps  header css ends */







.whySpBoxRight .whySpBoxContaint {
    text-align: right !important;
    padding-left: 0px;
    padding-right: 40px;
}

/*.whySpBoxRight .whySpBoxContaint p {
    text-align: right !important;
}*/

.whySpBoxRight .whySpBoxContaint::before {
    left: auto;
    background-repeat: no-repeat;
    right: -55px;
}


/* academic specialisationsBox */
.whySpBox .btnList ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.whySpBox .btnList ul li {
    float: left;
    margin-right: 10px;
    display: table;
/*         font-family: 'Montserrat',sans-serif; */
    padding-left: 0px;
}

.whySpBox .btnList ul li:before {
    display: none;
}

.whySpBox .btnList ul li a {
    display: block;
    color: #000;
    background: #ffc000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 4px 20px;
    margin-top: 16px;
    text-align: center;
    height: 42px;
    vertical-align: middle;
    display: table-cell;
}

.whySpBox .btnList ul li a::after {
    display: none;
}

.whySpBox .btnList ul li a:hover {
    background: #28292a;
    color: #ffc000;
}

.whySpBox.whySpBoxRight .btnList ul {
    float: right;
}

.whySpBox.whySpBoxRight .btnList ul li {
    margin-right: 0px;
    margin-left: 10px;
}

/*.whySpBox .whySpBoxTop { position:relative; border-bottom:#d4d4d4 solid 1px; padding-bottom:10px; margin-bottom:24px;} 
.whySpBox .whySpBoxTop img { float:left; margin-right:25px }
.whySpBox .whySpBoxTop h2{ color:#0a457e; font-size:30px; font-weight:700; display:inline-block; text-transform:uppercase;}
.whySpBox .whySpBoxTop h2 span{ display:block;}
.whySpBox .whySpBoxTop .whyArrow{position: absolute; right: 0; top: 39%; }
.whySpBox .whySpBoxTop .whyArrow img {margin:0;}
.whySpBox .whySpBoxTop .whyArrow a{transition: all 0.5s;}
.whySpBox .whySpBoxTop .whyArrow a:hover { padding-right:10px;}
.whySpBox p { text-align:justify; font-family: 'Open Sans', sans-serif;}*/
/*why sp jain*/

/*Message from the Dean start*/
.deanMessageContent {
    padding-right: 30px;
}
.deanMessageImage {
    position: relative;
}

.deanMessageImage img {
    z-index: 99;
    position: relative;
    width: 100%;
    padding-bottom: 30px;
    height: auto;
    padding-right: 30px;
}

.deanMessageImage::before {
    content: '';
    position: absolute;
    z-index: 9;
    bottom: 0px;
    right: 0px;
    width: 165px;
    height: 70px;
    background-repeat: no-repeat;
    background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
    background-repeat: repeat;
}

.deanMessageImage::after {
    content: '';
    background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/deanQuote.png);
    position: absolute;
    z-index: 99;
    bottom: -38px;
    left: -22px;
    width: 98px;
    height: 150px;
    background-repeat: no-repeat;
}

.deanMessageName {
    padding-left: 100px;
}

.deanMessageName h4 {
    font-size: 24px;
    font-weight: 500;
    color: #333;
    margin-bottom: 30px;
    position: relative;
/*         font-family: 'Poppins', sans-serif; */
    text-transform: uppercase;
    margin-top: 0px;
}

.deanMessageName h5 {
    font-family: ProximaNova;
    font-size: 14px;
    color: #000000;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 0px;
    line-height: 18px;
}

.deanMessageImageModule {
    position: relative;
}

.deanMessageImageModule .imgOverlay::after {
   content: '';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 0;
right: 50px;
text-align: center;
top: 0%;
background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
height: 320px;
width: 406px;
margin: 0 auto;
z-index: 99;
background-repeat: no-repeat;
background-position: 49% 48%;
}



.videoPopupContainer300 {
    position: relative;
}

 .videoPopupContainer300 .imgOverlay::after {
        content: '';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 29px;
right: 0px;
text-align: center;
top: 8%;
background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
height: 320px;
background-position: 52% 48%;
width: 320px;
margin: 0 auto;
z-index: 99;
background-repeat: no-repeat;
}




.whySpBox .videoPopupContainer300 .imgOverlay::after {
        content: '';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 29px;
right: 0px;
text-align: center;
top: 8%;
background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
height: 320px;
background-position: 52% 48%;
width: 320px;
margin: 0 auto;
z-index: 99;
background-repeat: no-repeat;
}

.whySpBoxRight .videoPopupContainer300 .imgOverlay::after {
        content: '';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
    left: -33px;
right: 0px;
text-align: center;
top: 13%;
background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
height: 320px;
background-position: 52% 48%;
width: 320px;
margin: 0 auto;
z-index: 99;
background-repeat: no-repeat;
}


.whySpBox .videoPopupContainerimg  .imgOverlay::after {
        content: '';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 0px;
right: 0px;
text-align: center;
top: 8%;
background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
height: 320px;
background-position: 52% 48%;
width: 320px;
margin: 0 auto;
z-index: 99;
background-repeat: no-repeat;
}

.whySpBoxRight .videoPopupContainerimg  .imgOverlay::after {
        content: '';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: -24px;
right: 0px;
text-align: center;
top: 8%;
background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
height: 320px;
background-position: 52% 48%;
width: 320px;
margin: 0 auto;
z-index: 99;
background-repeat: no-repeat;
}

.videoPopupContainerimg {
    position: relative;
}

.videoPopupContainerimg .imgOverlay::after {
    content: '';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    right: 0px;
    text-align: center;
    top: 39%;
    background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
    height: 54px;
    width: 54px;
    margin: 0 auto;
    z-index: 99;
    background-repeat: no-repeat;
}

.videoPopupContainer .imgOverlay::after {
    content: '';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    right: 30px;
    text-align: center;
    top: 39%;
    background: url(https://www.spjain.org/hubfs/program2018/program2019/icons/play-icon1.png);
    height: 92px;
    width: 92px;
    margin: 0 auto;
    z-index: 99;
    background-repeat: no-repeat;
}

.videoPopupContainer {
    position: relative;
}
/*Message from the Dean end*/

/*Core Cources*/
.coreCourcesWrap h2 {color:#0a457e; font-size:18px; font-weight:700; margin-bottom:22px; margin-top:0;}
.listStyle ul { list-style:none; padding:0; margin:0 0 30px 0;}

.listStyle ul li {    
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    font-family: ProximaNova;
    font-size: 14px;
    color: #000;
}
    
.listStyle ul li:before {
    position: absolute;
    content: "\25A0";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    left: 0;
    top: 0px;
    font-size: 16px;
    color: #ffc20e;
}

.listStyle ul li a { 
    font-weight: 400;
    color: #337ab7;
}
/*Core Cources*/

/*How we teach*/
.howTeachBox { margin-bottom:38px;}
.howTeachBox .howTeachImg { position:relative;}
.howTeachBox .howTeachImg img{ width:100%;}
.howTeachBox .howTeachImg .imgOverlay { width:100%; position:absolute; height:100%; background:rgba(0,0,0,0.3); top:0;}
.howTeachBox .videoIcon  a {     
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 48px;
    height: 48px}
.howTeachBox .videoIcon  a img { width:auto;}
.howTeachBox .videoIcon:after{    content: '';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 39%;
    background:url(../images/icons/arrow1.png);
    height:48px; 
    width:48px;
    margin:0 auto;
}


.howTeachBox .howTeachText { border:#cccccc 2px solid; border-top:none; padding:26px 23px 15px 23px;     min-height: 171px; }
.howTeachBox .howTeachText h3 {color:#0a457e; font-size:20px; font-weight:700; text-transform:uppercase; margin-top:0; margin-bottom:12px;}
.howTeachBox .howTeachText p { text-align:justify; margin-bottom:14px;}
.howTeachBox .howTeachText a { display:inline-block; float:right; font-weight:700; color:#0a457e; font-size:13px; border-bottom:#ffc20e solid 2px; line-height: 15px; position:relative;}
.howTeachBox .howTeachText a:hover{    color: #28292a;}
.howTeachBox .howTeachText a:after {
position: absolute;
    content: '\f105';
    font-family: FontAwesome;
    right: -9px;
    top: 0;
    color: #b0b0b0;
}

/*Program Structure*/
.programStructureBoxWrap {margin-right: 0;
    margin-left: 0;  }
.programStructureBox {/* background:#003a7e; color:#fff;*/ text-align:center;margin-top: 40px; }
.programStructureBoxIn {     
    display: table;
    height: 210px;
    text-align: center;
    width: 100%; position:relative;}
.programStructureBoxIn:last-child::before {     
    content: '=';
    position: absolute;
    left: -37px;
    top: 25%;
    color: #ffc20e;
    font-size: 34px;
    font-weight: 100;
    line-height: 30px;
    background: #fff;
    padding: 7px 12px;
    border-radius: 50%;    z-index: 1;
}
.programStructureBoxIn:nth-child(2)::before, .programStructureBoxIn:nth-child(3)::before,  .programStructureBoxIn:nth-child(5)::before  {     
    content: '+';
    position: absolute;
    left: -37px;
    top: 25%;
    color: #ffc20e;
    font-size: 34px;
    font-weight: 100;
    line-height: 30px;
    background: #fff;
    padding: 7px 12px;
    border-radius: 50%;
      z-index: 1;
}

.programStructureBoxIn:nth-child(4)::before {     
    content: '=';
    position: absolute;
    left: -37px;
    top: 25%;
    color: #ffc20e;
    font-size: 34px;
    font-weight: 100;
    line-height: 30px;
    background: #fff;
    padding: 7px 12px;
    border-radius: 50%;
      z-index: 1;
}

/*.programStructureBoxIn:nth-child(2)::before {     
    content: '+';
    position: absolute;
    left: -18px;
    top: 50%;
    color: #6179a1;
    font-size: 48px;
    font-weight: 100;
    line-height: 30px;
} */  
    
.programStructureBoxIn1 { display:table-cell; vertical-align:middle;}

.programStructureBoxIn1 {
    background: #fff;
    padding: 20px 20px;
    text-align: center;
/*         font-family: 'Poppins',sans-serif; */
    min-height: 183px;
    border-bottom: 5px solid #ffc20e;
    border-radius: 3px;
    margin-bottom: 30px;
    background-image: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/texture-1.png);
    background-repeat: repeat;
    position: relative;
}


.programStructureBoxIn1:hover .caption {
opacity: 1;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}

.programStructureBoxIn1 .caption {
opacity: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}

.programStructureBoxIn1 .caption a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 48px 20px;
background: rgba(255,194,14,0.8);
color: #000;
}

.laptopfeesmall{  width: 41%;
background: #fafafa;
padding: 4% 2%;
float: left;
margin-right: 2%;}
.laptopfeebig{  width: 57%;
background: #fafafa;
padding: 4% 2%;
float: left;}
.laptopfeeSemester1{    float: left;
width: 33%;
margin-right: 3%;margin-left: 7%;}
.laptopfeeSemester2{    float: left;
width: 33%;}

.accommodationfeebxfirst{  float: left;
width: 22%;    padding: 0% 2%;
margin-right: 3%;
margin-left: 0%;border-right: 2px solid #d2d2d2;}

.accommodationfeebx{  float: left;
width: 22%;    padding: 0% 2%;
margin-right: 3%;
margin-left: 0%;border-right: 2px solid #d2d2d2;}

.accommodationfeebxlast{       padding: 0% 2%;  float: left;
width: 22%;}

.programStructureBox h3 {     
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    line-height: 16px;
    color: #333;
    min-height: 30px;
}

.programStructureBox h2 { 
    font-size: 30px;
    margin: 10px 0 10px 0;
    line-height: 37px;
    color: #333;
    font-weight: 400;
}
.programStructureBox h4 { 
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    line-height: 16px;
    color: #333;
}


.employeeReportStuctureBox .programStructureBoxIn::before {
    display: none;
}

.employeeReportStuctureBox h4 {
    min-height: 35px;
}


.linkStyle { text-align: center; }
.linkStyle a { display: inline-block;
    color: #000;
    background: #ffc20e;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 14px 28px; margin-top:16px; text-align:center;}
.linkStyle a span { display:block;}
.linkStyle a:hover{ background:#28292a; color:#ffc20e;}


.projectWrap h2{ color:#003a7e; font-size:18px; font-weight:700; margin-top:25px 0 20px 0;}
.projectWrapIn { margin:0; border:#d6d6d6 solid 4px; margin-bottom:10px;}
.projectWrapIn .projectBox{ padding:0;} 
.projectBox .media { padding:25px;}  
.projectBox .media .media-left { padding-right:20px;}
.projectBox .media .media-left .yellowBox {    width: 120px;
    height: 107px;
    background: #ffc20e;
    text-align: center;
    padding-top: 27px;}
.projectBox .media .media-left .yellowBox h4 {     font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 0;
    line-height: 27px;}
.projectBox .media .media-left .yellowBox h4 span { display:block; font-weight:300; font-size:30px;} 
/*.blueBoxWrap { background:#0a457e; padding:45px; color:#fff; margin-top:30px;}
.blueBoxWrap h5 { margin:0 0 30px 0; text-transform:uppercase; font-size:18px; font-weight:700;}
.blueBoxWrap ul { margin:0; padding:0; list-style:none;}
.blueBoxWrap ul li { font-size:12px; font-weight:500; margin-bottom: 10px;}
*/
.companyListContainer {

} 

.companyListContainer .companyListTitle {
    font-size: 18px;
    font-weight: 600;
    color: #303030;
    margin-bottom: 20px;
/*         font-family: 'Poppins',sans-serif; */
    text-transform: uppercase;
    margin-top: 0px;
    border-bottom: 3px solid #ffc20e;
    padding-bottom: 2px;
}

.companyListContainer ul {
    padding: 0px;
}

.companyListContainer ul li {
    font-family: ProximaNova;
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    list-style-type: none;
    width: 25%;
    float: left;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    font-weight: 400;
}



/*Specialisations*/
.specialisationsBox { border:#dadada solid 2px; padding:17px; margin-top:30px;}
.specialisationsBox .media-left img{ width:380px;}
.specialisationsBox .media-left { padding-right:25px;}
.specialisationsBox .media-body h4 { margin:0 0 25px 0; color:#0a457e; font-size:20px; font-weight:700;}
.specialisationsBox .btnList ul { margin:0; padding:0; list-style:none;}
.specialisationsBox .btnList ul li { float:left; margin-right:10px;     display: table;}
.specialisationsBox .btnList ul li:last-child {margin-right:0;}
.specialisationsBox .btnList ul li a{     
    display: block;
    color: #000;
    background: #ffc20e;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 4px 20px;
    margin-top: 16px;
    text-align: center;
    height: 42px;     vertical-align: middle;
    display: table-cell;}
.specialisationsBox .btnList ul li a:hover{background:#28292a; color:#ffc20e;}  
.specialisationsBox .btnList ul li a span { display:block;} 
    
/*Admission*/   
.admissionBox .ProgramSectionTitle h2 { 
    background-image: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/texture-1.png);
    background-repeat: repeat;
}  
/*.admissionBox h2 .numb { display:inline-block; background:#ffcc00;  padding:8px 17px; color:#002d7e; font-family: ProximaNova; font-size:30px;} 
.admissionBox h2 .text {    
    display: inline-block;
    padding-left: 15px;
    top: -6px;
    position: relative;}*/
    
/*.admissionBox h2 img {    
    position: absolute;
    right: 15px;
    top: 5px;} */ 
.admissionBox .admissionDetail {
    font-family: ProximaNova;
    color: #414141;
    margin-bottom: 75px;
    font-size: 14px;
}
.admissionBox .admissionDetail h4 {
    color: #292929;
    font-size: 17px;
    font-weight: 400;
    font-family: ProximaNova;
    margin: 18px 0 10px 0;
}

.admissionBox .admissionDetail ul, .whySpBoxContaint ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 7px;
    margin-bottom: 10px;
}
.admissionBox .admissionDetail ul li, .whySpBoxContaint ul li { 
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
    font-family: ProximaNova;
}
.whySpBoxContaint ul li { 
    font-size: 14px;
}
.admissionBox .admissionDetail ul li::before, .whySpBoxContaint ul li::before {
    position: absolute;
    content: '';
    left: 0;
    top: 6px;
    width: 7px;
    height: 7px;
    background: #ffc000;
}

.admission-pointers-title {
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 24px;
    color: #000;
/*         font-family: 'Poppins',sans-serif; */
    font-weight: 500;
    text-transform: uppercase;
    line-height: 22px;
}

.admission-pointers-desc {
    font-family: ProximaNova;
    font-size: 14px;
    color: #4a4a4a;
    margin-bottom: 0;
}

/*Career Services*/
.servicesWithImage {

}

.servicesImageContainer img {
    width: 100%;
}

.servicesWithImage h4 {
    position: relative;
    margin-bottom: 20px;
    font-family: ProximaNova;
    font-size: 17px;
    color: #414141;
    font-weight: 600;
}

.servicesWithImage ul { list-style:none; padding:0; margin:0 0 30px 0;}

.servicesWithImage ul li {    
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;
    font-family: ProximaNova;
    font-size: 14px;
    color: #414141;
}
    
.servicesWithImage ul li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 7px;
    width: 5px;
    height: 5px;
    background: #ffc20e;
}

.servicesWithImage ul li a { 
    font-weight: 400;
    color: #000;
}

.careerServicesWrap { }
.careerServiceBox .careerServiceImg img{ width:100%;}
.careerServiceBox .careerServiceText {  padding:26px 35px 15px 35px; background:#f3f3f3;     min-height: 448px; }
.careerServiceBox .careerServiceText h3 {color:#0a457e; font-size:20px; font-weight:700; text-transform:uppercase; margin-top:0; margin-bottom:15px;}
.careerServiceBox .careerServiceText p { text-align:justify;}

/*Successful Graduates*/
.paraWithImage {
    margin-bottom: 50px;
}

.ParaImageContainer {
    position: relative;
    text-align: center;
}

.ParaImageContainer img {
    z-index: 99;
    position: relative;
    width: 100% !important;
    padding: 0px 20px 20px 20px;
}

.ParaImageContainer:after {
    content: '';
    background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/yellow-box.jpg);
    position: absolute;
    z-index: 9;
    bottom: 0;
    right: 0px;
    width: 68%;
    height: 92%;
    background-repeat: repeat;
}

.ParaImageContainer:before {
    content: '';
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;    top: -20px;
    width: 63%;
    height: 100px;
    background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
    background-repeat: repeat;
}

.paraWithImage h2 {
    font-size: 22px;
    font-weight: 500;
    color: #333;
    position: relative;
    margin-bottom: 30px;
/*         font-family: 'Poppins',sans-serif; */
    margin-top: 0px;
    line-height: 32px;
    padding-top: 30px;
}

.paraWithImage h2::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    background: #333;
    z-index: 9;
    top: 0px;
    left: 0;
    background-repeat: no-repeat;
}

.paraWithImage p {
    
}

.paraWithImage a {
    /*font-size: 13px;
    font-weight: 400;
    color: #337ab7;
    margin-bottom: 10px;
    position: relative;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    padding-right: 25px;*/
    position: relative;
    text-transform: none;
}

.paraWithImage a::after {
   
    content: "\f178";
    color: #ffc20e;
    position: absolute;
    right: 0px;
    top: 0px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
     display: none;
}

.paraWithImage a:hover {
    text-decoration: none;
    /*color: #ffc20e;*/
}

.graduateBox { margin-bottom: 50px;} 
.graduateBox .media-left::before {
    content: '';
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 75%;
    height: 80%;
    background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
    background-repeat: repeat;
}
.graduateBox .media-left { padding-right:25px;position: relative;}
.graduateBox .media-left img {
    padding-left: 20px;
    padding-top: 20px;
    z-index: 99;
    position: relative;
    width: 220px;
}

.graduateBox .media-left::after {
    content: '';
    position: absolute;
    width: 143px;
    height: 3px;
    background: #ffc20e;
    z-index: 99;
    top: 55px;
    right: -85px;
    background-repeat: no-repeat;
    display: none;
}

.graduateBox .media-body { /*font-size:13px; color:#000;position: relative;padding-top: 75px;*/}
.graduateBox .media-body { 
    padding-right: 20px;
    position: relative;
    font-size: 13px;
    color: #000;
    position: relative;
    /*padding-top: 75px;*/
    padding-top: 20px;
}
.graduateBox .media-body .successful-Graduates-top-heading {    
    margin: 0 0 0px 0;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
/*         font-family: 'Poppins',sans-serif; */
}

.graduateBox .media-body .successful-Graduates-sub-heading {
/*         font-family: 'Open Sans', sans-serif; */
    display: block;
    font-weight: 400;
    font-size: 12px;
    color: #838383;
    margin-bottom: 20px;
}

.graduateBox .media-body p {
    text-align: left;
    line-height: 18px;
}

.graduateBox .media-body a {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
    position: relative;
/*         font-family: 'Poppins', sans-serif; */
    text-transform: uppercase;
    padding-right: 25px;
}

.graduateBox .media-body a::after {
    content: "\f178";
    color: #ffc20e;
    position: absolute;
    right: 0px;
    top: 0px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
}

.graduateBox .media-body a:hover {
    text-decoration: none;
    color: #ffc20e;
}


.yellowline-top{
border-top: 2px solid #ffc20e;
width: 44px;
}

/*Student Life*/
.studentLifeHead  { text-align:center; font-size:12px; color:#414141;}
.studentLifeHead h2 { color:#003a7e; font-size:18px; font-weight:700;}
.studentLifeBox { text-align:center; color:#06325c; position:relative; padding-top:20px; padding-bottom:20px; margin-bottom:20px;}
.studentLifeBox:after {    content: '';
    position: absolute;
    border-right: #ebebeb solid 2px;
    height:138px;
    right: 0;
    top: 17%; }
.studentLifeBox:last-child:after { display:none;}
.studentLifeBoxIn{padding: 0 18px;}
.studentLifeBox h3 { font-size:60px; font-weight:400;}
.studentLifeBox h4{ font-size:14px; font-weight:500; text-transform:uppercase; line-height:18px;}

/*Employer Report*/
.employerReportBox { background:#f4f4f4; text-align:center; padding:60px 25px 0 25px; border-bottom:#ffc20e solid 4px;     min-height: 200px; margin-bottom:40px;}
.employerReportBox h3 { margin:0 0 10px 0; color:#06325c; font-size:48px; font-weight: 400; border-bottom:#c4c4c4 solid 1px;  padding-bottom:10px;  }
.employerReportBox h4 { margin:0; color:#06325c; font-size:14px; font-weight: 500; text-transform:uppercase;}
.recruiterBlueBox{    background: #0a457e;
    padding: 45px;
    color: #fff;
    margin-top: 30px;}
.recruiterBlueBox h3 {    font-size: 18px;
    font-weight: 700; margin:0 0 30px 0;}
.recruiterBlueBox ul { padding:0 40px 0 0; margin:0; list-style:none;}  
.recruiterBlueBox ul li {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
    border-bottom:#23588b solid 1px;
    padding-bottom:3px;
}

.headingStyle span {    
    color: #000;
    font-size: 14px;
    font-weight: 400;
/*         font-family: 'Poppins', sans-serif; */
    border-bottom: 1px solid #7f7f7f;
    display: inline-block;
    margin-bottom: 15px;
}



/*Dean message*/
/*.deanRow { margin:0 0 25px 0;}
.deanCol { padding:0;}
.deamImg { 
    width:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: top;
    position: relative; 
    height:325px;}
.deamImg .deamOverlay { width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; right:0; margin:0 auto;}
.deamImg:after {
    content: '';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 39%;
    background:url(../images/icons/videoIcon.png);
    height:53px; 
    width:53px;
    margin:0 auto;
}
.deanDetail {font-family: 'Montserrat', sans-serif; height:325px; display:table; }
.deanDetailIn { display:table-cell; vertical-align:middle; padding:0 50px; background:#0a457e; color:#f0f0f0;}
.deanDetailIn h3 { font-size:20px; font-weight:600; margin:0 0 10px 0;}
.deanDetailIn p {font-family: 'Montserrat', sans-serif; line-height:20px;     line-height: 23px;}
.deanDetailIn a {display: inline-block;
    color: #000;
    background: #ffc20e;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 13px 25px;
    margin-top: 16px;
    text-align: center;}

.deanDetailIn a:hover {
    background: #28292a;
    color: #ffc20e;
}*/

/*Important Links*/

.impLinksWrap {    
     margin-right: -10px;
    margin-left: -10px;}

.impLinksCol {    padding-right: 10px;
    padding-left: 10px;}


.impLinksBox1 { 
    width:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: top;
    position: relative; 
    height:257px;}
.impLinksBox1 .impLinksOverlay { width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; right:0; margin:0 auto; }

.impLinksBox1:after {
    content: '';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 39%;
    background:url(../images/icons/videoIcon2.png);
    height:71px; 
    width:71px;
    margin:0 auto;
}

.implinksImg { margin-bottom:20px;}
.impLinksBox2 { 
    width:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: top;
    position: relative; 
    height:257px;}
.impLinksBox2 .impLinksOverlay { width:100%; height:100%; background:rgba(0,58,126,0.8); position:absolute; top:0; left:0; right:0; margin:0 auto; color:#fff; transition: all 0.5s; display:none;}

.implinksImg a:hover .impLinksBox2 .impLinksOverlay  {display:table;}

.impLinksBox2 .impLinksOverlay .impLinksOverlayIn { font-weight:500; text-align:center; display:table-cell; vertical-align:middle; padding:0 20px;}
p.phase {
width: auto;
display: inline-block;
border-bottom: 3px solid #ffc20e;
font-weight: 600;
padding-bottom: 1%;margin-bottom: 10px;
}
p.phasenormal{margin-bottom: 10px;    font-size: 14px;}
.programknowmore{
font-size: 13px;
font-weight: 400;
color: #000;
margin-bottom: 10px;
position: relative;
/*     font-family: 'Poppins',sans-serif; */
text-transform: uppercase;
padding-right: 25px;
}
.programknowmore:hover {
text-decoration: none;
color: #ffc20e;
}
.programknowmore::after {
content: "\f178";
color: #ffc20e;
position: absolute;
right: 0px;
top: 1.5px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 17px;
}

.rank84{width: 16%;
float: left;
margin-right: 3%;}
.rank84para{      float: left;
width: 81%;
position: relative;
top: 13px;}
.clr{clear:both;}

.impLinksBox3 { 
    width:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: top;
    position: relative; 
    height:534px;}

.impLinksBox3 .impLinksOverlay { width:100%; height:100%; background:rgba(0,58,126,0.8); position:absolute; top:0; left:0; right:0; margin:0 auto; color:#fff; transition: all 0.5s; display:none;}

.implinksImg a:hover .impLinksBox3 .impLinksOverlay  {display:table;}

.impLinksBox3 .impLinksOverlay .impLinksOverlayIn {  font-weight:500; text-align:center; display:table-cell; vertical-align:middle; padding:0 20px;}

/*.tableWrap { margin-bottom:70px;}
.tableStyle {      background: #003a7e; padding:20px;}
.tableHeading { background:#012d5f; color:#fff; font-size:18px; font-weight:700; text-align:center; padding:20px; margin:0;}
.tableStyle table {font-family: 'Open Sans', sans-serif;  border:#003a7e solid px;  }
.tableStyle table>tbody>tr>th { background:#012d5f; color:#fff; font-size:18px; font-weight:700; text-align:center;  border-top: 1px solid #2c5c94; border-right: 1px solid #012d5f;}
.tableStyle table h4 { font-size:14px; font-weight:700; margin:0 0 5px 0;}
.tableStyle table span { font-size:12px; display:block; margin-bottom:5px;}
.tableStyle table ul { padding:0; margin:0; list-style:none}
.tableStyle table>tbody>tr:first-child td { border-top:none;    }
.tableStyle table>tbody>tr td:nth-child(3n){ border-right:none;}
.tableStyle table>tbody>tr { margin-top:10px;}
.tableStyle table>tbody>tr:last-child td { border-top:none;  border-right:none;  background:#ffc20e; color:#003a7e; font-weight:600;}
.italicStyle { font-style:italic; margin-top:15px;}*/


/* fees */
.tableHeading {
    color: #303030;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 20px;
    margin: 0;
/*         font-family: 'Poppins', sans-serif; */
    background-image: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/texture-1.png);
    background-repeat: repeat;
    border-bottom: 5px solid #ffc20e;
    margin-block: 30px;
}

.tableStyle {
    background: #fff;
    padding: 0;
}

.tableStyle table {
    font-family: ProximaNova;
}

.tableStyle table > tbody > tr > td {
    background: #fff;
    color: #000;
    border: 0px !important;
    border-bottom: 1px solid #ececec !important;
    font-size: 14px;
    font-weight: 600;
}

.tableStyle table > tbody > tr:last-child td {
    border-top: none;
    border-right: none;
    background: #ffc20e;
    color: #000;
    font-weight: 600;
}

.italicStyle {
    font-style: italic;
    margin-top: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 20px;
    font-family: ProximaNova;
    font-size: 14px;
    color: #000000;
    text-align: left;
}

.programeFeesTitle, .howWeteachTitle {
    color: #303030;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 20px;
    margin: 0;
/*         font-family: 'Poppins', sans-serif; */
    margin-bottom: 10px;
    position: relative;
}

.programeFeesTitle::before, .howWeteachTitle::before {
    content: '';
    position: absolute;
    width: 37px;
    height: 3px;
    background: #ffc20e;
    z-index: 9;
    top: -15px;
    left: 0;
    background-repeat: no-repeat;
    right: 0;
    margin: 0 auto;
}

.feeContactMain{background-color: #fafafa;padding: 4% 18% 1% 18%;margin-bottom: 4%;}
.feecontactbor{border-bottom: 1px solid #23527c;}
.feeNumber1{width: 50%; float: left; margin-top: 2%;}
.feeEmail{padding: 4% 0% 0% 0%;}

.howWeteachTitle {
    margin-bottom: 0;
    padding-bottom: 15px;
}

.howWeteachSubTitle {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin: 0;
    margin-bottom: 0px;
    margin-left: 0px;
/*         font-family: 'Poppins',sans-serif; */
    margin-bottom: 30px;
    position: relative;
}

/* academic specialisations */
.specialisationsImage {
    position: relative;
}

.specialisationsImage::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 63%;
    height: 100px;
    background-image: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/texture-1.png);
    background-repeat: repeat;
}

.specialisationsImage img {
    padding: 30px 0px 0px 30px;
    z-index: 9;
    position: relative;
}


.whySpBoxRight .specialisationsImage img {
    padding: 30px 30px 0px 0px;
}

.whySpBoxRight .specialisationsImage::before {
    top: 0;
    right: 0;
    left: auto;
}

/* employee report */
.pieChartPointersMain {
    margin-bottom: 5%;
}

.pieChartPointersMain h4 {
    font-size: 16px;
    font-weight: 600;
    color: #ffc20e;
    position: relative;
    margin-bottom: 20px;
/*         font-family: 'Poppins',sans-serif; */
    text-transform: uppercase;
}


/* student life experiance start */
.grid {
}

/* clear fix */
.grid:after {
content: '';
display: block;
clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
width: 33.333%;
}

.grid-item {
float: left;
}

.grid-item img {
display: block;
max-width: 100%;
}

.text-center {
text-align: center;
}

#load-more{
font-size: 14px;
font-weight: 600;
color: #333;
position: relative;
margin-bottom: 6px;
font-family: 'Poppins',sans-serif;
text-transform: uppercase;
margin-top: 30px;
margin-bottom: 30px;
background: none;
border: 0;
cursor: pointer;
position: relative;
}

#load-more::after {
content: "\f178";
color: #ffc20e;
position: absolute;
right: -25px;
top: 3px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 17px;
}

#load-more:hover, #load-more:focus{
outline: none;
}

.grid .hidden{visibility:hidden;
width:0px!important;
height:0px!important;
margin:0px!important;
padding:0px!important;
}
/* ---- button ---- */

.studentLifeFilterBtnGrp {
margin-bottom: 20px;
margin-top: 10px;
display: inline-block;
}

.studentLifeFilterBtnGrp .button {
display: inline-block;
cursor: pointer;
font-family: ProximaNova;
font-size: 14px;
color: #777777;
margin-bottom: 0;
margin-top: 0;
font-weight: 600;
background: none;
border: 0;
text-transform: uppercase;
padding: 12px 5px;
position: relative;
outline: none;
margin-right: 20px;
}

.studentLifeFilterBtnGrp .button::before {
content: '';
position: absolute;
width: 50px;
height: 2px;
background: #ffffff;
background-repeat: repeat;
z-index: 9;
top: 2px;
left: 5px;
background-repeat: no-repeat;
}

.studentLifeFilterBtnGrp .button:hover {
color: #333;
}

.studentLifeFilterBtnGrp .button:active,
.studentLifeFilterBtnGrp .button.is-checked {
color: #333;
}

.studentLifeFilterBtnGrp .button.is-checked {
color: #333;
}

.studentLifeFilterBtnGrp .button.is-checked::before {
background: #ffc20e;  
}

.studentLifeFilterBtnGrp .button:active {
box-shadow: none;
outline: none;
}

.studentLifeImgBox {
position: relative;
margin: 10px;
}

.studentLifeImgBoxVideo:after {
content: '';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 39%;
background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
height: 54px;
width: 54px;
margin: 0 auto;
z-index: 1;
background-repeat: no-repeat;
}

.studentLifeImgBox .caption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-decoration: none;
padding: 15px;
opacity: 0;
z-index: 9;
}

.studentLifeImgBox:hover .caption {
opacity: 1;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}

.studentLifeImgBox .captionText {
width: 100%;
height: 100%;
padding: 15px;
position: relative;
}

.studentLifeImgBox .captionText a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 15px;
/*background: #ffc20e;*/
background: rgba(255, 194, 14, 0.8);
color: #000;
text-decoration: none;
cursor: pointer;
}

.studentLifeImgBox .captionText h4 {
font-size: 16px;
font-weight: 600;
color: #333;
position: relative;
margin-bottom: 6px;
/*     font-family: 'Poppins',sans-serif; */
/*text-transform: uppercase;*/
margin-top: 0px;
}

.studentLifeImgBox .captionText p {
font-family: ProximaNova;
font-size: 14px;
color: #000;
margin-bottom: 0;
margin-top: 0;
font-weight: 600;
}


/* video panel */
.studentLifeExperienceVideo {
background: #043361;
width: 100%;
float: left;
color: #fff;
padding: 60px 60px;
position: relative;
margin-top: 30px;
}

.studentLifeExperienceVideo:before {
content: '';
position: absolute;
width: 5px;
height: 80%;
background: #ffc20e;
background-repeat: no-repeat;
z-index: 9;
left: 25px;
top: 10%;
z-index: 1;
}

.studentLifeExperienceVideo:after {
content: '';
position: absolute;
width: 5px;
height: 80%;
background: #ffc20e;
background-repeat: no-repeat;
z-index: 9;
right: 25px;
top: 10%;
z-index: 1;
}

.studentLifeExperienceVideo h4 {
font-size: 20px;
font-weight: 600;
color: #fff;
position: relative;
margin-bottom: 0;
/*     font-family: 'Poppins',sans-serif; */
text-transform: uppercase;
margin-top: 0;
}

.studentLifeExperienceVideo a {
font-size: 14px;
font-weight: 500;
color: #fff;
position: relative;
margin-bottom: 0;
/*     font-family: 'Poppins',sans-serif; */
text-transform: uppercase;
margin-top: 0;
float: right;
position: relative;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}

.studentLifeExperienceVideo a:hover {
color: #ffc20e;
transition: all 0.5s;
-webkit-transition: all 0.5s; 
}

.studentLifeExperienceVideo a span {
position: relative;
z-index: 9;
}

.studentLifeExperienceVideo a::before {
content: "";
background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/playBlueIcon.png);
background-repeat: no-repeat;
position: absolute;
left: -20px;
top: -42px;
display: inline-block;
font-size: 14px;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 89px;
height: 105px;
z-index: 1;
}

.studentLifeExperienceVideo a::after {
content: '';
position: absolute;
width: 70px;
height: 2px;
background: #fff;
background-repeat: no-repeat;
z-index: 9;
bottom: -7px;
right: -30px;
z-index: 1;
}

/* student life experiance end */

.ourProgram.ourglobalnetwork {
margin-top: 10%;
}
.ourProgram.ourglobalnetwork h2 {
text-align: left;
}
.ourProgram.ourglobalnetwork h2 {
position: relative;
}
.ourProgram.ourglobalnetwork h2::before {
content: '';
position: absolute;
width: 75px;
height: 3px;
background: #cf0000;
z-index: 9;
top: 0px;
left: 0;
right: 0;
background-repeat: no-repeat;
margin: 0;
}

.ourglobalnetwork h2 {
font-size: 30px;
font-weight: 600;
color: #000;
position: relative;
margin-bottom: 0px;
/*     font-family: 'Poppins',SemiBold; */
text-transform: uppercase;
margin-top: 0px;
padding-top: 0px;
text-align: center;
}


.vm-top {
margin-top: 4%!important;
}




.ugProHyLink {
margin-top: 0%;
}
.ourProgram .ugProHyLink a {
font-size: 14px;
font-weight: 400;
color: #000;
margin-bottom: 10px;
position: relative;
font-family: ProximaNova;
padding-right: 0px;
margin-right: 22px;
border-bottom: 1px solid #000;
text-decoration: none;
}

.ourProgram .ugProHyLink a::after {
content: "\25E2";
transform: rotate(
-45deg);
color: #cf0000;
right: -8px;
top: 8px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 6px;
position: absolute;
}

.Our-ProgramOverview{margin-top:5%;}
.bor-bottom{ margin-top:2%;border-bottom: 1px solid #e5e5e5;}
.txt-space p{text-align:center;} 
.txt-para p{text-align:justify;} 
.txt-para-validating-partner {margin-top:0%; margin-bottom:-5%;} 
.contactus-sec{margin-top:3%;text-align:center;}
.contactus-sec h2 {
font-size: 30px;
font-weight: 600;
color: #000;
position: relative;
margin-bottom: 0px;
/*     font-family: 'Poppins',SemiBold; */
text-transform: uppercase;
margin-top: 0px;
padding-top: 0px;
text-align: center;
}
.contactus-sec h2::before {
content: '';
position: absolute;
width: 75px;
height: 3px;
background: #cf0000;
z-index: 9;
top: 0px;
left: 0;
right: 0;
background-repeat: no-repeat;
margin: 0 auto;
}


.contactus-sec p {
font-family: ProximaNova;
font-size: 14px;
color: #000;
margin-bottom: 20px;
text-align: center;
}
.leadership-sec{margin-top:3%;}
.leadership h2 {
font-size: 30px;
font-weight: 600;
color: #000;
position: relative;
margin-bottom: 0px;
/*     font-family: 'Poppins',SemiBold; */
text-transform: uppercase;
margin-top: 0px;
padding-top: 0px;
position: relative;
margin-bottom: 3%;
}
.leadership h2::before {
content: '';
position: absolute;
width: 75px;
height: 3px;
background: #cf0000;
z-index: 9;
top: 55px;
left: 0;
right: 0;
background-repeat: no-repeat;
}

.leadership-sec h3 {
font-size: 14px;
font-weight: 600;
color: #000;
position: relative;
margin-bottom: 10px;
/*     font-family: 'Poppins',SemiBold; */
text-transform: uppercase;
margin-top: 0%;
padding-top: 0px;
position: relative;

}
.leadership-sec h3::after {
content: '';
position: absolute;
width: 37px;
height: 1px;
background: #cf0000;
z-index: 9;
top: 20px;
left: 0;
right: 0;
background-repeat: no-repeat;
}



.leadership-sec p {
font-family: ProximaNova;
font-size: 14px;
color: #000;
margin-bottom: 20px;
text-align:left;
}
.VisionOverview{margin-top:3%;}

.visionBoxImage img {
    width: 90%!important;
}

.VMspecialisationsImage {
    position: relative;
}

.VMspecialisationsImage::after {
content: '';
  display:none;
position: absolute;
z-index: 1;
   top: 160px;
left: 142px;
width: 63%;
height: 243px;
background-image: url(https://www.spjain.org/hubfs/images/2022/uk/red-maroon-box.png);
background-repeat: repeat;
}

.VMspecialisationsImage::before {
content: '';
display: block;
position: absolute;
z-index: 1;
top: 16px;
left: 16px;
width: 60%;
height: 250px;
background-image: url(https://www.spjain.org/hubfs/images/2022/uk/red-maroon-box.png);
background-repeat: repeat;
}

.VMspecialisationsImage img {
    padding: 30px 0px 0px 30px;
    z-index: 9;
    position: relative;
}


.space-desktop{margin-top:3%;}
.space-desktop-acamd {
margin-top: 0%;
}

/* responsive css start */
@media (max-width: 1199px) {

.programCarouselContainer {
    margin-top: 57px;
}

.program-navbar-container .navbar-nav>li>a {
    padding: 15px 10px;
    font-size: 11px;
}

.overview-pointers-box .overview-pointers-desc {
    font-size: 18px;
    line-height: 22px;
}

.overview-pointers-col {
    width: 33.33%;
}

.program-sidebar ul li a {
    padding: 25px 12px;
    min-height: 0;
}

.program-sidebar ul li a img {
    width: 30px;
}

.program-sidebar ul li a {
    font-size: 14px;
}

/* testimonial css */
.testimonialCarouselBox .testimonialCarouselBoxImage::after {
    width: 130px;
    height: 45px;
    background-size: 100% 100%;
}

/* latest news */
.latestMediaBox .latestMediaBoxImage::after {
    height: 160px;
}
    
}

@media (max-width: 991px) {

.programCarouselContainer {
    margin-top: 0;
}

.overviewImage::after {
    bottom: -23px;
    right: 0;
    width: 143px;
    height: 143px;
}

.overviewImage::before {
    top: -23px;
    left: 0;
    width: 143px;
    height: 143px;
}

.program-navbar-container .container {
    width: 100%;
}

.program-navbar-container .navbar-nav>li>a {
    padding: 10px 10px;
}

.program-navbar-container .navbar-nav>li>a:hover {
    background: #ffc20e;
    color: #000;
}

.program-navbar-container .navbar-nav>li>a:hover:after {
    display: none;
}

.program-carousel-caption h1 {
    font-size: 42px;
}

.program-carousel-caption h1:after {
    height: 6px;
}
.program-carousel-caption h1 {
margin-bottom: 50px;}     
  
/*.program-carousel-layer {
    display: none;
}
*/
.program-carousel-caption {
    bottom: -10px;
}

.program-sidebar ul li a {
    font-size: 12px;
}

/* testimonail */
.testimonialCarouselBox .testimonialCarouselBoxImage::after {
    bottom: 65px;
    right: 22px;
}

.testimonialCarouselBox .testimonialCarouselBoxImage::before {
    bottom: 25px;
    left: 10%;
    width: 143px;
    height: 143px;
}

.testimonialCarouselBox p {
    margin-top: 0px;
    padding-right: 0px;
}

/* latest news */
.latestMediaBox .latestMediaBoxImage::after {
    width: 120px;
    height: 120px;
}

}



@media (max-width: 900px) {

  .whysubp{    padding-left: 0px;}
.whysubrp{    padding-right: 0px;}
.program-sidebar ul li a {
    padding: 15px 12px;
}

.program-sidebar ul li a img {
    margin-bottom: 10px;
}

.program-sidebar ul li a .program-sidebar-text {
    width: 100%;
    padding-left: 0;
    text-align: center;
}
  .datasciencetitle {
position: relative;
left: 0px;
z-index: 9;
top: 0px;
margin-bottom: 0%;
}

  .datasciencetitle2 {
position: relative;
left: 0px;
z-index: 0;
top: 0px;
margin-bottom: 0%;
}
  .scientistbx {
margin: 0px 0 0% 0%;
}
  .datasciencetitle3 {
position: relative;
left: 0px;
z-index: 0;
top: 0;
margin-bottom: 0%;
}
  .datasciencetitle3 h3 {
position: relative;
left: 0%;
text-align: left !important;
}
}

@media (max-width: 767px) {
  .vm-top {
margin-top: 10%!important;
}
  
.vm-sec {
margin-top: 15%!important;
}   
.mob-v-space h3 {
margin-top: 4%!important;
}  
  .ourProgramme {text-align:left!important;}
  
.ourglobalnetwork h2 {
font-size: 22px;  }   
  
.leadership h2 {
font-size: 22px;margin-bottom: 10%;}      
  
 .ourProgram p{text-align:left;}    
  
  .program-section-gray.undergraduate {
padding: 5% 0% 3%;
}
  .proOverview {
margin: 15% 0% 8%;
}
.program-carousel-caption p {
font-size: 10px;
  }
.proOverview h2 {
font-size: 20px;
line-height: 25px;
}

.proOverview h2::after {
top: -13px;
}

.proOverview p {
text-align: justify;
}	
  .txt-space {margin-top:10%;} 
  .txt-space p{text-align:justify;} 
  .txt-para {margin-top:10%;} 
   .txt-para-validating-partner {margin-top:10%; margin-bottom:-20%;} 
  
 .contactus-sec{margin-top:10%;text-align:center;} 
  
  
  
.program-carousel-caption, #programCarousel .item .caption {
bottom: 15px!important;
padding-bottom: 10px;
}  
  
.program-carousel-caption h1:before {
top: -15px;
}    
  
.navbar-collapse {
    background-color: #000;
}
  br.brnewline {
display: block;
}
  .fingridmain {
padding: 7%;
}
  .overlay {
width: 70%;
    
  }
  
  .fingrid {
width: 100%;
float: none;
margin-right: 0%;
}
  .program-sec-main {
margin-top: 25px;
}
  .about-program h2 {
font-size: 22px;
  }
  .fingridlast {
width: 100%;
float: none;
margin-right: 0%;
}
  
.laptopfeesmall {
width: 100%;
background: #fafafa;
padding: 7% 3%;
float: left;
margin-right: 0%;
margin-bottom: 4%;
}
  .facdes {
margin-top: 5%;
}
  .ep-program-sec {
margin-top: -73px;
width: 100% !important;
}
  .ppp-program-sec {
margin-top: -90px;
width: 100% !important;
}
  
  .epmartop{    margin-top: 11%;}
  
  .two-program-section-gray {
padding: 5% 0% 23%;
}
  .dp-program-sec {
margin-top: 0px;
}

  .dpmobheading{margin-bottom: 1%;
margin-top: 5%;
background: #f8f8f8;
padding: 8% 4% 5%;
margin-left: -15px !important;
margin-right: -15px;}
  .facdes p::before {

top: 27px;
left: 19px;
}
  .scrollbar
{
margin-left: 0px;
float: none;
height: auto;
width: 100%;
/*background: #f5f5f5;*/
overflow-y: hidden;
overflow-x: scroll;
margin-bottom: 24px;
}

.force-overflow
{
min-height: auto;
min-width: 10px;
}


#style-9::-webkit-scrollbar-track
{

background-color: #f5f5f5;
}

#style-9::-webkit-scrollbar
{
width: 10px;
height: 10px;
background-color: #ffc20e;
}

#style-9::-webkit-scrollbar-thumb
{
background-color: #ffc20e;  
}
  .ctaButton {   margin-bottom: 20px !important;
}
 
  .span12.widget-span.widget-type-text.successful-Graduates-top-heading {
margin-left: 6%;
}
  .span12.widget-span.widget-type-text.successful-Graduates-sub-heading {
margin-left: 6%;
}
  .graduateBox .media-body p {
margin-left: 6%;
}
  .tbwidth{width: 300%; margin-bottom:5%;}
  .laptopfeeSemester1 {
width: 40%;
margin-left: 10%;
}
  .desktop-only{display:none;}
.mobile-only{display:block;}
  
    .desktop-hide{display:none;}
.mobile-hide{display:block;}
  
  
  
  .laptopfeeSemester2 {
width: 44%;
}
  .avgsalarybx h2 {
margin: 0 9px !important;
}
  .laptopfeebig {
width: 100%;
padding: 7% 3%;
}
  
  .accommodationfeebxfirst{ 
width: 26%;    }



.accommodationfeebxlast{   
width: 21%; padding: 0 0%;}
  
.program-navbar-container .navbar-brand {
    padding: 20px 20px 20px 10px;
}

.program-navbar-container .navbar-toggle {
    margin-right: 8px;
}

.programCarouselContainer {
    margin-bottom: 0px;
}

.programSections {
    margin-bottom: 30px;
}

.program-carousel-caption h1 {
    font-size: 16px;
}

.program-carousel-caption h1:after {
    height: 3px;
}

.programCarouselContainer .owl-theme .owl-dots {
    right: 0;
    top: auto;
    bottom: 5px;
    left: 0;
}

.programCarouselContainer .owl-theme .owl-dots .owl-dot {
    display: inline-block;
}

.overviewImage::after, .overviewImage::before {
    display: none;
}

.overviewImage img {
    width: auto !important;
    max-width: 100%;
    display: none;
}
    
.overview-pointers-col {
    width: 50%;
}

.testimonialCarouselContainer {
    padding: 15px;
    margin-bottom: 30px;
}

.testimonialCarouselBox {
    padding: 0px;
}

.testimonialCarouselBox img {
    width: 75px;
}

.testimonialCarouselContainer .owl-carousel .owl-nav button.owl-prev, .testimonialCarouselContainer .owl-carousel .owl-nav button.owl-next {
    display: none;
}

.importantDatesCarouselContainer {
    padding: 15px;
}

.importantDatesCarouselContainer .owl-theme .owl-nav {
    display: none;
}

.importantDatesCarouselContainer .owl-theme .owl-dots {
    display: block;
    margin-top: 20px;
}

.sidebarSticky {
    width: 90%;
    margin: 20px auto;
    right: auto;
    position: relative !important;
    top: initial !important;
}
.feeContactMain {
padding: 7% 7% 1% 7%;
margin-bottom: 12%;
}
  .feeNumber1 {
width: 100%;
float: none;
}
  p.phase {
width: 21%;
  }
/* testimonail */
.testimonialCarouselBox .testimonialCarouselBoxImage::before,
.testimonialCarouselBox .testimonialCarouselBoxImage::after {
    display: none;
}

.testimonialCarouselBox .testimonialCarouselBoxImage img {
    width: 130px;
    padding-bottom: 20px;
    padding-left: 0%;
}

.testimonialCarouselBox p {
    margin-bottom: 20px;
}

.testimonialCarouselBox .row {
    display: grid;
    grid-template-areas: 'abc2' 'abc1';
    grid-template-columns: 1fr;
}

.testimonialCarouselBox .row .col-sm-8 {
    grid-area: abc1;
    width: 100%;
}
.testimonialCarouselBox .row .col-sm-4 {
    grid-area: abc2;
    width: 100%;
}

.testimonialCarouselBox .row .col-sm-8 {
    display: grid;
    grid-template-areas: 'testimonialName' 'testimonialPara';
    grid-template-columns: 1fr;
}

.testimonialCarouselBox .row .col-sm-8 p {
    grid-area: testimonialPara;
    width: 100%;
}
.testimonialCarouselBox .row .col-sm-8 h4 {
    grid-area: testimonialName;
    width: 100%;
}

.testimonialCarouselBox h4 {
    padding-left: 0;
    text-align: center;
}

.testimonialCarouselBox h4::before {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -15px;
}

/* latest news */
.latestMediaBox .latestMediaBoxImage::after {
    display: none;
}

.latestMediaBox, .latestMediaBox .latestMediaBoxImage {
    /*text-align: left !important;*/
}

.latestMediaBox .latestMediaBox-heading,
.latestMediaBox .latestMediaBox-detail,
.latestMediaBox .latestMediaBox-link {
    text-align: center;
}

.latestMediaBox .latestMediaBoxImage img {
    width: 155px !important;
    padding-bottom: 0;
    padding-right: 0;
}

/* title */
.ProgramSectionTitle {
    text-align: left;
}

.ProgramSectionTitle h2 {
    font-size: 20px;
    line-height: 45px;
    padding-left: 0px;
}

.ProgramSectionTitle h3 {
    font-size: 12px;
    text-align: left;
}


/* loading effect css */
.sl-bottom, .sl-top {
    height: 95% !important;
    border: 30px solid #fff !important;
}

.loader-text {
    font: 700 20px/1 Montserrat !important;
}

/* Academic specialisations */
.specialisationsImage img {
    padding: 0px !important;
}

.specialisationsImage::before {
    display: none;
}
    .program-section-gray {
 background:#f8f8f8; padding:7% 0% 2%;
}

}

@media (max-width: 680px) {

.program-carousel-caption h1 {
    display: block;  
}

}

@media (max-width: 580px) {
    
}

@media (max-width: 480px) {
    
.overview-pointers-col {
    width: 100%;
}

.overview-pointers-box {
    margin-bottom: 15px;
}

.latestMediaBox .media-body, 
.latestMediaBox .media-left, 
.latestMediaBox .media-right {
    display: block;
}

.latestMediaBox .media-left {
    padding-right: 0;
    margin-bottom: 10px;
}

.latestMediaBox {
    margin-bottom: 30px;
}

}


/* Mayuri - 25-06-2018 */
/*Responsive*/
@media(max-width:1280px) {
/*How we teach*/    
.howTeachBox .howTeachText h3 {
    font-size: 18px;}   

/*Specialisations*/
.specialisationsBox .btnList ul li a {
    padding: 4px 12px;}

/*Career Services*/
.careerServiceBox .careerServiceText {
    min-height: 468px;
}

/*Successful Graduates*/
.graduateBox { overflow:inherit;} 


/*Employer Report*/
.employerReportBox h3 {
    font-size: 40px;}

}

@media(max-width:1199px) {
/*why sp jain*/
/*.whySpBox .whySpBoxTop img {
    margin-right: 17px;
    width: 21%;
}
.whySpBox .whySpBoxTop h2 {
    font-size: 18px;}
    
.whySpBox .whySpBoxTop .whyArrow {
    top: 25%;
}
.whySpBox .whySpBoxTop .whyArrow img { width:auto;}*/ 


/*How we teach*/
.howTeachBox .howTeachText h3 {
    font-size: 14px;}
    
.howTeachBox .howTeachText { min-height: 185px;}    
    
/*Projects*/
.projectBox .media {
    padding: 15px;
}

/*Specialisations*/
.specialisationsBox .media-left { display:block; padding-right:0; margin-bottom:20px;}
.specialisationsBox .media-left img {
    width: 100%;
}
.specialisationsBox .btnList ul li a span { display:inline-block;}

/*Career Services*/
.careerServiceBox .careerServiceText h3 {
    font-size: 15px;}
    
/*Successful Graduates*/
.graduateBox .media-left::after {
    display: none;
}

.graduateBox .media-left img {
    float: left;
}

.graduateBox .media-body {
    padding-top: 15px;
}
.graduateBox .media-left { display:block; padding-right:0; padding-bottom:20px;}    
.graduateBox .media-body {
    padding-right: 0;}  

    
/*Student Life*/
.studentLifeBoxIn {
    padding: 0;
}
    
.studentLifeBox h3 {
    font-size: 43px;
}

/*Employer Report*/
.employerReportBox h3 {
    font-size: 32px;
}

} 


@media(max-width:991px) {
/*why sp jain*/ 
/*.whySpBox .whySpBoxTop h2 {
    font-size: 26px;
}
.whySpBox .whySpBoxTop img {
    width: auto;
}*/

/*Program Structure*/
.programStructureBoxIn:nth-child(2)::before,
.programStructureBoxIn:nth-child(3)::before,
.programStructureBoxIn:last-child::before {
    /*left: 0;
    top: -11px;
    right: 0;*/}

.programStructureBoxIn:last-child::before {
    /*content: '';
    position: absolute;
    left: 0;
    right:0;
    margin:0 auto;
    top: 0;
    border-left:none;
     border-top: #1a4e8b solid 1px;
    height:inherit;
    width:50%;*/
}

/*Projects*/    
.blueBoxWrap h5 {
    font-size: 15px;
    line-height: 22px;
}

.companyListContainer ul li {
    width: 33.33%;
}

/*Specialisations*/
.specialisationsBox .media-body h4 {
    margin: 0 0 18px 0;
    font-size: 18px;}
    
/*Career Services*/ 
.careerServiceBox { margin-bottom:20px;}
.careerServiceBox .careerServiceText {
    min-height:inherit;
}

/*Successful Graduates*/
.graduateBox .media-body .graduateLink {
    top: 0;
}

/* studentLife */
.grid-sizer, .grid-item {
    width: 50%;
}



}


@media(max-width:767px) {
/*why sp jain*/
.whySpBoxContaint:before {
    display: none;
}

.mapContainer {
margin-bottom: 8% !important;
}
.whySpBoxContaint {
    position: relative;
    margin-top: 20px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center !important;
}
iframe#desktopframe {
height: 410px !important;

}
.whySpBoxContaint p {
    text-align: justify !important;
}
.rank84 {
width: 100%;
float: none;
margin-right: 0%;
padding: 2% 33%;
}
  .rank84para {
float: none;
width: 100%;
}
.whySpBoxRight .whySpBoxContaint {
    text-align: center !important;
}
  
.whySpBoxContaints {
position: relative;
margin-top: 30px;
padding-left: 0px;
}
  
  .whySpBoxContaints:before {display:none;}
  
.whySpBoxContaints h2 {
text-align: center;
}   
.contactus-sec {
margin-top: 10%;
text-align: center;
}
  
.leadership-sec h3 {
margin-top: 5%;
}   
  
  
  
  
  
/*.whySpBoxRight .whySpBoxContaint p {
    text-align: center !important;
}*/

.whySpBox {
    margin-bottom: 30px;
}
.chartTitle h4 {
font-size: 19px !important;}
  .listStyle ul {
margin: 0 0 17px 0;
}
.whySpBox .row-fluid {
    display: grid;
    grid-template-areas: 'abc2' 'abc1';
    grid-template-columns: 1fr;
}

.whySpBox .row-fluid .whySpBoxContaint {
    grid-area: abc1;
    width: 100%;
}
.whySpBox .row-fluid .whySpBoxImage {
    grid-area: abc2;
    width: 100%;
}

.whySpBox .btnList ul li {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.whySpBox .btnList {
    margin: 0 auto !important;
}

.whySpBox .btnList ul {
    float: none !important;
}

/*Message from the Dean start*/
.deanMessage .row-fluid {
    display: grid;
    grid-template-areas: 'abc2' 'abc1';
    grid-template-columns: 1fr;
}

.deanMessage .row-fluid .deanMessageContent {
    grid-area: abc1;
    width: 100%;
}
.deanMessage .row-fluid .deanImageContainer {
    grid-area: abc2;
    width: 100%;
}

.deanMessageImage::after {
    display: none;
}

.deanMessageName {
    padding-left: 0;
}

.deanMessageName h4 {
    font-size: 18px;
    margin-bottom: 20px;
}

.deanMessageContent {
    padding-right: 0px;
}

/* admission */
.admission-pointers-title {
    font-size: 24px;
    line-height: 30px;
}

/* career - successful graduate */
.paraWithImage h2::before {
    display: none;
}
.paraWithImage h2 {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 26px;
    padding-top: 15px;
}
.graduateBox .media-left::before {
    width: 175px;
}
.graduateBox .media-body {
    padding-top: 0;
}
  

  
/* How we teach */
.videoPopupContainer .imgOverlay::after {
    right: 0;
    top: 32%;
}
.whySpBoxContaint ul li {
text-align: left;
}
/* program stucture */
.programStructureBoxIn:nth-child(2)::before,
.programStructureBoxIn:nth-child(3)::before,
.programStructureBoxIn:nth-child(4)::before, 
.programStructureBoxIn:nth-child(5)::before,    
.programStructureBoxIn:last-child::before {
    left: 0;
    top: -42px;
    right: 0;
}

/*Student Life*/    
.studentLifeBox:after {
    border-right: none;
    border-bottom: #ebebeb solid 2px;
    height: inherit;
    width: 77%;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -5px;
}   
.employerReportBox { min-height:inherit; padding-bottom:40px;}  

.studentLifeExperienceVideo a {
    float: left;
    margin-top: 60px;
    margin-left: 20px;
    margin-bottom: 30px;
}
.studentLifeFilterBtnGrp .button {
    margin-right: 0px;
}

/* project */
.companyListContainer ul li {
    width: 50%;
}
  
  .whySpBox .videoPopupContainer300 .imgOverlay::after {
left: -21px;
    top: 1%;}
  
.whySpBoxRight .videoPopupContainer300 .imgOverlay::after {
top: 5%;}
}

@media(max-width:580px) {
/*project*/ 
.projectBox .media .media-left {
    padding-right: 0;
    display:block;
    margin-bottom:20px;
}
.projectBox .media .media-left .yellowBox {
    width: 100%;}
    
.blueBoxWrap {
    padding: 15px;} 
.blueBoxLinks { width:100%;}

.companyListContainer ul li {
    width: 100%;
}

/*Specialisations*/
.specialisationsBox .media-body h4 {
    font-size: 13px;
}
.specialisationsBox .btnList ul li { width:100%; margin-right:0; margin-bottom:10px;}   

/*Career Services*/
.careerServiceBox .careerServiceText {
    padding: 15px;}

/* student Life */
.grid-sizer, .grid-item {
    width: 100%;
}

}

@media(max-width:320px) {
/*why sp jain*/ 
/*.whySpBox .whySpBoxTop img {    width: 21%;}
.whySpBox .whySpBoxTop h2 {
    font-size: 16px;
}*/

/*Admission*/
/*.admissionBox h2 .numb {
    padding: 5px 12px;
    font-size: 22px;}
.admissionBox h2 {
    font-size: 11px;}   
.admissionBox h2 .text {
    padding-left: 3px;

}   
.admissionBox h2 img { display:none;}*/
.admissionBox .admissionDetail {
    padding-left:0;
    margin-bottom:25px;}
    

        
}


/* responsive css end */

.gssb_c {
    z-index: 99999999;
    border: 0 !important;
}

.gssb_c table, .gssb_c table tr td {
    border: 0 !important;
    padding: 0px !important;
}

.gssb_f {
    padding: 0 !important;
}


/* stickybar new css */
.stickybar {
    border: 0px;
}
.stickybar li > a {
    background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/texture-1.png) #fff !important;
        background-repeat: repeat;
    background-repeat: repeat !important;
    color: #000 !important;
    border-bottom: 2px solid #ffc20e;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    border-right: 0px;
    font-size: 11px;
    line-height: 11px;
    /*width: 110px;
    text-align: left;
    padding: 10px 10px 10px 18px;
    height: 45px;
    vertical-align: middle;*/
}

.stickybar li a i {
    color: #141414 !important;
    /*display: inline-block;*/
}

/*.stickybar li > a > span {
    display: inline-block;
    padding-left: 20px;
}*/

.stickybar li a:hover {
    background: #ffc20e !important;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    /*margin-left: -60px;*/
}

@media(min-width:767px) {
    .stickybar li a {
        width: 130px;
        text-align: left;
        padding: 9px 10px 10px 15px;
        height: 45px;
        vertical-align: middle;
    }
iframe#desktopframe {
height: 410px;

}
  
.vm-top {
margin-top: 10!important;
}     
 
.mh-top {
margin-top: 5%!important;
}    
  

    .stickybar li a i {
    display: inline-block;
    }

    .stickybar li > a > span {
        display: inline-block;
        padding-left: 11px;
        vertical-align: top;
        padding-top: 2px;
    }

    .stickybar li a:hover {
        margin-left: -70px;
    }
}

@media(max-width:767px) {
    .stickybar ul li {
        border-right: 1px solid #ccc;
    }
  .navbar {
padding: 0% 0%;
}
    .stickybar li a img {
        display: block;
        margin: 0 auto 5px auto;
        width: 16px;
    }
  p.impsession2 {
padding-left: 15%;
}
  p.address2 {
padding-left: 15%;
}
}

.ctaButton:hover{
background: #ed1c24 !important;
color: white;
}

/* cta button css */
.ctaButton {
display: inline-block;
cursor: pointer;
position: relative;
box-sizing: border-box;
overflow: hidden;
/*     color: #000;  */

/*    background-image: linear-gradient(to left,#4ca4ff,#0050f2); */
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
padding: 4px 20px;
margin-top: 15px;
vertical-align: middle;
line-height: 36px;
text-align: center;    margin-bottom: 0%;
}

.ctaButton a{
font-size: 12px;
color: #fff;
text-decoration: none;
transition: all .5s ease;
z-index: 2;
position: relative;
text-transform: uppercase;
font-weight: 700;
text-align: center;
padding: 0;
}
.ctaButton a::after {
display: none;
}
.eff-4{
width: 100%;
height: 100%;
left: -100%;
background: #000;
position: absolute;
/*     transition: all .5s ease; */
z-index: 1;
top: 0;
}
.ctaButton:hover .eff-4{
left:0;
}
.ctaButton:hover a{
color:#ffc20e;
}

.cse .gsc-search-button-v2, .gsc-search-button-v2 {
padding: 6px 27px !important;
}

.chartTitle h4 {
font-size: 30px;
font-weight: 600;
color: #000;
position: relative;
margin-bottom: 30px;
/*     font-family: 'Poppins',sans-serif; */
text-transform: uppercase;
margin-top: 0px;
padding-top: 20px;
}

.chartTitle h4::before {
content: '';
position: absolute;
width: 70px;
height: 3px;
background: #ffc20e;
z-index: 9;
top: 7px;
left: 0;
background-repeat: no-repeat;
}

/* map css */
.mapContainer {
        margin: 0 auto;
        text-align: center;
        position: relative;
    }
    .mapContainer img {
        margin: 0 auto;
        max-width: 100%;
    }
    .mapContainer .pointerImage {
        position: absolute;
        top: -100px;
        left: 0;
        right: 0;
        opacity: 0;
        transition: all 1s;
        -webkit-transition: all 1s;
    }

    .mapContainer.animate .pointerImage {
        top: 0px;
        opacity: 1;
        transition: all 1s;
        -webkit-transition: all 1s;
    }


.canvasjs-chart-credit {
display: none !important;
}

@media only screen 
and (min-device-width: 360px) 
and (max-device-width: 640px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
.facdes p::before {
top: 35px;
left: 35px;
}
}


@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) { 
.facdes p::before {
top: 39px;
}
}

@media only screen and (max-width: 823px){
iframe#desktopframe {
height: 313px;
width: 100%;
}}







/* faculty profile css start */
.facultyProfileNewsBoxCaption {
background: #043361;
color: #fff;
padding: 70px;
margin-right: -100px;
z-index: 99;
position: relative;
margin-top: 60px;
margin-bottom: 15px;
}

.facultyProfileNewsBoxCaption h4 {
font-size: 18px;
color: #fff;
font-weight: 500;
margin-top: 0;
margin-bottom: 28px;
position: relative;
padding-bottom: 30px;
}

.facultyProfileNewsBoxCaption h4:after {
content: '';
width: 130px;
height: 3px;
background: #ffc20e;
position: absolute;
left: 0;
bottom: 0px;
}

.facultyProfileNewsBoxCaption p {
font-size: 14px;
color: #ffffff;
font-weight: 400;
margin-top: 0;
margin-bottom: 15px;
}

.facultyProfileNewsBoxImage {
margin-bottom: 30px;    
}

.facultyProfileNewsBoxImage img {
width: 100%;
}

.facultySection {
padding-top: 80px;
padding-bottom: 80px;
float: left;
width: 100%;
}

.facultyProfileSection {
background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
background-repeat: repeat;
}

.facultyNewsSection {
padding-bottom: 0px;
}

.facultyNewsSection .owl-theme .owl-dots {
text-align: left;
}

.facultySubjectSection {
background: #f3f7fa;
}

.facultyTabsSection {

}

.facultyProfileSection .facultyProfileBox {
background: #ffffff;
padding: 70px 70px 70px 40px;
border-bottom: 5px solid #043361;
}

.facultyProfileSection .facultyProfileBox .overviewImage:before {
display: none;
}

.facultyProfileSection .overviewText > div {
margin-left: 20px;
}

.facultyProfileSection .facultyProfileBox h2 {
margin-top: 0;
color: #000;
font-size: 27px;
line-height: 1;
padding: 20px 0 0px 0;
margin: 0 0 20px 0px;
font-weight: 500;
text-transform: uppercase;
font-family: inherit;
position: relative;
font-family: 'Poppins', sans-serif;
}

.facultyProfileSection .facultyProfileBox h2:after {
content: '';
width: 70px;
height: 3px;
background: #ffc20e;
position: absolute;
left: 0;
top: 0;
}

.facultyProfileSection .facultyProfileBox p {
font-size: 14px;
text-align: left;
color: #414141;
}

.facultyProfileSection .facultyProfileBox ul {
list-style: none;
padding: 0;
margin: 0 0 0px 0;
float: left;
width: 100%;
}

.facultyProfileSection .facultyProfileBox ul li {
position: relative;
padding-left: 20px;
margin-bottom: 3px;
font-family: ProximaNova;
font-size: 14px;
color: #000;
}

.facultyProfileSection .facultyProfileBox ul li:before {
position: absolute;
content: "\25A0";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
left: 0;
top: 0px;
font-size: 16px;
color: #ffc20e;
}

.facultyProfileSection .facultyProfileBox .profileInfo {
float: left;
width: 100%;
border-bottom: 3px solid #e6e6e6;
margin-bottom: 20px;
}

.facultyProfileSection .facultyProfileBox .profileInfo p {
width: 75%;
display: inline-block;
float: left;    
}

.facultyProfileSection .facultyProfileBox .profileInfo a.linkedIn span {
float: right;
position: relative;
padding-left: 25px;
}

.facultyProfileSection .facultyProfileBox .profileInfo a.linkedIn span:before {
content: '';
position: absolute;
z-index: 9;
top: 0;
left: 0;
width: 20px;
height: 20px;
background-image: url(https://www.spjain.org/hubfs/images/2019/org/faculty-2019/linkedinIcon.jpg);
background-repeat: no-repeat;
}

.facultyProfileSection .facultyProfileBox .profileInfo a.linkedIn {
float: left;
width: 25%;
display: inline-block;
color: #000;
font-size: 14px;
font-weight: 600;
/*padding-left: 25px;*/
position: relative;
}

.facultyProfileSection .facultyProfileBox .profileInfo a.linkedIn:hover {
color: #1878c5;
}

.facultyProfileSection .facultyProfileBox h4 {
margin-top: 0;
color: #000;
font-size: 18px;
line-height: 1;
padding: 0;
margin: 0 0 10px 0px;
font-weight: 500;
text-transform: uppercase;
position: relative;
/*     font-family: 'Poppins',sans-serif; */
float: left;
width: 100%;
}

.facultyProfileNewsBoxImage {
position: relative;
}

.facultyProfileNewsBoxImage:after {
content: '';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 43%;
background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
height: 54px;
width: 54px;
margin: 0 auto;
z-index: 1;
background-repeat: no-repeat;
}

.facultyProfileHeading {
margin-top: 0;
color: #000;
font-size: 20px;
line-height: 1;
padding: 20px 0 0px 0;
margin: 0 0 25px 0px;
font-weight: 600;
text-transform: uppercase;
position: relative;
/*     font-family: 'Poppins',sans-serif; */
}

.facultyProfileHeading:after {
content: '';
width: 70px;
height: 3px;
background: #ffc20e;
position: absolute;
left: 0;
top: 0;
}

.facultySubjectSection .listStyle ul {
margin-bottom: 0px;
}

.facultySubjectSection .listStyle ul li,
.facultyTabsSection .listStyle ul li {
position: relative;
padding-left: 15px;
margin-bottom: 8px;
}

.facultySubjectSection .listStyle ul li ul,
.facultyTabsSection .listStyle ul li ul {
margin: 0 0 10px 0;
}

.facultySubjectSection .listStyle ul li:before,
.facultyTabsSection .listStyle ul li:before {
position: absolute;
content: "\25A0";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
left: 0;
top: 5px;
font-size: 10px;
color: #ffc20e;
}

.facultySubjectSection p {
margin-bottom: 8px;
}

.facultyTabsSection h4 {
font-size: 16px;
color: #414141;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 20px;
}

.facultyTabsSection h5 {
font-size: 16px;
color: #414141;
font-weight: 600;
margin-bottom: 15px;
}

.facultyTabsSection .tab-content {
-webkit-box-shadow: none;
box-shadow: none;
padding: 50px;
background: #f3f7fa;
}

.facultyTabsSection ul.nav {
margin-bottom: 0px;
margin-top: 30px;
border: 0;
}

.facultyTabsSection ul.nav li:before {
display: none;
}

.facultyTabsSection ul.nav li {
position: relative;
padding-left: 0;
margin-bottom: 0;
}

.facultyTabsSection ul.nav>li>a {
margin-top: 0;
color: #6b6b6b;
font-size: 20px;
line-height: 1;
padding: 35px 20px 20px 20px;
margin: 0;
font-weight: 600;
text-transform: uppercase;
position: relative;
/*     font-family: 'Poppins',sans-serif; */
}

.facultyTabsSection ul.nav>li>a:after {
content: '';
width: 70px;
height: 3px;
background: #ffffff;
position: absolute;
left: 20px;
top: 20px;
}

.facultyTabsSection ul.nav>li>a:hover {
background-color: #f3f7fa;
border: 1px solid #f3f7fa;
}

.facultyTabsSection ul.nav>li>a:hover:after {
content: '';
width: 70px;
height: 3px;
background: #ffc20e;
position: absolute;
left: 20px;
top: 20px;
}

.facultyTabsSection ul.nav>li.active>a, 
.facultyTabsSection ul.nav>li.active>a:hover, 
.facultyTabsSection ul.nav>li.active>a:focus {
color: #555;
cursor: default;
background-color: #f3f7fa;
border: 1px solid #f3f7fa;
border-bottom-color: transparent;
margin-top: 0;
color: #000;
font-size: 20px;
line-height: 1;
padding: 35px 20px 20px 20px;
margin: 0;
font-weight: 600;
text-transform: uppercase;
position: relative;
/*     font-family: 'Poppins',sans-serif; */
}

.facultyTabsSection ul.nav>li.active>a:after, 
.facultyTabsSection ul.nav>li.active>a:hover:after {
content: '';
width: 70px;
height: 3px;
background: #ffc20e;
position: absolute;
left: 20px;
top: 20px;
}

/* faculty overview */
.facultyCarouselContainer {
margin-top: 0;
}

.facultyOverviewParaSection {

}

.facultyOverviewParaSection h4 {
margin-top: 0;
color: #303030;
font-size: 18px;
line-height: 1;
padding: 20px 0 0px 0;
margin: 0 0 25px 0px;
font-weight: 600;
text-transform: uppercase;
position: relative;
/*     font-family: 'Poppins',sans-serif; */
}

.facultyOverviewParaSection h4::after {
content: '';
width: 70px;
height: 3px;
background: #ffc20e;
position: absolute;
left: 0;
top: 0;
}

.facultyOverviewParaSection .facultyOverviewPara {
margin-top: 50px;
}

.facultyOverviewParaSection .overviewImage::after {
background-image: url(https://www.spjain.org/hubfs/images/2019/org/faculty-2019/blue-box.jpg);
}

.facultyPointersSections .overview-pointers-box {
min-height: 183px !important;
}

.facultyPointersSections .overview-pointers-box p {
margin-bottom: 0px;
text-align: center;
color: #4a4a4a;
}

.facultyPointersSections .overview-pointers-box p strong {
font-size: 14px;
color: #000;
}

.facultySpotlightSliderSection {
padding-top: 70px;
position: relative;
}

.facultySpotlightSliderSection:before {
content: '';
background: #f3f7fa;
height: 420px;
position: absolute;
width: 100%;
padding-top: 70px;
top: 0;
}

.facultySpotlightBox .facultySpotlightCaption h2 {
margin-top: 0;
color: #000;
font-size: 16px;
line-height: 1;
padding: 0px 0 15px 0;
margin: 30px 0 12px 0px;
font-weight: 600;
text-transform: uppercase;
position: relative;
/*     font-family: 'Poppins',sans-serif; */
}

.facultySpotlightBox .facultySpotlightCaption h2::after {
content: '';
width: 100px;
height: 3px;
background: #ffc20e;
position: absolute;
left: 0;
bottom: 0;
}

.facultySpotlightBox .facultySpotlightCaption p {
color: #8f8f8f;
font-size: 14px;
margin-bottom: 15px;
}

.facultySpotlightSliderSection .owl-stage-outer {
margin-bottom: 80px;
}

.facultySpotlightBox .facultySpotlightImage {
position: relative;
}

.facultySpotlightBox .facultySpotlightImage::after {
content: '';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 43%;
background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
    background-repeat: repeat;
height: 54px;
width: 54px;
margin: 0 auto;
z-index: 1;
background-repeat: no-repeat;
}

.facultySpotlightBox .facultySpotlightImage img {
width: 100%;
}

.facultyListSearch {
background: #043361;
padding: 30px;
margin: 0px 20px;
z-index: 9;
position: relative;
}

.alphaListColoum {
position: relative;
}

.alphaListColoum:before {
background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
background-repeat: repeat;
content: '';
position: absolute;
width: 100%;
height: 160px;
top: -75px;
}

.alphaList {
position: relative;
padding: 8px 0;
margin-bottom: 30px;
margin-top: 20px;
background: #ffffff;
}

.alphaList li {
list-style-type: none;
display: inline-block;
width: 3.40%;
}

.alphaList li a {
/*     font-family: 'Poppins',sans-serif; */
font-size: 18px;
font-weight: 400;
color: #4f4f4f;
padding: 10px 0px;
display: block;
text-align: center;
}

.alphaList li.active a,
.alphaList li a:hover {
color: #ffc000;
}

.alphaFacultyListContainer {

}

.alphaFacultyListContainer h4 {
font-size: 30px;
color: #d7d7d7;
}

.alphaFacultyListContainer .alphaFacultyList {
padding: 0;
margin-bottom: 30px;
}

.alphaFacultyListContainer .alphaFacultyList li {
list-style-type: none; 
margin-bottom: 5px;
}

.alphaFacultyListContainer .alphaFacultyList li a strong {
font-size: 14px;
color: #010101;
font-weight: 600;
width: 250px;
display: inline-block;
}

.alphaFacultyListContainer .alphaFacultyList li a:hover strong {
color: #ffc000;
}

.alphaFacultyListContainer .alphaFacultyList li a span {
color: #4a4a4a;
font-weight: 400;
}

.facultyListSearch .form-group {
width: 41.5%;
margin-right: 2%;
}

.facultyListSearch .form-control {
color: #000;
font-size: 14px;
border-radius: 0 !important;
height: 40px !important;
padding: 6px 12px !important;
border: 0px !important;
width: 100% !important;
margin: 0 !important;
}

.facultyListSearch select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('https://www.spjain.org/hubfs/images/2019/org/faculty-2019/selectArrow.png');
background-position: top 17px right 15px;
background-size: 12px;
background-repeat: no-repeat;
padding: 2px 30px 2px 12px;
color: #474747;
font-size: 14px;
}

.facultyListSearch .btn {
margin: 0;
border: 0 !important;
border-radius: 0;
font-size: 14px;
color: #000 !important;
letter-spacing: 0px;
font-weight: 600;
height: 40px;
background: #fff;
padding: 6px 20px 6px 33px !important;

background-image: url('https://www.spjain.org/hubfs/images/2019/org/faculty-2019/searchicon.png');
background-position: top 13px left 15px;
background-size: 15px;
background-repeat: no-repeat;
}

.facultyListSearch .btn:hover {
background: #ffae00;
background-image: url('https://www.spjain.org/hubfs/images/2019/org/faculty-2019/searchicon.png');
background-position: top 13px left 15px;
background-size: 15px;
background-repeat: no-repeat;
}
#hs-eu-close-button{
  top: -12px;
position: relative;
right: -8px;
}
#hs-eu-policy-wording{
margin-right:0em !important;
}
#hs-eu-header-container{
margin-bottom:-1em !important;
}
#hs-eu-cookie-confirmation-buttons-area{
  justify-content: center !important;
}
#hs-eu-cookie-confirmation-buttons-area{
margin-right:0em !important;
}
#hs-eu-confirmation-button{
font-weight: 700!important;
}
#hs-eu-cookie-confirmation-inner{
padding: 1.5em !important;
}
/* responsive */
@media (max-width: 1199px) {

.facultyProfileSection .facultyProfileBox .profileInfo p,
.facultyProfileSection .facultyProfileBox .profileInfo a.linkedIn {
width: 100%;
}

.facultyProfileSection .facultyProfileBox .profileInfo a.linkedIn {
margin-bottom: 20px;
}

.facultyProfileSection .facultyProfileBox .overviewImage::after {
width: 195px;
height: 195px;
}

.facultyProfileNewsBoxCaption {
padding: 40px;
margin-right: -60px;
margin-top: 30px;
}

.facultyListSearch .form-group {
width: 40%;
}

.alphaList li {
width: 3.30%;
}
.fm-proxi{
font-family: 'ProximaNova' !important;
}
.facultyPointersSections .overview-pointers-box {
min-height: 215px !important;
}

.facultyProfileSection .facultyProfileBox .profileInfo a.linkedIn span {
float: left;
}

}

@media (max-width: 991px) {

.facultyProfileSection .facultyProfileBox .overviewImage::after {
width: 145px;
height: 145px;
}

.facultyListSearch .form-group {
width: 37%;
}

.alphaList li {
width: 3.20%;
}

.facultyPointersSections .overview-pointers-box {
min-height: 285px !important;
}

}

@media (max-width: 767px) {
.program-navbar-container .navbar-nav>li:hover>a{
color: #fff !important;
}
.navbar-default .navbar-nav > .dropdown:hover>a .caret{
  border-top-color: #fff !important;
  border-bottom-color: #fff !important;
}
.navbar-main-container .navbar-main li:hover a{
color: #fff !important;
}
.navbar-default .navbar-nav > .dropdown:hover a .caret{
color: #fff !important;
}
.body-container-wrapper {
margin-bottom: 0px !important;
padding-bottom: 0% !important;
}
.navbar-main-container .navbar-main {
padding: 0% 0% 0%;
}

.facultyProfileSection .facultyProfileBox .overviewImage img {
display: block;
}

.facultyProfileNewsBoxCaption {
padding: 30px;
margin-right: 0;
margin-top: 0;
margin-bottom: 15px;
}

.facultyProfileNewsBoxImage {
display: none;
}

.facultyTabsSection .tab-content {
padding: 30px;
margin-left: 0;
}

.facultyTabsSection ul.nav > li > a,
.facultyTabsSection ul.nav > li.active > a, 
.facultyTabsSection ul.nav > li.active > a:hover, 
.facultyTabsSection ul.nav > li.active > a:focus {
font-size: 14px;
padding: 20px 10px 10px 10px;
}

.facultyTabsSection ul.nav > li.active > a::after, 
.facultyTabsSection ul.nav > li.active > a:hover::after,
.facultyTabsSection ul.nav > li > a::after,
.facultyTabsSection ul.nav > li > a:hover::after {
left: 10px;
top: 10px;
}

.facultySection {
padding-top: 30px;
padding-bottom: 30px;
}

.facultyProfileSection .facultyProfileBox {
padding: 30px;
}

.facultyProfileSection .facultyProfileBox h2 {
font-size: 22px;
}

.facultyListSearch .form-group {
width: 100%;
margin-right: 0%;
}

.alphaFacultyListContainer .alphaFacultyList li a strong {
width: 100%;
display: block;
}

.alphaFacultyListContainer .alphaFacultyList li {
margin-bottom: 8px;
}

.alphaList li {
width: 6.2%;
}

.facultyOverviewParaSection .facultyOverviewPara {
margin-top: 0;
}

.facultySpotlightSliderSection .owl-stage-outer {
margin-bottom: 20px;
}

.facultyPointersSections .overview-pointers-box {
min-height: 0px !important;
}

.facultyProfileSection .overviewText > div {
margin-left: 0;
}

.facultyProfileSection .facultyProfileBox .profileInfo p strong {
font-size: 14px;
}

}

@media (max-width: 580px) {

.facultyListSearch {
padding: 20px;
margin: 0px 0px;
}

}

@media (max-width: 480px) {

.facultyTabsSection ul.nav li {
display: block;
width: 100%;
}

@media (max-width: 767px) {

.navbar-main-container .navbar-brand img{
    width: 165px;
} 
}







.facultyTabsSection ul.nav > li > a, 
.facultyTabsSection ul.nav > li.active > a, 
.facultyTabsSection ul.nav > li.active > a:hover, 
.facultyTabsSection ul.nav > li.active > a:focus {
font-size: 14px;
padding: 20px 10px 10px 10px;
width: 100%;
display: block;
border: 1px solid #d9dde0;
margin-bottom: 8px;
}

}

class="hov-color-black


.page-banner-title{
font-weight: 400 !important; 
}

  @media (min-width: 851px){
.dropdown-menu.campus-middle {
    right: 22% !important;
}
    }


.program-navbar-container .navbar-nav>li>.brochure{
  color:#FF0000 !important;
}

.program-navbar-container .navbar-nav>li>.brochure:hover{
  background-color:#FF0000;
  color:#FFFFFF !important;
}

ul.banner-list {
    margin-left: 0px;
}
.progTabsNavScrolled .brochure_li .brochure {
    color: red!important;
}

#program-navbar-collapse li.brochure_li {
    display: flex;
    align-items: center;
}
  .modal .hbspt-form .hs-error-msgs.inputs-list {
    margin: 0px;
}

.modal .hbspt-form .hs-form-field label {
    display: none;
}

.modal .hbspt-form .input {
    padding-bottom: 10px;
}
   .acadamic-sec img {
    max-width: 100%;
}
 .grey-sec {
    background: #484848;
    padding: 10px 0px;
   color: #fff;
   margin-top: 2px;
    font-size: 18px;
}
 h3.red-bg{
    padding: 0px;
  }
.acadamic-sec h3 {
    font-weight: normal;
    margin-top: 0px;
    padding-bottom: 20px;
}
  .acadamic-sec .et_pb_text_inner {
    text-align: center;
 border: 2px solid;
    margin-top: 20px;
}
  .lightblue-sec {
    background: #eaeef1;
    color: #313131;
    padding: 11px 0px;
    font-size: 18px;
       margin: 5px 0px;
}
.note-txt {
    text-align: center;
    padding-top: 20px;
    font-size: 15px;
}
  .acadamic-sec {
    padding-top: 7%;
}
.acadamic-sec h2 {
    max-width: 100%;
    font-size: 40px;
    padding-bottom: 0px;
}
.white-bg {
    text-transform: uppercase;
    padding: 10px 0px;
    margin-top: 2px;
    font-size: 18px;
}
h3.red-bg {
    margin: 0px;
    text-transform: uppercase;
    background: #da3931;
    padding: 0px 0px;
    color: #fff;
}

.lightblue-sec:last-child {
    margin-bottom: 0px;
}

.profileInfo{
  padding-bottom: 20px;
}