html * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
height: 100%;
}
/* ===================================
Reset
====================================== */
body {
font-family: 'STIXGeneral-Regular';
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
font-size:16px;
color: #24407A;
line-height:24px;
letter-spacing: 0.01em
}
a {
text-decoration: none;
color: #4E5051;
cursor: pointer !important;
outline: 0;
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
}
a:hover, a:focus {
text-decoration: none;
color:#e6cc8f;
}
a:focus {
outline: none;
}
input:focus{
outline: none;
}
img {
max-width: 100%;
height: auto;
-webkit-backface-visibility: hidden;
}
p {
margin: 0 0 15px 0; line-height:1.2
}
ul, ol { margin: 0; padding: 0; list-style: none;}
/* ===================================
Typography
====================================== */
/* heading */
h1, h2, h3, h4, h5, h6 {font-family: 'STIXGeneral-Regular';}
p { line-height: 1.5;}
.mb-8{margin-bottom: 8rem;}
button:focus{outline:none !important; box-shadow:none!important; border:0px !important}
/* ===================================
Button
====================================== */
.btn {
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
transition: all .2s;
font-size: inherit!important;
}
.section-bg-yellow{background:#E6CC8F}
.btn-default { background: #ffffff; color: #4E5051!important; transition-duration: 0.3s; padding: 15px 30px;}
.btn-default:hover { background: #333333; color:#ffffff!important; transition-duration: 0.3s;}
/*.btn-default:focus { color: #333333!important;}*/
.btn-border { background-color: transparent; border: 2px solid #4E5051; color: #4E5051; padding: 15px 30px; font-family: 'STIXGeneral'; font-weight:500;}
.btn-border:hover { background-color:transparent; border: 2px solid #000000; color: #000000;}
/*.btn-border-white { background-color: transparent; border: 2px solid #ffffff; color: #ffffff; padding: 15px 30px; font-family: 'STIXGeneral';}
.btn-border-white:hover { background-color:transparent; border: 2px solid #ffffff; color: #ffffff;}*/
.btn-border-white { padding: 15px 30px; font-family: 'STIXGeneral'; color: #ffffff; border:2px solid #ffffff; background-position: 100%;}
.btn-border-white:hover { color: #4E5051;
background-image: -webkit-linear-gradient(30deg, #ffffff 50%, transparent 50%);
background-image: linear-gradient(70deg, #ffffff 50%, transparent 50%);
background-size: 500px;
background-repeat: no-repeat;
background-position:0%;
-webkit-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;
}
.btn-fill { padding: 15px 30px; font-family: 'STIXGeneral'; color: #4E5051; border:2px solid #ffffff;
background-image: -webkit-linear-gradient(30deg, #ffffff 50%, transparent 50%);
background-image: linear-gradient(30deg, #ffffff 50%, transparent 50%);
background-size: 500px;
background-repeat: no-repeat;
background-position: 0%;
-webkit-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;}
.btn-fill:hover { background-position: 100%; color: #ffffff;}
.btn-fill-dark { padding: 15px 30px; font-family: 'STIXGeneral'; color: #ffffff; border:2px solid #4E5051;
background-image: -webkit-linear-gradient(30deg, #4E5051 50%, transparent 50%);
background-image: linear-gradient(30deg, #4E5051 50%, transparent 50%);
background-size: 500px;
background-repeat: no-repeat;
background-position: 0%;
-webkit-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;}
.btn-fill-dark:hover { background-position: 100%; color: #4E5051;}
.btn-fill-green { padding: 15px 30px; font-family: 'STIXGeneral'; color: #ffffff; border:2px solid #0994A2;
background-image: -webkit-linear-gradient(30deg, #0994A2 50%, transparent 50%);
background-image: linear-gradient(30deg, #0994A2 50%, transparent 50%);
background-size: 500px;
background-repeat: no-repeat;
background-position: 0%;
-webkit-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;}
.btn-fill-green:hover { background-position: 100%; color: #ffffff; border:2px solid #ffffff;}
.btn-fill-cyan{ padding: 15px 30px; font-family: 'STIXGeneral'; color: #ffffff; border:2px solid #00C1D5;
background-image: -webkit-linear-gradient(30deg, #4E5051 50%, transparent 50%);
background-image: linear-gradient(60deg, #00C1D5 50%, transparent 50%);
background-size: 500px;
background-repeat: no-repeat;
background-position: 0%;
-webkit-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;}
.btn-fill-cyan:hover { background-position: 100%; color: #4E5051;}
.btn-text-lg{ padding: 1rem 3rem; font-size: 1.5rem; display: inline-block;}
/* Bg Color ------------------------- */
.bg-white{ background: #ffffff;}
.bg-black{ background: #000000;}
.bg-grey{ background: #8a8d8f;}
.bg-light-grey{ background: #f3f4f4;}
.bg-dark{ background: #191919;}
.bg-cyan{background: #0994A2;}
.bg-yellow{ background:#FFC525;}
.coverbg{background:#000 no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
/* Text Color ------------------------- */
.text-white { color: #ffffff!important;}
.text-black { color: #000000!important;}
.text-dark{color: #333333!important;}
.text-light-blue { color: #00c1d5!important;}
.text-light-green{ color: #2dc84d!important;}
.text-grey{ color: #505050!important;}
.text-light-grey{ color: #8A8D8F!important;}
/* Text Link ------------------------- */
.text-underline{ text-decoration: underline;}
.text-underline:hover{ text-decoration: none;}
.default-link{ color: #FA4238;}
.default-link:hover{ color: #FFC525;}
.link-underline{ text-decoration: none; color: #4e5051; font-family: 'STIXGeneral';}
.link-underline:after{content: ""; display: block; width:50px; height:2px; margin-top: .35rem; background:#00c1d5; margin-bottom: 20px;}
.anim-underline { background: transparent; border: none; display:inline-block; outline: none; position: relative; transition: 0.3s; padding-bottom:10px;}
.anim-underline:before { content: ''; border-bottom:2px solid #00c1d5; position: absolute; bottom: 0; left: 0; right: 0; width:50%; transition: 0.3s;}
.anim-underline:hover:before {width: 100%; padding: 0;}
.anim-underline:active {background:transparent!important; color: #4E5051; transition: none;}
.anim-underline-link { background: transparent; border: none; display:inline-block; outline: none; position: relative; transition: 0.3s; padding-bottom:10px; font-family: 'STIXGeneral';}
.anim-underline-link:before { content: ''; border-bottom:2px solid #00c1d5; position: absolute; bottom: 0; left: 0; right: 0; width:50%; transition: 0.3s;}
.anim-underline-link:hover:before {width: 100%; padding: 0;}
.anim-underline-link:active {background:transparent!important; color: #4E5051; transition: none;}
.anim-green:before{border-bottom:2px solid #2DC84D;}
.anim-yellow:before{border-bottom:2px solid #fec843;}
.anim-dark:before{border-bottom:2px solid #8A8D8F;}
.anim-red:before{border-bottom:2px solid #ce2833;}
.zoom-card-img {overflow: hidden;}
.zoom-img { transition: 0.3s;}
.zoom-img:hover { transform: scale(1.1);}
/* ===================================
Header
====================================== */
header{background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgb(0, 0, 0) 100%) !important;z-index: 9999;position: absolute; width: 100%;}
.header-classic {
-webkit-transition: all 0.5s ease;
-moz-transition: position 10s;
-ms-transition: position 10s;
-o-transition: position 10s;
transition: all 0.5s ease;
background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 90%);}
/*.header-classic .navbar-brand img{ max-width:60%;}*/
.fixed-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; animation: smoothScroll 1s forwards;background: #232f5f !important; border-bottom: 1px rgb(230 204 143 / 50%) solid;}
.fixed-header .header-classic {background: none !important;}
@keyframes smoothScroll {
0% {
transform: translateY(-40px);
}
100% {
transform: translateY(0px);
}
}
/* Vector */
/*-------------------- Navigation classic ---------------------*/
.navbar-classic {z-index: 999;}
.header-classic ul.social{background:#E6CC8F; padding:5px 40px; text-transform: uppercase;; width:180px; margin-top:3px}
.header-classic ul.social li{ display: inline-block; text-align: center;}
.header-classic .navbar{ padding-left:1.5rem; padding-right:1.5rem; padding-top:15px; padding-bottom:15px;}
.navbar-classic .navbar-nav .nav-item { margin:8px 25px;text-align: center;display: flex;align-items: center;}
.navbar-classic .navbar-nav .nav-item .nav-link { padding: 8px 0px; position: relative; display: grid; justify-content: center; transition: .3s; cursor: pointer; text-transform: uppercase; font-family: 'STIXGeneral-Regular'; font-size:16px; color:#ffffff; letter-spacing:1px; line-height:20px; font-weight: normal}
.navbar-classic .navbar-nav .nav-item .nav-link:hover::before, .navbar-classic .navbar-nav .nav-item .nav-link.active::before {background: transparent; content: ''; border-bottom: 1px solid #E6CC8F; position: absolute; bottom:4px; left: 0; right: 0; width: 100%;
transition: 0.3s;}
.navbar-classic .navbar-nav .nav-item .active{border-bottom: 1px solid #E6CC8F;}
.navbar-classic .nav-item.nav-item-line.active > .nav-link{color: #000000;}
.navbar-classic .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after {color: #000000;}
/*.navbar-nav .nav-item.active > .nav-link, .navbar-nav .nav-item:active:focus > .nav-link, .navbar-nav .nav-item:active > .nav-link, .navbar-nav .nav-item:focus > .nav-link, .navbar-nav .nav-item:hover > .nav-link { color: #fffffff;border-bottom: 1px solid #E6CC8F;}*/
.navbar-classic .navbar-nav .nav-item.nav-item-fill.active > .nav-link, .navbar-classic .navbar-nav .nav-item.nav-item-fill > .nav-link:active:focus > .nav-link, .navbar-classic .navbar-nav .nav-item.nav-item-fill > .nav-link:active > .nav-link, .navbar-classic .navbar-nav .nav-item.nav-item-fill > .nav-link:focus > .nav-link, .navbar-classic .navbar-nav .nav-item.nav-item-fill > .nav-link:hover > .nav-link {
background: #FA4238;
color: #fff;
}
.navbar-classic .navbar-nav .nav-item.nav-item-double-line.active > .nav-link, .navbar-classic .navbar-nav .nav-item.nav-item-line.active > .nav-link, .navbar-nav .nav-item.nav-item-line > .nav-link:active, .navbar-nav .nav-item.nav-item-line > .nav-link:active:focus, .navbar-nav .nav-item.nav-item-line > .nav-link:focus, .navbar-classic .navbar-nav .nav-item.nav-item-line > .nav-link:hover {
color: #00c1d5;
}
.navbar-classic .navbar-nav .nav-item.nav-item-line > .nav-link::after {
content: '';
background: #00c1d5;
width: 0;
height: 2px;
left: 50%;
bottom: 0;
position: absolute;
transition: .3s
}
.navbar-nav .nav-item.nav-item-line.active > .nav-link::after, .navbar-nav .nav-item.nav-item-line > .nav-link:active::after, .navbar-nav .nav-item.nav-item-line > .nav-link:active:focus::after, .navbar-nav .nav-item.nav-item-line > .nav-link:focus::after, .navbar-nav .nav-item.nav-item-line > .nav-link:hover::after {
width: 100%;
left: 0
}
.navbar-classic .dropdown-toggle::after {
margin-top: 1px;
display: inline-block;
width: 0;
height: 0;
margin-left: 6px;
vertical-align: -2px;
content: "";
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
color: #bdbebf;
font-family: 'FontAwesome';
font-weight: 900;
margin-right: 15px;
font-size:20px;
float: right;
}
.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item { border-bottom: 1px solid #8A8D8F;border-radius: 0px;}
.navbar-brand { display: inline-block; margin-right: initial; line-height: inherit; white-space: nowrap;}
.navbar-brand img { max-width:100%!important;}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
/*margin:15px 0px;*/
margin-top:17px;
padding: 0px;
/*font-size: 1rem;*/
color: #232f5f;
text-align: left;
list-style: none;
background-color: rgba(0, 0, 0, .7);
background-clip: padding-box;
border-radius:0px;
border: 0px;
}
.dropdown-item {
display: block;
/*width: 100%;*/
padding:10px 0px;
clear: both;
font-weight:normal;
color: #232f5f;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
font-family: 'STIXGeneral-Regular';
text-transform: uppercase;
font-size:20px;
line-height:26px;
/*border-bottom: 1px solid #000;*/
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.dropdown-item{position: relative}
.dropdown-item:hover::after{content:''; position: absolute; left:0; bottom:0; border-bottom:1px solid #E6CC8F; width:100%}
.dropdown-item:hover {color: #232f5f!important; background-color:transparent!important; border-radius:0px;}
.dropdown-toggle::after, .dropdown-item:hover.dropdown-toggle::after { color: #232f5f;}
.dropdown-item:hover .nav-dropitem-arrow {color: #000000; opacity: 1; margin-right: 5px;}
.mega-dropdown-menu .menu-title {display:inline-block; padding:10px 0px;clear: both; color: #232f5f; text-align: inherit; white-space: nowrap;border: 0; background-color: transparent;
font-family: 'STIXGeneral';text-transform: uppercase; font-size:18px; line-height:21px;font-weight:bold; border-bottom: 2px solid #E6CC8F; /*border-bottom: 2px solid #01c2d4;*/ margin-bottom: 10px;}
@media(min-width:992px) {
.dropdown .dropdown-menu {
display: block;
visibility: hidden;
opacity: 0;
/*-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);*/
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in
}
.dropdown:hover>.dropdown-menu {
visibility: visible !important;
opacity: 1 !important;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}
.dropdown-submenu:hover .dropdown-menu {
visibility: visible;
opacity: 1;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}
}
.dropdown-submenu {position: relative;}
.dropdown-submenu a::after {transform: rotate(-90deg); position: absolute; right: 17px; top:25px;}
.dropdown-submenu .dropdown-menu {top:-16px; left: 100%; margin-right: .1rem;}
.caret-up { width: 0; height: 0; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid; display: inline-block; margin-left: 2px; vertical-align: middle;}
.mega-dropdown {position: unset;}
.mega-dropdown-menu {width: 100%; position: absolute; top:103px; margin: 15px 0px; background-color: rgba(255, 255, 255, 1); /*background-color: rgba(33, 30, 30, .85);*/ padding: 50px 80px;}
.mega-dropdown-menu ul {list-style: none;}
.single-dropdown-menu {width: 100%; position: absolute; margin: 15px 0px; margin-top:17px;}
.nav-dropitem-arrow {position: relative; font-size: 12px; opacity: 0; padding-right: 10px;}
.nav-dropitem-arrow i {position: absolute;/* top: -1px; */}
.navbar-classic .navbar-toggler, .navbar-boxed .navbar-toggler {padding:22px 10px; font-size: 1.25rem; line-height: 1; background-color: transparent; border:0px solid #eaeaf0; border-radius: .25rem; position: absolute; top:7px; right:10px; z-index: 999;}
/* Mobile menu css */
.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu {background: #4E5051; box-shadow: none; margin: 7px 0px; padding-bottom: 20px;}
.navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link {border-top: 1px solid #ffffff; color: #ffffff;}
.navbar-classic .navbar-collapse.show .navbar-nav .nav-item:last-child .nav-link{border-bottom:0px solid #EE2225;}
.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {border-bottom: 1px solid #f1f1f6;}
.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu {background: #fff; box-shadow: none; margin: 7px 0px;}
.navbar-boxed .navbar-collapse.show .navbar-nav .nav-item .nav-link {border-bottom: 1px solid #f1f1f6;}
.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {border-bottom: 1px solid #f1f1f6;}
.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item { color: #ffffff; font-size: 14px;}
.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu {background: #fff; box-shadow: none; margin: 7px 0px;}
.navbar-transparent .navbar-collapse.show .navbar-nav .nav-item .nav-link { border-bottom: 1px solid #495bfb;}
.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {border-bottom: 1px solid #f1f1f6;}
.navbar-toggler.collapsed .icon-bar{margin-top:6px;}
.icon-bar { width:30px; height:3px; background-color:#4E5051; display:block; margin-top:4px; border-radius: 3px;
-webkit-transition: all 0.2s; transition: all 0.2s;}
.navbar-toggler:focus { outline: 0px;}
.navbar-toggler .top-bar {transform: rotate(45deg); transform-origin: 25% 190%;}
.navbar-toggler .middle-bar {opacity: 0;}
.navbar-toggler .bottom-bar {transform: rotate(-45deg); transform-origin: 20% -80%; background-color: #4E5051; width: 100%;}
.navbar-toggler.collapsed .top-bar {transform: rotate(0); background-color: #E6CC8F;}
.navbar-toggler.collapsed .middle-bar {opacity: 1;}
.navbar-toggler.collapsed .bottom-bar {transform: rotate(0); background-color: #E6CC8F; width: 100%;}
.navbar-classic .navbar-collapse.show .navbar-nav{width:100%; padding-right:0px;}
.navbar-classic .navbar-collapse.show .navbar-nav .nav-link{width:100%;}
/* ===================================
Footer
====================================== */
.footer{background-color: #232F5F; padding: 50px; color:#ffffff;}
.footer-bottom{margin-top:1rem; padding-top:1rem; padding-bottom:1.5rem; border-top:1px solid #e0e0e0;}
.footer-bottom p{font-size:13px; margin-bottom: 0px;}
.footer-bottom a.link-small{ font-size:11px; color: #4e5051;}
.footer-navbar{ padding-left: 0; list-style: none; display: flex;}
.footer-navbar i { font-size: 10px; color: #333333; transition: 1s; display: none;}
.footer-navbar li.footer-navbar-item{ padding-right: 30px; font-size:14px; display: flex;}
.footer-navbar li.footer-navbar-item:before{content: ""; display:inline-block; background: url("../images/icons/footer-links-lh.png") no-repeat; width:20px; height:9px; margin-top:5px;}
.footer-navbar li.footer-navbar-item a{ color: #4e5051; text-decoration: none;}
.footer-navbar li.footer-navbar-item a:hover{ color: #333333;}
.footer .footertext-large{ text-decoration: none; color: #ffffff; font-size:16px; line-height: 24px; font-family: 'STIXGeneral-Regular';}
.footer .footertext-large:after{content: ""; display: block; height:1px; margin-top: .75rem; background:#E6CC8F; margin-bottom: 20px; width: 95%;}
.footer .footertext-large-link{ text-decoration: none; color: #ffffff; font-size:12px; line-height: 24px; display: inline-block;}
.footer .footertext-large-link:after{content: ""; display: block; height:1px; margin-top: .75rem; background:none; margin-bottom: 20px; width: 95%;}
.footer .footertext-link a{ color: #ffffff!important;}
.footer .footertext-link a:after{content: "|"; height:0px; margin-top: .35rem; background:none !important; margin-bottom: 20px;margin-right: 15px;margin-left: 15px;}
.footer a.links-bttm:after{content: "";}
.footer ul.footer-column li { display: block; margin-bottom:1rem;}
.footer ul.footer-column li a.link-small{ color: #ffffff; text-decoration: none; font-size:16px; font-family: 'STIXGeneral-Regular';}
.footer ul.footer-column li:hover a.link-small{ color: #e6cc8f; text-decoration: none;}
.footer-column-last{ float: right; margin-right:36px;}
/*.footer .footertext-large{ text-decoration: none; color: #8a8d8f;}
.footer .footertext-large:after{content: ""; display: block; width:50px; height:2px; margin-top: .35rem; background:#FFC525; margin-bottom: 20px;}*/
.footer .fixed-bottom{ bottom:0px;}
.footer-fixed {position: fixed; bottom: 0; width: 100%; z-index: 99999;}
.footer-menu{ padding-top:100px; padding-bottom:50px;}
.logo-footer{max-width:20%;}
.footer ul.social li{ display: inline-block; text-align: center; margin-right:5px;}
/* Thank you modal */
.thankyou-modal.modal{ z-index: 999999;}
.thankyou-modal .modal-header{ display: block; border-bottom: 0px;}
.thankyou-modal .modal-header .close { padding: 0.5rem 1.5rem;}
.thankyou-modal .modal-content {border-radius: 0rem!important; background-color: #ecbe2b; border:5px solid #ffffff;-webkit-box-shadow: 3px 4px 8px 0px rgba(0,0,0,0.22); -moz-box-shadow: 3px 4px 8px 0px rgba(0,0,0,0.22); box-shadow: 3px 4px 8px 0px rgba(0,0,0,0.22);}
.thankyou-modal .close {color: #fff; opacity: 1; background-color: #000000; font-weight: 100; text-shadow: none;}
.thankyou-modal .modal-content h3 {font-family: 'HelveticaLTStdBold';}
.thankyou-modal .modal-content a { text-decoration: underline;}
/* Social Icons */
ul.social li{ display: inline-block; text-align: center;}
ul.social li:hover{cursor: pointer;}
ul.social li:hover a i{ color: #ffffff;}
ul.social li a{ color: #232F5F; -webkit-transition: none !important; -o-transition: none !important; transition: none !important;line-height: 0.5;font-size: 1rem;}
ul.social li a:hover, ul.social li a:focus{color: #232F5F;}
ul.social li .fa{font-size:15px; border-radius: 50%; border:1px solid #ffffff; width:35px; height:35px; line-height:33px;transition: all .2s; color:#ffffff;}
ul.social li .fa:hover.fa-facebook{ background-color: #3b5998; color: #fff;transition: all .2s;}
ul.social li .fa:hover.fa-twitter{ background-color: #55acee; color: #fff;transition: all .2s;}
ul.social li .fa:hover.fa-linkedin{ background-color: #007bb5; color: #fff;transition: all .2s;}
/* =================================================================
Section
==================================================================*/
.section{ padding-top: 60px; padding-bottom: 10px;}
.section-top-half{ padding-top:60px; position: relative}
.section-bottom-half{ padding-bottom:100px;}
.section-bottom{ padding-bottom:0px;}
.section-bottom-med{ padding-bottom:60px;}
/* Section title ------------------------- */
.section-title{position: relative;}
.section-title h1, .section-title h2, .section-title h3,.section-title h4, .section-title h5,.section-title h6{ margin-bottom: 0px; color: #4E5051;}
.section-heading .card-title{ font-size: 21px; line-height: 36px; font-weight: bold; letter-spacing:2px;}
.section-sub-heading-sm .card-title{ font-size: 14px; line-height:24px; font-weight: bold; letter-spacing:2px;}
.section-sub-heading .card-title{ font-size: 18px; line-height: 30px; letter-spacing:2px;}
.section-heading-large .card-title{font-size: 50px; line-height: 55px; letter-spacing:5px;}
#intro .bttn-click{position:absolute; right:41.2%; margin-top: 15.5%; color: #ffffff; font-size: 1.5rem; cursor: pointer;}
#intro .bttn-click::before{background: transparent;
content: '';
border-bottom: 2px solid #ffffff;
position: absolute;
bottom: -5px;
left: 0;
right: 0;
width: 100%;
transition: 0.3s;
}
#intro .section-heading-large h1:before{content: "";
display: block;
width: 130px;
height: 2px;
background: #8E7142;
left: -30%;
top: 50%;
position: absolute;}
#intro .section-heading-large h1:after{content: "";
display: block;
width: 130px;
height: 2px;
background: #8E7142;
right: -30%;
top: 50%;
position: absolute;}
#intro .arrow-tl h4{text-align:right; right: -170px; top: 12px; position: absolute;cursor: pointer; font-size:38px; color:#232F5F; line-height:35px;}
#intro .arrow-tr h4{text-align: left; left: -150px; top: 3px; position: absolute;cursor: pointer; font-size:38px; color:#232F5F; line-height:35px;}
#intro .arrow-bl h4{text-align:right; right: -195px; top: 138px; position: absolute;cursor: pointer; font-size:38px; color:#232F5F; line-height:35px;}
#intro .arrow-br h4{text-align:left; left: -175px; top: 174px; position: absolute;cursor: pointer; font-size:38px; color:#232F5F; line-height:35px;}
#intro .arrow-tl .circle{
border: 1px solid #8E7142;
box-shadow: inset 1px 1px 3px #fff;
width: 32px;
height: 32px;
border-radius: 100%;
position: absolute;
display: inline-block;
vertical-align: middle;
background: none;
top: 23px;
right: -49px;
}
#intro .arrow-tr .circle{
border: 1px solid #8E7142;
box-shadow: inset 1px 1px 3px #fff;
width: 32px;
height: 32px;
border-radius: 100%;
position: absolute;
display: inline-block;
vertical-align: middle;
background: none;
top:27px;
left: -51px;
}
#intro .arrow-bl .circle{
border: 1px solid #8E7142;
box-shadow: inset 1px 1px 3px #fff;
width: 32px;
height: 32px;
border-radius: 100%;
position: absolute;
display: inline-block;
vertical-align: middle;
background: none;
top: 36px;
right: -50px;
}
#intro .arrow-br .circle{
border: 1px solid #8E7142;
box-shadow: inset 1px 1px 3px #fff;
width: 32px;
height: 32px;
border-radius: 100%;
position: absolute;
display: inline-block;
vertical-align: middle;
background: none;
top: 1px;
left: -53px
}
/* PLUS */
#intro .circle.plus:before,
#intro .circle.plus:after {
background:#8E7142;
box-shadow: 1px 1px 1px #ffffff9e;
}
#intro .circle.plus:before{
width: 2px;
margin: 8px auto;
}
#intro .circle.plus:after{
margin: auto 8px;
height: 2px;
box-shadow: none;
}
/* MINUS */
.circle.minus:before{
background: #8E7142;
margin: auto 8px;
height: 2px;
box-shadow: 0px 1px 1px #ffffff9e;
}
.circle:before,
.circle:after{
content:'';position:absolute;top:0;left:0;right:0;bottom:0;
}
.world_text1{position: absolute;
background: #fff;
padding: 10px;
width: 250px;
left: 340px;
margin-top: 140px;
font-size:16px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; z-index:99
}
.world_text2{position: absolute;
background: #fff;
padding: 10px;
width: 250px;
right: 309px;
margin-top: 140px;
font-size:16px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; z-index:99
}
.world_text3{position: absolute;
background: #fff;
padding: 10px;
width: 250px;
left: 340px;
margin-top: 147px;
font-size:16px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.world_text4{position: absolute;
background: #fff;
padding: 10px;
width: 250px;
right: 320px;
margin-top: 170px;
font-size:16px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; z-index:99
}
#intro .arrow-tla h4:after{ content: "+";
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
behavior: url(PIE.htc);
width: 13px;
height: 13px;
padding: 0px;
background: #779BCA;
border: 1px solid #003580;
color: #003580;
text-align: center;
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-ms-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s linear;
transition: color 0.2s linear;
font: 13px Arial, sans-serif}
#intro .arrow-tr{position: absolute;right:18%;}
#intro .arrow-tl{position: absolute;left:18%;}
#intro .arrow-br{position: absolute;right:320px;}
#intro .arrow-bl{position: absolute;left:320px;}
.tabbing{background: #ffffff;}
.tabbing div.w-50{background:#232F5F; color:#ffffff;border: #ffffff 1px solid; padding:5px;}
.tabbing .tabbing-content{width: 100%; background: #ffffff; color:#232F5F; padding:10px;}
#tabbing-philosophy, #tabbing-learners, #tabbing-story{display: none;}
#tabbing-udaya, #tabbing-anya, #tabbing-manav{display: none;}
#intro_veda{display: none;}
#intro_veda .arrow-tr{position: absolute;right:400px;}
#intro_veda .arrow-tl{position: absolute;left:400px;}
#intro_veda .arrow-br{position: absolute;right:320px;}
#intro_veda .arrow-bl{position: absolute;left:320px;}
#intro_veda .bttn-click{position:absolute; right: 42.5%;
margin-top: 15.5%; color: #ffffff; font-size: 1.5rem; text-decoration: none;cursor: pointer;}
#intro_veda .bttn-click::before{background: transparent;
content: '';
border-bottom: 2px solid #ffffff;
position: absolute;
bottom: -5px;
left: 0;
right: 0;
width: 100%;
transition: 0.3s;
}
/*#intro_veda .section-heading-large:before{content: "";
display: block;
width: 130px;
height: 2px;
background: #8E7142;
left: -10%;
top: 50%;
position: absolute;}
#intro_veda .section-heading-large:after{content: "";
display: block;
width: 130px;
height: 2px;
background: #8E7142;
right: -10%;
top: 50%;
position: absolute;}
*/
#intro_veda h4{ font-size: 38px; color: #232F5F; line-height: 35px;}
#intro_veda .arrow-tl h4{text-align:right; right: -123px; top: 26px; position: absolute;cursor: pointer;}
#intro_veda .arrow-tr h4{text-align: left;left: -110px; top: 30px;position: absolute;cursor: pointer;}
#intro_veda .arrow-bl h4{text-align:right;right: -203px; top: 170px;position: absolute;cursor: pointer;}
#intro_veda .arrow-br h4{text-align:left; left: -191px; top: 170px; position: absolute;cursor: pointer;}
#intro_veda .circle{width:32px !important; height:32px !important;}
#intro_veda .arrow-tl .circle{
border: 1px solid #8E7142;
box-shadow: inset 1px 1px 3px #fff;
width: 22px;
height: 22px;
border-radius: 100%;
position: absolute;
display: inline-block;
vertical-align: middle;
background: none;
top:5px;
right: -45px;
}
#intro_veda .arrow-tr .circle{
border: 1px solid #8E7142;
box-shadow: inset 1px 1px 3px #fff;
width: 22px;
height: 22px;
border-radius: 100%;
position: absolute;
display: inline-block;
vertical-align: middle;
background: none;
top:5px;
left: -42px;
}
#intro_veda .arrow-bl .circle{
border: 1px solid #8E7142;
box-shadow: inset 1px 1px 3px #fff;
width: 22px;
height: 22px;
border-radius: 100%;
position: absolute;
display: inline-block;
vertical-align: middle;
background: none;
top:5px;
right: -45px;
}
#intro_veda .arrow-br .circle{
border: 1px solid #8E7142;
box-shadow: inset 1px 1px 3px #fff;
width: 22px;
height: 22px;
border-radius: 100%;
position: absolute;
display: inline-block;
vertical-align: middle;
background: none;
top:5px;
left: -42px;
}
/* PLUS */
#intro_veda .circle.plus:before,
#intro_veda .circle.plus:after {
background:#8E7142;
box-shadow: 1px 1px 1px #ffffff9e;
}
#intro_veda .circle.plus:before{
width: 2px;
margin: 8px auto;
}
#intro_veda .circle.plus:after{
margin: auto 8px;
height: 2px;
box-shadow: none;
}
#perspective .section-heading-large h1:before{content: "";
display: block;
width: 130px;
height: 2px;
background: #8E7142;
top: 50%;
position: relative;
margin-top: -30px;}
#perspective .section-heading-large h1:after{content: "";
display: block;
width: 130px;
height: 2px;
background: #8E7142;
top: 50%;
position: relative;
margin-top: -30px;}
#experience .section-heading-large h1:before{content: "";
display: block;
width: 130px;
height: 2px;
background: #8E7142;
left: -30%;
top: 50%;
position: absolute;}
#experience .section-heading-large h1:after{content: "";
display: block;
width: 130px;
height: 2px;
background: #8E7142;
right: -30%;
top: 50%;
position: absolute;}
#journey .section-heading-large h1:before{content: "";
display: block;
width: 130px;
height: 2px;
background: #8E7142;
left: -30%;
top: 50%;
position: absolute;}
#journey .section-heading-large h1:after{content: "";
display: block;
width: 130px;
height: 2px;
background: #8E7142;
right: -30%;
top: 50%;
position: absolute;}
#moments .section-heading-large h1:before{content: "";
display: block;
width: 130px;
height: 2px;
background: #8E7142;
left: -30%;
top: 50%;
position: absolute;}
#moments .section-heading-large h1:after{content: "";
display: block;
width: 130px;
height: 2px;
background: #8E7142;
right: -30%;
top: 50%;
position: absolute;}
#learners .section-heading-large h1:before{content: "";
display: block;
width: 130px;
height: 2px;
background: #8E7142;
left: -20%;
top: 50%;
position: absolute;}
#learners .section-heading-large h1:after{content: "";
display: block;
width: 130px;
height: 2px;
background: #8E7142;
right: -20%;
top: 50%;
position: absolute;}
#journey .prev-arrow {
position: absolute;
top: 50%;
left: 30%;
background-color: #ffffff;
width: 50px;
height: 50px;
border-radius: 50%;
line-height: 0px;
padding: 0;
border: 0; z-index: 9
}
#glance .section-heading-large h1:before{content: "";
display: block;
width: 130px;
height: 2px;
background: #8E7142;
left: -10%;
top: 50%;
position: absolute;}
#glance .section-heading-large: h1after{content: "";
display: block;
width: 130px;
height: 2px;
background: #8E7142;
right: -10%;
top: 50%;
position: absolute;}
.uline{background: transparent;
border: none;
display: inline-block;
outline: none;
position: relative;
transition: 0.3s;
padding-bottom: 10px;
font-family: 'STIXGeneral';}
.uline:before{background: transparent;
content: '';
border-bottom: 2px solid #E6CC8F;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
transition: 0.3s;}
.uline-blue{background: transparent;
border: none;
display: inline-block;
outline: none;
position: relative;
transition: 0.3s;
padding-bottom: 10px;
font-family: 'STIXGeneral';}
.uline-blue:before{background: transparent;
content: '';
border-bottom: 2px solid #232f5f;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
transition: 0.3s;}
.section-heading-large h3{ font-size:1.7rem;letter-spacing:5px; line-height: 1.4}
.section-copy-large p{ font-size: 21px; line-height: 30px;}
ul.list-default {list-style: none; margin: 0; padding: 0;}
ul.list-default li{ margin-bottom:1rem; position: relative; padding-left:18px;}
ul.list-default li:before {position: absolute; top:0px; margin:0px 0 0 -18px; vertical-align: top; display: inline-block; content: "\f111"; font-family: FontAwesome; color:#24407A; font-size:9px;}
ol.list-number{ margin: 0; padding: 0; list-style: decimal; margin-left:15px;}
ol.list-number > li{ margin:0; padding-left:10px; padding-bottom:1rem;}
/* ===================================
Content Styles
====================================== */
#content .caroulsel-right-auto{ padding-right: 0px!important; overflow-x: hidden;}
#content .p0{ padding-left:0px!important; padding-right:0px!important; overflow-x: hidden;}
/* =================================================================
Home Page
==================================================================*/
#intro{background: rgb(0,0,0);background: linear-gradient(0deg, rgba(214,227,249,1) 0%, rgba(255,255,255,1) 100%);}
#intro_veda{background: rgb(0,0,0);background: linear-gradient(0deg, rgba(214,227,249,1) 0%, rgba(255,255,255,1) 100%);}
#slider .carousel-caption { bottom:40%; /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);*/}
#slider .carousel-caption h2{ font-size:3rem;}
#slider .carousel-caption h2 .text-highlight{ display: block;}
#slider .carousel-caption .text-break{ display: block;}
#slider .carousel-caption.partner-caption-banner > .text-punhline{ padding-left:70px;}
#slider .carousel-indicators { bottom:150px; justify-content: left; padding-left: 0;}
#slider .carousel-indicators li {border-radius:50%; width:8px; height:8px; margin-right:10px; margin-left:5px; background-color:transparent; border: 1px solid #ffffff; opacity:1; transition: opacity .6s ease; margin: 5px;}
#slider .carousel-indicators li.active { background-color: #ffffff; opacity: 1;}
.mobile-banner-masthead{display: none!important;}
#slider.courses-slider > .carousel-indicators { bottom:0px!important; justify-content: center!important; padding-left: 0;}
#slider.courses-slider > .carousel-indicators li { border: 1px solid #0B2D74;}
#slider.courses-slider > .carousel-indicators li.active { background-color: #0B2D74!important; opacity: 1;}
#slider.courses-slider .carousel-control-prev-icon, #slider.courses-slider .carousel-control-next-icon {background-image: none;font-family:'FontAwesome'; font-weight:600;}
#slider.courses-slider .carousel-control-next, #slider.courses-slider .carousel-control-prev {opacity: 1!important;}
#slider.courses-slider .carousel-control-next-icon:after{ content: '\f105'; font-size:40px; color:#0B2D74;}
#slider.courses-slider .carousel-control-prev-icon:after { content: '\f104'; font-size:40px; color:#0B2D74;}
/*#slider .carousel-home-banner{ padding-top:2rem;}*/
#slider .carousel-caption-home { bottom:0%; left:40%;}
#slider .carousel-caption h1{ font-size:4rem; line-height: 4rem;}
#slider .carousel-caption .display-block{ display: block;}
#slider .carousel-caption h2.display-1{ font-size:10rem; line-height:8rem; letter-spacing:0rem; text-transform: uppercase; font-family: 'Helvetica LT Std'; font-weight:bold;}
.slider-intro h1{ font-size:30px; line-height:48px; font-weight: bold; letter-spacing:2px;}
.video-background-holder { position: relative; background-color: black; height: calc(100vh - 72px); min-height: 25rem; width: 100%; overflow: hidden;}
.video-background-holder video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);}
.video-background-content { position: relative; z-index: 2;}
.video-background-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.5; z-index: 1;}
.scroll-down-intro{ position: absolute; text-align: center; left: 0px; right: 0px; bottom:120px; margin: auto;}
.scroll-down-intro a p{color: #ffffff; display: block; text-align: center;}
/*.scroll-down-intro a span {
position: absolute;
top:30px;
left: 0px;
right: 0px;
margin: auto;
width:23px;
height:40px;
border: 2px solid #ffffff;
border-radius: 50px;
box-sizing: border-box;
}
.scroll-down-intro a span::before {
position: absolute;
top: 10px;
left: 7px;
content: '';
width: 6px;
height: 6px;
background-color: #ffffff;
border-radius: 100%;
box-sizing: border-box;
}
.scroll-down-intro a::after {
position: absolute;
bottom: 0px;
width: 10px;
height: 10px;
margin-left: -5px;
content: '';
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: border-box;
}*/
.vertical-colm-grid{ display: flex;}
.vertical-colm-grid .colm-align{ margin-top: auto; margin-bottom: auto;}
.banner-overlay{display: flex !important; position: absolute !important; top: 0px !important; bottom: 0px !important;}
.banner-overlay .banner-content{margin-top: auto !important; margin-bottom: auto !important;}
.banner-overlay .banner-content-top{margin-top:25%!important;}
.banner-overlay-mob .section-heading-large .card-title {text-shadow: 4px 1px 50px rgba(0,0,0,0.9);}
.share-info{ margin-top:20px; margin-bottom: 25px;}
.share-info ul.social li {display: inline-block; text-align: center; margin-left:0px;}
.share-info ul.social li .fa { font-size: 12px; border-radius: 50%; border: 1px solid #4e5051; width:28px; height:28px; line-height: 27px;transition: all .2s;}
.bg-intro{background-image:url("../images/home/intro-masthead-bg-img.jpg"); background-color:#000; background-repeat: no-repeat; background-position: center center; background-size: cover; min-height:700px;}
.card-block{cursor: pointer; overflow: hidden; border-radius: 0px;}
.card-block:hover {/*box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);*/}
.card-block img { transition: 0.3s;}
.card-block:hover img {transform: scale(1.1);}
.card-block:hover a:before {width: 100%; padding: 0;}
/*.card-block:hover .card-title:before {width: 100%; padding: 0;}*/
.single-card-box:hover a:before {width: 100%; padding: 0;}
.range-buses.card {border:0px solid!important; background-color:#ffffff;}
.range-buses.card .card-img {overflow: hidden;}
.range-buses.card .range-buses-card-body{ padding: 0.75rem 0rem; color: #505050;}
.range-buses.card .card-title{font-family: 'STIXGeneral';}
.range-buses.card .card-link{ text-decoration: underline;}
.range-buses-card .section-sub-heading-sm .card-title{ font-size: 14px; line-height:24px; font-weight: bold; letter-spacing:2px;}
.zero-emissions-card {color: #ffffff;}
.zero-emissions-card .section-heading-large .card-title{ font-size:48px; line-height:48px; letter-spacing:2px;}
.article-news.card {border:0px solid!important; background-color:#ffffff; border-radius: 0px;}
.article-news.card .article-news-card-body{ min-height: 260px;}
.article-news .card-title{display: inline-block; font-family: 'STIXGeneral'; text-decoration: none; color: #8a8d8f;}
.article-news .card-title:after{content: ""; display:block!important; height:2px; margin-top: .35rem; background:#8a8d8f; margin-bottom: 20px;}
/* Owl Carousel */
.common-carousel.owl-carousel .owl-nav button{ background-color:#FA4238; opacity:1!important;}
.common-carousel.owl-carousel .owl-nav [class*="owl-"] {margin: 0px; padding: 4px 7px; border-radius: 0px;}
.common-carousel.owl-carousel .owl-nav { margin-top:0px; position: absolute; right: 0px; top:-70px;}
.common-carousel.owl-carousel .owl-nav button:hover {background-color: #0A2D74; opacity: 1 !important;}
.carousel-wrapper { position: relative;}
.carousel-wrapper .owl-theme .custom-nav { position: absolute; top:30%; left: 0; right: 0;}
.carousel-wrapper .owl-theme .custom-nav .owl-prev, .main-content .owl-theme .custom-nav .owl-next { position: absolute; height: 100px; color: inherit; background: none; border: none; z-index: 100;}
.carousel-wrapper .owl-theme .custom-nav .owl-prev i, .main-content .owl-theme .custom-nav .owl-next i { font-size: 2.5rem; color: #cecece;}
.carousel-wrapper .owl-theme .custom-nav .owl-prev { left: 0;}
.carousel-wrapper .owl-theme .custom-nav .owl-next { right: 0;}
.underthhood-carousel.owl-carousel .owl-nav button.owl-prev { position: absolute; top:40%; left:80px; background-color: transparent!important;}
.underthhood-carousel.owl-carousel .owl-nav button.owl-next { position: absolute; top:40%; right:80px;background-color: transparent!important;}
.underthhood-carousel.owl-carousel .owl-nav button i.fa {font-size:70px; color: #8a8d8f;}
.article-news-carousel.owl-carousel .owl-nav button.owl-prev { position: absolute; top:40%; left:-50px; background-color: transparent!important;}
.article-news-carousel.owl-carousel .owl-nav button.owl-next { position: absolute; top:40%; right:-50px;background-color: transparent!important;}
.article-news-carousel.owl-carousel .owl-nav button i.fa {font-size:70px; color: #8a8d8f;}
.article-news-carousel .owl-carousel .owl-stage-outer { overflow-x: scroll !important;}
.article-news-carousel .owl-stage-outer .owl-stage:first-child {padding-left:0 !important;}
/*Panel tabs*/
#perspective .panel-tabs {
position: relative;
bottom: 56px;
clear:both;
border-bottom: 1px solid transparent;
}
#perspective .panel-tabs > li {
text-align: center;
margin-bottom: -1px;
width:33%;
}
#perspective .panel-tabs > li > a {
margin-right: 2px;
margin-top: 4px;
line-height: .85;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
color: #ffffff; font-size:27px; letter-spacing:2px;
}
#perspective .panel-tabs > li:nth-of-type(2) > a > img{width:23px;}
#perspective .panel-tabs > li:nth-of-type(3) > a > img{width:23px; margin-top: -5px;}
#perspective .panel-tabs > li:nth-of-type(1) > a > img{width:20px; margin-top: -5px;}
#perspective .panel-tabs > li > a > img{margin-right:15px;margin-left:5px;}
#perspective .panel-tabs > li > a:hover {
border-color: transparent;
color: #ffffff;
background-color: transparent;
}
#perspective .panel-tabs > li.active > a,
#perspective .panel-tabs > li.active > a:hover,
#perspective .panel-tabs > li.active > a:focus {
color: #fff;
cursor: default;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#perspective .panel .panel-heading{background: #232F5F; padding: 12px 15px;}
#perspective .panel .panel-heading .panel-title{font-style: italic; color:#ffffff; text-align: left; width: 50%;padding: 15px; font-size:30px; margin-left:70px;}
#perspective #tab1{background-image: url("../images/home/bg-compassion.svg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 475px;
}
#perspective #tab2{background-image: url("../images/home/bg-compassion.svg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 475px;
}
#perspective #tab3{background-image: url("../images/home/bg-compassion.svg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 475px;
}
.journey-section .item img{width:100%}
#faculty .carousel-indicators li{display: none}
#perspective .panel-tabs li a.active{position: relative; margin-right:2px}
#perspective .panel-tabs li a.active:after{content: "";
margin:15px 10% 0 15%;
background-image: url("../images/home/brdr_active.svg");
height: 10px;
display: block;
border-top:1px solid #E6CC8F;
background-position: center;
}
#perspective .tab-pane .copy-tab{position:absolute; left:8%; top:40%; font-size:38px; line-height: 1.2; color:#232F5F}
#perspective .tab-pane .copy-tab a{background: #E6CC8F;padding:20px 35px;text-transform: uppercase; font-size: 1.2rem; display: inline-block; margin-top:50px;}
#perspective .tab-pane .copy-tab a:hover{color: #fff;}
/* =================================================================
Inside Page
==================================================================*/
/* breadcrumb */
.breadcrumb-section{margin-top:40px; margin-bottom:0px;}
.breadcrumb {font-family: 'STIXGeneral'; font-size: 18px; line-height: 30px; color: #8A8D8F; background-color: transparent; padding: 0px; text-transform: capitalize;}
.breadcrumb-item + .breadcrumb-item::before {content: "\f105"; color: #8A8D8F;font-family:'FontAwesome';}
.download-icon {bottom: 20px; position: absolute; right:20px;}
.telematics-icon{ width: 50px; height: 50px;}
.hooditem{ position: relative;}
.hooditem .hooditem-info{position: absolute; bottom:10px; left: 0px; padding:2rem 1rem; background-color: #fff;
box-shadow: 6px 10px 11px -10px rgba(0,0,0,0.51);
-webkit-box-shadow: 6px 10px 11px -10px rgba(0,0,0,0.51);
-moz-box-shadow: 6px 10px 11px -10px rgba(0,0,0,0.51);}
.specification-block{ border-top: 1px solid #BDBDBD; padding-top:20px; padding-bottom:40px;}
.specification-block p{margin-bottom:0px;}
.news-card-share .article-news.card .article-news-card-body { height:auto;}
.article-news.card .news-card-body{ min-height:300px;}
blockquote{ font-size: 24px; color: #4E5051; padding:0px 10px 0px 20px; border-left:1px solid #4E5051; line-height:28px;}
blockquote .name-desgination{color:#4E5051; margin-top:20px; font-size: 16px; line-height:normal;}
.load-article{display:none; margin-bottom: 10px;}
.load-press-release{display:none; margin-bottom: 10px;}
.load-gallery{display:none; margin-bottom: 10px;}
.load-more, .load-more:hover{background-color:#6FAC6D; padding:7px 30px; color:#fff; border:0;
-webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.40); -moz-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.40); box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.40);}
.noContent {color:#4e5051; pointer-events: none; background-color: #f3f4f4;}
.lined .nav-link { border: none; border-bottom:4px solid transparent; padding: 15px; font-size:1.1rem; font-weight: 600; color: #000000;}
.lined .nav-link:hover { border: none; border-bottom:4px solid transparent;}
.lined .nav-link.active {background: none; color: #000000; border-color: #f9cb2f;}
.video-overlay-img {position: relative;}
.video-overlay-img:before {background-image: url("../images/icons/play-small-icon.png"); background-repeat: no-repeat; width: 70px; height: 70px; position: absolute; top: 50%; left: 50%; content: ""; opacity: .8; cursor: pointer; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index:2;}
.video-overlay-img:hover:before{opacity: 1;}
.video-overlay-opacity { background: rgba(0, 0, 0, 0.5); position: absolute; height:100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; z-index:1;}
/* Contact Form ------------------------- */
.contact-section input::placeholder, textarea::placeholder{color:#232f5f !important;}
.contact-section h2{color: #232f5f !important;}
.contact-section{padding: 0% 5% 5%; background: #f2f2f2; border:#8E7142 1px solid;}
.contact-form{ position: relative; color:#232f5f !important;}
.contact-form .contact-form p small {margin-bottom:1em; font-size: 0.75rem;}
.contact-form .form-control, .contact-form select { padding: 10px 20px; height:60px; font-size:20px; background:#fff}
#contact-form .line-two::before, #contact-form .line-two::after{top:2rem}
.contact-form input, .contact-form textarea, .contact-form select {
border:0px;
border-radius: 0px;
background-color: #F3F4F4;
font-size:16px;
line-height: 30px;
width: 100%;
max-width: 100%;
resize: none;}
.contact-form textarea{height: auto !important;}
.contact-form .btn-fill{ padding: 15px 60px; font-family: 'STIXGeneral'; color: #232f5f; border:2px solid #E6CC8F;
background: #E6CC8F;
/*. background-image: -webkit-linear-gradient(30deg, #4E5051 50%, transparent 50%);
background-image: linear-gradient(30deg, #E6CC8F 50%, transparent 50%);
background-size: 500px;
background-repeat: no-repeat;
background-position: 0%;
-webkit-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;*/
font-size:1.5rem !important;}
.contact-form .btn-fill:hover{color:#232f5f;}
/*.contact-form .btn-fill:hover { background-position: 100%; color: #4E5051;}
.contact-form .form-control:focus{border-color:#4E5051; outline:0;}
*/
.checkbox-container {
display: block;
position: relative;
padding-left:30px;
cursor: pointer;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
font-weight: normal;
margin-top:3px;
margin-bottom:0px;
}
.checkbox-container input { margin-bottom: 0px;}
.checkbox-container input[type="checkbox"] {
/* position: absolute;*/
opacity:0;
cursor: pointer;
}
.checkbox-container input:checked ~ .checkmark {
border:2px solid #E6CC8F;
background: #232f5f;
}
.checkbox-container input:checked ~ .checkmark:after {
display: block;
}
.checkbox-container input[disabled] ~ .checkmark {
background:#c8c8c8;
border: none;
cursor: not-allowed;
}
.checkbox-container .checkmark {
position: absolute;
top:2px;
left: 0;
height:20px;
width:20px;
border:1px solid #E6CC8F;
border-radius:0px;
background-color:rgba(0, 0, 0, 0);
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.checkbox-container .checkmark:after {
content: "";
position: absolute;
display: none;
left:6px;
top:0px;
width:7px;
height:14px;
border: solid #fff;
border-width: 0 3px 4px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkbox-container:hover input ~ .checkmark {
border-color: #C4C4C4;
}
.contact-info { display: flex; margin-bottom: 50px;}
.contact-info-item{ align-items: left;}
.contact-info-item img { margin-right: 20px;}
.download-brochure-popup .btn-fill{ padding: 15px 30px; font-family: 'STIXGeneral'; color: #ffffff; border:2px solid #00C1D5;
background-image: -webkit-linear-gradient(30deg, #4E5051 50%, transparent 50%);
background-image: linear-gradient(65deg, #00C1D5 50%, transparent 50%);
background-size: 500px;
background-repeat: no-repeat;
background-position: 0%;
-webkit-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;}
.download-brochure-popup .btn-fill:hover { background-position: 100%; color: #4E5051;}
.download-brochure-popup button.close{ position: absolute!important; top: 0px!important; right: 10px!important; font-size: 3rem; z-index: 999;cursor: pointer;}
/* Video Modal ------------------------- */
.modal{background-color: rgba(0,0,0,0.5); /* Black w/ opacity */}
.videoModal{ z-index: 99999;}
.videoModal .modal-body{padding:0px; position: relative;}
.videoModal iframe{ width:100%; height:560px; border: 0;}
.videoModal .modal-content { background-color: transparent; border: 0; border-radius:0px; -webkit-box-shadow:none!important; box-shadow:none!important;}
.videoModal .close::before, .close::after { background-color: transparent;}
.videoModal .close {position: absolute; right:-15px; top: -20px; width: 32px; height: 32px; opacity: 0.9; cursor: pointer; color: transparent; text-shadow:none;}
.videoModal .close:hover {opacity: 1;}
.videoModal .close:before, .videoModal .close:after {position: absolute; left:15px; content: ' '; height: 33px; width: 2px; background-color: #fff !important;}
.videoModal .close:before {transform: rotate(45deg);}
.videoModal .close:after {transform: rotate(-45deg);}
/*.videoModal .modal-dialog { -webkit-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); top: 20%;}*/
/* Back to Top ------------------------- */
.back-to-top {position: fixed; bottom:30px; right:0px; display: none; border: 0; color:#8e7142; z-index: 999; font-size:11px !important;}
.back-to-top i {color: #232F5F; padding-top:10px; font-size: 16px; font-weight:normal;}
.back-to-top-btn{height:40px; width: 40px; background-color: #F1F1F1; border-radius:50%; display: inline-block;color:#F1F1F1;}
/* Social Icons */
.share-menu {
z-index: 999;
position: fixed;
padding: 0;
margin: 0;
list-style-type: none;
}
.share-menu .share i.fa {
height:40px;
width:40px;
text-align: center;
line-height:40px;
color: #232F5F;
background-color: #E6CC8F;
border-radius:0px;
cursor: pointer; z-index:99;
}
.share-menu .active .fa-share-alt{border-bottom: 1px solid #fff;}
.share-menu .active .submenu li:nth-child(1) {
opacity: 1;
top:35px;
transform: rotate(0deg);
border-top: 1px solid #fff;
transition-delay: 0.08s;
}
.share-menu .active .submenu li:nth-child(2) {
opacity: 1;
top:75px;
transform: rotate(0deg);
border-top: 1px solid #fff;
transition-delay: 0.16s;
}
.share-menu .active .submenu li:nth-child(3) {
opacity: 1;
top:115px;
transform: rotate(0deg);
border-top: 1px solid #fff;
transition-delay: 0.24s;
}
.share-menu .active .submenu li:nth-child(4) {
opacity: 1;
top:155px;
transform: rotate(0deg);
border-top: 1px solid #fff;
transition-delay: 0.32s;
}
.share-menu .active .submenu li:nth-child(5) {
opacity: 1;
top:175px;
transform: rotate(0deg);
border-top: 1px solid #fff;
transition-delay: 0.4s;
}
.share-menu .submenu {
list-style-type: none;
padding: 0;
margin: 0;
}
.share-menu .submenu li {
transition: all ease-in-out 0.5s;
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
}
.share-menu .submenu li a {
color: #fff;
}
.share-menu .submenu li a:hover i.fa {
color: #fff;
}
.share-menu .submenu li a:hover.facebook i.fa {
background-color: #232F5F;
}
.share-menu .submenu li a:hover.twitter i.fa {
background-color: #232F5F;
}
.share-menu .submenu li a:hover.googlePlus i.fa {
background-color: #232F5F;
}
.share-menu .submenu li a:hover.instagram i.fa {
background-color: #232F5F;
}
.share-menu .submenu li:nth-child(1) {
transform: rotateX(45deg);
}
.share-menu .submenu li:nth-child(2) {
transform: rotateX(90deg);
}
.share-menu .submenu li:nth-child(3) {
transform: rotateX(135deg);
}
.share-menu .submenu li:nth-child(4) {
transform: rotateX(180deg);
}
.share-menu.topRight {
top:40%;
right:0px;
}
/* Experiences STARTS*/
#experiences .tab{width: 100%;}
#experiences .tab .nav-tabs{
border-bottom:0 none;
margin-top: 50px;
margin-bottom: 50px;
border: #232f5f 1px solid;
padding: 20px 50px 20px 50px;
}
#experiences .tab .nav-tabs li {
font-size:1.4rem;
color:#232F5F;
margin-right:0;
border-radius:0;
overflow: hidden;
text-transform:uppercase;
}
/*#beyondacademics .tab .nav-tabs li:hover,
#beyondacademics .tab .nav-tabs li.active:hover,
#beyondacademics .tab .nav-tabs li.active{
background:#545f60;
color:#fff;
border:1px solid #545f60;
margin-top: -30px;
margin-bottom: -30px;
text-align: center !important;
}
#beyondacademics .tab .nav-tabs li:hover a,
#beyondacademics .tab .nav-tabs li.active:hover a,
#beyondacademics .tab .nav-tabs li.active a{color:#ffffff;}
#beyondacademics .tab .tab-content{
color:#fff;
padding: 30px 20px;
background:#545f60;
border-radius: 0 0 8px 8px;
box-shadow: 8px 12px 25px 2px rgba(0, 0, 0, 0.4);
}
*/
#experiences .tab .nav-tabs li.bg-peach, #experiences .tab .nav-tabs li:hover .bg-peach{background: #E6CC8F; margin-top:-30px; margin-bottom: -30px;display: flex; justify-content: center; padding: 0px 40px;}
#experiences .tab .nav-tabs li.bg-peach a, #experiences .tab .nav-tabs li:hover .bg-peach a{margin-top:30px;}
#experiences .tab .nav-tabs li.bg-peach a:hover, #experiences .tab .nav-tabs li:hover.bg-peach a{color:#ffffff;}
#experiences .bg-experinces{background-color: #232F5F; margin-top:2rem;
padding: 40px 50px 0 50px;
text-align: center;
color: #ffffff;quotes: "“" "”" "‘" "’";
}
#experiences .quote{;
color: #ffffff;quotes: "“" "”" "‘" "’";
}
#experiences .quote h2{font-size: calc(16px + 2vw); margin: 0 auto;}
#experiences .quote::before{content: open-quote;position: absolute;left: 2%; margin-top: 5%; font-size: 20rem; color: rgba(255,255,255,0.1);}
#experiences .quote::after{content: close-quote;position: absolute;right: 2%; margin-top: 0%; font-size: 20rem; color: rgba(255,255,255,0.1);}
#experiences .nav-tabs{border: none;}
#experiences a.nav-link{color:#E6CC8F;font-size: 1.6rem; padding: 1rem;}
#experiences a.activ{color:#232F5F !important;border-radius: 0px !important;}
#experiences a.nav-link:hover{color:#E6CC8F; border-radius: 0px !important;}
/*
#experiences .nav-link.active::before{
content: "";
position: absolute;
top: 100%;
left: 0;
background-image: url("../images/home/brdr_active.svg");
height: 10px;
display: block;
width: 100%;
background-position: center;
}
#ex3-tab-2::before{left:50% !important;}
*/
#ex1 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background-color: #E6CC8F;color:#232F5F !important; padding:20px; box-shadow: 0px 5px 8px 0px rgb(0 0 0 / 50%);}
.nav-tabs .nav-item{margin-bottom:-10px; margin-left:5%; text-transform: uppercase;}
.nav-tabs .nav-item:first-child{margin-left:0}
#experiences h3{color:#232F5F; font-size:3rem;}
#experiences h5{color:#232F5F; font-size: 1.4rem;}
#experiences .card-body {
padding: 5% 10%;
height: 100%;
align-items: center;
display: flex;
}
#experiences .card-body h2{font-size:2.75rem;text-transform: uppercase;}
/* Experiences ENDS*/
/* =================================================================
Helper Classes & Shorcodes
==================================================================*/
.moments-section{background:#fff}
.tarkikComandSlider {
position: relative;
}
.tarkikComandSlider .slick-dots, .journey .slick-dots{
position: absolute;
bottom: -45px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.tarkikComandSlider .slick-dots li, .journey .slick-dots li {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.tarkikComandSlider .slick-dots li button, .journey .slick-dots li button {
display: none;
}
.tarkikComandSlider .slick-dots li:before, .journey .slick-dots li:before {
top: 0px;
transition: all 0.5s;
content: "";
width: 10px;
height: 10px;
background-color:#E6CC8F;
position: absolute;
border-radius:50%;
}
.tarkikComandSlider .slick-dots li.slick-active:before, .journey .slick-dots li.slick-active:before {
top: 0;
width: 10px;
height: 10px;
margin-left: -2px;
background:#232F5F;
}
.tarkikComandSlider .slick-prev {
left: -60px;
transform: rotate(180deg);
}
.tarkikComandSlider .slick-next {
right: -60px;
}
.tarkikComandSlider .slick-arrow {
top: 50%;
height: 26px;
width: 14px;
margin-top: -13px;
position: absolute;
font-size: 0;
cursor: pointer;
background-color: transparent;
border: none;
background-image:url("../images/icons/right.png");
background-repeat: no-repeat;
}
.tarkikComandSlider .comandSlider__item {
transition: box-shadow 2s;
cursor: pointer;
position: relative;
margin: 0 10px;
}
.tarkikComandSlider img{border-right:1px solid #fff}
.tarkikComandSlider .comandSlider__item.slick-slide:nth-child(even){margin-top:20px ;}
.tarkikComandSlider p{padding:20px 0; text-align:center; font-size:26px; color:#232F5F}
.tarkikComandSlider .comandSlider__item.slick-slide:hover .carousel{box-shadow:0px 7px 6px 0px #C4C4C4;}
.tarkikComandSlider .carousel-indicators{top:15px; align-items: baseline;}
.tarkikComandSlider .carousel-indicators li{width:70px; height:2px;}
.tarkikComandSlider .carousel-indicators .active{height:5px}
.glance-section{background:#F1F1F1}
.glance-section .bg-glance{background:#232F5F; padding:55px; color:#fff; text-align: center;}
.glance-section .bg-glance .lg-text{font-size:78px; color:#E6CC8F; line-height:1;}
.glance-section .bg-glance h6{font-size:18px; text-transform: uppercase; margin-bottom:0px;}
.glance-section .bg-glance p{font-size:18px; text-transform: capitalize; margin-bottom: 0px;}
.glance-section .bg-glance .box{padding-bottom:25px; padding-top:25px; border-bottom:1px #E6CC8F solid; display: flex; flex-direction: column; justify-content: center;}
.glance-section .bg-glance .box:nth-of-type(7), .glance-section .bg-glance .box:nth-of-type(8), .glance-section .bg-glance .box:nth-of-type(9){border:0}
.glance-section .bg-glance .box::before{position:absolute;right:0px; width:1px; height:100%; background:#E6CC8F; content:''; top:0}
.glance-section .bg-glance .box:nth-of-type(3)::before, .glance-section .bg-glance .box:nth-of-type(6)::before, .glance-section .bg-glance .box:nth-of-type(9)::before{display: none}
.connecting-section{background:#fff; font-size:20px;}
.contact-list li {border-right:1px solid #24407A; display: inline-block; padding:0 10px; text-transform: capitalize}
.contact-list li:last-child{border:0px;}
.cta-full, .cta-full:hover{background:#E6CC8F; padding:10px 40px; color:#232F5F; border:0; text-transform: uppercase}
.cta-border, .cta-border:hover{background:#fff; border:5px #E6CC8F solid; padding:4px 40px; color:#232F5F; text-transform: uppercase; margin-left:15px;}
.journey-section{background:#F1F1F1; margin-top:110px; padding-bottom:100px}
.journey-section .item{color:#fff; display:flex; justify-content: center; align-items: center; position: relative; z-index:9;}
.journey-section .item::after{background:rgba(0,0,0,0.8); content:''; position: absolute; width:100%; height:100%; left:0; z-index:1}
.journey-section .item .text-container{z-index:9; position:absolute; width: 55%; transform: translateY(20%);}
.journey-section .item .text-container p{font-size:26px; color:#fff; line-height: 1.2;}
.journey-section .item:hover::after{background:#E6CC8F; content:''; position: absolute; width:100%; height:100%; left:0; z-index:1}
.journey-section .item:hover .text-container p{color:#232F5F}
.journey-section .item:hover .text-container .text-hide{color:#232F5F; font-size:16px; border-bottom:1px #232F5F solid; padding-bottom:5px;}
.journey-section .container-fluid{padding-left:0px !important}
#journey .prev-arrow{display: none !important;}
#journey .next-arrow{position: absolute;
top: 50%;
right: 23%;
background-color: #ffffff;
width: 50px;
height: 50px;
border-radius: 50%;
line-height: 0px;
padding: 0;
border: 0;}
#journey .next-arrow::after{content:url("../images/icons/carousel-arrow-next.png");transform: scale(0.5); display: block;}
#journey .prev-arrow::after{content:url("../images/icons/carousel-arrow-prev.png");transform: scale(0.5); display: block;}
#journey .container-fluid{padding-left: 0 !important; padding-right: 0 !important;}
#journey .slick-arrow.slick-disabled{opacity:0}
#glance{padding-bottom: 60px;}
#address{padding-bottom: 60px;}
#address h5{color:#232F5F; font-size:20px; margin-bottom: 15px;}
#address a{color:#232F5F; font-size:20px;}
#address img{margin-right: 10px;}
#address .cta-full, #address .cta-full:hover{background:#E6CC8F; padding:10px 40px; color:#232F5F; border:0; text-transform: uppercase; font-size:16px;}
#address .cta-border, #address .cta-border:hover{background:#fff; border:5px #E6CC8F solid; padding:4px 40px; color:#232F5F; text-transform: uppercase; margin-left:15px; font-size:16px; line-height: 18px;}
#address .contact-list{margin-bottom:45px;}
#experience .card-body{padding:12% 20% 0 !important;}
#experience .section-sub-heading .card-title{font-size:40px; line-height: 1.2;letter-spacing: 3px; color:#232F5F; margin-bottom:15px !important;}
#experience .section-sub-heading h6{font-size: 20px; line-height:30px; color:#232F5F}
#experience .carousel-indicators{top:30px; align-items: baseline; left: auto; right:6%}
#experience .carousel-indicators li{width:70px; height:2px;}
#experience .carousel-indicators .active{height:5px}
.border-orange{border:1px solid #e6cc8f; background:#F1F1F1}
#spaces .cross-line{margin-bottom:25px; margin-top:10px;}
#spaces h5{font-size:26px; color:#232F5F}
#academic02 .carousel-indicators {
top: 35px;
align-items: baseline;
right: auto;
left: 10%;
}
.slick-prev {
left: 0;
transform: rotate(180deg);
}
.slick-next {
right: 0;
}
.label {
position: absolute;
top: 0%;
right:0%;
margin: 0;
padding: 0;
text-align: center;
font-weight: 300;
font-size: 1em;
letter-spacing: .3rem;
color: $white;
background:#232F5F;
height:100%;
width:72px;
}
.top-right {
color:#ffffff;
left:2px;
top:50%;
// Vertical text
writing-mode: vertical-rl;
transform: translateX(-40%) rotate(-90deg);
position: relative;
font-size:42px;
width: max-content;
text-transform:uppercase;
z-index:99;
}
#academic02 .label {left:0%;}
#academic02 .top-right {left: 22%;transform: translateX(-45%) rotate(-90deg);}
#learners .section-sub-heading{color: #fff;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 9;
}
#learners .section-sub-heading .text-container{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 1;
transition: .3s ease;
background-color:rgba(0, 0, 0, .7);
}
#learners .section-sub-heading .text-container{z-index: 9;
position: absolute;
text-align: center;}
#learners .section-sub-heading .text-container .mindset-info {
color: #fff;
margin: 0 auto;
z-index: 9;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
display: inline-block;
}
#learners .section-sub-heading .text-container .mindset-info span{ border-bottom: #E6CC8F 1px solid; font-size: 32px; color: #fff; line-height: 1.2; letter-spacing: 3px;}
/*#learners .section-sub-heading .text-container p:after{content: "";
display: block;
width: 50%;
height: 2px;
background: #8E7142;
right: 25%;
bottom: 0%;
position: absolute;}*/
#learners .section-sub-heading .text-container .show-text{display: none; color:#232F5F; font-size:18px; padding-top:25px;}
#learners .section-sub-heading:hover .text-container{
display: block;
background-color:#E6CC8F;
}
#learners .section-sub-heading:hover .text-container .show-text{
display: block;
}
#learners .section-sub-heading:hover .text-container .mindset-info span{color:#232F5F; border-color:#232F5F;}
#spaces a{color:#232f5f; font-size: 1.2rem; letter-spacing: 2px;}
#moments .prev-arrow{position: absolute;
top: 50%;
left: -4%;
background-color: #ffffff;
width: 50px;
height: 50px;
border-radius: 50%;
line-height: 0px;
padding: 0;
border: 0;}
#moments .prev-arrow::after{content:url("../images/icons/carousel-arrow-prev.png");transform: scale(0.5); display: block;}
#moments .next-arrow{position: absolute;
top: 50%;
right: -4%;
background-color: #ffffff;
width: 50px;
height: 50px;
border-radius: 50%;
line-height: 0px;
padding: 0;
border: 0;}
#moments .next-arrow::after{content:url("../images/icons/carousel-arrow-next.png");transform: scale(0.5); display: block;}
.breadcrumb-item.active{color: #E6CC8F !important; font-weight: bold !important;}
.border-peach{border: #E6CC8F 1px solid;}
.border-peach p{color:#24407A;}
.circle {
border: 1px solid #8E7142;
box-shadow: inset 1px 1px 3px #fff;
width: 22px;
height: 22px;
border-radius: 100%;
position: relative;
display: inline-block;
vertical-align: middle;
background: none;
top: 15px;
}
.circle.plus::before {
width: 2px;
margin: 3px auto;
}
.circle.plus::after {
margin: auto 3px;
height: 2px;
box-shadow: none;
}
.circle.plus::before, .circle.plus::after {
background: #8E7142;
box-shadow: 1px 1px 1px #ffffff9e;
}
.padding {
padding:4.75rem 0;
}
.padding_half {
padding: 2.375rem 0;
}
.padding_top {
padding-top:3.75rem;
}
.padding_bottom {
padding-bottom: 3.75rem;
}
.padding_top_half {
padding-top: 2.375rem;
}
.padding_bottom_half {
padding-bottom: 2.375rem;
}
.margin_top {
margin-top: 3.75rem;
}
.margin_bottom {
margin-bottom: 3.75rem;
}
.margin_top_half{
margin-top: 2.375rem;
}
.margin_bottom_half{
margin-bottom: 2.375rem;
}
.heading_space {
margin-bottom: 2.6875rem;
}
.bottom0 {
margin-bottom: 0;
}
.bottom5 {
margin-bottom: 5px;
}
.bottom10 {
margin-bottom: 10px;
}
.bottom15 {
margin-bottom: 15px;
}
.bottom20 {
margin-bottom: 20px;
}
.bottom25 {
margin-bottom: 25px;
}
.bottom30 {
margin-bottom: 30px;
}
.bottom35 {
margin-bottom: 35px;
}
.bottom40 {
margin-bottom: 40px;
}
.bottom45 {
margin-bottom: 45px;
}
.bottom50 {
margin-bottom: 50px;
}
.bottom55 {
margin-bottom: 55px;
}
.bottom60{
margin-bottom: 60px;
}
.top0 {
margin-top: 0px;
}
.top5 {
margin-top: 5px;
}
.top10 {
margin-top: 10px;
}
.top15 {
margin-top: 15px;
}
.top20 {
margin-top: 20px;
}
.top25 {
margin-top: 25px;
}
.top30 {
margin-top: 30px;
}
.top35 {
margin-top: 35px;
}
.top40 {
margin-top: 40px;
}
.top45 {
margin-top: 45px;
}
.top50 {
margin-top: 50px;
}
.top55 {
margin-top: 55px;
}
.top60{
margin-top: 60px;
}
.top220{
margin-top: 220px;
}
.nomargin {
margin: 0;
}
.nopadding{
padding: 0;
}
.m-0auto{margin: 0 auto;}
.op-0{opacity: 0;}
.cross-line{
display: table;
white-space: nowrap;
display: flex;
justify-content: center; margin-top:60px; margin-bottom:50px; align-items: center
}
.cross-line h2{margin-bottom:0 !important}
.section-top-half .section-heading-large{margin-bottom:-30px}
.cross-line::before, .cross-line::after{
border-top: 2px solid #8E7142;
content: '';
display: table-cell;
position: relative;
top:auto !important;
width: 10%;
}
.line-two::before, .line-two::after{
border-top: 2px solid #8E7142;
content: '';
display: table-cell;
position: relative;
top: 3em;
width: 10%;
}
.cross-line h2{padding: 0 20px; color:#232F5F}
.preloader {
position: fixed;
top: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
background: #232F5F;
z-index: 10000000;
}
.preloader::before {
content: 'Loading';
position: absolute;
font-size: clamp(3.5rem, 8.5vw, 8rem);
text-transform: uppercase;
font-weight: 900;
color: rgba(255, 255, 255, .01);
font-weight:500;
}
.preloader .counter {
color: #E6CC8F;
font-size: 1em;
font-weight: 400;
z-index: 1; margin-bottom:10px; text-align: center
}
.preloader .counter::after {
content: '%';
font-size: 0.5em;
}
.preloader.hide {
opacity: 0;
transition: 0.8s;
transition-delay: 0.3s;
}
.preloader.active {
transform: translateY(-100vh);
transition: ease-in-out 0.7s;
transition-delay: 1.3s;
}
.pathActive {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: dash 14s linear alternate infinite;
stroke:#f7931e
}
.loading h1 {
color: #FFFFFF;
text-align: center;
font-family: sans-serif;
text-transform: uppercase;
font-size: 20px;
position: relative;
}
.loading h1:after {
position: absolute;
content: "";
-webkit-animation: Dots 2s cubic-bezier(0, .39, 1, .68) infinite;
animation: Dots 2s cubic-bezier(0, .39, 1, .68) infinite;
}
.loading .loader {
margin:2% auto 10px;
}
.loading .book {
border:1px solid #8E7142;
width: 75px;
height: 55px;
position: relative;
perspective: 150px;
border-radius:5px; margin-top: 36px;
}
.loading .page {
display: block;
width: 40px;
height: 55px;
border: 1px solid #8E7142;
border-left: 1px solid #E6CC8F;
margin: 0;
position: absolute;
right: -4px;
top: -2px;
overflow: hidden;
background: #E6CC8F;
transform-style: preserve-3d;
transform-origin: left center;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.loading .book .page:nth-child(1) {
-webkit-animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.6s infinite;
animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.6s infinite;
}
.loading .book .page:nth-child(2) {
-webkit-animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.45s infinite;
animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.45s infinite;
}
.loading .book .page:nth-child(3) {
-webkit-animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.2s infinite;
animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.2s infinite;
}
@-webkit-keyframes scroll-inner {
from {
margin-top: 35%;
}
to {
margin-top: 50%;
}
}
@keyframes scroll-inner {
from {
margin-top: 35%;
}
to {
margin-top: 50%;
}
}
@-webkit-keyframes scroll-mouse {
from {
margin-top: 0;
}
to {
margin-top: 5px;
}
}
@keyframes scroll-mouse {
from {
margin-top: 0;
}
to {
margin-top: 5px;
}
}
div.mouse-container {
position: relative;
display: block;
height: 100px;
}
div.mouse {
position: relative;
margin: 0 auto;
display: block;
width: 35px;
height: 60px;
border: solid 2px #E6CC8F;
border-radius: 25px;
-webkit-animation: scroll-mouse 1.5s;
animation: scroll-mouse 1.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
div.mouse::after{content: url('../images/icons/arrow-down.png'); top: 25px; position: relative;}
div.mouse span.scroll-down {
display: block;
width: 8px;
height: 8px;
background: #E6CC8F;
border-radius: 50%;
margin: 15% auto auto auto;
-webkit-animation: scroll-inner 1.5s;
animation: scroll-inner 1.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
}
/* Page turn */
@-webkit-keyframes pageTurn {
0% {
transform: rotateY( 0deg);
}
20% {
background: #E6CC8F;
}
40% {
background:#E6CC8F;
transform: rotateY( -180deg);
}
100% {
background: rebeccapurple;
transform: rotateY( -180deg);
}
}
@keyframes pageTurn {
0% {
transform: rotateY( 0deg);
}
20% {
background: #E6CC8F;
}
40% {
background:#E6CC8F;
transform: rotateY( -180deg);
}
100% {
background:#E6CC8F;
transform: rotateY( -180deg);
}
}
#academic02 .line img { margin-top:70px; left: -278px; position: relative; z-index: 11; transform: rotate(180deg);}
.line img { margin-top:60px; right: -278px; position: relative; z-index: 11;}
.backgound-none{background:none !important}
#experiences a.nav-link{position: relative; padding:20px 35px; border-radius:0px !important; border:0px; z-index: 9}
#experiences a.nav-link.active::before{ border-top: 26px solid #E6CC8F ;border-left: 15px solid transparent;
border-right:15px solid transparent; width: 0; height: 0; margin: 28px auto; content:'' ; left: 0; right: 0; position: absolute; z-index: 999;}
/*our teams...................*/
.section-heading-large.inside-heading::after{content:url("../images/icons/right-comma.svg") ; position: relative; opacity:0.5; display: none}
.section-heading-large.inside-heading::before{content:url("../images/icons/left-comma.svg"); position: relative; opacity:0.5; float: left; margin-top: -44px; display: none}
.section-heading-large.inside-heading{position:relative}
.common-section .head-section{font-size:1.9rem;text-align:center;color:#232f5f;padding:15px 80px 75px 80px}
.common-section .hrl{border-color:#E6CC8F!important}
.common-section .hr2{border-color:#3c4771}
.common-section .inside-heading{position:relative}
.common-section .inside-heading h3{font-size:clamp(1.6rem,5vw,2rem)!important;color:#232f5f}
.common-section .inside-heading h3::after{content:"";position:absolute;bottom:-20px;height:1px;width:100%;background-color:#ffb700;left:0}
.common-section .card-info{margin-top:35px}
.common-section .card-info .card-text{font-size:17px;color:#232f5f;line-height:28px}
.common-section .card{border:0}
.common-section .zero{padding:0 0}
.common-section .card-border{display:flex;align-items:center;margin:0;border:1px solid rgb(230, 204, 143)}
.common-section .bg-2{background-color:#e6cc8f}
.common-section .age-group{font-size:30px!important}
.common-section .name-tag{text-transform:uppercase;font-size:3.35rem!important;color:#232f5f}
.common-section .spacing{padding:5% 10%!important}
.common-section .inside-heading h3::after{ background-color: #232f5f;}
.menu-bar{margin:35px 0;text-transform:uppercase;justify-content:center;color:#fff;background-color:#232f5f}
.menu-bar li{font-size:24px;text-align:center;padding:1.7rem 7rem;}
.menu-bar li a{color:#fff;}
.menu-bar p{line-height:15px}
.menu-bar li:hover a, .menu-bar li.active a{color:#232f5f;}
.menu-bar li:hover, .menu-bar li.active{transform:translate3D(0,-2px,0) scale(1.05); color:#232f5f; background-color:#e6cc8f; border-left:2px solid #232f5f}
.menu-bar li:hover::after, .menu-bar li.active::after{border-top:35px solid #e6cc8f;border-left:28px solid transparent;border-right:28px solid transparent;width:0;height:0;margin:28px auto;content:'';left:0;right:0;position:absolute}
.read-more-content{ display: none; padding-top: 22px;}
.read-more{display: inline-block; margin-top: 8px;}
.timeline-info {position: relative;background: #f3f1f1; padding: 24px 20px 18px; margin-bottom: 12px; border: 1px solid #f3f1f1; border-radius: 8px; margin-left: 54px;}
.longEnough{height: 241px;}
.card-info .read-more::before{content:url("../images/icons/plus.svg")}
.card-info .read-more.active::before{content:url("../images/icons/minus.svg")}
/*academics.................*/
#experiences .quote{position: relative; padding-bottom:60px;}
#experiences .quote::after{content:url("../images/icons/right-comma.svg") ; margin-left: 30px; top: 50px; position: absolute; opacity:0.5}
#experiences .quote::before{content:url("../images/icons/left-comma.svg"); left:0; top:-50px; position: absolute; opacity:0.5}
#experiences .quote h6{font-size:24px; margin-top:10px;}
.tab-content .tab-pane .card-info p{ font-size:18px;}
.tab-content .tab-pane .card-info .uline-blue{font-size:16px; color:#232f5f; text-transform: uppercase; padding-bottom:5px !important}
.common-section .card-border .card-body{ align-items: initial !important; display: initial !important; height:auto !important}
.mCSB_dragger_bar{background-color:#E6CC8F !important;}
.mCSB_draggerRail{background:#232f5f !important;}
.menu-bar li a br{display: none}
.features .features-box{background-color:#232F5F; padding:50px;}
.features .features-box .head{padding-top:15px;}
.features .features-box .head h3{color:#E6CC8F; font-size: calc(16px + 0.8vw);}
.border-right{border-right:2px solid #E6CC8F !important;}
.space .labs{background-color: rgb(36 64 122 / 80%); padding:50px 100px; position: absolute; bottom:0px; color:#fff; width:100%; transition: all ease 0.3}
.space .labs h2{font-size:calc(16px + 1.6vw); color:#fff}
.space .labs h4{float:left}
.hover-classroom p{display: none}
.hover-classroom:hover .labs{background-color:#E6CC8F; bottom:0px; color:#232F5F; width:100%; height:100%; justify-content: flex-start; align-items: left; display: flex; flex-direction: column; text-align: left; transition: all ease 0.3}
.hover-classroom:hover .labs h2{color:#232F5F}
.hover-classroom:hover .labs h4{float:left}
.hover-classroom:hover .labs p{color:#232F5F; font-size: 18px; display:block}
#our-team .card-title{text-transform: uppercase;}
#our-team .cross-line{margin-top:0px;}
#our-team .border-journey {border: 1px solid #E6CC8F !important;}
#our-team .bg-grey-light{background-color: #f1f1f1; padding: 2% 0%;}
#our-team .card{padding: 0% 0 0 0;}
#tabs{background:#232f5f; color:#fffff; height:60px; display: flex; align-items: center; margin-top:50px}
#tabs .nav-item{margin-bottom: 0px; display: table-cell; flex: 1; margin-left: 0px;}
#tabs .nav-item a{padding: 0px 20px 10px 20px; text-align: center; color: #ffffff;border: none; text-transform:uppercase; font-size:24px; position: relative}
#tabs .nav-item a.active{color:#ffffff !important; background:#232f5f; border: none;}
#tabs .nav-item a.active:before{content:url(../images/home/brdr_active.svg); background-position: center; position: absolute; left:0; bottom:-10px; right:0; text-align: center}
.middle-para{display:flex; align-items: center}
.middle-para p, .middle-para .card-body{font-size:18px}
.middle-para .card-title{font-size: calc(16px + 1.3vw);}
.more-space{background-color:#F1F1F1}
.more-space .tarkikComandSlider p{text-align: left}
.more-space .without-line h3{font-size:calc(20px + 1.2vw); text-align: center; text-transform: uppercase}
.more-space .tarkikComandSlider h4{font-size:22px; margin-top:22px}
.more-space .tarkikComandSlider p{font-size:18px; padding-top:10px !important}
.more-space .tarkikComandSlider .slick-slide{padding-right:10px; padding-left:10px;}
.more-space .tarkikComandSlider .slick-slide img{width:100%}
.more-space .tarkikComandSlider .slick-arrow{top:45%}
.academics .nav-tabs .nav-item{margin-bottom:0}
.academics .nav-tabs .nav-item .active{transform:translate3D(0,2px,0) scale(1.06);}
.academics-heading{background:#232F5F; padding:50px 0; height:390px}
.academics-heading h2{font-size: calc(16px + 2vw); color:#ffffff !important; text-transform: uppercase}
.academics-type{ padding:50px 0; margin-top:-276px;}
.academics-type .content-col{border:1px solid #E6CC8F; color:#232F5F; height: 100%; background:#fff;}
.academics-type .content-col .title{padding:25px;}
.academics-type .content-col .title h3{font-size: calc(24px + 0.8vw) !important; color:#232F5F;}
.academics-type .content-col .programme{padding:25px; background:#E6CC8F;}
.academics-type .content-col .programme h4{font-size: calc(18px + 0.4vw);}
.academics-type .content-col .programme h4{font-size: calc(18px + 0.4vw);}
.academics-type .content-col .programme h5{font-size: calc(16px + 0.3vw) !important;}
.academics-accordion .panel, .panel-body {box-shadow: none;}
.list-default li{margin-bottom:0.5rem}
.accordion_container {width:100%;}
.outer_accordion{border-bottom:#E6CC8F solid 1px; padding:0 25px; background:#fff; }
.accordion_head {color:#232F5F; cursor: pointer; font-size: calc(18px + 0.4vw); padding:25px 0; text-transform: uppercase}
.accordion_body {padding: 0 0 25px;}
.accordion_body p {margin: 0px; padding-bottom:10px;}
.plusminus { float: right; border-radius: 50%; width: 40px; margin-top:-9px; height: 40px; border: 1px solid #E6CC8F; color:#E6CC8F; line-height: 40px; text-align: center; font-size: 30px;}
.outer_accordion:last-child{border:0;}
#ex3-tabs-4 .outer_accordion{background: none; padding:0px;}
#ex3-tabs-4 .accordion_head{background:none}
#ex3-tabs-4 .accordion_body {padding:25px; background:#fff;}
.insights{background:#F1F1F1; padding:50px;}
.insights .without-line h3{font-size:calc(20px + 1.2vw) !important; text-transform: uppercase; padding-bottom:25px; padding-right:25px;}
.academics-type .content-col .programme-detail{padding:25px;}
.academics-type .content-col .programme-detail p{font-size:18px;}
#experience .tarkikComandSlider p {padding: 7px 0; text-align: center; font-size: 18px}
#experience .card.bg-light-grey{background: #F1F1F1 !important}
.collaboration-link{margin-top:10px;}
.collaboration-link li a:hover{color:#232F5F; text-decoration: underline}
.show-text a, .collaboration-link li a{color:#232F5F; font-size: 18px}
.middle-para .nav-tabs .nav-link.active{box-shadow:none}
/*.nav-tabs {
display:none;
}
*/
#content .card{background:none !important;}
.no-comma::after, .no-comma::before{display:none !important}
.fileUpload {position: relative; display: inline-block; color: #fff; font-family: Lato, Arial, sans-serif; font-size: 0; white-space: nowrap; width:100%}
.fileUpload .fileName {display: inline-block; padding: 11px 17px; width:100%; height:58px; box-sizing: border-box; vertical-align: top; color: #232f5f; background: #fff; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fileUpload .customUploadBtn { display: inline-block; padding: 11px 20px; transition: all 0.2s ease-in; color: #232f5f; font-size: 16px; margin-left: -56px;}
.fileUpload .uploadBtn {position: absolute; top: 0; right:0; margin:0; padding:0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);height: 100%; text-align: center;
z-index: 2; color:#232f5f }
@media(min-width:768px) {
.nav-tabs {
display: flex;
}
.card {
border: none;
}
.card .card-header {
display:none;
}
.card .collapse{
display:block;
}
}
@media(max-width:767px){
#tabs{display: none;}
/* .tab-content > .tab-pane {
display: block !important;
opacity: 1;
}*/
#our-team .card-header a{color:#ffffff; display: inline-block;}
#our-team .middle-para .card-header a:before{display: none}
#our-team .middle-para .card-header a.collapsed::after {content: url(../images/icons/plus-yellow.png);}
#our-team .middle-para .card-header{padding:0px;}
#our-team .middle-para .card-header a.collapsed{background:#232F5F; color:#e6cc8f}
#our-team .middle-para .card-header a{position: relative; display: flex; justify-content: space-between; background:#e6cc8f; padding:8px 20px; align-items: center; color:#232F5F; font-size:22px;}
#our-team .middle-para .card-header a::after {content: url(../images/icons/minus-blue.png);}
#our-team .middle-para .tab-content>.tab-pane{opacity:1; display: block}
#our-team .card-header a.collapsed:after{ background-image: none; margin: 0px;}
}