/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html {
    padding: 0 !important;
    margin: 0 !important;
}

html,button,input,select,textarea 
{
    color: #000;
}


body { color: #000000;font-size: 15px;margin-top: 0px;margin-left: 0px;}

p{ font-size:15px; line-height:22px;}
	
:focus:not(:hover):not(.inmenu--desktop-nav-link):not(input):not(button) {
   /* outline: 3px solid #1b87ff;*/
}

#main-site-content:focus {
    outline: none !important;
}

input[type="text"]:focus:not(:hover),
input[type="textarea"]:focus:not(:hover),
input[type="checkbox"]:focus:not(:hover),
select:focus:not(:hover),
button:focus:not(:hover) {
  /*  outline: 3px solid #900;*/
}

.search-wrapper input[type="text"]:focus:not(:hover) {
    outline: none;
}

.sbu-wrapper {
    overflow: hidden;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

::-moz-selection {
    background: #ffb7b7;
    color: #000;
    text-shadow: none;
}

::selection {
    background: #ffb7b7;
    color: #000;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

input,
button {
    margin: 0;
    padding: 0;
    border: 0 none;
    background: none;
    outline: 0 none;
    color: #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}

::-webkit-input-placeholder {
   color: #eee;
   font-weight: normal;
}

:-moz-placeholder { /* Firefox 18- */
   color: #eee;
   font-weight: normal;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #eee;
   font-weight: normal;
}

:-ms-input-placeholder {  
   color: #FFF;
   font-weight: normal;
}

input[type=search] {
    -webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
    display: none;
}
.caption {

    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);

}




.set-top-0 {
    top: 0 !important;
}


.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.children-border-box * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.full-width {
    width: 100%;
}

.height-700 {
    min-height: 700px;
}

.padding-box {
    padding: 20px 25px;
}

.pad-top {
    padding-top: 20px;
}

.no-pad-top {
    padding-top: 0 !important;
}

.pad-bottom {
    padding-bottom: 20px;
}

.no-pad-bottom {
    padding-bottom: 0 !important;
}

.pad-left {
    padding-left: 20px !important;
}

.no-pad-left {
    padding-left: 0 !important;
}

.pad-right {
    padding-right: 20px;
}

.no-pad-right {
    padding-right: 0 !important;
}

.margin-top {
    margin-top: 20px;
}

.no-margin-top {
    margin-top: 0 !important;
}

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

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.margin-left {
    margin-left: 20px;
}

.no-margin-left {
    margin-left: 0 !important;
}

.margin-right {
    margin-right: 20px;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-pad {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.overflow-visible {
    overflow: visible !important;
}

.relative {
    position: relative;
}

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

.text-transform-none {
    text-transform: none !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

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

.smaller {
    font-size: .9em;
    color: #333;
}

/* Layout */

.whole,
.one-half,
.one-third, .two-third,
.one-quarter, .three-quarter,
.one-fifth,
.one-sixth {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 10px;
}

.sbu-columns {
    padding-left: 0;
    padding-right: 0;
}

.section-border-top {
    border-top: 1px solid #900;
    margin-top: 2em;
    padding-top: 3em;
}

.section-border-bottom {
    border-bottom: 1px solid #900;
    padding-bottom: 2em;
    margin-bottom: 1.6em;
}

.border-thin-dark {
    padding: 0;
}


.ie9 .white-fade-background,
.ie9 .gradient {
   filter: none; /* to work on ie9 */
}

.grey-background {
    background: #bebebe;
}

.red-background {
    background: #900;
}

.black-background {
    background: #ddd;
}

.white-background {
    background: #fff;
}

.dark-grey-background {
    background: #222;
}

section.breaker {
    padding: 4% 0;
}


/* Custom resets and other declarations */

ul, li {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;

}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

dl,
dt,
dd {
    margin: 0;
}

li.sbu-text {
    list-style-type: disc;
    list-style-position: outside;
    padding: 0;
    margin: 4px 20px;
	font-size: 15px;
}




.quick-nav a.persistent-flag,
.quick-nav a.persistent-flag:hover,
.persistent-flag,
.persistent-flag:hover {
    display: none;
    position: fixed;
    top: -8px;
    right: 2%;
    z-index: 100001;
    text-decoration: none;
    margin: 0;
    padding: 0;
    background: transparent;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    height: auto;
}

.quick-nav a.persistent-flag:hover,
.persistent-flag:hover {
    top: -4px;
}

/* Skip Nav LInks */

.skip-navigation-link,
.footer-navigation-link,
.main-navigation-link {
    color: #404040;
    position: absolute;
    display: inline-block;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.skip-navigation-link:focus,
.skip-navigation-link:active,
.footer-navigation-link:focus,
.footer-navigation-link:active,
.main-navigation-link:focus,
.main-navigation-link:active {
    color: #404040;
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    overflow: visible;
    text-decoration: underline;
    top: 50px;
    text-align: center;
    outline: none;
}


    /* Headers */

  

    h5 {
        text-transform: none;
        color: #222;
    }
    .mega {
        font-size: 4.85em;
    }

    h1 {
        font-size: 3.3em;
    }

    h2 {
        font-size: 2.5em;
    }

    h3 {
        font-size: 1.9em;
    }

    h4 {
        font-size: 1.6em;
    }

    h5 {
        font-size: 1.1em;
    }

    .subtitle {
        font-size: 1.2em;
    }

    .sbu-text {
        font-size: 1em;
        color: #222;
        line-height: 1.5em;
    }

    h2.small-title-1 {
        font-size: 1.3em;
        font-weight: normal;
        letter-spacing: .025em;
        word-spacing: .025em;
    }

    h2.small-title-2 {
        font-size: 1.5em;
        font-weight: normal;
        text-transform: none;
        margin: 0;
    }

    h2.small-title-3 {
        font-size: 1.5em;
        font-weight: normal;
        text-transform: none;
        margin: 0;
    }

    h3.medium-title-2 {
        font-size: 1.3em;
        font-weight: normal;
        text-transform: none;
        margin: 0;
    }

    .medium-title-3 {
        font-size: 1.8em;
        text-transform: none;
    }

    h2.rule-header-white-on-black {
        font-size: 1.5em;
        text-transform: uppercase;
        font-weight: normal;
        margin: 0;
        padding: 0;
        background: #000;
        color: #fff;
        line-height: 1;
        text-align: center;
        position: relative;
    }
    h2.rule-header-white-on-black .text {
        display: inline-block;
        background: #000;
        padding: 10px;
        font-size: 1.8em;
        text-rendering: optimizeLegibility;
        position: relative;
        z-index: 2;
        -webkit-font-smoothing: subpixel-antialiased;
    }


    h2.rule-header-white-on-black:after {
        display: block;
        width: 97%;
        content: " ";
        border-bottom: 2px solid #fff;
        position: absolute;
        left: 1.5%;
        right: 1.5%;
        bottom: 28px;
        z-index: 1;
    }

    h3.on-red,
    h4.on-red,
    h5.on-red,
    .inside-content h3.on-red,
    .inside-content h4.on-red,
    .inside-content h5.on-red,
    .alumni .inside-content h5 {
        display: block;
        background: #800;
        color: #fff;
        padding: .4em .8em;
        text-transform: uppercase;
        font-size: 1.1em;
        font-weight: normal;
    }

    h5.on-red,
    .alumni .inside-content h5 {
        width: auto;
        clear: both;
    }

    .social-icon {
        font-size: 2em;
    }

   
    /* rays-promo-box-with-hover-text */

    .new-brand .content-wrapper .rays-promo-box-with-hover-text {
        height: 380px;
        background-position: top center;
        background-size: cover;
    }

    .new-brand .content-wrapper .rays-promo-box-with-hover-text_wrapper {
        /*background-image: url(../images/edu-background.jpg);*/
		background: rgba(54, 140, 190,.6);
        background-size: 100%;
        background-position: top center;
        padding: 0 10px;
        margin: 0;
        line-height: 1;
        display: block;
        font-family: "Effra W01", Helvetica, sans-serif;
        font-weight: 400;
        font-size: 1.1em;
        text-align: center;
        width: 100%;
        height: 100px;
        overflow: hidden;
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        transition: all 0.1s;
		
    }

    .new-brand .content-wrapper .rays-promo-box-with-hover-text:hover .rays-promo-box-with-hover-text_wrapper {
        height: 380px;
        opacity: .9;
    }

    .content-wrapper h3.rays-promo-box-with-hover-text_title,
    .new-brand .content-wrapper h3.rays-promo-box-with-hover-text_title {
        /* padding: 35px 15px 5px; */
        margin: 0;
        line-height: 1;
        display: table;
        font-family: "Effra W01", Helvetica, sans-serif;
        font-weight: 600;
		font-size: 0.9em;
        text-align: center;
        width: 100%;
        height: 100px;
    }

    .content-wrapper h3.rays-promo-box-with-hover-text_title span,
    .new-brand .content-wrapper h3.rays-promo-box-with-hover-text_title span {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        height: 100%;
    }

    .content-wrapper .rays-promo-box-with-hover-text_text {
        margin: 0px 6%;
        font-size: .55em;
        text-align: justify;
        line-height: 25px;
        padding: 7px 10px;
        background: rgba(240,240,240,.75);
        border: 3px solid #d52027;
        color: #000;
        width: 90%;
        box-sizing: border-box;
        float: left;
		height:63%;
    }

    .content-wrapper .rays-promo-box-with-hover-text_button {
        margin: 20px auto 0;
        display: block;
        width: 100%;
    }

    .rays-promo-box-with-hover-text-snippet .rays-promo-box-with-hover-text {
        margin: 0 0 30px;
    }

    @media only screen and (max-width: 1023px), (any-hover: none) {
        .new-brand .content-wrapper .rays-promo-box-with-hover-text,
        .new-brand .content-wrapper .rays-promo-box-with-hover-text:hover {
           height: auto;
			
        }
        .new-brand .content-wrapper .rays-promo-box-with-hover-text .rays-promo-box-with-hover-text_wrapper,
        .new-brand .content-wrapper .rays-promo-box-with-hover-text:hover .rays-promo-box-with-hover-text_wrapper {
           height:auto;
            opacity: .9;
        }
    }

    @media only screen and (min-width: 960px) {
        .rays-promo-box-with-hover-text-snippet .sbu-columns {
            padding: 0 25px;
        }
        .rays-promo-box-with-hover-text-snippet .one-quarter {
            width: 46%;
            margin: 0 2% 10px;
        }
    }

    @media only screen and (min-width: 1500px) {
        .rays-promo-box-with-hover-text-snippet .sbu-columns {
            padding: 0 15px;
        }
        .rays-promo-box-with-hover-text-snippet .one-quarter {
           /* width: 23%;*/
            margin: 0 1% 0;
        }

        .new-brand .content-wrapper .rays-promo-box-with-hover-text {
            height: 350px;
			/*width:380px;*/
        }

        .new-brand .content-wrapper .rays-promo-box-with-hover-text:hover .rays-promo-box-with-hover-text_wrapper {
            height: 350px;
			width:350px;
        }

        .programs-promo_cope .sbu-columns--column.one-third {
            width: 31.333%;
            margin: 0 1%;
            padding: 20px;
        }
    }
    
    @media only screen and (min-width: 1820px) {
        .new-brand .content-wrapper .rays-promo-box-with-hover-text {
            height: 520px;
        }

        .new-brand .content-wrapper .rays-promo-box-with-hover-text:hover .rays-promo-box-with-hover-text_wrapper {
            height: 520px;
        }

    }

    /* Link boxes (on desktop. converts to inline links) */

    .link-boxes-container a:after,
    .fa-arrow-after:after,
    .arrow-after:after {
        content: "\f105";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        z-index: 1;
        font-size: 1em;
        padding: 0 0 0 9px;
    }

    .fa-search,
    .fa-search-before:before {
        content: "\f002";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        z-index: 1;
        font-size: .9em;
        padding: 0 9px 0 0;
    }

    .fa-times,
    .fa-times-before:before {
        content: "\f00d";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        z-index: 1;
        font-size: 1em;
    }

    @media only screen and (min-width: 400px) {
       
        .event-gallery h3 {
            font-size: 2.2em;
        }

        .event-gallery p {
            margin: 1em 0 0;
        }
    }

    /* Search pages */

    .search-default-message {
        font-size: 13px;
        color: #676767;
        display: block;
        padding: 22px 0 18px 8px;

    }
 
    /* Colors */ 

    .darker {
        color: #000;
    }

    .grey {
        color: #444;
    }

    .red {
        color: #900;
    }

    .white {
        color: #fff;
    }

    .red-before-children *:before {
       color: #900 !important;
    }

    .youtube-red,
    .fa-youtube:hover,
    .youtube-red-hover:hover,
    .fa-youtube-square:hover,
    .fa-youtube-play:hover {
        color: #DF1F1C !important;
    }

    .pinterest-red,
    .pinterest-red-hover:hover,
    .fa-pinterest:hover,
    .fa-pinterest-square:hover {
        color: #CB2528 !important;
    }

    .facebook-blue,
    .facebook-blue-hover:hover,
    .fa-facebook:hover,
    .fa-facebook-square:hover {
        color: #3b5998 !important;
    }

    .twitter-blue,
    .twitter-blue-hover:hover,
    .fa-twitter:hover,
    .fa-twitter-square:hover {
        color: #4ec2dc !important;
    }

    .flickr-pink,
    .flickr-pink-hover:hover,
    .fa-flickr:hover,
    .fa-flickr-square:hover {
        color: #f90784 !important;
    }

    .flickr-blue,
    .flickr-blue-hover:hover,
    .fa-flickr.blue:hover,
    .fa-flickr-square.blue:hover {
        color: #0063DC !important;
    }

    .instagram-blue,
    .instagram-blue-hover:hover,
    .fa-instagram:hover,
    .fa-instagram-square:hover {
        color: #427097 !important;
    }

    .linkedin-blue,
    .linkedin-blue-hover:hover,
    .fa-linkedin:hover,
    .fa-linkedin-square:hover {
        color: #007bb6 !important;
    }

    .tumblr-blue,
    .tumblr-blue-hover:hover,
    .fa-tumblr:hover,
    .fa-tumblr-square:hover {
        color: #32506d !important;
    }

    .wordpress-blue,
    .wordpress-blue-hover:hover,
    .fa-wordpress:hover,
    .fa-wordpress-square:hover {
        color: #21759b !important;
    }

    .facebook-blue-bkg {
        background: #3b5998;
    }

    .youtube-red-bkg {
        background: #DF1F1C;
    }

    .pinterest-red-bkg {
        background: #CB2528;
    }

    .twitter-blue-bkg {
        background: #4ec2dc;
    }

    .flickr-pink-bkg {
        background: #f90784;
    }

    .flickr-blue-bkg {
        background: #0063DC;
    }

    .instagram-blue-bkg {
        background: #427097;
    }

    .linkedin-blue-bkg {
        background: #007bb6;
    }

    .tumblr-blue-bkg {
        background: #32506d;
    }

    .wordpress-blue-bkg {
        background: #21759b;
    }

    /* General button style (reset) */
    .sbu-button,
    a.sbu-button {
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 8px 18px 10px;
        font-weight: normal;
        font-size: inherit;
        text-decoration: none;
        cursor: pointer;
        border-radius: 2px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
        box-shadow: 0 0 10px #fff;
        background: #900;
        border: 1px solid #800;
        color: #fff !important;
        margin: 0 10px 5px 0;
        position: relative;
    }
    .sbu-button:hover,
    a.sbu-button:hover {
        background: #a00;
        text-decoration: none !important;
    }
    .sbu-button:active,
    a.sbu-button:active {
        background: #900;
    }

    .sbu-cta {
        border: none;
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        background: none;
        cursor: pointer;
        outline: none;
        position: relative;
        border-radius: 0;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
        text-decoration: none !important;
        -moz-box-sizing: border-box;
        text-transform: uppercase;
        font-weight: inherit;
        box-shadow: 0 0 50px #FFFFFF;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 15px;
        display: inline-block;
    }

    .sbu-cta:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .sbu-cta-1 {
        color: #990000;
        background: url("../img/bkg/transparent-white-85.png") repeat scroll 0 0;
        background: rgba(255,255,255,.8);
        border: 2px solid #990000 !important;
    }

    .sbu-cta-1a:hover,
    .sbu-cta-1a:active,
    .sbu-cta-1a.active,
    .sbu-cta-1a.active:hover {
        color: #FFF;
        background: #990000;
        border: 2px solid #660000 !important;
        text-shadow: 0 1px 0 #000000;
        box-shadow: 0 0 7px #333 inset;
    }

    .sbu-cta-1a:active,
    .sbu-cta-1a.active:hover {
        box-shadow: 0 0 25px #333 inset;
    }

    .sbu-cta-2 {
        background: #990000;
        text-shadow: 0 1px 0 #000000;
        border: 2px solid #660000 !important;
        color: #FFFFFF;
    }

    .sbu-cta-2a:hover,
    .sbu-cta-2a:active,
    .sbu-cta-2a.active {
        color: #FFFFFF;
        background: #AA0000;
        text-shadow: 0 1px 0 #000000;
        box-shadow: 0 0 1px #550000 inset;
    }

    .cta {
        display: inline-block;
        background: #8a0000;
        font-family: 'Trade Gothic W01 Cn 18';
        text-transform: uppercase;
        color: #fff;
        font-size: 1.6em;
        padding: 7px 14px;
        text-decoration: none;
        margin: 0 auto;
        cursor: pointer;
        letter-spacing: .075em;
        text-rendering: optimizeLegibility;
    }

    .cta-outline {
        background: #fff;
        border: 2px solid #900;
        color: #900;
    }

    .arrow-after {
        padding: 7px 10px 7px 13px;
    }

    .cta:hover {
        background: #980606;
    }

    .cta-outline:hover {
        color: #fff;
    }

    .cta.view-gallery,
    .cta.submit-nom {
        width: 170px;
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    /* outline button */

    a.sbu-outline-button,
    .sbu-outline-button--red--transform {
        display: inline-block;
        font-weight: 500;
        text-transform: uppercase;
        color: #fff;
        font-size: 18px;
        padding: 9px 14px;
        text-decoration: none !important;
        margin: 0 auto;
        cursor: pointer;
        letter-spacing: 0;
        text-rendering: optimizeLegibility;
        border-width: 2px;
        border-style: solid;
        text-align: center;
        padding: 10px;
        line-height: 1;
		white-space: nowrap;
    }

    a.sbu-outline-button:hover {
        text-decoration: none !important;
    }

    a.sbu-outline-button--red {
        color: #900 !important;
        border-color: #900 !important;
    }

    a.sbu-outline-button--red:hover {
        color: #fff !important;
        background: #900 !important;
    }

    a.sbu-outline-button--white {
        color: #fff !important;
        border-color: #fff !important;
    }

    a.sbu-outline-button--white:hover {
        background: #900 !important;
    }

    a.sbu-outline-button--on-white {
        background: #fff !important;
    }

    a.sbu-outline-button--on-red,
    a.sbu-outline-button--on-red-hover:hover {
        color: #fff !important;
        background: #900 !important;
    }

    a.sbu-outline-button--on-red:hover {
        background: #a00 !important;
    }

    a.sbu-outline-button.arrow-after {
        padding: 10px 10px 10px 16px;
    }

    a.sbu-outline-button--black {
		color: #10694d !important;
		background:#fff !important;
		border-color: #10694d !important;
    }

    a.sbu-outline-button--black--hover-transparent:hover {
        color: #fff !important;
        border-color: #10694d !important;
        background: #10694d !important;
    }

    a.sbu-outline-button--black--hover-white:hover {
        color: #000 !important;
        border-color: #000 !important;
        background: #fff !important;
    }

    a.sbu-outline-button.float-left {
        float: left;
    }

    a.sbu-outline-button.float-right {
        float: right;
    }

    @media only screen and (max-width: 959px) {
        a.sbu-outline-button.center-on-mobile {
            margin: 0 auto;
            float: none;
            display: block;
        }
    }

    @media only screen and (min-width: 960px) {
        a.sbu-outline-button.center-on-desktop {
            margin: 0 auto;
            float: none;
            display: block;
        }
    }

 /*  a.clickhere{
        text-decoration:underline;
		color:#0c4990;
		font-size:15px;
		font-weight:500
    }
	
	a.clickhere:hover{
		color:#F00;
		text-decoration:none
		}*/

    /* Inside content */

  

    
    @media only screen and (min-width: 960px) {
        .site-carousel.inside-header .carousel-wrapper .item,
        .site-carousel.inside-header .carousel-image {
            height: 300px;
        }

        section.inside-content .wrapper {
            overflow: visible;
        }

        .inside-content .section-title {
            position: relative;
            display: inline-block;
            float: left;
        }

        .inside-content .section-title h2 {
            display: block;
            background: #fff;
            position: relative;
            padding: 6px 14px 0;
            border-radius: 15px 15px 0 0;
            margin: -46px 0 0 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; 
        }

        .inside-content .section-title h2:after {
            height: 7px;
            margin-top: 10px;
        }

        .inside-content .col-2 {
            float: left;
            width: 50%;
            padding: 0 40px 0 0;
        }

        .inside-content .col-two-third {
            display: inline-block;
            float: left;
            width: 67%;
            padding: 0 20px 0 0;
        }

        .inside-content .col-one-third {
            display: inline-block;
            float: left;
            width: 33%;
            padding: 0 0 0 20px;
        }

        .inside-content .section-nav-trigger {
            display: none;
            visibility: hidden;
        }

        .inside-content .section-nav {
            margin: 8px 0 0 0;
            width: auto;
            border: 1px solid #555;
            float: left;
            display: inline-block !important;
        }

        .inside-content .section-nav a {
            float: left;
            padding: 0;
            background: #fff;
            border: 0 none;
            text-transform: uppercase;
            font-size: .85em;
            padding: 5px 12px;
            margin: 5px 0;
            border-right: 1px solid #555;
            display: inline-block;
            width: auto;
        }

        .inside-content .section-nav a:last-child {
            border-right: 0 none;
        }

        .inside-content .section-nav a.selected,
        .inside-content .section-nav a.highlighted,
        .inside-content .section-nav a:hover {
            background: #fff;
        }

        .inside-content .section-nav a:before {
            content: "";
            display: none;
        }

        .inside-content .section-nav a.selected:before {
            content: "";
            display: none;
        }

        .inside-content .section-nav a.selected:after {
            content: "";
            display: none;
        }

        .inside-content h3 {
            margin: 18px 0 15px;
            font-size: 2.8em;
        }

        .inside-content h4 {
            padding: 6px 0 0;
            font-size: 1.8em;
            margin: 0 0 16px;
            line-height: 1.3em;
        }

        .inside-content h5 {
            font-size: 1.3em;
            margin: 0 0 16px;
            padding: 6px 0 0;
            float: none;
        }

        .inside-content.majors-minors .content {
            font-size: 1em;
            line-height: 1.5em;
        }

    }

    /* List item styles, from Newsroom */

    .quote {
        border: 1px solid #ddd;
        border-radius: 4px;
        display: inline-block;
        padding: 0 6px 1px;
        margin: 0 2px;
        background-color: #fff;
    }
    /* Promo Sections */

    .sb-matters-promo {
        text-align: center;
    }

    .sb-matters-promo p {
        font-family:'CenturySchoolbookW01-It 927458';
        font-weight: 400;
        font-size: 1.3em;
        width: 80%;
        margin: 30px 10% 20px;
        text-align: center;
        color: #eee;
    }

/* Container elements */

.container {
    width: 100%;
}

.wrapper {
    width: 90%;
    overflow: hidden;
    margin: 0 5%;
}

.no-pad-wrapper {
    width: 100%;
    position: relative;
}

.header-container,
.footer-container {

}

.footer-container {
    
}

/* Conditional Display */

.mobile {
    display: block !important;
    visibility: visible !important;
}

.tablet {
    display: none !important;
    visibility: hidden !important;
}

.desktop {
    display: none !important;
    visibility: hidden !important;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 340px) {

}

@media only screen and (min-width: 768px) {

    .tablet {
        display: block !important;
        visibility: visible !important;
    }
    .no-tablet {
        display: none !important;
        visibility: hidden !important;
    }
}

@media only screen and (min-width: 960px) {
       .margin-top {
        margin-top: 0px;
		padding-bottom: 15px !important;
    }
    .margin-bottom,
    .section-border-bottom .margin-bottom {
        margin-bottom: 40px;
    }
    .whole,
    .one-half,
    .one-third, .two-third,
    .one-quarter, .three-quarter,
    .one-fifth,
    .one-sixth {
        display: inline-block;
        float: left;
        padding: 15px;
    }

    .one-half {
        width: 50%;
    }

    .one-quarter {
        width: 25%;
    }

    .three-quarter {
        width: 75%;
    }

    .one-third {
        width: 33.333%;
    }

    .two-third {
        width: 66.667%;
    }

    .one-fifth {
        width: 20%;
    }

    .one-sixth {
        width: 16.66%;
    }

    .sbu-columns {
        padding-left: 0;
        padding-right: 0;
    }

    .sbu-columns--column.two-third,
    .sbu-columns--column.two-third,
    .sbu-columns--column.three-quarter,
    .sbu-columns--column.one-half + .one-half,
    .sbu-columns--column.three-quarter + .one-quarter {
        padding-left: 35px;
    }

    .sbu-columns--column.left-col-content {
        padding-left: 0;
    }

    .sbu-columns--column.right-border-section {
        border-right: 1px solid #900;
        padding-right: 35px
    }

    .sbu-columns--column:last-child {
        padding-right: 0
    }

    .sbu-columns--column {
        padding-right: 25px
    }

    .sbu-columns--column + .sbu-columns--column {
        padding-left: 25px
    }
	
    .event-gallery {
        padding-bottom: 8em;
    }

    .event-gallery h3 {
        font-size: 2.4em;
        margin: 0 0 1em;
    }

    .event-gallery p {
        margin: 1.2em 0 0;
    }
}

@media only screen and (min-width: 1024px) {

    .mobile {
        display: none !important;
        visibility: hidden !important;
    }
    .no-tablet {
        display: block !important;
        visibility: visible !important;
    }
    .desktop {
        display: block !important;
        visibility: visible !important;
    }
 
}


@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
    Background image width 1440 or 1800 if fits OK
   =============== */

    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }

}

@media only screen and (min-width: 1160px) {
    .no-pad-wrapper {
        margin: 0 auto;
        max-width: 1160px;
    }


.wrapper {
    width: 1160px;
    margin: 0 auto;
}
}

@media only screen and (min-width: 1200px) {
    .quick-nav a.persistent-flag,
    .quick-nav a.persistent-flag:hover {
        display: block;
    }

    .event-gallery h3 {
        font-size: 2.8em;
        margin: 0 0 1.2em;
    }
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.hide-accessible {
   position: absolute !important;
   top: -99999px !important;
   left: -99999px !important;
   width: 2000px;
   height: 2000px;
}

@media only screen and (max-width: 960px) {
    .hide-accessible-mobile-960 {
        position: absolute !important;
        top: -99999px !important;
        left: -99999px !important;
        width: 2000px;
        height: 2000px;
    }
    .hidden-mobile {
        display: none !important;
    }
}

@media only screen and (max-width: 1023px) {
    .hide-accessible-mobile {
        position: absolute !important;
        top: -99999px !important;
        left: -99999px !important;
        width: 2000px;
        height: 2000px;
    }
}

@media only screen and (max-width: 540px) {
    .hide-accessible-540 {
        position: absolute !important;
        top: -99999px !important;
        left: -99999px !important;
        width: 2000px;
        height: 2000px;
    }
}

@media only screen and (min-width: 770px) {
    .hide-accessible-770,
    .hide-accessible-tablesaw {
        position: absolute !important;
        top: -99999px !important;
        left: -99999px !important;
        width: 2000px;
        height: 2000px;
    }
}

@media only screen and (max-width: 769px) {
    .hide-accessible-mobile-770,
    .hide-accessible-mobile-tablesaw {
        position: absolute !important;
        top: -99999px !important;
        left: -99999px !important;
        width: 2000px;
        height: 2000px;
    }
}

@media only screen and (min-width: 1024px) {
    .hide-accessible-desktop {
        position: absolute !important;
        top: -99999px !important;
        left: -99999px !important;
        width: 2000px;
        height: 2000px;
    }
    .hidden-desktop {
        display: none !important;
    }
}

@media only screen and (min-width: 1160px) {
    .hide-accessible-1160 {
        position: absolute !important;
        top: -99999px !important;
        left: -99999px !important;
        width: 2000px;
        height: 2000px;
    }
}

@media only screen and (min-width: 1240px) {
    .hide-accessible-1240 {
        position: absolute !important;
        top: -99999px !important;
        left: -99999px !important;
        width: 2000px;
        height: 2000px;
    }
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.partial-print-trigger {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.partial-print-trigger:hover {
    color: #900;
}
.home-slide
{
	margin-top:88px;
}
#kode-parallax-wrapper-2 {
    position: relative;
	background-color:#f8f8f8; 
	padding:5% 0%;
	z-index: 1;
}
#kode-parallax-wrapper-2 > .container-fluid {
    position: relative;
    z-index: 99999;
}
.container {
    width: 1170px;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


.row {
    margin-right: -15px;
    margin-left: -15px;
}
.md-3{
	width:25%;
}
.md-3{
	float: left;
}
.md-3{
	    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.md-4{
	width:33.33333333%;
}
.md-4{
	float: left;
}
.md-4{
	    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.md-6{
	width:50%;
}
.md-6{
	float: left;
}
.md-6{
	    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.md-12{
	width:100%;
}
.md-12{
	float: left;
}
.md-12{
	    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
h2{
	text-align:center;
	font-size:38px !important;
}
.mb-30 .kf_intro_des{
	margin-bottom:30px;
}
.kf_intro_des_caption {
    float: left;
    width: 100%;
    text-align: center;
	margin-bottom: 20px;
}
.kf_intro_des_caption {
	/*padding:0px 0px;*/
}
.kf_intro_des_caption .vels-intro
{
		transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.kf_intro_des_caption .vels-intro {
    display: inline-block;
    width: 100px;
    height: 100px;
	padding:5px;
    border-radius: 100%;
    font-size: 32px;
    background-color: #fff;
    color: #666666;
    margin: 0 0 5px 0;
    border: solid 1px #ddd;
}
.kf_intro_des_caption .vels-intro{
	/*height:auto !important;*/
}
.kf_intro_des_caption{
	text-align:center;
}
.kf_intro_des_caption .vels-intro i {
	line-height:83px;
}
.kf_intro_des_caption h6 {
    font-weight: normal;
    margin-bottom: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.kf_intro_des_caption h6.title-white
{
	margin-bottom:5px;
	text-align:center
}
.kf_intro_des_caption h6 {
	/*margin-bottom:5px !important;*/
	line-height:25px !important;
}
.mb-26{
	margin:0 0 0px 0 !important;
	text-align:center
}
.text-preline{
	white-space: nowrap;
color: #0C4990;
font-size: 15px;
}

.kf_intro_des_caption strong{
	/*white-space:nowrap;*/
	text-align:center;
	letter-spacing:0px !important;
}
.kf_intro_des_caption h6 {
    font-weight: 600;
}
.kf_intro_des_caption h6
{
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.caption-pd0{
	padding:0px 0px 0px 0px;
}
.pt-4{
	padding-top:4%;
}
body h6 {
    letter-spacing: 0.2px;
}
body h6 {
    font-weight: 400;
}
body h6 {
    line-height: 28px;
}
body h6 {
    font-size: 16px;
}
body h6 {
}

body h1, body h3,body h4, body h5, body h6 {

    line-height: 1.2;
	font-weight:500;
    
}
body h3,body h4{
	color:#333
	}

.kf_intro_des_caption p {
    margin: 0 0 19px 0;
}
.kf_intro_des_caption p{
	text-transform: none !important;
	letter-spacing: 0.2px;
	font-weight: 300;
	line-height: 25px;
	font-size: 16px;
	font-family: Source Sans Pro;
	color: #333;
	text-align: inherit;
}
.kf_intro_des_caption a{
	display: inline-block;
font-weight: bold;
text-transform: capitalize;
font-size: 14px;
text-decoration: none;
}
.kf_intro_des_caption a:hover {
    color: #1e4c77 !important;
    text-decoration: none;
    border: 1px solid #707070;
    background: #fff;
}
.kf-intro-view-all{
	background: transparent none repeat scroll 0 0;
    border: 1px solid;
    border-radius: 0;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 34px;
    line-height: normal;
    text-transform: uppercase;
}
.edu2_cur_wrap {
    float: left;
    width: 100%;
    border: 1px solid #e2e2e2;
    margin-bottom: 30px;/**/
}
figure {
    float: left;
    width: 100%;
    position: relative;
}
 /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb051 .i {position:absolute;cursor:pointer;}
        .jssorb051 .i .b {fill:#fff;fill-opacity:0.5;}
        .jssorb051 .i:hover .b {fill-opacity:.7;}
        .jssorb051 .iav .b {fill-opacity: 1;}
        .jssorb051 .i.idn {opacity:.3;}

        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}
	/*End jssor slider loading skin spin css */	
	
.edu2_cur_wrap > figure figcaption{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
    text-align: center;
    margin-top: -14px;
}
.edu2_cur_wrap > figure figcaption a {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: capitalize;
    border: 1px solid #fff;
    display: inline-block;
    padding: 10px 20px 10px;
    opacity: 0;
    line-height: normal;
}
.fig-head{
	width:100%;
	border:2px solid #6FC;
}
.edu2_cur_des , .edu2_cur_des_ft{
    padding: 30px;
}
.edu2_cur_des {
    float: left;
    width: 100%;
    position: relative;
}
.edu2_cur_des > span {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 3px 4px -1px rgba(206, 190, 190, 1);
    color: #333;
    font-size: 24px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: -35px;
    width: 97%;
}
.edu2_cur_des_ft {
    float: left;
    width: 100%;
    padding: 15px;
    background-color: #f8f8f8;
    border-top: 1px solid #e2e2e2;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}
.page{
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.quote-block{
	background: #fff;
	border-right: 50px solid transparent;
	border-bottom: 40px solid #008290;
	display: inline-block;
	padding: 15px;
	
	}



		
		
@media screen and (min-width:768px) and (max-width:990px){
	.quote-block{margin-bottom: 20px;}
	

	}

@media screen and (min-width:1200px)
{
	.page{
		font-size:1em;
		width:1170px;
	}
}

.event-date{
	border: 5px solid #D6D6CE;
	    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: #fff;
    width: 90px;
    height: 90px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin: 0 auto;
	
}
.event-date  b{
	    float: none !important;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    float: left;
    width: 100%;
    line-height: 1.22222222em;
    color: #565656;
	font-size:16px;
}

.time{
	    display: block;
    font-size: 1.2em;
	line-height:1.8;
}

 .pitch a{
text-align: right;
background: #fff;
font-size: 18px;
display: inline-block;
padding: 13px 20px;
letter-spacing: 0.8px;
color: #5b210b !important;
border: 1px solid;
}
.pitch a:hover {
    color: #fff !important;
    background:#774a19;
    opacity: 1;
    text-decoration: navajowhite;
    border: 1px solid;
}
.slick-slide img{
	border:none !important;
}

.wpb_wrapper h1{
	margin:0 0 30px 0;
}
p span{
	font-size:;
}
.edu2_counter_des {
    float: left;
    width: 100%;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: rgba(255, 255, 255, 0.31);
    text-align: center;
    padding: 30px 0;
}
.edu2_counter_des span {
    font-size: 55px;
    color: #fff;
    line-height: normal;
    display: block;
    margin: -8px -1px 0;
}
/*p i{
	color:#fff;
	font-size:6em !important;
}*/
.counter {
  font-size: 3em;
color: #fff;
text-align: center;
}

.count-text h5{font-size: 3em;
font-weight: 500;
color: #fff;
margin-bottom: -4px;
text-align: center;
margin-top: 10px;}


.col-3 h5{
	color:#fff;
	line-height:6;
	font-size:18px;
	text-align:center;
	letter-spacing:2px;
}

#content {
    position: relative;
    overflow: hidden;
    background-color: #FFF;
}
.content-wrap {
    position: relative;
    padding: 80px 0;
        padding-top: 80px;
        padding-bottom: 80px;
}
#content .container {
    position: relative;
}
.pt50 {
    padding-top: 50px !important;
}
.test-image{
	float:left;
	}
	.test-image img{
		width:50% !important;
	}
	.testi-content {
    position: relative;
    overflow: hidden;
	padding:10px;
}
.testi-meta {
    color: #428fc9 !important;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
#content p {
    line-height: 1.5;
}
.testi-content p {
    font-size: 15px;
    font-style: italic;
}
.testimonal li{
	float:left;
	padding:10px;
}
.testimonal li {
border-right: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
float: left;
position: relative;
text-align: left;
width: 100%;

}

.container-940 {
    margin: 0 auto !important;
    width: 940px !important;
}
.sitemap-links-section a{
	font-size:1em;
}
.sitemap-links-section ul li a {
    color: #bfbdbd;
    line-height: 15px;
    font-size: 1em;
    cursor: pointer;
    padding: 7px 0;
    display: inline-block;
}
.social-connect-container {
    border: 2px solid #474747;
        border-top-width: 2px;
        border-right-width: 2px;
        border-bottom-width: 2px;
        border-left-width: 2px;
    border-width: 2px 0;
}
.footer-logo {
   /* padding: 20px 0 0 10px;*/
   padding:1%;
    float: left;
}
.social-connect-text {
    color: #bfbdbd !important;
}
.social-connect-text {
    font-size: 1em;
    color: #fff;
    width: 120px;
    padding: 32px 30px 0;
    font-weight: bold;
    cursor: default;
}

 .copyright-section .footer-bottom-left-links {
    padding: 24px 0 32px 0;
    color: #fff;
    text-align: left;
}
.pull-left {
    float: left !important;
}
.copyright-section .footer-bottom-left-links {
    padding: 24px 0 32px 0;
    color: #fff;
    text-align: left;
}
.pull-left {
    float: left !important;
	font-size:12px;
}
.copyright-text {
    text-align: right;
    font-size: 12px;
    color: #fff;
    padding: 24px 0 32px 41px;
    -ms-filter: "alpha(opacity=60)";
}
.pull-right {
    float: right !important;
}
.copyright-text a{
	color:#FFF !important;
}

.more-nav-v3-col strong{
		color:#fff !important;
	}
	.more-nav-v3-col ul li a{
		color: #D6D6D6 !important;
	}
.footer-txt{
	color:#fff;
	font-size:12px !important;
}
.footer-txt a{
	color:#fff;
	font-size:12px !important;
}
.sbu-footer .univ-logo-stacked img{
	width:100% !important;
}
.footer-bar span{
	border:0px !important;
}
.footer-bar span a{
	border:0px !important;
	background:none;
	font-size:1.02em;
}
.sbu-footer .social-footer-wrapper a:hover{
	color:#000 !important;
}
.jumpAwayLink{
	padding-right:3% !important;
}
.jumpAwayLink a{
	color:#900 !important;
	font-size:14px !important;
}
.jumpAwayLink i{
	color:#900 !important;
	font-size:14px !important;
}
@media screen and (max-width:1024px)
{
	.home-slide{
		margin-top:0px;
	}
	
	.about-new-pad{
		padding-left:1px !important;
		padding-right:1px !important;
	}

}
@media only screen and (max-width:400px)
{
	.sitemap-links-section{
		float:none !important;
		width:25% !important;
	}
	.inside-content .content{
		margin:0px !important;
	}

}
@media screen and (max-width:767px)
{
	.vels-st-img{
		display:none !important;
	}
}



/*Testimonial */
.testimonial{ background:#fff; padding: 3% 0;}
.testemonial-wrap{
	border: 1px solid #e1e1e1;
	float: left;
	padding: 20px;
	position: relative;
	text-align: left;
	width: 100%;
	margin-bottom: 20px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);

	}
	
.testemonial-wrap > figure {
    width: 122px;
    left: 0px;
    float: left;
    position: relative;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3) -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3) -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
}	
.testemonial-wrap > figure img {
    width: 100%;
	height:auto;
	margin: 0 auto;
}

.testemonial-wrap .testmonial-text {
    padding-left: 138px;
}

.testemonial-wrap a {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    color: #333;
}
.slick-dots{
	display:none !important;
}

@media screen and (max-width:1199px){
	.testemonial-wrap > figure{	float: left;
width: 100%;
height: auto;
position: static;}
.testimonial .container{ width:100%}
.testemonial-wrap .testmonial-text {
    padding: 20px 0px 0px 0px;
    float: left;
    width: 100%;
}
.testemonial-wrap .testmonial-text p{font-size: 16px;}


	}
@media screen  and (max-width:1159px){
	.mob-news-events{
		display:block !important;
	}
}
	
a,article,aside,b,body,dd,div,dt,input,li,ol,option,p,section,select,span,strong,ul,table,figcaption,h1,h2,h3,h4,h5,h6 {
			font-family:Arial,Helvetica,sans-serif !important;

}
/* .pg-img{background-image:url(../images/aboutfull.jpg); background-color:none; margin-top:88px} 		 */

.about-page-img{
	background-image:url(../images/about-temp-slider-bkgnd-1.jpg);
}
.about-text p{
	margin-top:15px;

}
.about-image img {
	margin-top:15px;
	
}


.side-nav li{
	/*width: 365px;*/
	text-align:justify;
    z-index: 1;
    top: 30px;
    left: 10px;
	border:1px solid #c6c6c6;
    overflow-x: hidden;
	text-align:justify;
	float:none;
	color:#666;
	margin-bottom:10px;
	font-size:15px;
}
.side-nav li a{
	display: block;
padding: 10px;
font-size: 15px;
letter-spacing: 0.5px;
}
.side-nav li a:hover{
	text-decoration:none;
	color:#fff;
}
.side-nav li:hover a{
	color:#fff;
}
.side-nav li:hover {
	text-decoration:none;
	background-color:#29529A;
	color:#fff;
}
.module {
    position: relative;
    margin-top: 30px;
}

.rays-promo-box-with-hover-text_text > p{
	line-height:22px !important;
	color:#333 !important;
	text-overflow: ellipsis;
	max-height:120px;
	display:inline-block;
	
}
h1{
	font-size:36px !important;
	letter-spacing:2px !important;
}
.why-vels{
	margin-bottom:20px;
}
.promo-section-inside .content{
	font-size:18px;
}
.inside-content .content{
	margin:0px 5px 0px;
}
 .fl{
	 float:left !important;
 }
 .fr{
	 float:right !important;
 }
.fr-pad-abt{
	width:50%;
	padding-left:20px;
}

.sub-menu{ display:none !important}
.or{
	text-align:center;
}

.vels-st-img{ margin-bottom:20px;border: 4px solid #ddd}

@media only screen and (max-width:767px)
{
	.fr{
		float:none !important;
	}
	.fl{
		float:none !important;
	}
	.fr-pad-abt{
		padding-left:0px !important;
		padding-top:15px;
		padding-bottom:10px;
		width:auto;
	}
.cs-pad{
	padding-left:10px;
}
	.fl-pad-deptcs{
		padding-right:0px;
		padding-top:15px;
		padding-bottom:10px;
		width:auto;
	}
	.dept-cs-img-pad{
	padding-left:0px !important;
}


}
@media only screen and (min-width:800px){
	 .fr{
	 float:right !important;
 }
}
@media only screen and (min-width:768px)
{
	.side-nav li{
			font-size:14px;	
	}
	#sub-nav-mob{ display:block !important;}
	
	
}

@media only screen and (max-width:767px)
{
	.sub-menu{
	display:block !important;
	}
	#sub-nav-mob{ display:none ;}
	
	
	
}
@media only screen and (max-width:767px) 
{
	.page-title{
		font-size:30px;
	}
	.side-mob{
			/*background: #f3f3f1 !important;*/
			/*border-bottom: 1px solid #bac5c6 !important;
			border-top: 1px solid #bac5c6 !important;*/
			display: none;
			margin-bottom: 2.5em !important;
			/*margin-left: -2.5em !important;*/
			padding: 10px 0px !important;
			position: relative !important;
			/*width: calc(100% + 5em) !important;*/
	}
	.side-mob li{
		/*border:none !important;*/
		top:0 !important;
		left:0 !important;
		padding:0 !important;
	}
	.side-mob li .fa-arrow-right::before{
		content: "";
	}
	

}

.mp-menu h1, .mp-menu h2{
	font-size:1.7em !important;
}      
	   
.rays-promo-box-with-hover-text-snippet .one-quarter{
		  width:350px;
		  height:350px;
}
	  
.dept-cs-img-pad{
	padding-left:20px;
	margin-bottom:20px;
}

.responsive{
	background:none;
}


.course-name{
	color:#0C4990;
	margin-bottom:10px;
	margin-top:10px;
}
.course-name a{
	color:#0c4990;
}
 
.sub-menu a{
	font-size: 30px;
	color: #2fabff;
	font-weight: 900;
	border: 1px solid #2fabff;
	padding: 5px 10px;
	outline: 0;
}
.sub-menu {
	margin-bottom:20px !important;
}
 @-webkit-keyframes glow {
        from { text-shadow: 0 0 0px #900; }
        to { text-shadow: 0 0 20px #900; }
    }

.footer-w76{
	margin:0 auto;
	overflow:hidden;
}
.footer-text{
	margin:0 auto;
}
 .wrapper{width: 100%;
            overflow: hidden;
            margin:0 auto;}
 .academics-block{ margin-bottom:15px}
  .portfolio-link {position: relative;display: block;margin: 0 auto;cursor: pointer;}
	.portfolio-hover {
			position: absolute;
			width: 100%;
			-webkit-transition: all ease .1s;
			-moz-transition: all ease .1s;
			transition: all ease .1s;
			background-image:url(../images/red-rays-full.jpg);
			background-size: 100%;
			background-position: top center;
			display:block;
			color: #fff;
			padding:0 20px;
			text-align: center;
			font-size: 18px;
			font-weight: 400;
			line-height:1;
			overflow:hidden;
			margin:0;
			height:75px;
		}
        .portfolio-link:hover .portfolio-hover{
            height: 100%;
        }

		 h3.rays-promo-box-with-hover-text_title span{
            display:table-cell;
            text-align: center;
            vertical-align: middle;
			font-size: 20px;
			font-weight: 500;
			letter-spacing: 0.5px;
        }
		 .rays-promo-box-with-hover-text_text {
            margin:10px 6%;
            text-align: justify;
            line-height: 22px;
            padding: 7px 10px;
            background: #fff;
            border: 3px solid #f4c74b;
            color: #444;
            box-sizing: border-box;
            float: left;
        }
		
		 .content .portfolio-hover{
            font-size:18px;
        }
		  a.sbu-outline-button.arrow-after{
            font-size:13px;
        }
        .tc{
            text-align:center;
        }
		.white-background{
			color:#ffffff;
		}
	.filterable_thumb {
	float: left;
	/*width: 100%;*/
	position: relative;
	border: 1px solid #d6d6d6;
	background:#fff;
	padding:10px;
	/* border: 1px solid #d6d6d6;
	padding: 10px;*/
	margin-bottom: 30px;
	transition:.2s all;
	}
	.filterable_thumb figure .fig-cap-text {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -14px;
	text-align: center;
	opacity: 0;
	}
	.filterable_thumb:hover figure .fig-cap-text{
	opacity:1;
	}
	.filterable_thumb:hover figure img{
	
	}
	.filterable_thumb figure::before{
	background-color:#0c4990;
	}
	.filterable_thumb:hover figure::before {
	opacity: 0.7;
	}
	.filterable_thumb figure::before {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	content: "";
	opacity: 0;
	}
	.infra-title
	{
	text-align:center;
	color:#fff;
	font-size:22px;
	
	}
	.infra-title i{
	border:1px solid #fff;
	border-radius:100%;
	background-color:#C60;
	text-align:center;
	padding:10px;
	width:50px;
	height:50px;
	line-height:28px;
	}
	.r1, .r1 * {
	box-sizing: border-box;
	margin: 0 !important;	
	}
	.r1 {
	display: inline-block;
	font-size: 0;
	width: 100%;
	/*border: 20px solid transparent;
	border-bottom: none;
	background: #fff;
	padding: 10px;
	height: auto;
	background-clip: padding-box;*/
	}
	
	@font-face{
		font-family:lc_lightbox;
		src:url(../fonts/lc_lightbox.eot);
		src:url(fonts/lc_lightbox.eot) format('embedded-opentype'),url(../fonts/lc_lightbox.woff) format('woff'),
		url(../fonts/lc_lightbox.ttf) format('truetype'),url(../fonts/lc_lightbox.svg) format('svg');
		font-weight:400;
		font-style:normal
	}

	.sgf{
		vertical-align:middle;
	}
	.main-nav-container {
		-webkit-font-smoothing: subpixel-antialiased;
		z-index: 1;
	}
	
	nav.primary-nav {
		background: #fff;
		background-image: url(../images/light-gray.png);
		background-position: center;
		background-size: cover;
	}

	.sbu-nav-bar {
		width: 100%;
		background: #0C4990;
		z-index: 3;
	}

	.sbu-nav-bar .logo {
		display: block;
		float: left;
		width: 245px;
		padding: 10px 0px 10px 10px;
	}
	
	.mp-menu .search-container {
		display: block;
	}
	
	.search-container label.hide-accessible {
		color: #000;
		background: #fff;
	}
	
	.mp-menu .search-container input[type="text"],
	.mp-menu .search-container input[type="text"] {
		background: #fff;
		background: rgba(255, 255, 255, 1);
		border: 0 none;
		color: #333;
		padding: 0 10px 0 36px;
		margin: 0;
		border-radius: 0;
		width: 80%;
		height: 48px;
		font-size: 18px;
		font-family: "Effra W01", Helvetica, sans-serif;
		font-weight: 400;
	}
	.mp-menu .search-container input[type="text"]:focus,
	.mp-menu .search-container input[type="text"].focus {
		background: #fff;
		background: rgba(255, 255, 255, 1);
	}
	
	::-webkit-input-placeholder {
		font-weight: normal;
		color: #333;
		font-size: 18px;
		font-family: "Effra W01", Helvetica, sans-serif;
		font-weight: 400;
		padding: 0 10px 0 0;
	}
	
	.search-container button[type="submit"] {
		width: 20%;
		margin: 0;
		padding: 0;
		border: 0 none;
		background: rgba(0,0,0,0.1);
		height: 48px;
	}
	
	.search-container button[type="submit"] .fa {
		margin: 0;
		padding: 0;
	}
	
	.search-container button[type="submit"]:hover,
	.search-container button[type="submit"]:focus {
		background: rgba(0,0,0,0.2);
	}
	
	.inmenu--search_desktop-close {
		display: none;
	}
	
	li.inmenu--cta {
		width: 100%;
		clear: both;
	}
	
	.mp-menu ul li.inmenu--cta a {
		width: 100%;
		float: left;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		border-right: 2px solid rgba(0,0,0,0.1);
	}
	
	.mp-menu ul li.inmenu--cta--half {
		width: 50%;
		float: left;
		border-right: 2px solid rgba(0,0,0,0.1);
	}
	
	.mp-menu ul li.inmenu--audiences > a {
		padding: 0.7em 1.5em 0.7em 0.9em;
		text-align: center;
	}
	
	.inmenu--logins-link .fa {
		margin: 0 7px 0 0;
		font-size: .9em;
	}
	
	.primary-nav_logobar,
	.inmenu-homeicon,
	.inmenu--primary-nav--image {
		display: none;
	}
	
	.primary-nav .campaign-badge {
		display: none;
	}
 @media only screen and (max-width:800px), (any-hover:none){
            .new-brand .portfolio-link .portfolio-hover, .new-brand  .portfolio-link:hover .portfolio-hover{
            height: 100% !important;
             opacity: .9;
        }
        
        
        }
 @media only screen and (max-width:480px){
         .rays-promo-box-with-hover-text_text {
            margin:0;
            padding:5px;
        }
        a.sbu-outline-button.arrow-after {
      		  padding:10px 5px 10px 5px;
        }
		.portfolio-hover {
			padding:0 14px;
		}
		
            
 }
 @media (min-width:768px) {
            
          	.side-nav{
				display:block !important;
			}
			.leader-quote{
				display:block;
				
			}
			.l-w100{
				width:100% !important;
			}
			
				
 }
 @media (max-width:767px) {
			.leader-quote{
				display:none;
			}
			.container .leader-width{
				width:100% !important;
			}
			.lead-br{
				border:5px solid #fc0;
				overflow:hidden;
				border-top-width:1px;
				border-bottom:0;
			}
			.container .leaders-bdr{
				border:0;
			}
			.container .leader-list{
				width:100%;
				clear:both;
				height:auto;
			}
		    .container .leader-list	.odd-name-right{
				float: right;
				height: 107px;
				overflow: hidden;
				padding: 40px 0 0 0;
				/*text-align: left !important;*/
				width: 55%;
				border-left: none;
			}
			.container .leader-list	.odd-name-right{
				border:0;
			}
			.container .leader-list	.even-name-left{
				float: left;
				height: 107px;
				overflow: hidden;
				padding: 40px 0 0 0;
				/*text-align: right !important;*/
				width: 55%;
				border-left: none;
			}
			.container .leader-list	.even-name-left{
				border:0;
			}
			.container .leader-list	.container-right{
				width: 125px;
				height: 107px;
				float: right;
				overflow: hidden;
			}
			.container .leader-list	.container-left{
				width: 125px;
				height: 107px;
				float: left;
				overflow: hidden;
			}
			.container .leaders-bdr ul li{
				border-top: 1px solid #ccc;
			}
			.container ul li:first-child{
				border-top:0;
			}
			.leaders-bdr ul{
				overflow: hidden;
				height: 325px;
				padding: 0;
				background: #fff;
			}
			.chequered-list-container{
				padding:5px !important;
			}
			.l-w100{
				width:100%;
				padding:5px !important;
			}
			
			.even-name-left p{
				text-align:right !important;
			}
			 .odd-name-right p{
				text-align:left !important;
			}
			.mob-leader-btn{
			width: 100%;
			text-align: center;
			
			}
			.caption-m15{
					margin-top:20px;
			}
			.vels-color{
				margin-top:20px;
			}

 }
 @media (min-width:768px) and (max-width:959px) {
			 .quote-text{
				 padding:0 !important;
				 line-height:28px !important;
			 }
			  .leader-list{
				 float:none !important;
				 width:100% !important;
			 }
			 .container .leader-list	.container-right{
				width: 125px;
				height: 107px;
				float: right;
				overflow: hidden;
			}
			.container .leader-list	.container-left{
				width: 125px;
				height: 107px;
				float: left;
				overflow: hidden;
			}
			.leaders-bdr ul{
				overflow: hidden;
				height: 325px;
				padding: 0;
				background: #fff;
			}
			.container .leader-list{
				width:100%;
				clear:both;
				height:auto;
			}
				.vels-color{
				margin-top:20px;
			}
 }
 @media (min-width:960px) and (max-width:1024px){
			  .quote-text{
				
				 line-height:28px !important;
			 }
			 .leader-position {
			    font-size: 12px !important;
				margin-top: 5px;
			    overflow: hidden;
			    width: 100%;
			    white-space: pre-wrap !important;
			    text-overflow: ellipsis;
			 }
			 .leaders-title {
			    padding: 40px 0 0 13px;
			    float: right;
			    width: 50% !important;
			    height: 107px;
			    border: 1px solid #eee;
			 }
				.even-name-left p{
				text-align:left;
			}
			 .odd-name-right p{
				text-align:left;
			}
				.vels-color{
				margin-top:20px;
			}
 }
	
 @media only screen and (min-width:1024px) and (max-width:1199px){
		.rays-promo-box-with-hover-text_text{
               margin: 0px -7px !important;
                
            }
 }
 @media only screen and (min-width:900px) and (max-width:991px){
		.mb
		{
			margin-top:3em;
		}
 }
 @media only screen and (min-width:960px) and (max-width:991px){
			.academic-for-1500{
				width:33.33% !important;
			}
			.sbu-columns div.academic-for-1500:nth-child(4){
				display:none;
			}
			.rays-promo-box-with-hover-text_text {
			    margin: 0px -16px;
			}
			.mb
			{
				margin-top:-15px;
			}
 }
 @media only screen and (min-width:992px) and (max-width:1023px){
		.academic-for-1500{
                width:33.33% !important;
            }
			.sbu-columns div.academic-for-1500:nth-child(4){
				display:none;
			}
			 .rays-promo-box-with-hover-text_text{
                margin:0px -10px;
                
            }
			.mb
			{
				margin-top:0em;
			}
 }
 @media only screen and (min-width:1300px) and (max-width:1499px){
		 .academic-for-1500{
                width:25% !important;
            }
			.sbu-columns div.academic-for-1500:nth-child(4){
				display:block;
			}
			.rays-promo-box-with-hover-text_text {
			    margin: 0px -16px;
				padding:3px 10px;
			}
			h3.rays-promo-box-with-hover-text_title{
				font-size:1.2em;
			}

 }
 @media only screen and (min-width:1024px) and (max-width:1299px){
            
            .rays-promo-box-with-hover-text_text{
                margin:30px 6%;
                
            }
			 .academic-for-1500{
                width:33.33% !important;
            }
			.sbu-columns div.academic-for-1500:nth-child(4){
				display:none;
			}
				
 }
 @media only screen and (min-width:1500px){
            .academic-for-1500{
                width:25% !important;
            }
			.rays-promo-box-with-hover-text_text > p{
				margin-bottom:25%;
			}
			
 }
 @media only screen and (min-width:400px) and (max-width:479px){
			.academic-for-1500{
					width:95%;
					margin-left:auto;
					margin-right:auto;
					padding-left:9px;
					padding-right:9px;
			}
 }
 @media only screen and (min-width:480px) and (max-width:639px){
            .academic-for-1500{
                width:80%;
                margin-left:auto;
                margin-right:auto;
            }
            
 }
 @media only screen and (min-width:640px) and (max-width:767px){
            .academic-for-1500{
                width:65%;
                margin-left:auto;
                margin-right:auto;
            }
 }
		 

 @media (min-width:320px) and (max-width:480px){
		
			.rays-promo-box-with-hover-text_text > p{
				max-height:100px;
			}
			.mb{
				margin-top:-8px;
			}
			
				
 }
	.lab-head{
		color:#0c4990;
		text-align:left;
	}
	#image-gallery{
		list-style: none outside none;
		padding-left: 0;
		margin: 0;
	}
	.bg-for-leadership{
		background:#008290;
		
		opacity:1;
		margin:0;
	}
	.lead-title{
		text-align:center;
		color:#fff;
		padding:40px;
	}
	.chequered-list-container{
		padding:20px 0 40px;
	}
	.lead-br{
		border-right:8px solid #ad7c25;
		overflow:hidden;
		padding:0 !important;
		
	}
	
	.leader-quote{
		background-color:#ad7c25;
		padding:30px 44px 82px !important;
		width:40% !important;
		height:325px;
	}
	.quote-text{
		padding: 20px 0 0 40px;
		line-height: 2.5em;
		font-style: italic;
		color: #444;
		font-size: 20px !important;
		letter-spacing: 1.8px;
	}
	.quote-name, .quote-designation{
		padding-right:30px;
		line-height:15px;
		font-weight:600;
		margin-top:20px;
		text-align:right;
		color:#fff;
	}
	
	.quote-designation{
		margin-top:5px;
		font-size:12px !important;
	}
	.leaders-bdr{
		border:2px solid #FFF;
		width:60% !important;
		padding:0 !important;
		height:325px;
	}
	.leader-list{
		overflow: hidden;
		float: left;
		width: 50%;
		display: block;
		height: 107px;
		background: #f5f5f5;
	}
	
	.leaders-bdr ul{
		list-style-type:none;
	}
	.leader-list img{
		width:125px;
	}
	.leader-name, .leader-position{
		color:#555;
		line-height:13px;
		font-weight:bold;
	}
	.leader-position{
		font-size:12px !important;
		margin-top:5px;
		overflow:hidden;
		width:100%;
		/*white-space:nowrap;*/
		text-overflow:ellipsis;
	}
	.leaders-title{
		padding:40px 0 0 13px;
		float:right;
		width:55%;
		height:107px;
		border:1px solid #eee;
	}
	.leaders-img{
		width: 125px;
		height: 107px;
		float: left;
		overflow: hidden;
		background: #fff;
	}
	.leader-img-right{
		float:right;
	}
	.leaders-title-left{
		text-align:right;
	}
	.leader-btn{
		margin-top:15px;
	}
	.leader-btn a{
		float:right;
		background:#ad7c25;
		padding:5px 10px;
		color:#fff;
		font-weight:bold;
		font-size:14px;
	}
	.leader-btn a:hover{
		outline:groove;
		background-color:#fff;
	}
	.leader-list:hover {
		background: #ad7c25;
	}
	.leader-list:hover .odd-name-right p {
		border-color: #ad7c25;
		color:#fff;
	}
	
	.leader-list:hover .even-name-left p {
		border-color: #ad7c25;
		color:#fff;
	}
	.leader-list:hover .odd-name-right {
		border-color: #ad7c25;
	}
	
	.leader-list:hover .even-name-left {
		border-color: #ad7c25;
	}
	.img-pad-0{
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.academic-li  li  img{
		transition:.3s ease-in;
	}
	.academic-li  li  a:hover img{
		padding-right:2px;
		padding-left:2px;
	}
	.icon-pad{
		padding-right:10px;
	}
	.academic-title
{
	color:#333 !important;
	text-align:center; 
	line-height:1.2; 
	font-weight:400 !important; 
	margin-bottom:30px;
}
	.why{
		text-align:center;
		color:#000;
	}
	.tab-content{
		border:1px solid #fff;
		border-top:0;
	}
	.news-background{
		background-color:#1e4c77;
		height:50%;
		padding:3% 0;
	}
	#News-and-Events ul{
		list-style:none;
	}
	#News-and-Events ul.nav-tabs li a{
		color:#555;
		font-size:16px;
		outline:none;
	}
	ul.nav-tabs > li.active{
		color:#fff;
		font-size:16px;
	
	}
	ul.nav-tabs > li > a{
		background:#ddd;
	}
	ul.nav-tabs > li > a:hover{
		color:#900;
		background-color:#ddd;
	}
	
	.tab-content > .active {
		display: block;
		webkit-box-shadow: 3px 3px 5px 6px #ccc;
		-moz-box-shadow: 3px 3px 5px 6px #ccc;
		box-shadow: 3px 3px 5px 6px #ccc;
		padding: 5px;
	}
	
	.news-date{
			width: 55px;
			height: 55px;
			background: #0c4990;
			padding: 2px 6px 2px 6px;
			text-align: center;
			font-weight: 600;
			overflow: hidden;
			webkit-box-shadow: #0e99f0 0 0 1px 2px inset;
			box-shadow: #0e99f0 0 0 1px 2px inset;
			border: 2px solid #0c357d;
			position:relative;
	}
	
	.news-date:after{
		content: "";
		position: absolute;
		bottom: -0.875em;
		left: -2px;
		width: 0;
		height: 0;
		border-style: solid;
		border-color: #0A2B66 transparent transparent transparent;
		border-width: 0.875em 0 0 0.875em;
		}
	
	.news-date span{
		color:#fff;
	}
	.calendar{
		padding:2%;
		float:left;
	}
	.news-text{
		padding:2%;
		border-bottom: 1px solid #ddd;
	}
	.news-text .event-name{
		line-height:28px;
		color:#1e4c77;
		font-size:16px;
		font-weight:400;
		cursor:pointer;
	}
	.news-text .event-name:hover{
		color:#0c4990;
		text-decoration:none;
	}
	.read-more{
		color: #1e4c77;
		font-size: 15px;
		padding: 10px;
		border: 1px solid;
		font-weight: 600		
	}
	.read-more:hover{
		background: #29529A;
		color: #fff;
		}
	.media{
		overflow:hidden !important;
	}
	.vels-ad-title:hover{
		text-decoration:underline;
		
	}
	.search-container input[type="text"] {
		padding: 0;
		border: 1px solid transparent;
		border-radius: 3px 0 0 3px;
		float: left;
		color: #fff;
		height: 34px;
		margin: 7px 0 7px 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 3px;
	}
	.search-container button[type="submit"] {
		padding: 3px 15px 0 5px;
		font-size: 16px;
		border-radius: 0;
		width: 40px;
		border: 1px solid #900;
		background: none;
		border-left: 0 none;
		color: #eee;
		outline: 0;
		float: left;
	}
	
	#Events{
		padding: 5px 15px;
		}
	
	#News-and-Events {
		color:#fff;
	}
	.title-white{
		color:#fff !important;
	}
	.tab-content{
		background-color:#fff;
		padding:9px;
	}
	.vels-color{
		color:#fff;
		text-align:center;
		margin-bottom:30px;
	}
	.nav-tabs li i{
		color:#0c4990;
	}
	ul.nav-tabs li a span{
			display:inline-block;
		}
	.hide-accessible {
	   position: absolute !important;
	   top: -99999px !important;
	   left: -99999px !important;
	   width: 2000px !important;
	   height: 2000px !important;
	}
	.white-text a {
		text-decoration: none;
		color: #fff;
	}
	
	.clearfix:before,
	.clearfix:after {
		content: " ";
		display: table;
	}
	
	.clearfix:after {
		clear: both;
	}
	
	.clearfix {
		*zoom: 1;
	}
	
	
	#main {
		margin-right: auto;
		margin-left: auto;
		width: 960px;
		-moz-box-shadow: 8px 1px 25px rgba(0, 28, 55, 0.4);
		-webkit-box-shadow: 8px 1px 25px rgba(0, 28, 55, 0.4);
		box-shadow: 8px 1px 25px rgba(0, 28, 55, 0.4);
	}
	/*Facebook*/
	.fb-iframe-set iframe ._1drm._1b90, ._1drm._1ds4 {
	
		border: 1px solid #ababab !important;
	
	}
	.fb-iframe-set iframe > ._2lqg {
	
		background: #f6f7f9;
		border: 1px solid #e9ebee;
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: rgb(233, 235, 238);
		border-top: 0;
		overflow-y: hidden !important;
	
	}
	.mrt-15{
		margin-top:15px;
	}
	.fb-iframe-set iframe{
		width:640px !important;
	}
	.fb-iframe-set ._2p3a {
	
		width: 100% !important;
	
	}
	._2p3a {
		width: 100% !important;
	}
	/*Facebook*/
    @media(min-width:320px) and (max-width:479px)
    {
			ul.nav-tabs li a span{
				display:none;
			}
			.news-text{
				text-align:justify;
				float:right;
			}
			.nav-tabs li i{
				color:#0c4990;
				font-size:2.3em;
			}
	}

	
	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	
	
	table.responsive { 
	  width: 100%; 
	  border-collapse: collapse;
	  margin: 0 0 2em;
	}
	/* Zebra striping */
	.responsive tr:nth-of-type(odd) { 
	  /*background: #eee; */
	}
	.responsive th { 
	  background: #0C4990; 
	  color: white; 
	  font-weight: 700; 
	}
	.responsive td,
	.responsive th { 
	  padding: 6px; 
	  border: 1px solid #000; 
	  text-align: center; 
	}
	
	@media only screen and (max-width: 1024px) {
	
	  /* Force table to not be like tables anymore */
	  table.responsive, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr { 
		display: block; 
	  }
	  
	  /* Hide table headers (but not display: none;, for accessibility) */
	  .responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	  }
	  
	  .responsive tr { border: 1px solid #000; }
	  
	  .responsive tr + tr { border-top: 0 none; }
	  
	  .responsive td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #000; 
		position: relative;
		padding-left: 50%; 
	  }
	  .cse-fee-list td{
		  padding-left:75%;
	  }
	  .cse-fee-list td{
		  text-align:left;
	  }
	  .responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	  }
	  
	  /*
	  Label the data
	  */
	  
	  .responsive.cse-fee-list td:nth-of-type(1):before { content: "Tution Fees / Year";  }
	  .responsive.cse-fee-list td:nth-of-type(2):before { content: "Admission Fee"; }
	  .responsive.cse-fee-list td:nth-of-type(3):before { content: "Regn. Fee"; }
	  .responsive.cse-fee-list td:nth-of-type(4):before { content: "Accident Insurance / Year"; }
	  .responsive.cse-fee-list td:nth-of-type(5):before { content: "SAP"; }
	  .responsive.cse-fee-list td:nth-of-type(6):before { content: "At the time of Admission"; }
	  .responsive.cse-fee-list td:nth-of-type(7):before { content: "II Sem. onwards"; }
	}

	/*Events*/

	.events-gallery > ul {
	margin: 0;
	}
	
	.events-gallery > ul > li a {
	border: 3px solid #FFF;
	border-radius: 3px;
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
	}
	.events-gallery > ul > li a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 100%;
	width: 100%;
	}
	.events-gallery > ul > li a:hover > img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
	}
	.events-gallery > ul > li a:hover .demo-gallery-poster > img {
	opacity: 1;
	}
	.events-gallery > ul > li a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
	}
	.events-gallery > ul > li a .demo-gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	}
	.events-gallery > ul > li a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
	}
	.events-gallery .justified-gallery > a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 100%;
	width: 100%;
	}
	.events-gallery .justified-gallery > a:hover > img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
	}
	.events-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
	opacity: 1;
	}
	.events-gallery .justified-gallery > a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
	}
	.events-gallery .justified-gallery > a .demo-gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	}
	.events-gallery .justified-gallery > a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
	}
	
	.events-gallery .video .demo-gallery-poster img {
	height: 48px;
	margin-left: -24px;
	margin-top: -24px;
	opacity: 0.8;
	width: 48px;
	}
	.events-gallery.dark > ul > li a {
	border: 3px solid #04070a;
	}
	.home .events-gallery {
	padding-bottom: 80px;
	}
	.lg-sub-html p{
	text-align:center;
	color:#fff !important;
	}
	.event-inner-text{
	background: #900 none repeat scroll 0 0;
	left: 0;
	padding: 10px;
	}
	
	
	.vv{
	margin-bottom:6%;
	}
	
	.events-gallery .event-heading {
	/*position: absolute;*/
	top: 0;
	background: rgba(0, 0, 0, 0.5); /* Black background with transparency */
	color: #f1f1f1;
	padding: 5px;
	height:100px;
	left:0;
	z-index: 2;
	}
	.event-heading p{
	font-size:16px !important;
	}
	.lg-backdrop.in{
	opacity:0.7 !important;
	}
	.lg-icon {
	font-family: 'lg' !important;
	}
/*	.lg-has-iframe{
	width:60% !important;
	}*/
	.lg-video
	{
	position:relative;
	}

	@media only screen and (min-width:320px) and  (max-width:767px)
	{
	.events-gallery .event-heading{
	height:auto;
	}
	.mtop-15{
	margin-top:20px;
	}
	
	}
	@media only screen and (min-width:768px) and  (max-width:1399px)
	{
		.events-gallery .event-heading{
			height:auto
		}
	}
	@media only screen and (min-width:1400px) and  (max-width:1532px)
	{
	.events-gallery .event-heading{
	height:120px;
	}
	}
	@media (max-width:479px)
	{
	.pad-0{
	padding-left:0px !important;
	padding-right:0px !important;
	}
	.test-marg{
	padding-left:0px !important;
	padding-right:0px !important;
	}
	.lg-outer .lg-video-cont {
	width: 100% !important;
	height: 75%;
	}
	.lg-video{
	height:100% !important;
	}
	
	}
	@media (min-width:479px) and (max-width:800px)
	{
	.lg-has-iframe{
	width:100% !important;
	}
	
	}
	
	
	/*Events style end*/
	
	

	@media only screen and (max-width: 340px) {
		.sbu-nav-bar .logo {
			padding: 15px;
			width: 230px;
		}
	
	}

	@media only screen and (max-width: 1159px) {
		.inmenu--desktop-only {
			position: absolute;
			left: -10000px;
			top: auto;
			width: 1px;
			height: 1px;
			overflow: hidden;
		}
		.inmenu--search_desktop-close{ display:none !important}
	}

	@media only screen and (max-width: 767px){
		#kode-parallax-wrapper-2 .md-6 { width:100%}
		#kode-parallax-wrapper-2 iframe{width:100%}
	}
	
	#loader {
			position: fixed;
			left: 0px;
			top: 0px;
			width: 100%;
			height:100%;
			z-index: 9999;
			background: url(../images/logo.png) 50% 50% no-repeat rgb(249,249,249);
	}

	.swipe {
	  overflow: hidden;
	  visibility: hidden;
	  position: relative;
	}
	.swipe-wrap {
	  overflow: hidden;
	  position: relative;
	}
	.swipe-wrap > div {
	  float:left;
	  width:100%;
	  position: relative;
	}
	.mt-15{
		margin-top:20px;
	}
	.Domestic{
		margin-bottom:0px !important;
	}
	.plus-smbl{
		font-size:16px;
		font-weight:600;
	}
	.quick-fact{
		margin-bottom: 0px !important;
		color: #444;
		font-size: 18px;
		font-weight: 600;
		padding:0 0 0 25px;
	}
	.vels-png{
		background: #b9dff9;
		border: 1px solid #fff;
		border-radius: 100%;
	
	}


.pitch{text-align:center;font-size:15px;}

/*--------------------Written by Boopathi-----------------*/

.pdl1b5{ padding-left:15px; padding-bottom:15px}

.side-nav ul li a:before{    content: "\f105";font: normal normal normal 25px/1 FontAwesome;padding: 0px 5px;float: right;}

#new-events ul li p:before{content: "\f18e";font: normal normal normal 20px/1 FontAwesome; padding-right:5px; color:#666}

#new-events ul li p{ line-height:30px}

table thead{background: #2461A8;}

.table-bordered > thead > tr > th{ color:#FFF; font-size:15px; padding:12px 10px;}

table tr td{ font-size:15px !important;}

.block{ margin-bottom:20px}

.course-offered img{ width:auto}
.course-offered .table-bordered > tbody > tr > td:last-child{ text-align:center}

.school-fees p{padding: 10px;background: #228ae6;}
.school-fees p a{ color:#FFF}
.school-fees p a:hover{ text-decoration:underline}
.school-fees p i{ color:#fff; font-size:30px}

ul.list-series li:before{
		content: "\f0a9";
		font: normal normal normal 20px/1 FontAwesome;
		color: #888;
		padding-right: 10px;
	}

 h3.rays-promo-box-with-hover-text_title{
	margin: 0;
	line-height: 1;
	display: table;
	font-weight: 600;
	font-size: 1.3em;
	text-align: center;
	height: 100px;
	color:#fff;
	margin:0 auto;
	
}

.engineering ul li{
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 5px;
	}

.engineering ul li:nth-child(even){ background:#eee}


.dept-image{position: relative;text-align: center;margin-bottom: 15px;}

.dept-image:hover .overlay{background:#33a7de}

.overlay{position: absolute;width: 100%;bottom: 0;background: #002a5c;}

.overlay:hover { }


#vels-committees .row ul li{margin-bottom: 1em;}


.text{padding: 10px;}
.text{ color:#fff; font-weight:600}

.overlay .text{ text-align:center}

/*.text a:hover{ text-decoration:underline}*/

table tr, table td{border: thin solid #323232;}
#bordernone table tr, table td{border: 0px solid #323232;}

input, button, select, textarea{ font-size:16px !important}
.head a{ color:#ed1c24}
a:active,a:focus{ outline:none !important}
ul{ list-style:none}
.top-full-image{ margin-bottom:20px}
.tab-block { margin-bottom:20px}

.news-background .tab-block ul.nav-tabs li a span{ font-size:15px !important}
.tab-block ul.nav-tabs li a span{ font-size:12px !important}
.tab-block > .nav > li > a {padding: 10px 12px;}
.tab-block .tab-content { padding:0px; background:#fff}
.sub-links .btn{margin-bottom: 10px !important;}
#sub-nav-mob > li > a i:before{ content: "\f061";padding: 0px 15px;}
.mp-back .fa{ font-size:25px}
.embed-responsive.embed-responsive-16by9{padding: 20% 0px 56.25% 0px; margin-bottom:20px}
.sbu-footer{background: #0C4990;}
.social-footer-wrapper .fa{ font-size:25px}
.social-footer-wrapper a:first-child:hover{ background:#4867aa !important;}

.social-footer-wrapper a:first-child{border-color: #4867aa !important;}

.social-footer-wrapper .fa-youtube{color: #f00;}
.social-footer-wrapper .fa-twitter{color: #1da1f2;}
.social-footer-wrapper .fa-facebook{color: #4867aa;}

.chancellor {padding: 3% 0px;background-repeat: no-repeat;}

.caption-inner.page-title{transform: rotate(180deg);display: block !important;border: 10px solid #fff;border-bottom: 0px;line-height: 1em;font-size: 32px;padding: 30px 20px;background-color: rgba(000,000,000,.6);color: #fff; text-transform:uppercase}

@media screen and (max-width:990px){
	.caption-inner.page-title{
			border: 8px solid #fff;
			font-size: 25px;
			font-weight: 500;
		}
	}

section .container-fluid{ color: #323232;}
.panel-body ul li a:hover,.panel-body ul li a:focus,.panel-body ul li a:active{ color:#08458C; text-decoration:underline}
.panel-body ul li { padding:10px}
.panel-body img {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);border: 2px solid #ddd;}
.panel-body ul li:nth-child(odd) {background: #E5E5E5}
.panel-title > a{ color: #fff !important;font-size: 18px;position: relative;top: 7px}
.panel-body  ul  li  a:nth-child(2n+1){ color:#F00; text-decoration:underline}
.panel-heading h4{ text-align:left;display: inline-block}
.panel-heading img {width: 40px;float: left;margin-right: 10px;border-radius: 100%;height: 40px;border: 2px solid #e0e0e0;} 
/*.panel-heading{padding: 5px 15px !important;}*/
.panel-body a{ font-size: 16px;letter-spacing: 0.5px;font-weight: 500;color: #2d6ab1;}
.panel-title > a:hover,.panel-title > a:focus{ text-decoration:underline; color:#fff !important}
.panel-group .panel + .panel{ margin-top:0px !important}
.panel-heading{ border-top-right-radius:0px !important; border-top-left-radius:0px !important; background-color: #2B62A9 !important;}
.head-title{margin: 20px 0px;color: #0C4990;font-size: 30px !important;letter-spacing: 2px !important;}

#admission ul.procedure li:before{ content: "\f0a9";font: normal normal normal 14px/1 FontAwesome;font-size: 14px;color: #888;padding-right: 10px;font-size: 20px;}
.selectOption{ margin-bottom:20px}

.TxtBox{ border:1px solid #ddd; margin:1em 0em; color:#333}

ul.onlineApplication li{ margin-bottom:1em}

.btn{ margin:5px}

.modal-open .modal{background: rgba(51, 51, 51, 0.5) none repeat scroll 0% 0%;}

#expertise-list  table  tbody  tr,td  img { width: 135px; text-align: center; max-width: 135px }
@media (max-width:1200px){
	#expertise-list  table  tbody  tr,td  img { width:auto; text-align:center}
	
	}

/*#News ul li:nth-child(even) div{ background:#f7f7f7}*/
#Events ul li:nth-child(even) div:first-child{ background:#f7f7f7}
#Events .news-date{background: #0c4990 !important;}

[data-title="Photo"] { text-align:center}

.triangle {
    border-left: 40px solid transparent;border-right: 40px solid transparent;border-top: 40px solid #fff;width: 10px;margin: 0 auto;
}

@media (max-width:1159px) {
    .triangle { display:none}
}


@media (max-width:1250px){
		ul.nav-tabs li a span{display:none;}
		.nav-tabs li i{color:#0c4990;font-size:2.3em;}
		}

.year-block {width: 65px;height: 65px;display: table;text-align: center;background: #444;border-radius: 100%;color: #fff; margin:0 auto; margin-bottom:20px}
.year-block .year-text{display: table-cell;vertical-align: middle; text-align:center}
.group-block{display: table; height:65px}
.group-text{display: table-cell;vertical-align: middle}

.h-event .calendar {
    float: none;
    display: block;
    background: #0c357d;
    -moz-box-shadow: inset 0px 0px 1px 2px #0E99F0;
    -webkit-box-shadow: inset 0px 0px 1px 2px #0E99F0;
    box-shadow: inset 0px 0px 1px 2px #0E99F0;
    border: 2px solid #0c357d;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.9375em;
    padding-top: .2em;
    margin-bottom: 1em;
    position: relative;
}
.h-event .calendar::after {
    content: "";
    position: absolute;
    bottom: -0.875em;
    left: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #0A2B66 transparent transparent transparent;
    border-width: 0.875em 0 0 0.875em;
}
.h-event .calendar {
    float: left;
    width: 3.75em;
    height: 3.75em;
    margin-right: 1.5em;
}
.mo {
    margin: 10px 0;
}
.mo .pull {
    float: left;
    margin-right: 1em;
    max-width: 40%;
}
.event-list li {
    /*padding: 15px;*/
	display:inline-block;
	border-bottom: 1px solid #ddd;
	width: 100%;
}

.bd a{ font-size:16px; color:#1e4c77}

.more-events{
		text-align: right;
		padding: 10px 10px;
		margin: 10px 0px;
	}

.laboratory{ background: #efefef; padding: 40px 0px;}

.campuus-life-head{margin-top:80px; background:#fff !important; color:#333 !important;}

/*********Chitambaram********/
.fr-pad-img-with{padding-left: 20px;}
/*****************************************/

/*********Thiyagarajan********/
	.lg-sub-html{
	position:absolute !important;
	padding:5px !important; 
}
.lg-sub-html p{
	line-height:22px;
}
.msg-text{
	color:#3B3B3B;
	text-transform:none;
	line-height:28px;
	background-color:#fff;
	text-align:justify;
	padding:2% 2%;
}
.msg-text > p{
	padding:0% 2%;
}
.map-frame-mt{
		padding-top:88px;
	}
	.padlt-0{
		padding-left:1px !important;
		padding-right:1px !important;
	}
	
	.img-pdlt td{
	padding-left:0 !important;
	text-align:center !important;
}
.eventList {
    float: right;
    position: relative;
    margin-bottom: 10px;
    margin-right: 10px;
}
.eventList h3 {
    float: left;
    font-size: 16px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 35px;
}
.eventList .eventName {
    border: 1px solid #e8e8e8;
    width: 250px;
    display: block;
    padding: 8px 10px;
    float: left;
}
.eventList a {
    color: #484848;
	font-size:14px;
}
.eventList ul {
    clear: both;
    float: right;
    width: 250px;
    background: #f2f2f2;
    border: 1px solid #dddddd;
    position: absolute;
    z-index: 5;
    right: 0;
    top: 40px;
	left:68px;
}
.eventList ul {
    display: none;
}
.eventList ul li a {
    display: block;
    padding: 6px 10px;
}
@media screen and (max-width:360px){
	.eventList ul{top: 70px;
left: 0px;}
	}
	
	#VirtualFilters {
    			margin: 3px 0;
    			padding: 0;
    			list-style: none;
			}
		#VirtualFilters li {
 		   float: left;
		   
		   margin: 0px 30px;
		}		
		#VirtualFilters li span.active {
 			   background: #00a6e7;
			   color: #fff;
		}
		#VirtualFilters li span {
			display: block;
			padding: 12px 15px;
			text-decoration: none;
			color: #0c4990;
			cursor: pointer;
			font-size: 17px;
			letter-spacing: 0.5px;
		}
		#VirtualGallery .portfolio {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			width: 23%;
			margin: 1%;
			display: none;
			float: left;
		   overflow: hidden;
		}
		
		#VirtualFilters li:hover span
		{
			color:#fff;
		}
		.rnk-acc{
			border: 1px solid #999;
			padding: 10px;
			text-align:center;
			margin-bottom:15px;
		}
		@media only screen and (max-width:767px)
		{
			#VirtualFilters{
				display:none;
				background: #0c4990;
			}
			#VirtualFilters li{
				float:none;
				margin:0;
				border-bottom: 1px solid #fff;
			}
			#VirtualFilters li span{
				color:#fff;
				}
		}
		@media only screen and (min-width:768px)
		{
			#VirtualFilters{ display:block !important;}
			.lg-outer .lg-video{
			 		padding-bottom:65.25% !important;
			}
		}
		@media (min-width:320px) and (max-width:599px)
		{
			#VirtualGallery .portfolio {
				width:100%;
			}
			#VirtualGallery li a img{
				padding:0 15px;
			}
		}
		@media (min-width:600px) and (max-width:767px)
		{
			#VirtualGallery .portfolio {
				width:47%;
			}
		}
		@media (min-width:768px) and (max-width:1199px)
		{
			#VirtualGallery .portfolio {
				width:31%;
			}
			#VirtualFilters li{
				margin-left: 0px;
				margin-right: 0px;
			}
		}
		

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

@media (min-width:320px) and (max-width:599px)
{
	.leader-list 
	{
		width:100%;
	}
	.leader-list .container-right{
		float:right;
	}
     .leader-list .container-left{
		float:left;
	}
	.leaders-title {
		padding:40px 0 0 0;
	}
	.leader-position{
		text-overflow:unset;
	}
	.even-name-left p{
		text-align:left !important;
	}
}
@media (min-width:600px) and (max-width:767px)
{
	
	.leaders-title {
		padding:40px 0 0 0;
	}
	.even-name-left p{
		text-align:left !important;
	}
	
}
@media (min-width:768px) and (max-width:959px)
{
	
	.leaders-title {
		padding:40px 0 0 0;
		width:50%;
	}
	.even-name-left p{
		text-align:left !important;
	}
	.leader-list{
		width:50% !important;
		float:left !important;
	}
	.leader-position{
		text-overflow:unset;
		white-space:normal;
	}
	
}
@media only screen and (min-width:960px) 
{
	.leaders-title {
		width:55% !important;
	}
	.leader-position{
		text-overflow:unset;
		white-space:normal;
	}
}




@media screen and (max-width:767px){
	.hide-small{ display:none}
	.chancellor .quote-text{ padding:0px}
	}
@media screen and (max-width:1159px){
	.h90{ height:117px}
	.sbu-nav-bar{ position:fixed; top:0}
	.home-slide{ margin-top:0}
	.mp-menu.mp-overlap{position:absolute; top:90px}	
	.sbu-footer .univ-logo-stacked img{ width:auto !important; float:right}
	.modal-dialog{ top:90px}
	}

@media (max-width:700px)
{

.page-header-hero .caption
{
	max-width:100% !important;
	margin-top: 100px !important;
}


}
@media (min-width:701px){
	.page-header-hero .caption
	{
		max-width:100% !important;
	}
}



@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 

	.table-striped > tbody > tr:nth-child(2n+1){ background-color: #ddd;}

	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		
		border: 0px solid #003262; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
		word-wrap: break-word;
		padding-bottom:15px;
		padding-top:15px;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 50%; 
		padding-right: 10px; 
		/*white-space: nowrap;*/
		text-align:left;
		font-weight: bold;
	}
 
	
	#no-more-tables td:before { content: attr(data-title); }
	
	div.curriculum-tooltip{float: none !important}
	div.curriculum-tooltip span{ display:block !important; color:#F00}
	
	#expertise-list table tbody tr, td img{ max-width:none}
	 
	 
	
	
	}
	
.officers{ margin-bottom:20px}
.officers .read-more{ font-weight:500 !important; margin:15px 30px;}
.read-more.active{background: #29529A;color: #fff;}
.officers .read-more:hover a{color: #fff;} 
.fees-block .row{ margin-bottom:15px}
.eligibility{padding: 10px 0px 0px; border: 1px solid #ddd;margin-bottom: 15px;}
.eligibility div,.eligibility .panel-title{ text-align:center}
.eligibility img{ width:40px; height:40px}
.eligibility .eligibility-txt{background: #29529A;padding: 10px; margin-top:20px; color:#fff; font-weight:600}
.eligibility div:second-child{ border-bottom:1px solid #ddd}
.eligibility a:hover .eligibility-txt{ color:#FF0} 

@media screen and (max-width:560px){
		.fees-block .col-xs-6{ width:100%}
	}

/********************Vels-Group******************/
figcaption { -webkit-box-sizing: border-box; box-sizing: border-box; color: #0c4990;}
	
	.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 15px 3%;
	width: 44%;
	background: #0c4990;
	text-align: center;
	cursor: pointer;
}


.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
		/*---------------*/
/***** Ruby *****/
/*---------------*/

figure.effect-ruby {
	background-color: #0c4990;
}

figure.effect-ruby img {
	opacity: 0.6;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby:hover img {
	opacity: 0.9;
	-webkit-transform: scale(1);
	transform: scale(1);
}



figure.effect-ruby h2 {
	margin-top: 15%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	color:#fff;
	font-size: 25px !important;
	text-align: center;
}

figure.effect-ruby p {
	margin: 1em 0 0;
	padding: 3em;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	padding:5px;
	border:1px solid #fff;
	background:#0c4990;
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

@media screen and (max-width:767px){
	.grid{
		padding:15px
		}
	.grid figure{
		width:100%;
		padding:15px;
		margin: 10px 0px;
		}
		figure.effect-ruby h2{margin-top:5%; font-size:20px !important;}
		.clr-bth{
			clear:none;
		}
	}
@media screen and (min-width:768px) and (max-width:1199px){
	figure.effect-ruby h2{margin-top:5%; font-size:18px !important;}
	
	}
	


/***********************Page Images*************************************/
/* #profile-page{background-image: url(../images/profile-banner.jpg);}
#message-page{background-image: url(../images/message-banner.jpg);}
#vc-message-page{background-image: url(../images/vc-message-banner.jpg); }
#vc-profile-page{background-image: url(../images/vc-profile-banner.jpg); }
#vision-page{background-image: url(../images/vision-banner.jpg);}
#rank-accreditation{background-image: url(../images/rank-accreditation-banner.jpg);}
#vels-group-page {background-image: url(../images/vels-group-banner.jpg); }
#news-events-page {background-image: url(../images/new-events-banner.jpg);}
#officers-univ-page {background-image: url(../images/officers-univ-banner.jpg);}
#committees-page {background-image: url(../images/committees-banner.jpg);}
#clg-adm-procedure {background-image: url(../images/clgadm-procedure-banner.jpg)}
#online-apphelp {background-image: url(../images/online-apphelp-banner.jpg)}
#vels-adm-form {background-image: url(../images/vels-admform-banner.jpg)}
#scholarship {background-image: url(../images/scholarship-banner.jpg)}
#downloads {background-image: url(../images/downloads.jpg)}
#engg-course{ background-image:url(../images/engg-course-banner.jpg)}

#school-engg-eligibility{ background-image:url(../images/engg-eligibility-banner.jpg)}
#school-engg-fees{ background-image:url(../images/engg-fees-banner.jpg)}
#school-engg-expertise{ background-image:url(../images/engg-expertise-banner.jpg)}

#maritime-eligibility-banner{background-image:url(../images/maritime-eligibility-banner.jpg)}
#maritime-fees-banner{background-image:url(../images/maritime-fees-banner.jpg)}

#pharmacy-eligibility{background-image:url(../images/pharmacy-eligibility-banner.jpg)}
#pharmacy-fees{background-image:url(../images/pharmacy-expertise-banner.jpg)}
#pharmacy-expertise{background-image:url(../images/pharmacy-fees-banner.jpg)}

#masscom-eligibility{background-image:url(../images/masscom-eligibility-banner.jpg)}
#masscom-expertise{background-image:url(../images/masscom-expertise-banner.jpg)}
#masscom-fees{background-image:url(../images/masscom-fees-banner.jpg)}

#mgmt-eligibility{background-image:url(../images/mgmt-fees-banner.jpg)}
#mgmt-fees{background-image:url(../images/mgmt-expertise-banner.jpg)}
#mgmt-expertise{background-image:url(../images/mgmt-eligibility-banner.jpg)}

#lifesciences-eligibility{background-image:url(../images/lifesciences-eligibility-banner.jpg)}
#lifesciences-fees{background-image:url(../images/lifesciences-fees-banner.jpg)}
#lifesciences-expertise{background-image:url(../images/lifesciences-expertise-banner.jpg)}

#lang-eligibility{background-image:url(../images/lang-eligibility-banner.jpg)}
#lang-fees{background-image:url(../images/lang-fees-banner.jpg)}
#lang-expertise{background-image:url(../images/lang-expertise-banner.jpg)}

#computing-eligibility{background-image:url(../images/computing-eligibility.jpg)}
#computing-fees{background-image:url(../images/computing-fees.jpg)}
#computing-expertise{background-image:url(../images/computing-expertise.jpg)}

#hotelmgmt-eligibility{background-image:url(../images/hotelmgmt-eligibility.jpg)}
#hotelmgmt-fees{background-image:url(../images/hotelmgmt-fees.jpg)}

#basic-science-elig{background-image:url(../images/basic-science-elig.jpg)}
#basic-science-expert{background-image:url(../images/basic-science-expert.jpg)}
#basic-science-fees{background-image:url(../images/basic-science-fees.jpg)}


#ocean-eligibility{background-image:url(../images/ocean-eligibility.jpg)}
#ocean-expertise{background-image:url(../images/ocean-expertise.jpg)}
#ocean-fees{background-image:url(../images/ocean-fees.jpg)}

#education-eligibility{background-image:url(../images/education-eligibility.jpg)}
#education-fees{background-image:url(../images/education-fees.jpg)}

#music-arts-elig{background-image:url(../images/music-arts-elig.jpg)}
#music-arts-fees{background-image:url(../images/music-arts-fees.jpg)}

#vedic-astrology-elig{background-image:url(../images/vedic-astrology-elig.jpg)}
#vedic-astrology-fees{background-image:url(../images/vedic-astrology-fees.jpg)}

#aviation-eligibility{background-image:url(../images/aviation-eligibility.jpg)}
#aviation-fees{background-image:url(../images/aviation-fees.jpg)}

#courses-offered{background-image: url(../images/courses-offered-banner.jpg)}
#fees-eligbility{background-image: url(../images/fees-eligbility-banner.jpg)}
#fees-structure{background-image: url(../images/fees-structure-banner.jpg)}
#NRI-students{background-image: url(../images/NRI-students-banner.jpg)}
#clg-rules-regulation{background-image: url(../images/clg-rules-regul-banner.jpg)}
#fees {background-image: url(../images/fees-banner.jpg)}
#online-fees {background-image: url(../images/online-fees-banner.jpg)}
#online-application {background-image: url(../images/online-app-banner.jpg)}
#marine-science-engg {background-image:url(../images/marine-science-engg-banner.jpg)}
#school-pharmacy {background-image:url(../images/school-pharmacy-banner.jpg)}
#mass-communication {background-image:url(../images/mass-comm-banner.jpg)}
#school-mgmt-studies {background-image:url(../images/school-mgmt-studies-banner.jpg)}
#school-life-science {background-image:url(../images/school-life-sciences-banner.jpg)}
#school-language {background-image: url(../images/online-apphelp-banner.jpg)}
#school-computing-science {background-image: url(../images/school-comput-science-banner.jpg)}

#school-physiotherapy {background-image:url(../images/school-physiotherapy-banner.jpg)}
#physiotherapy-eligibility{background-image:url(../images/school-physiotherapy-banner.jpg)}
#physiotherapy-expertise{background-image:url(../images/school-physiotherapy-banner.jpg)}
#physiotherapy-fees{background-image:url(../images/school-physiotherapy-banner.jpg)}

#school-hotel-mgmt {background-image:url(../images/school-hotel-mgmt-banner.jpg)}

#school-law {background-image:url(../images/school-law-banner.jpg)}

#law-fees{background-image:url(../images/school-law-banner.jpg)}
#law-eligibility{background-image:url(../images/school-law-banner.jpg)}
#law-expertise{background-image:url(../images/school-law-banner.jpg)}

#school-ocean-engg {background-image:url(../images/ocean-engg.jpg)}
#school-language {background-image:url(../images/online-apphelp-banner.jpg)}
#school-education {background-image: url(../images/committees-banner.jpg);}
#school-music-arts {background-image: url(../images/school-music-arts-banner.jpg);}
#dept-aviation { background-image: url(../images/school-ocean-engg-banner.jpg); }
#dept-vedic-astrology {background-image: url(../images/dept-astrology-banner.jpg); }
#research {background-image:url(../images/school-pharmacy-banner.jpg)}
#school-basic-science {background-image:url(../images/school-life-sciences-banner.jpg)}
#research-publication {background-image:url(../images/school-life-sciences-banner.jpg)}
#phd-admission{background-image:url(../images/phd-admission.jpg)}
#phd-admission-procedure{background-image:url(../images/phd-admission-procedure.jpg)}

#phd-research-awardees{background-image:url(../images/school-life-sciences-banner.jpg)}

#center-fish-immunology{background-image:url(../images/basic-science-expert.jpg)}
#placement-cell{background-image:url(../images/placement-cell-banner.jpg) }
#placement-milestone{background-image:url(../images/placement-milestone.jpg) }

#recruiters{background-image:url(../images/recruiters-banner.jpg) }

#placement-activities{background-image:url(../images/activities-banner.jpg) }

#facilities{background-image:url(../images/facilities.jpg)}
#hostel{background-image:url(../images/hostel.jpg)}
#nss-yrcs{background-image:url(../images/nss-yrcs.jpg)}
#students-club{background-image:url(../images/students-club.jpg)}

#mphil-admission{background-image:url(../images/mphil-admission.jpg)}
#research-development{background-image:url(../images/research-development.jpg)}
#advanced-research-development{background-image: url(../images/lifesciences-eligibility-banner.jpg);}
#iprc{background-image: url(../images/pharmacy-eligibility-banner.jpg);}
#students{background-image: url(../images/students.jpg);}

#faculty{background-image: url(../images/faculty.jpg)}

#alumni{background-image: url(../images/officers-univ-banner.jpg);}
#examination{background-image: url(../images/ocean-expertise.jpg);}
#iqac{background-image: url(../images/online-app-banner.jpg);}

#calendar{background-image: url(../images/calendar-banner.jpg)}

#instrument-centre{background-image: url(../images/lifesciences-fees-banner.jpg);}
#vistas-tech{background-image: url(../images/vistas-tech.jpg);}
#energy-alternate{background-image: url(../images/basic-science-fees.jpg);}
#iot-road-safety{background-image: url(../images/iot-road-safety.jpg);}
#automation-power{background-image: url(../images/automation-power.jpg);}
#material-reasearch{background-image: url(../images/material-reasearch.jpg);}
#vistas-sps{background-image: url(../images/basic-science-elig.jpg);}
#elephant-research{background-image: url(../images/elephant-research.jpg);}


#news-events-2018{background-image: url(../images/news-events-2018.jpg);}
#library-facilities{ background-image: url(../images/fees-structure-banner.jpg);}
#library-resource{ background-image: url(../images/library-resource.jpg);} */

.page-header-hero .container,.col-lg-12{
	padding-right:0px;
	padding-left: 0px;
	width: 100%;
}

.page-header-hero .row{
	margin-left: 0px;
	margin-right: 0px;
}

.page-header-hero .caption{
	height: 120px;
	min-height: 120px;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-top: 85px;
    background-color: #00aeef;
}

.caption-inner.page-title{
	border:none;
	display: inline-block !important;
	border: 10px solid #fff;
	border-bottom: 0px;
	background: transparent;
}

.clr-bth{
	clear:both;
}

ul.content-list li:before{
	content: "\f0a9";
font: normal normal normal 14px/1 FontAwesome;
font-size: 14px;
color: #888;
padding-right: 10px;
font-size: 20px;
	}
	
div.curriculum-tooltip{
  position: relative;
  cursor: pointer;
  float:left;
  margin: 0px 15px
	}
	
div.curriculum-tooltip span { display: none; }

div.curriculum-tooltip:hover > span {
 display: inline-block;
position: absolute;
top: -25px;
left: -20px;
border: 2px solid #fcfcfc;
border-radius:4px;
background-color: #e14026;
width: 100px;
color:#fff

}	

#tabcalendar .nav-tabs{border-bottom: 0px solid #ddd;}

#tabcalendar .nav-tabs > li > a{border-radius:4px}
#tabcalendar .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border: 1px solid #e9e9e9 !important;}


.list-wrpaaer {
    height: 35px;
    top: 0px;
}
.fat-l {
    float: left;
    padding: 5px;
    list-style: none;
}

#notification{position: fixed;bottom: 0;z-index: 1111;width: 100%;background: #fff;padding: 0px 15px;}

li.fat-l a:hover{ color:#F00}

.latest-text{width:10%; float:left;color: #f00;position: relative;top: 5px;font-weight: 600}
.list-wrpaaer{width:80%; float:left}
.view-all{width: 9%;
float: left;
background: #0c4990;
position: relative;
top: 5px;
padding: 5px 10px;
left: 11px;
border: 1px solid transparent;
margin-bottom: 10px;
text-align: center; cursor:pointer}

.view-all:hover{border: 1px solid #0c4990; background:#fff}

.view-all:hover > a  {color:#0c4990;}
.view-all a:hover{color:#0c4990;}

.view-all a { color:#fff}

@media screen and (max-width:799px){
	.latest-text{width:15%; float:left;color: #f00;position: relative;top: 5px;font-weight: 600; font-size:13px}
	.list-wrpaaer{ width:70%; top:10px}
	.view-all{background: none;left: 15px; font-size:13px;font-weight: 600;}
		.view-all a{ color:#0c4990}
	}
	
@media screen and (max-width:1159px){ 
	.scroll-triangle{ display:none !important} .primary-nav_logobar{ display:none !important}.
}

.fixed-menu {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	height: 0% !important;
	perspective: 1000px;
	z-index: 9 !important;
	-webkit-animation: fadein 2s; 
	-moz-animation: fadein 2s; 
	-ms-animation: fadein 2s; 
	-o-animation: fadein 2s; 
	animation: fadein 2s;
	}

.scroll-triangle{
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 40px solid #fff;
	width: 10px !important;
	margin: 0 auto;
	height: 50px;
	position: fixed;
	top: 0;
	left:47%;
	z-index: 999;
	}


.scroll-news [class*=' col-']{
	height: 100%;
	}
.TickerNews{
	
	width: 76%;
	height: 50px;
	line-height: 48px;
	position:fixed;
	bottom:0;
	z-index:99
		
}

.ti_wrapper{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.ti_slide{
	width: 30000px;
	position: relative;
	left: 0;
	top: 0;
}
.ti_content{
	width: 8000px;
	position: relative;
	float:left;
}
.ti_news{
	float:left;
}
.ti_news a{
	display: block;
	padding: 0px 20px;
	color:#fff;
	text-decoration: none;
	font-size:16px;
	border-right: 2px solid #fff
}





.scroll-news{
background: #00aeef;
height: 50px;
position: fixed;
bottom: 0;
z-index: 999;
width:100%;
margin:0px;

}

.w12{ width:10%; display:table}
.lastest-news-text{ display: table-cell;vertical-align: middle;font-size: 16px;font-weight: 600;color: #fff}

.w75{ width:77%}

.w15{ width:12%;display: table;}

.w15 div{height: 100%;vertical-align: middle;display: table-cell; width:100%}

.w15 div a{padding: 10px;background: #fff; font-weight:600;border-radius: 2px}

.w15 div a:hover{background: #29529A; color:#fff; }

.vsat-form{
	margin-top: 15px;
}

.ErrMsg{
	color: #f00;
	display: none;
}

.mb-3{
	margin-bottom: 1rem;
}

.mt-3{
	margin-top: 1rem;
}

.download-pdf{
	display: flex;
	justify-content: space-around;
}

.download-pdf span a{
	background-color: #f00;
	color: #fff;
	padding: 2rem;
	font-weight: 600;
	font-size:18px;
	border-radius: 1%;
}


@media screen and (max-width:869px){
	
	
	.w75{ width:85%}
	.w15,.w10 {width: 10.66666667%}
	.w15 div a{padding: 5px; background:none; color:#fff; font-weight:500}
	.lastest-news-text{ font-size:15px; font-weight:500}
	.scroll-news [class*=" col-"] { padding: 0px 10px }
	.w15 div a:hover{ background:none}
	.w12{ display:none}
	.w15{ display:block}
	.TickerNews{ width:85%}
	.more-news a i{background: #fff;padding: 5px;position: absolute;top: 15px;right: 0px; color:#0c4990}
	.more-news a span{ display:none}
	
}


@media (min-width:870px) and (max-width:1160px){
		.w15 div a {padding: 2px;background: none;color: #fff;font-weight: 600;font-weight: 500;font-size: 15px; background:#29529A}
		.lastest-news-text{ font-size:13px}
		.scroll-news [class*=" col-"]{ padding:0px 5px;}
	}

	.blink_me:hover{
		animation-name: none;
		text-decoration: none;
	}
	.blink_me {
		color: #003262;
	   -webkit-animation-name: blinker;
	   -webkit-animation-duration: 1s;
	   -webkit-animation-timing-function: linear;
	   -webkit-animation-iteration-count: infinite;

	   -moz-animation-name: blinker;
	   -moz-animation-duration: 1s;
	   -moz-animation-timing-function: linear;
	   -moz-animation-iteration-count: infinite;

	   animation-name: blinker;
	   animation-duration: 1s;
	   animation-timing-function: linear;
	   animation-iteration-count: infinite;
	}

   @-moz-keyframes blinker {  
	   0% { opacity: 1.0; }
	   50% { opacity: 0.0; }
	   100% { opacity: 1.0; }
   }

   @-webkit-keyframes blinker {  
	   0% { opacity: 1.0; }
	   50% { opacity: 0.0; }
	   100% { opacity: 1.0; }
   }

   @keyframes blinker {  
	   0% { opacity: 1.0; }
	   50% { opacity: 0.0; }
	   100% { opacity: 1.0; }
   }


   .adm-helpline-mobile{
	   margin:5px 15px 0 0;
	   text-align: right;
	   font-weight: 600;
   }

   .adm-helpline-mobile a{
	   color: #ff0;
   }

   .top-adm-help{
	color: #ff0 !important;
	font-weight: 600 !important;
   }

   .top-adm-help:hover{
	border-bottom: 0px solid #fff !important; 
   }

   .adm-help{
	color: #f00 !important;
   }

   .adm-bg-color{
	background-color: #0F4990;
	color: #ff0 !important;
   }

   .apply-now a{
	color: #ff0 !important;
    background-color: #0F4990;
	padding: 1.3rem 2rem;
	border: 1px solid #fff;
	font-weight: 600;
	border-radius: 2px;
	letter-spacing: .5px;
   }

   .apply-now a:hover{
	color: #0F4990 !important;
    background-color: #ff0;
   }

   .apply-now{
	position: fixed;
    top: 70%;
    right: 1%;
    z-index: 111;
   }


input#myInput {
	background-image: url('/images/searchicon.png'); 
	background-position: 10px 12px; 
	background-repeat: no-repeat; 
	/* width: 50%;  */
	font-size: 16px; 
	padding: 12px 20px 12px 40px;
	border: 1px solid #ddd; 
	margin-bottom: 12px; 
	float: right;
  }
  
  .flex-box{
	  display: flex;
	  justify-content: center;
  }

  .flex-box label{
	  position: relative;
	  top: 10px;
  }

  @media screen and (max-width:768px){
	.flex-box label{
		position: relative;
		top: 0px;
	}
	.flex-box{
		display: block;
	}
	input#myInput{
		float: none;
	}
  }

  #myModalPopup .modal-content{
  max-width: 100% !important;
  background-color: #fff;
}

#myModalPopup .modal-header .close{
	margin-top: 5px;
    opacity: 1;
}

#myModalPopup .modal-header .close .fa-times{
	color: #f00;
	font-size: 2rem;
}

#myModalPopup::-webkit-scrollbar {
	display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
#myModalPopup {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
  }