.paddtxtalign { padding:30px; text-align:center; }
.ltrspacing {letter-spacing:-1px;}
.padd10 {padding:10px;}
.padd30 {padding:30px;}
.alignlft { float:left; }

.fitimage{max-width: 99%; height: auto; }
.textcntr {text-align:center;}
.ltext {font-size:20px; line-height:28px; }
.textright{text-align:right;}
.textleft{text-align:left;}
.bigfont { font-size:20px; line-height:25px;}
.logoh { margin:0; padding:0; }
.imgalglft { float:left; margin: 0 15px 15px 0px; }
.clear { clear:both; padding:1px 0;}

.hideinmobile { margin-top:0px; }
.orgclr { color: #e65100; }

@media screen and (min-width: 0px) and (max-width:767px) {
.top-header { display:none; }
}

@media screen and (min-width: 0px) and (max-width:1240px) {
.top-header__contacts { display:none !important; }
.hideinmobile { display: none; }   /* hide it elsewhere */
.sliderh span { padding: 10px 15px; font-size: 12px !important; }
.hero-banner { min-height:300px !important; }
.slide-content-0, .slide-content-1, .slide-content-2, .slide-content-3, .slide-content-4, .slide-content-5 { height:300px !important; }
.sliderh { padding-top: 100px !important; }
}

@media screen and (min-width: 1240px) and (max-width: 1600px) {
#hideindesktop { display: none; }   /* hide it elsewhere */
.hideindesktop { display: none; }   /* hide it elsewhere */
}


.footerbtn{
display: inline-block;
    margin: 0 3px 3px 0;
    padding: 2px 7px;
    FONT-SIZE: 11px;
    border-radius: 2px;
    color: #FFF;
    background: rgb(43, 167, 167);
    
}

.footerbtn:hover {
    background: rgb(40, 215, 237);
    color:#000;
}


.btn-maroon
{
    display: inline-block;
    margin: 0 6px 6px 0;
    padding: 7px;
    FONT-SIZE:11px;
    border-radius: 6px;
    color:#fff;
    background:#e65100;
    letter-spacing:1px;
    text-transform:uppercase;
    border:none;
}

.btn-maroon:hover
{
    color:orange;
}




.flink {
text-align:center;
padding:5px;
    margin-right: 10px;
    margin-left: 2px;
    font-weight: 400;
}

.flink:hover {
background:rgba(29, 38, 91, 0.89);
border-radius:2px;
color:#fff;}



* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4.
* Known issue:no IE 6 support.
*/
[hidden] {
    display: none
}


html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}


html, button, input, select, textarea {
    font-family: sans-serif;
    font-family: 'Nunito', sans-serif;
}
html, body {
    overflow-x: hidden;
    width: 100%;
}


body {
    margin: 0;
    font-family: 'Nunito', sans-serif;
    font-size:16px;
    color:#464646;
}

hr {
    width: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #e65100;
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


html, html a {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    -webkit-font-smoothing: antialiased;
}


th { background:#444999; color:#fff; text-transform:uppercase; }

td, th {
    padding: 8px 10px;
    border: 1px solid #ddd;
    text-align:left;
}

table { width:100%; text-align:center; }

/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/

a:focus {
    outline: thin dotted;
    text-decoration: none;
}

/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active, a:hover {
    outline: 0;
    text-decoration: none;
}

/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome.
*/

h1 {
    margin: 0.67em 0;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
}
h2 {
    margin: 0.83em 0;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
}
h3 {
    margin: 1em 0;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}
h4 {
    margin: 1.33em 0;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
}
h5 {
    margin: .67em 0;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
}
h6 {
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    

}

/*
* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
    border-bottom: 1px dotted
}

/*
* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b, strong {
    font-weight: bold
}
blockquote {
    margin: 0px
}

/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
    font-style: italic
}

/*
* Addresses styling not present in IE 6/7/8/9.
*/
mark {
    background: #ff0;
    color: #000;
}

/*
* Addresses margins set differently in IE 6/7.
*/
p, pre {
    margin: 1em 0
}

/*
* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code, kbd, pre, samp {
    font-size: 1em;
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
}

/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
* Addresses CSS quotes not supported in IE 6/7.
*/
q {
    quotes: none
}

/*
* Addresses `quotes` property not supported in Safari 4.
*/
q:before, q:after {
    content: '';
    content: none;
}
small {
    font-size: 75%
}

/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub, sup {
    position: relative;
    vertical-align: baseline;
    font-size:10px;
    line-height: 0;
}
sup {
    top: -1em;
    font-size:10px;
}
sub {
    bottom: -1em
    font-size:10px;
}

/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE 6/7.
*/

dl, menu, ol, ul {
    margin: 1em 0
}

.hero-gray ul, .hero-white ul {
    list-style-position: outside;
    list-style-type:none;
    line-height: 23px;
    margin: 0 20px;
}

nav li:before { 
    border-style:none;
    border-width:0;
}

li:before { 
    content: "";
    border-color: transparent #111;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1.3em;
    top: 1.1em;
    position: relative;
}

dd {
    margin: 0 0 0 40px
}

/*
* Addresses paddings set differently in IE 6/7.
*/
menu, ol, ul {
    padding: 0
}

/*
* Corrects list images handled incorrectly in IE 7.
*/
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7.
*/

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
    overflow: hidden
}

/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/

figure {
    margin: 0
}

/* ==========================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE 6/7.
*/

form {
    margin: 0
}

/*
* Define consistent border, margin, and padding.
*/
fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
    border: 1px solid #c0c0c0;
}

/*
* 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7.
*/
legend {
    padding: 0;
    border: 0; /* 1 */
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}


button, input, select, textarea {
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    font-size: 100%; /* 1 */
    *vertical-align: middle; /* 3 */
}


button, input {
    line-height: normal
}



button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] {
    cursor: pointer; /* 3 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible; /* 4 */
}


button[disabled], input[disabled] {
    cursor: default
}


input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}


input[type="search"] {
    /* 2 */
    box-sizing: content-box;
    -webkit-appearance: textfield; /* 1 */
    nowhitespace: afterproperty;
}


input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}


button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}


textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/

table {
    border-spacing: 0;
    border-collapse: collapse;
}

/* ==========================================================================
Global Styles
========================================================================== */
.group:after {
    content: "";
    display: table;
    clear: both;
}
a {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: color, border-color, background-color;
    transition-property: color, border-color, background-color;
}
.nopadding {
    margin: 0 !important;
    padding: 0 !important;
}
p {
    font-size: 14px;
    line-height: 22px;
    color:#464646;
}
a {
    color: #000;
}
a:hover, a:focus {
    color:#e84c3d;
    text-decoration: none;
}
.texture-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../img/grid.png);
}

/* ==========================================================================
Buttons
========================================================================== */
.use-btn {
    margin: 1px;
    padding: 12px 33px;
    border-radius: 3px;
    background-color: #fff;
    color: #4b98a9;
    font-size: 13px;
}
.use-btn:hover, .use-btn:focus {
    background-color: #73d0da;
    color: #fff;
    text-decoration: none;
}
.learn-btn, .download-btn {
    display: inline-block;
    padding: 10px 33px;
    border: 2px solid #fff;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
}
.learn-btn:hover, .download-btn:hover, .learn-btn:focus, .download-btn:focus {
    border-color: #73d0da;
    color: #73d0da;
    text-decoration: none;
}
.read-more-btn {
    display: inline-block;
    color: #323a45;
    text-transform: uppercase;
    font-weight: 400;
}
.read-more-btn i, .download-btn i {
    margin-left: 5px
}
.showcase .download-btn {
    margin-top: 50px
}
.download .download-btn {
    margin-top: 25px
}

/* ==========================================================================
Navigation
========================================================================== */
.nav-toggle {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 999999;
    padding: 15px 30px 10px 0px;
    cursor: pointer;
}
.nav-toggle:focus {
    outline: none;
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
    content: '';
    position: absolute;
    display: block;
    width: 28px;
    height: 4px;
    border-radius: 1px;
    background: #000;
    cursor: pointer;
}
.nav-toggle span:before {
    top: -10px
}
.nav-toggle span:after {
    bottom: -10px
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.nav-toggle.active span {
    background-color: transparent
}
.nav-toggle.active span:before, .nav-toggle.active span:after {
    top: 0
}
.nav-toggle.active span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav-toggle.active span:after {
    top: 10px;
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
}
.navicon {
    position: relative;
    height: 26px;
}
.navicon p {
    margin: 15px 50px 0 0
}
.navicon-fixed {
    position: fixed;
    top: 59px;
    right: 143px;
}

/* ==========================================================================
Hero
========================================================================== */
.nav-bar {
    padding:20px 0;
    background-color: #fff;
}

.top-header {
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 12px;
    color: #fff;
    background-color: #444999;
}

.top-header__contacts:first-child {
    padding-left: 0;
}

.top-header__contacts {
    display: inline-block;
    padding-right: 26px;
    padding-left: 20px;
    line-height: 1;
    border-right: 1px solid #777;
}

.top-header .icon {
    display: inline-block;
    margin-top: -2px;
    padding-right: 5px;
    font-size: 14px;
    vertical-align: middle;
}
.top-header .icon {
    display: inline-block;
    margin-top: -2px;
    padding-right: 5px;
    font-size: 14px;
    vertical-align: middle;
}

.stroke {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.top-header a {
    color: #fff;
}

.top-header__link {
    display: inline-block;
}

.btn-header {
    margin-right: 12px;
    margin-left: 20px;
    padding: 6px 8px;
    font-size: 9px;
    line-height: 1;
    border: none;
    transition: all 0.3s;
    background-color: #e84c3d;
}

.btn-effect {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.header-login {
    float: right;
}

.header-login__item:first-child {
    padding-right: 13px;
    border-right: 1px solid #777;
}

.header-login__item {
    padding-left: 13px;
}


.hero {
    position: relative;   
    background: #fff;
    color: #f2f2f2;
    border-bottom:1px solid #ddd;
}

.hero-white {
    position: relative;
    padding: 60px 0;
    background:#fff;
    background-size: cover;
    color: #000;
}

.hero-white img { max-width:100%; }

.hero-white h6 {
    color: #636262;
    font-size:14px;
    margin:0px;
    padding:0px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.hero-white h1 {
    color: #0e2d45;
    margin:10px 0 20px;
    padding:0px;
    font-size: 26px;
    text-transform: uppercase;
    line-height: normal;
    padding-bottom: 7px;
    position: relative;
}

.hero-white h2 {
    color: #0e2d45;
    margin:10px 0 15px;
    padding:0px;
    font-size: 22px;
    text-transform: uppercase;
    line-height: normal;
    padding-bottom: 7px;
    position: relative;
}

span.dark {
    color: #e04622;
}

h1.section_title::after, .hero-white h2::after {
    background-color: #424242;
}

.hero-white h1::after {
    content: "";
    position: absolute;
    width: 55px;
    height: 2px;
    background-color: #424242;
    bottom: 0;
    left: 0;
}

.rm-btn {
    padding: 10px 10px;
    background:#e84c3d;
    color:#fff;
}

.rm-btn:hover {
    color:#fff100;
}

.hero-gray {
    position: relative;
    padding: 40px 0;
    background:#fff;
    color: #000;
}

.hbg { background:#df6f27; padding: 15px; color:#fff; }
.yellowbg { background:#fcee9b;  color:#000; }
.yellowbg p { color:#000; }
.orngbg { background:#e65100; padding: 12px; color:#fff; }
.bluebg { background: #444999; padding: 12px; display: inline-block; color:#fff; }
.graybg { background: #ddd; padding: 12px; display: inline-block; color:#000; }
.graybg1 { background: #e65100; padding: 15px; display:block; color:#fff; font-size:25px; text-align:center; }

.sidebarbg { background:#fcee9b; padding: 5px 20px 20px; color:#000; }
.sidebarbg h3 { border-bottom: 1px solid #e65100; padding: 10px 0px; color: #000; }

.hero-gray h2 { font-weight:400; font-family: 'Montserrat', sans-serif; text-transform:uppercase; }
.hero-gray p { font-size:13px; line-height:20px;}
.hero-gray strong { display:block; margin-bottom:10px;}


.calendar {
    background: url('../img/news-bg.jpg');
    padding:30px;
    overflow:hidden;
}

.newsli { border-top:1px solid #ddd; padding:5px 0; width:100%; overflow:hidden; }
.newsli .left { width:20%; float:left; text-align:center; line-height:25px; color:#000; }
.newsli .left .day { color: #e84c3d; font-weight:600; font-size:40px; font-family:calibri; display:block; margin:5px 0px; }
.newsli .left .month { color: #999; }
.newsli .right { width:80%; float:left; padding-left:5px; }


.programs {
    position: relative;
    padding: 60px 0;
    background:url('../img/programe-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
}

.programs p { color:#fff; }

.programs h2 {
    font-family: 'Montserrat', sans-serif;
    font-size:32px;
    color:#fff;
    letter-spacing:0px;
    margin-top: 12px;
    text-transform: uppercase;
    line-height: normal;
    padding-bottom: 15px;
    position: relative;    
}

.programs h2::after {
    background-color: #ffffff;
}

.programs h2::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 1px;
    background-color: #ffffff;
    bottom: 0;
    left: 0;
}

.programs h3 { font-size: 18px; color: #2c3740; font-weight:400; font-family: 'Montserrat', sans-serif; text-transform:uppercase; }
.programs .progdiv { width:100%; background:#fff; margin: 0px 28px 35px 0; padding: 2px 20px; transition: all 0.3s linear 0s; }
.programs .progdiv p { color:#2c3740; }

.clienimg { border: 1px solid #f3f3f3; padding:20px 40px; }

.custom-heading::before {
    display: block;
    content: "";
    width: 40px;
    height: 3px;
    left:15px;
    top: 0;
    background-color:#e65100;
}

.btn-line, a.btn-line {
    font-weight: 500;
    font-size: 12px;
    -webkit-border-radius: 0;
    border: solid 1px rgba(1,1,1,.2) !important;
    padding: 6px;
    padding-left: 30px;
    padding-right: 30px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    letter-spacing: 2px;
    text-decoration: none;
    margin-top: 20px;
}

.btn-line:after, a.btn-line:after {
    font-family: FontAwesome;
    content: "\f054";
    margin-left: 10px;
    color:#e65100;
}

.hero h1 {
    margin: 80px 0 24px 0;
    font-weight: 300;
    font-size: 33px;
}
.hero h1 span {
    display: inline-block;
    color: #a1a9b0;
}
#home {
    width: 100%;
    height: 100%;
}
.hero {
    width: 100%;
    height: 100%;
    
}
header i {
    margin-left: 5px
}

.mobicons {
    position: relative;
    padding: 10px 0;
    background:#444999;
    text-align:center;
}

.mobicons h4 { display:none; }

.mobicons a {
    color: #fff;
    font-size:22px;
    margin-right:20px;
}

.quick-links {
    position: relative;
    padding: 60px 0;
    color: #000;
}

.quick-links h2 {
    color: #262626;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size:22px;
    color:#000;
    letter-spacing:0px;
    margin-top: 12px;
}    

.quick-links a { font-size:15px; text-transform:uppercase; font-family: 'Montserrat', sans-serif; line-height:17px; font-weight:bold; color: #888; }

.quick-links .div { padding:20px; border:1px solid #ddd; margin-bottom:20px; }
.quick-links .brdr1 { border-bottom: 2px solid #92d438; }
.quick-links .brdr2 { border-bottom: 2px solid #3b99d7; }
.quick-links .brdr3 { border-bottom: 2px solid #e84c3d; }
.quick-links .brdr4 { border-bottom: 2px solid #ad33c5; }
.quick-links .brdr5 { border-bottom: 2px solid #26cbbd; }
.quick-links .brdr6 { border-bottom: 2px solid #92d438; }

.downform { 
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    line-height: 17px;
    font-weight: bold;
    color: #fff;
    padding: 15px;
    background: #444999;
    border: 0px;
    margin-bottom: 20px;
    border-bottom: 2px solid #dfdfdf;
}

.downform:hover { color:#ddd; }

.campus-video {
    position: relative;
    padding: 100px 0;
    background:url('../img/video-bg-icon.jpg');
    background-size: cover;
    text-align:center;
    color: #fff;
}

.campus-video h3 {
    color: #fff;
    font-size: 16px;
    line-height: 28	px;
    margin-bottom: 0px;
    font-weight:300;
}    
    
.campus-video p { color:#fff; font-size:16px;}

.photo-gallery {
    position: relative;
    padding: 60px 0;
    background:url('../img/gallery-bg.jpg');
    background-size: cover;
    text-align:center;
    color: #fff;
}

.photo-gallery h3 {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0px;
    font-weight:300;
}    
    
.photo-gallery p { color:#fff; font-size:16px;}

.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 10px;
	height: 10px;
	margin: 2px 5px;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 0;
	background: #C59A6D;
}

.testi {
    padding: 20px;
    background:#f3f3f3;
}

/* ==========================================================================
Footer
========================================================================== */
footer {
    padding: 40px 0;
    background:#dfdfdf;
    text-align:center;
    color: #888;
}
footer p {
    color: #515151;
    font-size: 12px;
}

footer h4 {
    font-size:15px;
    color:#515151;
}

footer a {
    color: #000;
    line-height:27px;
    font-size:12px;
}

footer a:hover {
    color: #000;
}


/* ==========================================================================
Nav Overlay
========================================================================== */
/* Overlay style */

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(52, 82, 113, 0.95);
}

/* Menu style */
.overlay nav {
    position: relative;
    top: 35%;
    padding:20px;
    height: 60%;
    font-size: 13px;
    color:#fff
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

nav strong { color:#ffc754; }
.overlay nav a { color:#fff; }

.navleft { width:50%; float:left; padding:15px; }
.navright { width:50%; float:left; padding:15px; }

/* Effects */
.overlay-boxify {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-boxify.open {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.overlay-boxify nav ul li {
    opacity: 0;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
}
.overlay-boxify.open nav ul:first-child li:first-child {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.overlay-boxify.open nav ul:first-child li:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.overlay-boxify.open nav ul:nth-child(2) li:first-child {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.overlay-boxify.open nav ul:nth-child(2) li:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.overlay-boxify.open nav ul li {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}



/* ==========================================================================
Image overlay caption
========================================================================== */

.caption {
    position: relative;
    overflow: hidden;
    }
    
.caption__media {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    border:solid 1px #000;
}
.caption__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 40px;
    color:#000;
    transform: translateY(100%);
    transition: transform .35s ease-out;
    
}
.caption:hover .caption__overlay {
    transform: translateY(0);
}


.caption__overlay__title {
    margin: 0;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    transform: translateY( calc(-100% - 10px) );
    transition: transform .35s ease-out;
    padding: 4px 6px 5px 6px;
    background: #fff;
    display: inline-block;
    position: relative;
    color: #000;
}
.caption:hover .caption__overlay__title {
    transform: translateY(0);
}


.caption::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);    
 
   transition: background .35s ease-out;
    
}
.caption:hover::before {
   background: rgba(0, 0, 2, 0.7);
}


.caption__overlay__content{
padding: 4px 6px 5px 6px;
            background: #fff;
            display: table;
            color:#000;
            font-size: 12px;
}

.caption__overlay__content_tag{
	padding: 3px 4px 4px 4px;
	position:relative;
            background: #CDDC39;
            color:#000;
            font-size: 11px;
}




/* Dropdown Button */
.dropbtn a {
    font-size: 16px;
    border: none;
    font-family:'Montserrat', sans-serif;
    cursor: pointer;
    color:#000;
    font-weight: 600;
    
}

.nav-subtitle {
    display: block;
    color: #aaaaaa;
    font-size: 12px;
    margin: 5px 0 12px;
    line-height: 5px;
    font-family:calibri;    
}

.navselect {
    border-bottom:2px solid #ebebeb !important;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropbtn a:hover {
    color:#e84c3d;
}

.dropbtn1 {
    background-color: NONE;
    color: white;
    padding: 10px;
    font-size: 13px;
    border: none;
    cursor: pointer;
    color:#000;
    }


/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    padding: 0 15px;
    display: inline-block;
    margin-top: 6px;
}

/* Dropdown Content (Hidden by Default) */

.dropdown-content {    
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 180px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        font-size: 12px;    
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 10px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size:13px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Slider Class */

.hero-banner {
    position: relative;
    padding:0;
    min-height:450px;
    background:#000;
    background-size: cover;
    color: #f2f2f2;
}

.hero-banner-inner {
    padding:0;
    background:url('../img/header-bg.jpg');
    background-size: cover;
    color: #f2f2f2;
    text-align:center;
}

.hero-banner-inner-overlay { background: rgba(0, 0, 0, 0.3); padding:60px 0; }

.slide-content-0, .slide-content-1, .slide-content-2, .slide-content-3, .slide-content-4, .slide-content-5 {
background-color: transparent !important;
height:450px;
}

.slide1 { background:url('../img/slider1.jpg'); background-size: cover;}
.slide2 { background:url('../img/slider2.jpg'); background-size: cover;}
.slide3 { background:url('../img/slider3.jpg'); background-size: cover;}
.slide4 { background:url('../img/slider4.jpg'); background-size: cover;}
.slide5 { background:url('../img/slider5.jpg'); background-size: cover;}
.slide6 { background:url('../img/slider6.jpg'); background-size: cover;}

.sliderh {
    padding-top: 210px;
    text-transform: uppercase;
    font-weight:700;
}

.sliderh span { background: rgba(0, 0, 0, 0.7);padding:15px 20px; font-size: 1.2em; margin-left: 9%;}

.imgbrdr { border:1px solid #ddd; }

.testih { text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 30px !important; color: #fff; letter-spacing: 0px; margin-top: 12px !important; font-weight:500 !important; }

.socialico {
    margin-right:10px;
    float:left;
    font-size:14px;
}

.copyright {
    margin:10px;
    padding: 0px;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
}

.downloadbtn {
	padding:10px 20px;
	background:#0070c0;
	color:#fff;
	text-transform:uppercase;
	font-weight:500;
	margin: 20px 0;
	line-height:60px;
}

.downloadbtn:hover { color:#000; }

.imgleft { float:left; margin-right:20px; width:200px !important; }
}


/*
    Modal
    ------------------------------------------------------------------------- */
.pophdr {
  height: 30px;
  display: block;
  width: 100%;
}

.modal-box {
  top: 17% !important;
  margin: 0 auto;
  font-size: 18px;
  color: #000;
  display: none;
  position: fixed;
  z-index: 1000;
  width: 90%;
  background:#fff;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 2px 2px 20px #000;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}

@media (min-width: 32em) {
.modal-box { width: 40%; top: 17%;}
}

.modal-box .modal-body { padding:25px;}

.modal-overlay {
  opacity: 0.8 !important;
  filter: alpha(opacity=0);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0) !important;
}

.popclose {
position: absolute;
    font-size: 25px;
    right: 11px;
    text-decoration: none;
    color: #da241c;
    margin-top: 3px;
    z-index:1000;
}

.ifr {border:none;height:275px;width:100%;}
.ifr1 {border:none;height:320px;width:100%;}
.poweredby { float:left; font-size:10px; }

.gmapifr { width:100%; height:300px; border:0px; }




/* Lightbox */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5em;
    color: #fff;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.coverimg {
  object-fit: cover;
  width: 100%;
  height: 150px;
  margin-bottom:20px;
}


/* ==========================================================================
Gallery
========================================================================== */

.galleryimg {
  margin-bottom:10px;
  object-fit: cover;
  width: 100%;
  height: 60px;
}

.pgclm .col-md-2, .pgclm .col-sm-2, .pgclm .col-xs-3 { padding-left: 5px; padding-right: 5px; }
.aicte { font-size:12px !important; background:rgba(213, 57, 42, 0.78) !important; display:inline-block; margin-top:20px; }
.web-counter {float: left; margin-left: 10px; border: 0px; }

.alumniFont p
{
    font-size:13px;
}

.imgborder
{
border: 1px solid #cdcbcb;
    padding: 5px 8px;
}

.hero-banner-landing {
    padding:0;
    background:url('../img/simer-banner.jpg');
    background-size: cover;
    color: #f2f2f2;
    text-align:center;
}
.blackbg { 
background:#000; 
color:#fff; }
.blackbg p { color:#fff; }

.grayTitle
{
    background: #c9c9c9;
    padding: 20px 10px;
}