html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

* {
    -webkit-font-smoothing: antialiased;
}

a, button
{
    -ms-touch-action: manipulation; /* IE10  */
    touch-action: manipulation;     /* IE11+ */
}

/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

@font-face {
    font-family:'mixtape';
    font-weight:400;
    font-style:normal;
    src:url('../fonts/mixtape-aaa-400.eot');
    src:url('../fonts/mixtape-aaa-400.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mixtape-aaa-400.svg#mixtape') format('svg'),
        url('../fonts/mixtape-aaa-400.ttf') format('truetype'),
        url('../fonts/mixtape-aaa-400.woff') format('woff');
}

@font-face{
    font-family:'Alef';
    font-weight:normal;
    font-style:normal;
    src:url('../fonts/Alef-Regular.eot');
    src:url('../fonts/Alef-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Alef-Regular.svg#Alef') format('svg'),
        url('../fonts/Alef-Regular.woff') format('woff'),
        url('../fonts/Alef-Regular.ttf') format('truetype');
}

@font-face{
    font-family:'OpenSans';
    font-weight:normal;
    font-style:normal;
    src:url('../fonts/OpenSansHebrew-Regular.eot');
    src:url('../fonts/OpenSansHebrew-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSansHebrew-Regular.svg#OpenSansHebrew-Regular') format('svg'),
        url('../fonts/OpenSansHebrew-Regular.woff') format('woff'),
        url('../fonts/OpenSansHebrew-Regular.ttf') format('truetype');
}

@font-face{
    font-family:'OpenSans';
    font-weight:bold;
    font-style:normal;
    src:url('../fonts/OpenSansHebrew-Bold.eot');
    src:url('../fonts/OpenSansHebrew-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSansHebrew-Bold.svg#OpenSansHebrew-Bold') format('svg'),
        url('../fonts/OpenSansHebrew-Bold.woff') format('woff'),
        url('../fonts/OpenSansHebrew-Bold.ttf') format('truetype');
}

@font-face{
    font-family:'OpenSans-light';
    font-weight:lighter;
    font-style:normal;
    src:url('../fonts/OpenSansHebrew-light.eot');
    src:url('../fonts/OpenSansHebrew-light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSansHebrew-light.svg#OpenSansHebrew-light') format('svg'),
        url('../fonts/OpenSansHebrew-light.woff') format('woff'),
        url('../fonts/OpenSansHebrew-light.ttf') format('truetype');
}


body {
    overflow-x: hidden;
    font-family: OpenSans;
    padding:0!important;
}


.carousel-indicators {
    display:none;
    bottom:15px;
    right:200px;
    
}


#page {
    background-color:#fff;
}

#testimonials-carousel .carousel-indicators {
    right:48%;;
    
}

.modal.fade{
    transition: all .2s;
}

.pagination li a{
    background-color:#fafafa;
    border:4px solid #fff;
    border-radius: 0px;
    color:#222;
    padding:15px 8px;
    font-size:1.2em;
}

.overlay {
    background: #000;
    opacity:0.1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.carousel-control {
    z-index:3;
}

.starthead {
    color:#fff;
    font-size:36px;
    margin:10px 0px;
    font-family:mixtape;
}

.intro-text{
    position: relative;
}

.intro-text-wrapper{
    z-index: 3;
    position: absolute;
    width:100%;
}


ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}


.leftcontactformarea {
    display:none;
    position:absolute;
    left:40px;
    top:200px;
    width:230px;
    height:400px;
    z-index: 4;
    background:#000;
    background:rgba(255,255,255, 0.35);
    padding:0.4em;
    font-family:OpenSans;
}

.leftcontactformarea .title {
    width:100%;
    padding:7px 18px;
    background-color:#0F8CBB;
    color:#fff;
    position:absolute;
    top:-38px;
    right:0px;
    z-index:999;
    font-size:1.2em;
}

.leftcontactformarea .body {
    padding:10px;
}

.leftcontactformarea .body .col-xs-12:last-child > div {
    padding-top:0.6em;
}

.leftcontactformarea .body .col-xs-12:last-child > div button{
    border:0;
}

.leftcontactformarea .body label {
    color:#fff;
}

.leftcontactformarea .body .checkbox {
    padding-top:0.8em;padding-right:5px;
}

.landing-page-contact-form .formtitle {
    margin-top:0px;
    padding:17px 18px;
    background-color:#888;
    color:#fff;
    font-size:1.4em;
    text-align:center;
}

.landing-page-contact-form .formbody {
    position:relative;
    box-sizing:border-box;
    padding-top:10px;
}

.landing-page-contact-form input {
    display:block;
    margin:0px;
    outline:none;
    background:#fff;
    border:none;
    border-bottom:1px solid #fff;
    height:36px;
    line-height:36px!important;
    padding:0px 6px!important;
}

.landing-page-contact-form input:focus {
    border-bottom:2px solid #0F8CBB;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.landing-page-contact-form select {
    width:100%;
    
}

.float-label-control { position: relative; margin-top: 1em; }
.float-label-control ::-webkit-input-placeholder { color: #444; padding-right:0.3em; }
.float-label-control :-moz-placeholder { color: #444; padding-right:0.3em; }
.float-label-control ::-moz-placeholder { color: #444; padding-right:0.3em; }
.float-label-control :-ms-input-placeholder { color: #444; padding-right:0.3em; }
.float-label-control input:-webkit-autofill,
.float-label-control textarea:-webkit-autofill { background-color: transparent !important; -webkit-box-shadow: 0 0 0 1000px white inset !important; -moz-box-shadow: 0 0 0 1000px white inset !important; box-shadow: 0 0 0 1000px white inset !important; }
.float-label-control input, .float-label-control textarea, .float-label-control label { font-size: 1.3em; box-shadow: none; -webkit-box-shadow: none;}
.float-label-control input:focus,
.float-label-control textarea:focus { box-shadow: none; -webkit-box-shadow: none; border-bottom-width: 2px; padding-bottom: 0; }
.float-label-control textarea:focus { padding-bottom: 4px; }
.float-label-control input, .float-label-control textarea { display: block; width: 100%; padding: 0.1em 0.3em 1px 0em; border: none; border-radius: 0px; border-bottom: 1px solid #fff; outline: none; margin: 0px; background: #fff; }
.float-label-control textarea { padding: 0.1em 0em 5px 0em; }
.float-label-control label.nnn { 
    position: absolute; 
    font-weight: normal; 
    top: -1.4em; 
    right: 0.08em; 
    color: #fff; 
    z-index: -1; 
    font-size: 1em; 
    -moz-animation: float-labels 300ms none ease-out; 
    -webkit-animation: float-labels 300ms none ease-out; 
    -o-animation: float-labels 300ms none ease-out; 
    -ms-animation: float-labels 300ms none ease-out; 
    -khtml-animation: float-labels 300ms none ease-out; 
    animation: float-labels 300ms none ease-out; 
    /* There is a bug sometimes pausing the animation. This avoids that.*/ 
    animation-play-state: running !important; 
    -webkit-animation-play-state: running !important; 
}

.float-label-control label.mmm { 
    position: absolute; 
    font-weight: normal; 
    top: 0em; 
    right: 0.08em; 
    color: #fff; 
    z-index: -1; 
    font-size: 1em; 
    
}


.float-label-control label.mmm.selected { 
    -moz-animation: float-labels 300ms none ease-out; 
    -webkit-animation: float-labels 300ms none ease-out; 
    -o-animation: float-labels 300ms none ease-out; 
    -ms-animation: float-labels 300ms none ease-out; 
    -khtml-animation: float-labels 300ms none ease-out; 
    animation: float-labels 300ms none ease-out; 
    /* There is a bug sometimes pausing the animation. This avoids that.*/ 
    animation-play-state: running !important; 
    -webkit-animation-play-state: running !important; 
    top:-1.4em;
    z-index: 1;
}

.float-label-control input.empty + label,
.float-label-control textarea.empty + label { top: 0.1em; font-size: 18px; animation: none; -webkit-animation: none; }
.float-label-control input:not(.empty) + label,
.float-label-control textarea:not(.empty) + label { z-index: 1; }
.float-label-control input:not(.empty):focus + label,
.float-label-control textarea:not(.empty):focus + label { color: #222222; }
.float-label-control.label-bottom label { -moz-animation: float-labels-bottom 300ms none ease-out; -webkit-animation: float-labels-bottom 300ms none ease-out; -o-animation: float-labels-bottom 300ms none ease-out; -ms-animation: float-labels-bottom 300ms none ease-out; -khtml-animation: float-labels-bottom 300ms none ease-out; animation: float-labels-bottom 300ms none ease-out; }
.float-label-control.label-bottom input:not(.empty) + label,
.float-label-control.label-bottom textarea:not(.empty) + label { top: 3em; }


@keyframes float-labels {
    0% { opacity: 1; color: #222222; top: 0.1em; font-size: 18px; }
    20% { font-size: 18px; opacity: 0; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: -1.3em; opacity: 1; }
}

@-webkit-keyframes float-labels {
    0% { opacity: 1; color: #222222; top: 0.1em; font-size: 18px; }
    20% { font-size: 18px; opacity: 0; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: -1.3em; opacity: 1; }
}

@keyframes float-labels-bottom {
    0% { opacity: 1; color: #222222; top: 0.1em; font-size: 18px; }
    20% { font-size: 18px; opacity: 0; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}

@-webkit-keyframes float-labels-bottom {
    0% { opacity: 1; color: #222222; top: 0.1em; font-size: 18px; }
    20% { font-size: 18px; opacity: 0; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}


.generalpagecontent {
    font-size:16px;
    line-height: 1.5em;
    font-family:inherit;
}

.generalpagecontent p {
    font-size:16px;
    line-height: 1.5em;
}

.generalpagecontent a {
    color:#0F4C7B;
    font-weight: bold;
}

.generalpagecontent a:hover {
    color:#0F4C7B;
}

.generalpagecontent ul li {
    padding:2px 0px;
}

.generalpagecontent h4 {
    color:#0F4C7B;
    margin-top:15px;
    border-bottom:2px solid #2F6C9B;
    padding-bottom:5px;
    display:inline-block;
}

.floating {
    top:0;
    position:fixed;
    z-index: 99999;
}

.contactformarea {
    display:block;
    background-color:#444;
    padding:0.4em;
    font-family:OpenSans;
    box-shadow: 0 15px 15px 15px #444;
    
}

.contactformarea:hover, .contactformarea:focus {
    text-decoration: none;
}

.fixfixed.contactformarea {
    position: absolute!important;
}

.mobilecontactbtn {
    height:40px;
    color:#fff;
    text-align:center;
    font-size:16px;
    line-height:40px;
}

.mobilecontactbtn button{
    font-size:16px;
    margin-top:3px;
    box-shadow: 1px 1px 12px #aaa;
}

.bottomform {
    display:none;
}

#bottomformmodal {
    box-shadow: 0 0px 15px #444;
    padding:4px 6px;
    background-color:#444;
    cursor: pointer;
}

#bottomformmodal2 {
    box-shadow: 0 0px 15px #444;
    padding:4px 6px;
    background-color:#444;
    cursor: pointer;
}

#bottomformmodal2 .modal-content {
    background-color: #444
}

.contactformarea .headclose {
    box-shadow: 0 0px 15px #444;
    padding:4px 6px;
    background-color:#444;
    width:100%;
    color:#fff;
    top:-38px;
    left:0px;
    position: absolute;
    z-index:999;
    font-size:18px;
    text-align: left;
}

.contactformarea .head {
    padding:7px 15px;
    background-color:#0F8CBB;
    color:#fff;
    position:absolute;
    top:-38px;
    right:0px;
    z-index:999;
    font-size:1.2em;
}

#bottomformmodal .headclose{
    box-shadow: 0 0px 15px #444;
    padding:4px 6px;
    background-color:#444;
    width:100%;
    color:#fff;
    top:0px;
    z-index:999;
    font-size:18px;
    text-align: left;
}

#bottomformmodal .head {
    padding:7px 15px;
    background-color:#0F8CBB;
    color:#fff;
    position:absolute;
    top:0px;
    right:0px;
    z-index:999;
    font-size:1.2em;
}

#bottomformmodal .form-control {
    font-size:1.4em!important;
    padding:20px 10px;
    color:#222;
}

#bottomformmodal .campusselection {
    padding:5px;
    color:#222;
}


#bottomformmodal2 .headclose{
    box-shadow: 0 0px 15px #444;
    padding:4px 6px;
    background-color:#444;
    width:100%;
    color:#fff;
    top:0px;
    z-index:999;
    font-size:18px;
    text-align: left;
}

#bottomformmodal2 .head {
    padding:7px 15px;
    background-color:#0F8CBB;
    color:#fff;
    position:absolute;
    top:0px;
    right:0px;
    z-index:999;
    font-size:1.2em;
}

#bottomformmodal2 .form-control {
    font-size:1.4em!important;
    padding:20px 10px;
    color:#222;
}

#bottomformmodal2 .campusselection {
    padding:5px;
    color:#222;
}

.contactformarea2 .campusselection {
    color:#222;
    padding:0px 5px 0px 0px;
    font-family:opensans;
    font-size:18px!important;
    height:40px;
    border-radius:0px;
}

.contactformarea2 .checkbox {
    padding-top:10px;
}

.contactformarea2 .checkbox label {
    line-height:1.1em;
    font-size:16px;
}

.contactformarea2 button {
    width:100%;
    padding:10px 15px;
    box-shadow: 1px 1px 12px #888;
    border:0;
    border-radius:0;
}


.contactformarea2 {
    display:none;
}

.contactformarea2 .float-label-control {
    margin-top:1em;   
}

.contactformarea2 {
    background-color:#444;
    padding:5px 15px;
    font-family:opensans;
    position:relative;
    margin-bottom:20px;
}

.contactformarea2 .contacttitle {
    margin-bottom:10px;
}

.contactformarea2 .contacttitle span {
    color:#fff;
    font-size:18px;
    border-bottom:2px solid #0F8CBB;
}

.contactformarea2 label {
    color:#fff!important;
    z-index:1;
}

.contactformarea2 form {
    padding-bottom:10px;
}

.contactformarea2 .form-control {
    height:40px;
}


/* courses - begin */

#tagsarea {
    font-size:1.2em;
    margin-bottom:20px;
}

#tags {
    margin-top:20px;
    border:1px solid #e3e3e3;
}

#tags .title {
    background-color:#f5f5f5;
    color:#444;
    padding:3px 15px;
}

#tags .tagsbody {
    padding:10px;   
}

#tags .title span {
    color:#0F8CBB;
    font-size:24px;
    margin-top:10px;
    padding-left:8px;
}

#tags .tag {
    color:#fff;
    padding:5px 8px;
    margin:5px;
    background-color:#444;
    display:inline-block;
}

#tags .tag a {
    color:#fff;
}

#tags h4{
    font-size:1.6em;
}


.coursesheader {
    padding-top:51px;
}
 
#accordion .panel {
    border-radius:0;
}

#accordion .panel-heading {
    background-color:#fff;
    color:#666;
    border-radius:0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    padding:0px;
}

#accordion .panel-heading.active {
    background-color:#eee;
}

#accordion .panel-heading a{
    display:block;
    text-decoration: none;
    color:#666;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    padding:10px 15px;
    font-size:18px;
}

#accordion .panel-heading.active a{
    color:#222;
}

#accordion .panel-heading:hover{
    background-color:#ddd;
    box-shadow: 1px 1px 12px #ddd;
    border-right:4px solid #8fbc03;  
}

#accordion .panel-heading:hover a{
    color:#000;
}

#accordion .panel-heading.active:hover{
    background-color:#ddd;
    border-right:0px;
}

#accordion .panel-heading.active:hover a {
    color:#666;

}

#accordion .panel-title {
    font-size:18px;
}

#accordion .panel-heading .fa{
    color:#fff;
    padding:5px;
    margin-left:5px;
    width:38px;
    font-size:26px;
    text-align:center;
    background-color:#8fbc03;
    border-radius:100px;
}

#accordion .panel-heading.active .fa{
    color:#fff;   
}

#accordion .panel-body b {
    font-size:1.2em;
    font-family:OpenSans;
    color:#0F4C7B;
}

#accordion .panel-body p{
    font-size:16px;
    font-family:OpenSans;
    color:#444;
}

.lowcontactwrap {
    position:fixed;
    bottom:10px;
    left:10px;
    z-index:100000;
}

.lowcontact {
    border:none;
    color:#fff;
    font-size:24px;
    background-color:#0F4C7B;
    border-radius:50%;
    width:60px;
    height:60px;
    margin:auto;
    box-shadow:2px 3px 3px 0px rgba(0,0,0,0.5);
}

.lowcontact span {
    position:absolute;
    left:80px;
    bottom:0px;
    display:block;
    padding:10px;
    background:#fff;
    background-color:rgba(0,0,0,.7);
    border-radius:5px;
    height:60px;
    color:#fff;
    line-height:40px;
    font-size:16px;
    width:250px;
}

.lowcontact:before {
	left: 50px;
	top: 52px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: rgba(0,0,0,0.7);
	border-width: 15px;
	margin-top: -36px;
}

/* course details */

#lowercommercial {
    display:none;
}

.coursedetailsdesc {
    border-radius:0;
}

.coursedetailsdesc label, .coursedetailsdesc span {
    font-size:18px;
}

.coursedetailsdesc .hours {
    
    border-bottom: 1px solid #ccc;
    color:#222;
    padding:5px 0px 10px 0px;
    display:block;
    width:auto;
    font-size:18px;
}

.coursedetailsdesc .hours .glyphicon {
    color: #0f8cbb;
    font-size: 20px;
}

.coursedetailsdesc .about {
    border-right:1px solid #ccc;
}

.coursedetailsdesc .about label {
    color:#0F4C7B;
}

.coursedetailsdesc .about .description {
    margin-top:0;
    padding-top:0;
    font-size:18px;
    line-height:1.66667em;
}

.coursedetailsdesc a {
    color:#0F8CBB;
    font-size:18px;
    font-family:opensans;
}



/* course description end */

.testimoniallowcontact .mmm {
    position:absolute;
    left:20px;
    bottom:-80px;
    display:block;
    padding:0px;
    
    border-radius:5px;
    height:60px;
    color:#222;
    line-height:40px;
    font-size:16px;
    width:250px;
}

.testimoniallowcontact:before {
	right: 40px;
	bottom: -30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #eee;
	border-width: 15px;
	margin-top: -36px;
}

.indicator {
    top:5px;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.coursecat {
    display:none;
    text-align: right;
}

.coursecat h1 {
    font-size:28px;
    margin-top:0px;
}

.areatitle {
    display:none;
}

.currentcoursetypes {
    display:none;
}

#relatedcoursesarea {
    margin-top:15px;    
}

#relatedcourses {
    margin-top:10px;
    border:1px solid #e3e3e3;
}

#relatedcourses .title {
    padding:5px;
    background-color:#ea4c4e;
    color:#fff;
    padding:5px 15px;
}

#relatedcourses .title span {
    color:#fff;
    font-size:24px;
    margin-top:10px;
    padding-left:8px;
}

#relatedcourses h4 {
    font-size:22px;
}

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


.carousel.fade {
  opacity: 1;
}

.carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}

.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}

.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}


#tags h4{
    font-size:22px;
}

#tags .tag:hover {
    background-color:#666;
}

#tags .tag a{
    text-decoration: none;
}

#relatedcourses ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

#relatedcourses li{
    padding:5px 10px;
    margin-top: 2px;
    border-bottom:1px dotted #eee;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    min-height:50px;
}

#relatedcourses li:hover {
    border-right:4px solid #ea4c4e;   
}

#relatedcourses li a{
    color:#666;
    display:block;
    text-decoration: none;
    font-size:1.2em;
    line-height:1.4em;
}

.breadcrumbsarea {
    display:none;
}

.coursessrcharea {
    display:none;
    
    border-bottom:4px solid #C94EB7;
    margin:0px;
    padding-bottom:10px;
    color:#444;
}

.coursessrchfilter {
        display:none;
    }

.coursessrcharea input {
    width:100%;
}

.coursessrcharea.sap {
    border-bottom-color:#EFAB00;
}

.coursessrcharea.business {
    border-bottom-color:#0F4C7B;
}

.coursessrcharea.normal {
    border-bottom-color:#8fbc03;
}

.nav-tabs {
    margin-bottom:10px;
    background-color:#eee;
}

.nav-tabs a {
    font-size:16px;
    color:#222;
}

.divcat .fa-stack{
    width:1.6em!important;
    height:1.6em!important;
    line-height:1.6em!important;
}

.divcat .fa-stack-2x {
    font-size:1.6em!important;
}

.divcat {
    min-height:112px;
    text-align:center;
    float:right;
    line-height:1.2em;
    font-size:1.15em;
    padding:5px;
    box-sizing:border-box;
    color:#fff;
    width:23%;
    margin:1%;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    margin-top:15px;
    font-family: OpenSans;
    opacity:0.8;
}

.divcat:hover {
    text-decoration: none;
    color:#fff!important;
    box-shadow: 0 8px 6px -6px #0F4C7B;
    cursor: pointer;
    opacity:1;
}

.divcat:active, .divcat:focus, .divcat.selectedcat {
    opacity:1;
    text-decoration: none;
    color:#fff;
    box-shadow: 0 8px 6px -6px #222;
    padding:15px 0px;
    font-size:1.3em;
    margin-top:7px;
}

#tabs {
    display:none;
}

#tab0:hover div, #tab1:hover div, #tab2:hover div, #tab3:hover div {
    box-shadow: 1px 1px 12px #aaa;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

#tab0 div, #tab1 div, #tab2 div, #tab3 div {
    padding:0px 16px;
    border-radius:100px;
    color:#000;
    background-color:#fff;
}


li.active #tab0 div{
    background-color:#C94EB7;
    color:#fff;
}

li #tab0 .fa {
    color:#C94EB7;
}

li #tab1 .fa {
    color:#EFAB00;
}

li #tab2 .fa {
    color:#8fbc03;
}

li #tab3 .fa {
    color:#0F4C7B;
}

li.active #tab0 .fa {
    color:#fff;
}

li.active #tab1 div{
    background-color:#EFAB00;
    color:#fff;
}

li.active #tab1 .fa {
    color:#fff;
}

li.active #tab2 div{
    background-color:#8fbc03;
    color:#fff;
}

li.active #tab2 .fa {
    color:#fff;
}

li.active #tab3 div{
    background-color:#0F4C7B;
    color:#fff;
}

li.active #tab3 .fa {
    color:#fff;
}

.categorydescription div{
    display:none;
}

.categoriesdescriptions {
    display:none;
}

#ddlcategoriesoptions {
    display:block;
}

#ddlcategoriesoptions select {
    display:block;
    width:100%;
    margin:10px 0px;
    padding:10px;
    font-size:1.3em;
    background-color:#ccc;
    border:1px solid #eee;
}

.searchform div {
    
}

.searchboxwrapper {
    position: relative;
}

.visiblesearchboxwrapper {
    display:block;
    position: relative;
    width:230px;
}

.visiblesearchbox {
    padding:10px;
    width:190px;
    background-color:#fff;
    border:1px solid silver;
    margin:10px 0px;
    box-sizing:border-box;
    font-size:1.3em;
    box-shadow: 1px 1px 12px #eee;
}

.submitreqbtn {
    width:100%;
    box-shadow:1px 1px 12px #555;
    background-color:#0F4C7B;
}

.searchbox {
    padding:10px;
    width:190px;
    background-color:#fff;
    border:1px solid silver;
    margin:10px 20px;
    box-sizing:border-box;
    font-size:1.3em;
}

.searchsubmit {
    font-family: 'FontAwesome';
    height:47px;
    border: 1px solid #dadada;
    font-size: 20px;
    position: absolute;
    top: 10px;
    left: 20px;
    background: #dadada;
    border: none;
    color: #5d3250;
    cursor: hand; cursor: pointer;
    
}

#categoriesoptions {
    display:none;
}

.mobilecategoriesoptions {
    padding:10px 20px!important;
}

.mobilecategoriesoptions input {
    width:100%;
}

.mobilecategoriesoptions label {
    font-size:14px;
    color:#fff;
}

.mobilecategoriesoptions .radio {
    border-right:3px solid transparent;
}


.mobilecategoriesoptions .radio.all {
    background-color:#222;
    color:#fff;    
    padding:5px 20px;
}
    
.mobilecategoriesoptions .radio.sap {
    background-color:#EFAB00;
    color:#fff;
    padding:5px 20px;
}

.mobilecategoriesoptions .radio.normal {
    background-color:#8fbc03;
    color:#fff;
    padding:5px 20px;
}

.mobilecategoriesoptions .radio.business {
    background-color:#0F4C7B;
    color:#fff;
    padding:5px 20px;
}

#categoriesoptions input {
    width:100%;
}

#categoriesoptions .radio {
    border-right:3px solid transparent;
}

#categoriesoptions .radio:hover, #categoriesoptions input:hover {
    cursor: pointer;
    background-color:#fafafa;
    border-left:3px solid #0F4C7B;
}

#categoriesoptions .radio.all {
    background-color:#C94EB7;
    color:#fff;    
    padding:5px 20px;
}
    
#categoriesoptions .radio.sap {
    background-color:#EFAB00;
    color:#fff;
    padding:5px 20px;
}

#categoriesoptions .radio.normal {
    background-color:#8fbc03;
    color:#fff;
    padding:5px 20px;
}

#categoriesoptions .radio.business {
    background-color:#0F4C7B;
    color:#fff;
    padding:5px 20px;
}

.radio label {
    font-size:16px;
}

.categorydescriptiontitle {
    margin-top: 0px;
    padding-top:0px;
    line-height:20px;
    color:#000;
    font-size:28px;
}

.categorydescription {
    display:none;
    background-size:cover;
    color:#222;
    font-family:'sans-serif', arial;
}

.unselectedcategory2 {
    width:100%;
    text-align: right;
    color:#0F4C7B;
}

.hourwrapper {
    text-align: right;
    margin-top:5px;
    display:none;
}

.mobilehourwrapper {
    text-align: right;
    margin-top:5px;
    display:block;
}


.mobilehourwrapper .title {
    display:block;
    text-align: center;
}

.mobilehourwrapper .amount {
    display:inline-block;
    padding:8px;
    background-color:#fafafa;
    text-align: center;
    color:#222;
    width:100%;
}

.hourwrapper .title {
    display:block;
    text-align: center;
}

.hourwrapper .amount {
    display:inline-block;
    padding:8px;
    background-color:#fafafa;
    text-align: center;
    width:100%;
}

.pagetitle {
    margin-bottom:15px;
    font-family:mixtape;
    font-size:2.8em;
    color:#3887B4;
}

.coursestitle {
    margin-bottom:15px;
    font-family:mixtape;
    font-size:2.8em;
    color:#3887B4;
}

.coursetypeswrapper {
    margin-top:20px;
    display:none;
}

.coursesearchrow {
    padding-bottom:20px;
}

.coursetype1 {
    line-height:14px;
    font-size:14px;
    background-color:#EFAB00;
    color:#fff;
    padding:12px;
    float:left;
    width:auto;
    margin:2px;
}

.coursetype2 {
    line-height:14px;
    font-size:14px;
    background-color:#8fbc03;
    color:#fff;
    padding:12px;
    float:left;
    width:auto;
    margin:2px;
}

.coursetype3 {
    line-height:14px;
    font-size:14px;
    background-color:#0F4C7B;
    color:#fff;
    padding:12px;
    float:left;
    width:auto;
    margin:2px;
}

.course {
    border-right:5px solid transparent;
    border-bottom:1px solid silver;
    padding:15px 0px;
}

.courseimg {
    float:right;
}

.course .description img {
    border:1px solid #eee;
    width:80px;
    height:80px;
    display:block;
}

.course .description h2 {
    text-align: right!important;
    font-size:1.4em;
    margin:0px;
    padding:0px;
    color:#0F4C7B;
    padding-right:90px;
}

.course .description h3 {
    font-size:16px;
    line-height:1.3em;
    margin:0px;
    padding:0px;
    font-family:'sans-serif', arial;
    padding-right:90px;
}

.course:hover {
    background-color:#fafafa;
    cursor: pointer;
    box-shadow:0px 1px 1px #ddd;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    border-right:5px solid #0F4C7B;
}


/* careers */

.careerstitle {
    margin-bottom:15px;
    font-family:mixtape;
    font-size:2.8em;
    color:#3887B4;
}

.careershead {
    font-size:16px;
    line-height: 1.5em;
}

#careerslist .panel-heading .fa {
    width: 30px;
}

#careerslist .title {
    background-color:#ea4c4e;
    color:#fff;
    padding:10px 5px;
    border-bottom:1px solid #eee;
}

#careerslist .panel {
    border-radius: 0;
}

#careerslist #accordion .panel-heading span {
    font-size:16px;
    line-height: 1.5em;
}

#careerslist #accordion .panel-heading .fa {
    background-color:#337ab7;
    font-size:14px;
    width:26px;
    height:25px;
    padding-top:6px;
}

#careerslist .panel-body h4 {
    font-size:20px;
    font-weight: 400;
    display: inline-block;
    border-bottom: 2px solid #337ab7;
}

#careerslist a[aria-expanded=true] {
    background-color: #eee;
}

#careerslist .panel-body {
    font-size:16px;
}

/* news */

#newslist {
    margin-top:30px;
}

#newslist ul {
    list-style-type:none;margin:0;padding:0;
}

#newslist ul li {
    min-height:80px;border-bottom:2px solid #fafafa;
}

#newslist ul li:hover {
    background-color:#f5f5f5;
    cursor:pointer;
}

#newslist ul li h3{
    font-family:opensans;
    font-size:1.2em;
    line-height:1.4em;
    color:#666;
}

#newslist ul li div{
    margin-top:7px;
    margin-right:5px;
    background-color:#8fbc03;padding:10px;margin-left:15px;
    box-shadow: 1px 1px 12px #afdc23;
}

#newslist ul li:hover div {
    background-color:#afdc23;
}

#newslist ul li div i{
    color:#fff;font-size:3.2em;
}

/* news end */


/* news */

#campuseslist {
    margin-top:30px;
}

#campuseslist ul {
    list-style-type:none;margin:0;padding:0;
}

#campuseslist ul li {
    min-height:125px;
    margin-top:10px;
    margin-bottom:20px;
}

#campuseslist ul li img { 
    height:110px;
    width:90px;
    float:right;
}

#campuseslist ul li .phone {
    color:#0F8CBB;
    font-size:1.3em;
    display:block;
    width:400px;
    margin-bottom:10px;
}

#campuseslist ul li {
    background-color:#fff;
}

#campuseslist ul li:hover {
    background-color:#f5f5f5;
    cursor:pointer;
}

#campuseslist ul li .info{
    font-family:opensans;
    font-size:1.2em;
    line-height:1.4em;
    color:#666;
    display:inline;
}

#campuseslist ul li .info .campusmoreinfo {
    margin-bottom:10px;
    margin-top:10px;
    display:inline;
    font-size:1em;
}

#campuseslist .campusinfo .modal-dialog {
    margin:120px auto;
}

#campuseslist .campusinfo h2 {
    margin-top:0px;
    font-family: mixtape;
    font-size:2.4em;
    color:#3887B4;
}

#campuseslist h3 {
    color:#000;
}

#campuseslist .campusinfo h4 {
    display:inline-block;
    font-size:1em;
    margin-top:20px;
    margin-bottom:10px;
    color:#999;
}

#campuseslist .campusinfo .campusinfotext {
    line-height:1.5em;
    font-size:1em;
}

#campuseslist .campusinfo .phone {
    display:inline-block;
}

#campuseslist ul li div img{
    margin-top:7px;
    margin-right:5px;
    background-color:#eee;
    padding:10px;
    margin-left:15px;
    box-shadow: 1px 1px 12px #ddd;
}

#campuseslist ul li:hover div img {
    background-color:#ddd;
}

#campuseslist ul li div i{
    color:#fff;font-size:3.2em;
}

/* campuses end */

#contactus h1.pagetitle {
    margin-bottom:10px;
}

#contactus .subtitle {
    display:inline-block;
    padding-bottom:10px; 
    border-bottom:2px solid #0F8CBB;
}

#contactus #contactform {
    margin-top:40px;
    font-family:inherit;
    font-size:1.2em;
}

#contactus #contactform label {
    font-family: inherit;
    font-weight: lighter;
}

#contactus #contactform label span {
    color:purple;
    font-weight: bold;
    padding-left:5px;
}

#contactus #contactform .required p {
    font-size:1em;
}

#contactus #contactform .help-block {
    margin-top:0px;
    color:red;
    background-color:rgba(255,255,255,0.6);
}

#contactus #contactform .required span {
    color:purple;
    font-weight: bold;
    padding-left:5px;
}

#contactus #contactform h2 {
    font-size:1.3em;
    margin-top:40px;
    display:inline-block;
    padding-bottom:10px;
    border-bottom:2px solid #8fbc03;
}
#contactus #contactform h3 {
    font-size:16px;
    border-bottom:1px solid silver;
    display:inline-block;
    margin-bottom:0px;
    margin-top:10px;
}

#contactus #contactform h4 {
    font-size:1em;
}

#contactus #contactform a {
    color:#3887B4;
}

#contactus #contactform .contactcampusesinfo {
    padding-right:30px;
}

#contactus #contactform input { 
    font-size:16px;
    padding:16px 8px;
    height:42px;
    border-radius: 0px;
}

#contactus #contactform textarea { 
    font-size:16px;
    padding:16px 8px;
    border-radius: 0px;
}

#contactus #contactForm {
    background-color:#3887B4;
    padding:30px 20px;
    color:#fff;
    box-shadow:1px 1px 12px #666;   
}


#contactus #contactform .thanksarea{
    padding:40px;
    padding-bottom:40px;
    padding-top:30px;
    margin-top:40px;
    background-color:#0F8CBB;
    color:#fff;
    border:20px solid #2FaCdB;
}

#contactus #contactform .thanksarea div {
    font-size:2em;
}

#contactus #contactform .thanksarea h2 {
    display:inline;
    margin:auto;
    width:100%;
    text-align: center;
    font-size:40px;
    font-weight:700;
    border-bottom:0px solid #4FCCFB;
    padding-bottom:20px;
}
    
.selectedcategory {
    box-shadow: 1px 1px 20px #FFF;font-size:1.2em;background-color:#fff;margin:5px;
}

.selectedcategory div {
    width:15px;height:15px;border-radius:100px;background-color:#8fbc03;float:right;margin-top:5px;margin-left:5px;border:2px solid #0F4C7B;
    box-shadow: 1px 1px 12px #0F8CBB;
    background-color:#0F8CBB;
}

.unselectedcategory {
    font-size:1.2em;margin:5px;background-color:#eee;
}

.unselectedcategory span {
    color:#0F4C7B;
}

.selectedcategory span {
    color:#0F4C7B;
}

.unselectedcategory div {
    width:15px;height:15px;border-radius:100px;background-color:#fff;float:right;margin-top:5px;margin-left:5px;border:2px solid silver;
    
}

.unselectedcategory:hover {
    box-shadow: 1px 1px 12px #90A4AB;
    background-color:#B0C4CB;
}

.unselectedcategory:hover span { 
    color:#fff;
}

.unselectedcategory:hover div {
    box-shadow: 1px 1px 12px #0F8CBB;
    background-color:#0F8CBB;
    
}

/* courses - end */

/* testimonials page - start */

.testimonialitems .item {
    clear: both;
    position: relative;
    margin-top:40px;
    padding-bottom:40px;
}

.testimonialitems .item:nth-child(odd) .profile {
  position: absolute;
  right: 0;
  top:10px;
}

.testimonialitems .item:nth-child(even) .profile {
  position: absolute;
  left: 0;
  top:10px;
}


.testimonialitems .item .profile img{
    width:120px;   
    box-shadow:0px 10px 20px -8px rgba(0,0,0,0.5);
    border-radius:50%;
}

.testimonialitems .item:nth-child(odd) .content {
  padding-right: 130px;
  font-family: opensans;
}

.testimonialitems .item:nth-child(even) .content {
  padding-left: 130px;
  font-family: opensans;
}

.testimonialitems .item blockquote {
  font-size: 20px;
  font-weight: 300;
  border-right: 0;
  padding: 0;
  position: relative;
}

.testimonialitems .item blockquote p {
    padding:10px;
    border-radius:10px;
    font-family: OpenSans;
    font-weight: normal;
    font-size:0.8em;
    line-height:1.6em;
}

.testimonialitems .item .fa {
  position: absolute;
  color: #ef7d69;
  font-size: 22px;
  top:10px;
}

.testimonialitems .quote-container {
    padding:30px 20px;
    background-color:#eee;
    border-radius:10px;
}

.testimonialitems .item:nth-child(odd) .source {
    margin-top:10px;
    color: #ec6952;
    font-size:1.3em;
    line-height:1.5em;
    width:130px;
    text-align: center;
    position: absolute;
    right: 0;
    top:150px;
}

.testimonialitems .item:nth-child(even) .source {
    margin-top:10px;    
    color: #ec6952;
    font-size:1.3em;
    line-height:1.5em;
    width:130px;
    text-align: center;
    position: absolute;
    left: 0;
    top:150px;

}

.testimonialitems .item .source .title {
    font-size: 18px;
    font-family:OpenSans;
    color: #666666;
}

/* testimonials page - end */
.text-muted {
    color: #777;
}

.text-primary {
    color: #8fbc03;
}

p {
    font-size: 14px;
    line-height: 1.75;
}

p.large {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}

a {
    color: #8fbc03;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #9BCC03;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: opensans;
    font-weight: 400;
}

h4 {
    font-size:1.2em;
}

.img-centered {
    margin: 0 auto;
}

.bg-light-gray {
    background-color: #f7f7f7;
}

.bg-darkest-gray {
    background-color: #222;
}


.btn-primary2 {
    border-color: #8fbc03;
    text-transform: uppercase;
    font-family: OpenSans;
    font-weight: 400;
    color: #fff;
    background-color: #8fbc03;
}

.btn-primary2:hover,
.btn-primary2:focus,
.btn-primary2:active,
.btn-primary2.active,
.open .dropdown-toggle.btn-primary2 {
    border-color: #8BCC03;
    color: #fff;
    background-color: #9BCC03;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary2 {
    background-image: none;
}

.btn-primary2.disabled,
.btn-primary2[disabled],
fieldset[disabled] .btn-primary2,
.btn-primary2.disabled:hover,
.btn-primary2[disabled]:hover,
fieldset[disabled] .btn-primary2:hover,
.btn-primary2.disabled:focus,
.btn-primary2[disabled]:focus,
fieldset[disabled] .btn-primary2:focus,
.btn-primary2.disabled:active,
.btn-primary2[disabled]:active,
fieldset[disabled] .btn-primary2:active,
.btn-primary2.disabled.active,
.btn-primary2[disabled].active,
fieldset[disabled] .btn-primary2.active {
    border-color: #8fbc03;
    background-color: #8fbc03;
}

.btn-primary2 .badge {
    color: #8fbc03;
    background-color: #fff;
}

.btn-xl {
    padding: 15px 30px;
    border-color: #8fbc03;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: OpenSans;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background-color: #8fbc03;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #8BCC03;
    color: #fff;
    background-color: #9BCC03;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #8fbc03;
    background-color: #8fbc03;
}

.btn-xl .badge {
    color: #8fbc03;
    background-color: #fff;
}

.navbar-default {
    border-color: transparent;
    background-color: #0F4C7B;
    box-shadow: 1px 1px 12px #0F4C7B;
}


.navbar-toggle {
  border: none;
  background: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}

.navbar-brand {
    padding:0px;
}

.navbar-brand img {
    width:120px;
    margin-top:4px;
    padding:5px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.navbar-default .navbar-brand {
    color: #8fbc03;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #9BCC03;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
    
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #0F4C7B;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: OpenSans;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    font-size:20px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #fff;
}

.navbar-default .nav li a:hover
{
    /*border-bottom-width:2px;
    border-bottom-color:#fff;
    border-bottom-style: solid;*/
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover
{
    background-color: rgba(255,255,255,0.3);
    color:#fff;
}

.dropdown.open a.dropdown-toggle {
    background-color: rgba(255,255,255,0.3);
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: #8fbc03;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #9BCC03;
}

.navbar-default.landing {
    background:#286090;
    background-color:#286090;
    position: relative;
    top:0px;
    width:100%;
}

.navbar-default.landing-dark-bottom {
    background:#F1AB1C;
    background-color:#F1AB1C;
    position: relative;
    top:0px;
    width:100%;
    margin:0px;
}

.landing-page-dark-bottom > section {
    padding:0px;
    padding-bottom:50px;
}

.navbar-default.light-landing {
    background:#fff;
    background-color:#fff;
    position: relative;
    top:0px;
    width:100%;
}

.navbar-default.light-landing {
    padding:15px 0px;
    background:#fff;
    box-shadow: none;
}

.navbar.light-landing {
    margin-bottom:0px;
}

.landing-top-text {
    color:#fff;
    font-size:1.2em;
    padding-bottom:10px;
}

.light-landing .landing-top-text {
    color:#286090;
}

.landing-submit {
    box-shadow: 1px 1px 12px #204d74;
    background-color:#0F4C7B;
    width:100%;
    border:0;
    padding:15px;
    font-size:1.4em;
}

.landing-submit:hover {
    background-color:#286090;
}

.navbar.landing {
    margin:0px;
}

.landing-page {
    background-color:#fff;
    background-position:center center;
    width:100%;
    height:800px;
}

.landing-page > section {
    padding:0px;
    padding-bottom:40px;
}

.landing-page .dark-bg {
    background:rgba(40,40,40,0.8);
}

.landing-page h1 {
    font-size:1.8em;
    margin-bottom:30px;
    padding-top:0px;
}

.landing-page h3 {
    font-size:1.3em;
    color:rgb(0, 195, 250);
    margin-bottom:30px;
}

.landing-page-dark-bottom {
    background-color:#fff;
    background-position:center center;
    width:100%;
}

.landing-page-dark-bottom .dark-bg {
    background:rgba(40,40,40,0.8);
}

.landing-page-dark-bottom h1 {
    font-size:1.8em;
    margin-bottom:30px;
    padding-top:0px;
}

.landing-page-dark-bottom h3 {
    font-size:1.3em;
    color:rgb(0, 195, 250);
    margin-bottom:30px;
}

.landing-page-dark-bottom .formtitle {
    margin-top:10px;
    padding:17px 18px;
    border-bottom:2px solid #0F8CBB;
    color:#fff;
    font-size:18px;
    text-align:right;
}

.landing-page-dark-bottom .formbody {
    position:relative;
    box-sizing:border-box;
    padding-top:10px;
}

.light-landing-page {
    background-color:#fff;
    background-position:center center;
    width:100%;
    height:800px;
}

.light-landing-page > img {
    height:140px;
    float:left;
}

.light-landing-page h1 {
    font-size:1.8em;
    margin-bottom:30px;
    padding-top:0px;
}

.light-landing-page h3 {
    font-size:1.3em;
    color:rgb(0, 195, 250);
    margin-bottom:30px;
}


.light-landing-page-content {
    font-size:16px;
    padding-bottom:10px;
}

.light-landing-page-contact-form {
    background:#fff;
    width:100%;
    height:600px;
    margin-top:20px;
    margin-bottom:30px;
    margin-right:0px;   
    background-color:#fff;
    border:1px solid #ddd;
    box-shadow:1px 1px 12px #ccc;
}

.light-landing-page-contact-form .formtitle {
    padding:10px 5px;
    background-color:#8fbc03;
    color:#FFF;
    font-size:18px;
    line-height:22px;
    text-align:center;
}

.light-landing-page-contact-form .formbodywrap {
    position:relative;
    box-sizing:border-box;
    padding-top:0px;
}

.light-landing-page-contact-form .formbodywrap .formrow {
    margin:0;
    padding:20px;
}

.light-landing-page-contact-form.horizontal {
    height:auto;
    margin:auto;
    margin-bottom:15px;
    background:rgba(255,255,255,0.2);
    
}

.light-landing-page-contact-form label {
    color:#222!important;
    font-size:1.2em;
}

.light-landing-page-contact-form .checkbox label {
    font-size:16px;
}

.light-landing-page-contact-form .float-label-control input, .light-landing-page-contact-form .float-label-control textarea {
    font-family:opensans;
    padding:12px 6px;
    font-size:1.3em;
    border:1px solid #aaa;
    height:50px;
}

.light-landing-page-contact-form .float-label-control input:focus {
    border-color:#286090;
    border-bottom-width:2px;
    background-color:#fafafa;
}

.light-landing-page-contact-form button {
    font-size:1.2em;
}



.light-landing-page-contact-form select {
    font-family:opensans;
    height:50px;
    font-size:18px;
    line-height:50px;
    padding-right:4px;
    border-radius:0;
    border:1px solid #aaa;
}

.landing-page-contact-form {
    background:#ccc;
    width:100%;
    height:600px;
    margin-top:0px;
    margin-bottom:30px;
    margin-right:0px;
}

.landing-page-contact-form.horizontal {
    height:auto;
    margin:auto;
    margin-bottom:15px;
    background:rgba(255,255,255,0.2);
    
}

.landing-page-contact-form label {
    color:#222;
    font-size:1.2em;
}

.landing-page-contact-form .checkbox label {
    font-size:16px;
}

.landing-page-contact-form input[type=text], .landing-page-contact-form input[type=email] {
    font-family:opensans;
    padding:12px 6px;
    font-size:1.2em;
}

.landing-page-contact-form button {
    font-size:1.2em;
}



.landing-page-contact-form select {
    font-family:opensans;
    height:36px;
    font-size:1.2em;
    line-height:36px;
    padding-right:4px;
    border-radius:0;
    border:1px solid #fff;
}

.landing-page-content-wrapper {
    color:#fff;
    padding:10px 0px;
}

.light-landing-page .landing-page-content-wrapper {
    color:#666;
}

#logolink {
    margin-left:5px;
}

.phonecall {
    letter-spacing: 1px;
    font-family: inherit;
    float:right;
    margin-right:10px;
    margin-left:0px;
    padding:5px 10px;
    margin-top:10px;
    font-size:16px;
    color:#fff;
    border-color:transparent;
    background:#000;
    background:rgba(255,255,255,0.4);
    border-radius:200px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.phonecall:hover {
    background:rgba(255,255,255,0.8);
    color:#000;
    text-decoration: none;
}

.light-landing .phonecall {
    COLOR:#286090;
    BACKGROUND:RGBA(0,0,0,0.1)
}

a.srch-btn {
    background-color:#0F8CBB;
    border-radius:4px;
    padding:12px!important;
    margin-right:10px;
    box-shadow: 1px 1px 12px #888;
}

a.srch-btn .srch-txt {
    font-family:OpenSans;
    font-size:18px;
    float:right;
    margin-top:0px;
    margin-left:5px;
}

.srch-btn:hover, .srch-btn:active, .srch-btn:focus {
    cursor: pointer;
    background-color:#3FaCeB!important;
    color:#fff!important;
}


#searchModal {
    padding:0px!important;
}

#searchModal .close-modal .rl {
    background-color:#fff;
    margin-left:17px;
    margin-right:auto;
}

#searchModal .close-modal .lr {
    background-color:#fff;
    margin-left:17px;
    margin-right:auto;
}

#searchModal .close-modal {
    background-color:#666;
}

#searchModal .close-modal:hover {
    background-color:#222;
    opacity: 1;
}

#searchModal .modal-content {
    background-color:transparent;
    opacity:1;
}

.coursesrightside {
    display:none;
}

.carousel-indicators {
    padding:0px;
    direction: ltr;
}

.carousel-indicators li {
    width:15px;
    height:15px;
}

.carousel-indicators .active {
    width:17px;
    height:17px;
}

/* BELL */
@keyframes ring {
	0%{transform:rotate(-15deg)}
	2%{transform:rotate(15deg)}
	4%{transform:rotate(-18deg)}
	6%{transform:rotate(18deg)}
	8%{transform:rotate(-22deg)}
	10%{transform:rotate(22deg)}
	12%{transform:rotate(-18deg)}
	14%{transform:rotate(18deg)}
	16%{transform:rotate(-12deg)}
	18%{transform:rotate(12deg)}
	20%{transform:rotate(0deg)}
}
.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
	animation: ring 2s ease infinite;
	transform-origin-x: 50%;
	transform-origin-y: 0px;
	transform-origin-z: initial;
}

/* BOUNCE */
@keyframes bounce {
	0%,10%,20%,50%,80%{transform:translateY(0)}
	40%{transform:translateY(-5px)}
	60%{transform:translateY(0px)}
}

.faa-bounce.animated,
.faa-bounce.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-bounce {
	animation: bounce 3s ease infinite;
}



/* VERTICAL */
@keyframes vertical {
	0%{transform:translate(0,-3px);-webkit-transform: translate(0,-3px);-ms-transform: translate(0,-3px)}
	4%{transform:translate(0,3px);-webkit-transform: translate(0,3px);-ms-transform: translate(0,3px)}
	8%{transform:translate(0,-3px);-webkit-transform: translate(0,-3px);-ms-transform: translate(0,-3px)}
	12%{transform:translate(0,3px);-webkit-transform: translate(0,3px);-ms-transform: translate(0,3px)}
	16%{transform:translate(0,-3px);-webkit-transform: translate(0,-3px);-ms-transform: translate(0,-3px)}
	20%{transform:translate(0,3px);-webkit-transform: translate(0,3px);-ms-transform: translate(0,3px)}
	22%{transform:translate(0,0);-webkit-transform: translate(0,0);-ms-transform: translate(0,0)}
}
.faa-vertical.animated,
.faa-vertical.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-vertical {
	animation: vertical 2s ease infinite;
    -webkit-animation: vertical 2s ease infinite;
}

.floatingcontactformarea {
    display:none;
    width:200px;
    position:fixed;
    top:150px;
    left:-250px;
    z-index:999;
    text-align:center;
    background:#0F4C7B;
    background:rgba(15,76,123,0.4);
    box-shadow: 0 0 15px black;
    padding-bottom:10px;
}

#closefloatingcontactform {
    position:absolute;
    right:-5px;
    bottom:-3px;
    background-color:transparent;
    border:none;   
}

#closefloatingcontactform span.glyphicon {
    color:#fff;
    font-size:20px;
}

.floatingcontactformtitle {
    width:100%;
    padding:7px 0px;
    background-color:#0F8CBB;
    color:#fff;
    font-size:1.2em;
}

.floatingcontactformbody {
    padding:15px;
    font-weight:lighter;
    font-family:OpenSans;
}

.floatingcontactformbody .col-xs-12:nth-child(1) .form-group {
    margin-bottom:0;margin-top:10px;
}

.floatingcontactformbody .col-xs-12:nth-child(2) .form-group {
    margin-bottom:15px;margin-top:20px;
}

.floatingcontactformbody .col-xs-12:nth-child(3) .form-group {
    margin-bottom:0;margin-top:5px;
}

.floatingcontactformbody .col-xs-12:nth-child(4) .form-group {
    margin-bottom:0;margin-top:20px;
}

.floatingcontactformbody .col-xs-12:last-child > div {
    padding-top:0.2em;
}

.floatingcontactformbody .col-xs-12:last-child button {
    border:0;
}

.floatingcontactformbody .checkbox {
    padding-top:0.2em;
}

.floatingcontactformbody .checkbox label {
    color:#fff;
}




.testimonials .item blockquote p {
    padding:10px;
    border-radius:10px;
    font-family: OpenSans;
    font-weight: normal;
    font-size:0.8em;
    line-height:1.6em;
}

.highlighticon { 
    position:absolute;
    text-align: center;
    bottom:30px;
    left:0px;
}

.highlighticon .fa-stack {
    display:none;
}

section h2 {
    text-align:right!important;
}

section .section-subheading {
    text-align:right!important;
}

.navbar-brand {
    float:left;
}



.navbar-toggle {
    float:right;
    margin-left:0;
    margin-right:5px;
}

@media(min-width:480px) {
    .light-landing-page > img {
        width:100%;
        height:auto;
        float:none;
    }
}
    
@media(max-width:480px) {
    
    section h2 {
            text-align:center!important;
    }
    
    section .section-subheading {
        text-align:center!important;
    }
    
    #hotcourses h4 {
        text-align: center!important;
    }
    
}

.intro-text-zone{
    z-index: 2;
    padding:15px;
    text-align:right!important;
    padding-right:10%;
}

.intro-text .intro-lead-in {
    -webkit-animation-delay:0.5s;
    animation-delay: 0.5s;
    z-index:2;
}
 
.intro-text .intro-heading {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    z-index:2;
}
 
.intro-text .btn {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    z-index:2;
    padding:5px 10px;
}

#carousel-wrapper {
    width:100%;
    padding:0;
}

#wanttolearn h4 {
    font-size:22px;
    color:#fff;
    margin-top:0px;
}

#wanttolearn .well {
    font-size:16px;
    display:block;
    color:#fff;
    font-family:OpenSans;
    border-radius:0;
    min-height:auto;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;   
}


#wanttolearn .well .fa-inverse{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s; 
    font-size:80px;
}


#wanttolearn #one.well {
    background-color:#264A7A;
    position:relative;
    padding-bottom:0px;
    margin-bottom:0px;
}

#wanttolearn #one .more-info {
    color:#fff;
    position:absolute;
    right:0px;
    background-color:#21416C;
    padding:5px 0px;
    display:block;
    width:100%;
    bottom:0px;
}


#wanttolearn #one.well:hover{
    background-color:#466A9A!important;
    box-shadow: 1px 1px 12px #CCC;
}

#wanttolearn #two.well {
    background-color:#E8AE15;
    position:relative;
}

#wanttolearn #two.well .more-info {
    color:#fff;
    position:absolute;
    right:0px;
    background-color:#DCA715;
    padding:5px 0px;
    display:block;
    width:100%;
    bottom:0px;
}

#wanttolearn #two.well:hover{
    background-color:#F8CE35!important;
    box-shadow: 1px 1px 12px #CCC;
}

#wanttolearn #three.well {
    background-color:#9150C4;
    position:relative;
}

#wanttolearn #three.well .more-info {
    color:#fff;
    position:absolute;
    right:0px;
    background-color:#8649B7;
    padding:5px 0px;
    display:block;
    width:100%;
    bottom:0px;   
}

#wanttolearn #three.well:hover{
    background-color:#B170E4!important;
    box-shadow: 1px 1px 12px #CCC;
}

#wanttolearn #four.well {
    background-color:#8DBE0E;
    position:relative;
}

#wanttolearn #four.well .more-info {
    color:#fff;
    position:absolute;
    right:0px;
    background-color:#82AF0C;
    padding:5px 0px;
    display:block;
    width:100%;
    bottom:0px;
}

#wanttolearn #four.well:hover{
    background-color:#ADDE2E!important;
    box-shadow: 1px 1px 12px #CCC;
}

#wanttolearn .well:hover .fa-inverse{
    font-size:80px;
}

#hotCarousel .hotitem {
    font-family:OpenSans;
    width: 100%;
    direction: rtl;
    box-sizing:border-box;
    padding-left:15px;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#hotCarousel .hotitem .hotitemwrapper {
    background-color:#FAFAFA;
    /*box-shadow: 0 8px 6px -6px #666;*/
    height:335px;
}

#hotCarousel .hotitem a {
    color:#222;
    text-decoration: none;
}

#hotcourses .title {
    background-color:#0F8CBB;
    padding:10px;
    margin-bottom:20px;
    
}

#hotcourses h4 {
    text-align: right;
}

#hotCarousel h4 {
    font-size:1.2em;
    background-color:#0F8CBB;
    width:100%;
    color:#fff;
    padding:10px;
    display:block;
    text-align:center;
    margin-bottom:0px;
}

#hotCarousel .hotitemwrapper {
    background-color:transparent;
    border:1px solid transparent;
    min-height:330px;
}

#hotCarousel .list-group-item {
    background-color:transparent;
    border:none;
    display:block;
    height:auto;
    min-height:65px;
    margin:3px;
    border-bottom:1px dotted #aaa;
}

#hotCarousel .list-group-item > span {
    min-height:65px;
}

#hotCarousel .list-group-item .badge {
    padding:0;
    margin:0;
    padding-left:7px;
    background-color:transparent;
    float:right;
}

#hotCarousel .list-group-item:last-child {
    border-bottom:1px solid transparent;
}

#hotCarousel .list-group-item a {
    color:#555;
    font-size:16px;
    line-height:1.5em;
    width:100%;
}


#hotCarousel .list-group-item span.glyphicon {
    display:none;
    color:#ea4c4e;
    font-size:26px;
    background:#ddd;
    background-color:#fff;
    border:1px solid #eee;
    border-radius:100px;
    padding:5px;
}

#hotCarousel .list-group-item:hover {
    cursor: pointer;
    background-color:#eee;
}

#hotCarousel .list-group-item:hover a {
    text-decoration: none;
}


#carousel-wrapper .carousel-inner .item {
    width: 100%;
    height: 300px;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

header, .rotating-header {
    text-align: center;
    color: #fff;
    <!--background-image: url(../4417217-Happy-young-positive-man-Happy-student-in-jump-Positive-and-happy-person-concept-Stock-Photo.jpg);-->
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

header .intro-text {
    padding-top: 80px;
    padding-bottom: 50px;
}

header .intro-text .intro-lead-in {
    margin-bottom: 25px;
    font-family:opensans!important;
    width:auto;
    font-size: 22px;
    line-height: 22px;
    text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4); 
}

header .intro-text.withcolor .intro-lead-in {
    margin-bottom: 0px;
    padding:10px;
    width:100%;
    background:rgb(66,139,202);
    background-color:rgba(66, 139, 202, 0.8);
}

header .intro-text.dark .intro-lead-in {
    margin-bottom: 0px;
    padding:10px;
    width:100%;
    background:#000;
    background-color:rgba(0,0,0,0.6);
}


.intro-text a {
    box-shadow: 1px 1px 6px #aaa; 
}

header .intro-text .intro-heading {
    margin-bottom: 25px;
    text-transform: uppercase;
    font-family: OpenSans;
    font-size: 30px;
    font-weight: 400;
    line-height: 28px;
    width:auto;
    text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4); 
}

.withcolor .btn {
    /*background-color:#C94EB7;
    box-shadow: 1px 1px 12px #444;
    border:1px solid #C94EB7;*/
}   

.dark .btn {
    background-color:#286090;
    box-shadow: 1px 1px 12px #444;
    border:1px solid #204d74;
 
}

header .intro-text.withcolor .intro-heading {
    margin-bottom:0px;
    padding:10px;
    width:100%;
    background:#000;
    background-color:rgba(0,0,0,0.6);
}

header .intro-text.dark .intro-heading {
    margin-bottom:0px;
    padding:10px;
    width:100%;
    background:#000;
    background-color:rgba(0,0,0,0.6);
}

#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu {
    border-radius: 0px;
}

#wanttolearn {
    padding:20px 0px;
    background-image:url('../comp.png');
    background-size:cover;
}

#wanttolearn .wrap {
    background:rgba(255,255,255,0.8);
    padding:0px 20px;
    box-shadow: 0 8px 6px -6px #444;
}

#wanttolearn .wrap .subtitle {
    margin-top:0;
    padding-top:0;
    font-size:1.3em;
    text-align:center;
    padding-bottom:0px;
}

#wanttolearn .well {
    min-height:160px;
    margin-top:20px;
}

#wanttolearn .well .desc {
    width:100%!important;
    display:block;
    min-height:40px;
}


#sectionwork {
    padding-bottom:0px;
    color:#fff; 
    height:440px;
    overflow:hidden;
    padding-top:0px;
}

#sectionwork p{
    line-height:1.6em;
    color:#000;
    font-size:16px;
}

#sectionwork a{
    font-size:1.4em;
}

#about {
    background:#3887B8;
    padding-bottom:0px;
    color:#fff;
    padding-top:20px;
}

#about h2{
    color:#fff;
}

#about .container {
    height:auto;
    overflow:hidden;
    position:relative;
    padding-bottom:30px;
}

#about .container h4{
    line-height:1.6em;
    font-size:16px;
}





section h2.section-heading {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 40px;
}

section h3.section-subheading {
    margin-bottom: 55px;
    text-transform: none;
    font-family: OpenSans;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
}

.service-heading {
    margin: 15px 0;
    padding:15px 0px;
    text-transform: none;
    margin-bottom:0px;
    font-size:3em;
    font-family:mixtape;
    color:#3887B4;
}

#team {
    background:url(../comp.png);
    background-size: cover;
    padding-bottom:0px;
    color:#fff;
}

#team h3 {
    font-size:1.3em;
}

#team .subtitle {
    padding-bottom:40px;
    color:#fff;
    text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
}



.waze {
    display:inline-block;
    color:#222;
    font-size:1.2em;
}

#campusphone {
    color:#222;
    margin-left:5px;
    display:inline-block;
    font-size:1.2em;
    margin-top:25px;
}

#campusdetails {
    padding-top:0px;
}

#campusdetails h4 {
    display:inline-block;
    padding-bottom:10px;
    border-bottom:2px solid #3887B4;
}

#campusdetails .campusdesc {
    font-size:16px;
    line-height:1.5em;
    margin-top:35px;
    color:#666;
    margin-bottom:40px;
}

@media(min-width:768px) {
    
    #contactus #contactform .thanksarea{
        padding-bottom:190px;
        padding-top:160px;
    }
    
    #contactus #contactform .thanksarea div {
        font-size:3em;
    }

    #contactus #contactform .thanksarea h2 {
        font-size:80px;
    }

    #campusdetails .campusdesc {
        font-size:18px;
        line-height:1.666667em;
    }
    
    #lowercommercial {
        display:block;
    }

    #accordion .panel-heading a{
        font-size:20px;
    }
    
    .generalpagecontent {
        font-size:18px;
        line-height: 1.666667em;
    }

    .generalpagecontent p {
        font-size:18px;
        line-height: 1.666667em;
    }

    .landing-page-contact-form .formtitle { 
        margin-top:0px;
    }
    
    .light-landing-page-contact-form .formtitle {
        padding:10px 15px;
        background-color:#fff;
        color:#0F8CBB;
        font-size:24px;
        line-height:28px;
        text-align:center;
    }
    
    
    
    .landing-page-contact-form input {
        height:46px;
        line-height:46px!important;
    }
    
    .landing-page-contact-form input[type=text], .landing-page-contact-form input[type=email] {
        padding:22px 6px;
        font-size:18px;
    }
    
    .landing-page-contact-form select {
        height:46px;
        font-size:18px;
    }
    
    .landing-page-contact-form button {
        font-size:1.4em;
    }
    
    .landing-page-content-wrapper {
        padding:10px 30px;
    }
    
    .landing-page-contact-form {
        margin-right:10px;
        margin-top:30px;
        box-shadow:1px 1px 12px #444;
    }
    
    .landing-page-content {
        font-size:1.3em;
        padding-bottom:0px;
    }
    
    .landing-page h1 {
        font-size:3em;
        margin-bottom:30px;
        padding-top:0px;
    }

    .landing-page h3 {
        font-size:1.8em;
        color:rgb(0, 195, 250);
        margin-bottom:30px;
    }
    
    .landing-page-dark-bottom h1 {
        font-size:3em;
        margin-bottom:30px;
        padding-top:0px;
    }

    .landing-page-dark-bottom h3 {
        font-size:1.8em;
        color:rgb(0, 195, 250);
        margin-bottom:30px;
    }
    
    .light-landing-page h1 {
        font-size:3em;
        margin-bottom:30px;
        padding-top:0px;
    }

    .light-landing-page h3 {
        font-size:1.8em;
        color:rgb(0, 195, 250);
        margin-bottom:30px;
    }

    
    #campusphone { 
        font-size:18px;
    }
    
    .waze {
        display:none;
    }
    
    #team h3 {
        font-size:1.7em;
    }

    section {
        padding: 60px 0;
    }
    
    .service-heading {
        font-size:60px;
    }
}

@media(min-width:992px) {
    .light-landing-page-contact-form { 
        margin-top:-80px;
    }
}

#team p {
    color:#fff;
    text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
}

#team a {
    color:#222;
    text-decoration:none;
}

.team-member {
    margin-bottom: 50px;
    text-align: center;
}

.team-member h3{
    color:#3887B4;   
}

.team-member img {
    margin: 0 auto;
    border: 17px solid #91BDD4;
    box-shadow: 1px 1px 12px #222;
    border-radius:0px!important;
    width:160px;
}

.team-member h3 {
    margin-top: 25px;
    margin-bottom: 0;
    text-transform: none;
    font-size:1.8em;
}

.team-member p {
    margin-top: 0;
    font-size:1.3em;
}


section.clients {
    padding-top:20px;
}

section.clients img {
    margin: 15px auto;
    border:2px solid #ddd;
    transition: all .3s;
}

section.clients img:hover { 
    box-shadow: 1px 1px 12px #ccc;
}


footer {
    padding: 25px 0;
    text-align: center;
    background-color:#222;
}

footer span.copyright {
    text-transform: uppercase;
    text-transform: none;
    font-family: OpenSans;
    line-height: 40px;
}

footer ul.quicklinks {
    margin-bottom: 0;
    text-transform: uppercase;
    text-transform: none;
    font-family: OpenSans;
    line-height: 40px;
}

ul.social-buttons {
    margin-bottom: 0;
}

ul.social-buttons li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0;
    color: #fff;
    background-color: #222;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #8fbc03;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}


.coursesrchsection-modal .modal-dialog {
    height: 90%;
    width:98%;
    box-shadow: 1px 1px 20px #aaa;
}

.coursesrchsection-modal .modal-body {
    height: 100%;
    width:100%;
}

.coursesrchsection-modal .modal-body .title {
    position:absolute;right:75px;top:0px;
}

.coursesrchsection-modal .modal-body .title h1 {
    float:right;color:#fff;
}

.coursesrchsection-modal .modal-body .title span {
    margin-top:27px;
    margin-right:15px;
    font-size:1.3em;
    float:right;
    color:#eee;
}

.coursesrchsection-modal .logoarea {
    position:absolute;
    left:30px;
    top:30px;
}

.coursesrchsection-modal .cancelarea {
    position:absolute;
    left:75px;
    top:40px;
    display:none;
}

.coursesrchsection-modal .coursesrchsection-bg {
    width:100%;
    height:100%;
    background-color:#0F4C7B;
    position:absolute;
    top:0;
    right:0;
    opacity:1;
}

.coursesrchsection-modal .modal-content {
    
    height: 100%;
    width:100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.coursesrchsection-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 35px;
    height: 35px;
    background-color: transparent;
    cursor: pointer;
}

.coursesrchsection-modal .close-modal:hover {
    opacity: .3;
}

.custom-templates {
    width:100%;
}

body {
  width: 100%;
  height: 100%;
}


.menu {
    display:none;
  background-image: linear-gradient(145deg, #1D1F20, #404348);
}

.menu a {
  color: #fff;
}

.menu a:hover {
  text-decoration: underline;
    background-color:#444;
}

.coursesmenu {
  display:none;
  background-image: linear-gradient(145deg, #1D1F20, #404348);
}

.coursesmenu a {
  color: #fff;
}

.coursesmenu a:hover {
  text-decoration: underline;
    background-color:#444;
}

.filtercoursesbtn:focus {
    color:#fff;
}

.filtercoursesbtn label {
    font-weight: normal;
    color:#eee;
}

.filtercoursesbtn i {
    font-size:1em;
    font-weight: normal;
}

.filtercoursesbtn {
    margin-top:10px;
    background-color:#444;
    padding:10px;
    box-shadow: 1px 1px 12px #888;
    color:#fff;
    line-height:1.2em;
    font-size:1.2em;
}

.filtercoursesbtn i {
    padding:0px 5px 0px 0px;
}

.menu-header {
  border-bottom: 1px solid #2a2d2f;
  padding: 20px;
  background-size: 32px;
}

.menu-header-title {
  font-weight: 400;
  letter-spacing: 0.5px;
  margin: 0;
}

.menu-section {
  margin: 25px 0;
}

.menu-section-title {
  text-transform: uppercase;
  color: #85888d;
  font-weight: 200;
  font-size: 1.3em;
  letter-spacing: 1px;
  padding: 0 20px;
  margin:0;
}

.menu-section-list {
  padding:0;
  margin: 10px 0;
  list-style:none;
}

.menu-section-list a {
  display: block;
  padding: 10px 20px;
}

.menu.slideout-menu {
  position: fixed;
  right: 0;
  top: 50px;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 256px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}

.coursesmenu.slideout-menu {
  position: fixed;
  top: 50px;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 256px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}

.slideout-panel {
  position: relative;
  z-index: 1;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}


#modal-search-bg {
    color:#fff;
    font-size:450px;
    opacity:0.5;
    position: absolute;
    left:5%;
    top:5%;
}

#topnavsearch {
    height: 100px;
    background-color: #0F4C7B;
    width: 100%;
    position: fixed;
    top: -100px;
    right: 0;
    z-index:1030;
}

#topnavsearch .srchzone {
    width: 60%;
    border: 1px solid #fff;
    border-radius: 5px;
    position: absolute;
    top: 30px;
    right: 20%;
}

#topnavsearch .cancelarea {
    position:absolute;
    right:15%;
    top:35px;
}

#topnavsearch .cancelarea button {
    background-color:transparent;
    border:none;
}

#topnavsearch .cancelarea span {
    font-size:35px;
    color: #fff;
    opacity:1;
}

#topnavsrchbtn {
    font-size:30px;
    top:5px;
    color: #fff;
    position: absolute;
    left: 10px;
    opacity:1;
}

#typeahead {
    display:inline-block;
    padding:7px 10px;
    width:100%;
    font-size:1.2em;
    background-color: #0F4C7B;
    color: #fff;
    width: 90%;
    border: none;
    margin: 2px;
    font-weight: bold;
}

.typeahead.dropdown-menu>li>a {
    padding:5px!important;
    box-sizing: border-box;
    color: #fff;
}

.typeahead.dropdown-menu {
    background-color: #0F4C7B;
    color: #fff;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 5px;
    padding:0;
    margin-top: 3px;
}


.coursesrchsection-modal .close-modal .lr {
    z-index: 1051;
    width: 2px;
    height: 35px;
    margin-left: 17px;
    background-color: #aaa;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.coursesrchsection-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 2px;
    height: 35px;
    background-color: #aaa;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.tooltip {
    font-size:16px;
    font-family:OpenSans;
}

.coursesrchsection-modal .modal-backdrop {
    display: none;
    opacity: 0;
}

::-moz-selection {
    color:#fff;
    text-shadow: none;
    background: #8fbc03;
}

::selection {
    color:#fff;
    text-shadow: none;
    background: #8fbc03;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #8fbc03;
}

.breadcrumbbg {
    background-color:#fafafa;
    border-bottom:1px solid #f1f1f1;
}

.breadcrumb {
    padding:8px 0;
    font-size:1.2em;
    margin-bottom:0px;
    background-color:transparent;
    list-style: none;
    margin-top:0px;
    box-sizing: border-box;
    font-family:OpenSans;
}

.breadcrumb a{
    color:#666;
}



/* ======= Testimonials ======= */
.testimonials {
  padding-top: 30px;
  padding-bottom: 120px;
}

.testimonials h4 {
    font-size:1.3em;
}

.testimonials .section-subheading {
    font-style:normal;
    font-family:mixtape;
    font-family:OpenSans;
    padding-bottom:45px;
    margin-top:5px;
}

.testimonials .carousel-indicators {
  bottom: -60px;
  z-index: auto;
}
.testimonials .carousel-indicators li {
  background: #cccccc;
  border: none;
  margin: 1px;
}
.testimonials .carousel-indicators li.active {
  background: #f19180;
  border: none;
  width: 15px;
  height: 15px;
  margin: 1px;
}
.testimonials .title {
  font-size: 40px;
  font-weight: 300;
  margin-top: 0;
  font-family:"OpenSans";
  margin-bottom: 60px;
}
.testimonials .item .profile {
  position: absolute;
  right: 0;
  top:10px;
  display:none;
}

.testimonials .item .profile img{
    width:120px;   
}

.testimonials .item .content {
  padding-right: 0px;
  font-family: opensans;
}

.testimonials .item blockquote {
  font-size: 20px;
  font-weight: 300;
  border-right: 0;
  padding: 0;
  position: relative;
}



.testimonials .item .fa-quote-right {
  position: absolute;
  color: #ef7d69;
  font-size: 22px;
  top:10px;
}


.testimonials .item .fa-quote-left {
  color: #ef7d69;
  font-size: 22px;
}

.quote-container {
    padding:20px;
    background-color:#eee;
    border-radius:10px;
}

.testimonials .item .source {
    color: #ec6952;
    font-size:1.2em;
    line-height:1.35em;
    padding-right:5px;
    padding-top:5px;
}
.testimonials .item .source .title {
    font-size: 16px;
    font-family:OpenSans;
    color: #666666;
}

.item {
      opacity: 1;
}





.handwrapper {
    display:none;
    margin-top:0px;
    -webkit-backface-visibility:hidden;
    -webkit-perspective:1000;
    -webkit-transform-origin:220px 600px;
    -moz-transform-origin:220px 600px;
    -o-transform-origin:220px 600px;
    -ms-transform-origin:220px 600px;
    transform-origin:220px 600px;
    -webkit-transform:translate(60px,0px) scale(.9) rotate(4deg);
    -moz-transform:translate(60px,20px) scale(.9) rotate(4deg);
    -ms-transform:translate(60px,20px) scale(.9) rotate(4deg);
    -o-transform:translate(60px,20px) scale(.9) rotate(4deg);
    transform:translate(60px,20px) scale(.9) rotate(4deg);
    background-image:url('../hand.png');
    background-repeat: no-repeat;
    width:100%;
    height:400px;
    position: absolute;
    opacity:0;
    -webkit-transition:-webkit-transform .5s cubic-bezier(.5,.37,.15,1) 0,opacity .2s linear 0;
    -moz-transition:-moz-transform .5s cubic-bezier(.5,.37,.15,1) 0,opacity .2s linear 0;
    -ms-transition:-ms-transform .5s cubic-bezier(.5,.37,.15,1) 0,opacity .2s linear 0;
    -o-transition:-o-transform .5s cubic-bezier(.5,.37,.15,1)0,opacity .2s linear 0;
    transition:transform .5s cubic-bezier(.5,.37,.15,1) 0,opacity .2s linear 0;
    

}

.phonehandwrapper {
    -webkit-backface-visibility:hidden;
    -webkit-perspective:1000;
    -webkit-transform-origin:220px 600px;
    -moz-transform-origin:220px 600px;
    -o-transform-origin:220px 600px;
    -ms-transform-origin:220px 600px;
    transform-origin:220px 600px;
    -webkit-transform:translate(60px,20px) scale(.9) rotate(4deg);
    -moz-transform:translate(60px,20px) scale(.9) rotate(4deg);
    -ms-transform:translate(60px,20px) scale(.9) rotate(4deg);
    -o-transform:translate(60px,20px) scale(.9) rotate(4deg);
    transform:translate(60px,20px) scale(.9) rotate(4deg);
    background-image:url('../smartphone-hand.jpg');
    background-repeat: no-repeat;
    width:100%;
    height:400px;
    position: absolute;
    opacity:0;
    -webkit-transition:-webkit-transform .5s cubic-bezier(.5,.37,.15,1) 0,opacity .2s linear 0;
    -moz-transition:-moz-transform .5s cubic-bezier(.5,.37,.15,1) 0,opacity .2s linear 0;
    -ms-transition:-ms-transform .5s cubic-bezier(.5,.37,.15,1) 0,opacity .2s linear 0;
    -o-transition:-o-transform .5s cubic-bezier(.5,.37,.15,1)0,opacity .2s linear 0;
    transition:transform .5s cubic-bezier(.5,.37,.15,1) 0,opacity .2s linear 0;
    
}

.tabletphonehandwrapper {
    -webkit-backface-visibility:hidden;
    -webkit-perspective:1000;
    -webkit-transform-origin:220px 600px;
    -moz-transform-origin:220px 600px;
    -o-transform-origin:220px 600px;
    -ms-transform-origin:220px 600px;
    transform-origin:220px 600px;
    -webkit-transform:translate(60px,20px) scale(.9) rotate(4deg);
    -moz-transform:translate(60px,20px) scale(.9) rotate(4deg);
    -ms-transform:translate(60px,20px) scale(.9) rotate(4deg);
    -o-transform:translate(60px,20px) scale(.9) rotate(4deg);
    transform:translate(60px,20px) scale(.9) rotate(4deg);
    background-image:url('../visual_resume_hand.png');
    background-repeat: no-repeat;
    width:100%;
    height:420px;
    position: absolute;
    opacity:0;
    -webkit-transition:-webkit-transform .5s cubic-bezier(.5,.37,.15,1) 0,opacity .2s linear 0;
    -moz-transition:-moz-transform .5s cubic-bezier(.5,.37,.15,1) 0,opacity .2s linear 0;
    -ms-transition:-ms-transform .5s cubic-bezier(.5,.37,.15,1) 0,opacity .2s linear 0;
    -o-transition:-o-transform .5s cubic-bezier(.5,.37,.15,1)0,opacity .2s linear 0;
    transition:transform .5s cubic-bezier(.5,.37,.15,1) 0,opacity .2s linear 0;
    
}


.animfocus {
    transform:translate(0,6px) scale(1) rotate(0);
    -webkit-transform:translate(0,6px) scale(1) rotate(0);
    -moz-transform:translate(0,6px) scale(1) rotate(0);
    -ms-transform:translate(0,6px) scale(1) rotate(0);
    -o-transform:translate(0,6px) scale(1) rotate(0);
    opacity: 1;
    -webkit-transition-duration: 0.5s; /* Safari */
    transition-duration: 0.5s;
}

div.desc {
    padding-right:65px;
    font-size:16px;
    font-family: OpenSans;
}

div.desc h3{ 
    margin-bottom:5px;
    font-size:1.4em;
}

.fa-circle {
    color:transparent;
}

div.desc a{ 
    font-size:1em;
    font-family: OpenSans;
}

#campuses {
    padding-top:0px;   
}

#campuses h4.subtitle {
    display:inline-block;
    padding-bottom:10px;
    border-bottom:2px solid #0F8CBB;
}

.campusesleftzone {
    padding-top:20px;
    margin-bottom:30px;   
}

.campusesleftzone .title {
    padding:7px 18px;
    background-color:#0F8CBB;
    color:#fff;
    font-size:1.2em;
}

.campusesleftzone .body {
    position:relative;
    background:#ccc;
    box-sizing:border-box;
    padding-top:10px;
}

.campusesleftzone .body .row {
    margin:0;
    padding:0px 0px 15px 0px;
}

.campusesleftzone .body .float-label-control label {
    color:#fff;
}

.campusesleftzone .body .float-label-control input {
    border:2px solid #eee;
    font-family:opensans;
}

.campusesleftzone .body .float-label-control select {
    border:2px solid #eee;
    font-family:opensans;
    font-size:1.2em;
    padding:0px;
    padding-right:4px;
    border-radius:0;
    border:1px solid #fff;
}

.campusesleftzone button {
    box-shadow: 1px 1px 12px #4F8CbB;
    background-color:#0F4C7B;
    width:100%;
    border:0;
    border-radius:0;
}

#campuseslist ul li h3{
    font-size:16px;
    line-height:1.3em;
    margin:0px;
}

#campuseslist ul li h4{
    font-size:1em;
    line-height:1em;
    margin-top:0px;
}

@media(min-width:768px) {
    
    #campuseslist ul li h3{
        font-size:1.3em;
        line-height:1.6em;
        margin:0px;
    }

    #campuseslist ul li h4{
        font-size:1em;
        line-height:1em;
        margin-top:0px;
    }

    .testimonials h4 {
        font-size:1.7em;
    }

    .testimonials .item .source {
        font-size:1.35em;
    }
    
    .testimonials .item .source .title {
        font-size:16px;
    }
    
    .testimonials .item .content {
      padding-right: 130px;
    }
    
    .testimonials .item .profile {
        display:block;
    }

    .lowcontact:before {
        display: none;
    }
    
    .lowcontact span {
        display: none;
    }
    
    .lowcontact:hover span {
        display: block;
    }
    
    .lowcontact:hover:before {
        display: block;
    }
    
    .coursesrightside {
        display:block;
    }

    #tabs {
        display:block;
        padding-right:10px;
    }

    #newslist ul li h3{
        font-size:1.4em;
        line-height:1.6em;
    }
    
    
    .testimonialitems .item { 
        padding-bottom:100px;
    }
    
    .contactformarea2 {
        display:block;
    }

    .breadcrumbsarea {
        display:block;
    }

    .coursesearchrow {
        padding-bottom:0px;
    }
    
    .visiblesearchboxwrapper {
        display:none;
    }
    
    .filtercoursesbtn {
        display:none;
    }
    
    .coursesheader {
        padding-top:0px;
    }

    .course {
        padding:15px;
    }
    
    .mobilehourwrapper .amount {
        background-color:#fafafa;
    }
    
    .coursestitle {
        font-size:3.6em;
        margin-bottom:30px;
    }
    
    .pagetitle {
        font-size:3.6em;
        margin-bottom:30px;
    }
    
    #careerslist #accordion .panel-heading .fa {
        font-size:18px;
        width:32px;
        height:31px;
        padding-top:7px;
    }
    
    #careerslist #accordion .panel-heading span {
        font-size:18px;
        line-height: 1.666667em;
    }

    .careershead {
        font-size:18px;
        line-height: 1.6666667em;
    }
    
    .careerstitle {
        font-size:3.6em;
        margin-bottom:30px;
    }
    
    .hourwrapper {
        display:block;
    }

    .mobilehourwrapper {
        display:none;
    }
    
    .course .description img { 
        display:block;
    }
    
    .course .description h2 {
        padding-right:90px;
    }

    .course .description h3 {
        padding-right:90px;
    }
    
    .highlighticon .fa-stack {
        display:inline-block;
    }

    .coursetypeswrapper {
        margin-top:0px;
        display:block;
    }

    .areatitle {
        display:block;
    }
    
    .currentcoursetypes {
        display:block;
    }
    
    .coursessrcharea {
        display:block;
    }
    
    .coursessrchfilter {
        display:block;
    }
    
    
    .categorydescription div{
        display:block;
        line-height:1.3em;
        font-size:16px;
    }
    
    .categoriesdescriptions {
        box-shadow:none;
        border-radius:0px;
        border:1px solid #fafafa;
        background-color:#fafafa;
        display:block;
    }

    #ddlcategoriesoptions {
        display:none;
    }

    #categoriesoptions {
        display:block;
    }


    .navbar-default {
        box-shadow: none;
    }
    
    .phonecall {
        float:left;
        margin-right:0px;
        margin-left:10px;
    }
    
    #logolink {
        margin-right:15px;
        margin-left:0px;
    }
    
    .navbar-brand {
        float:right;
    }
    .handwrapper {
        display:block!important;
    }

    .highlighticon {
        width:100%;
        text-align:center;
    }

    h4 {
        font-size:1.6em;
    }
    
    .floatingcontactformarea {
        display:block;
    }
    
    .testimonials .item .profile img{
        width:140px;   
    }
    
    .testimonials .item .content {
      padding-right: 180px;
      font-family: opensans;
    }

    .testimonials .item blockquote p {
        font-size:20px;
        line-height:30px;
    }
    
    .testimonialitems .item .profile img{
        width:140px;   
    }
    
    
    .testimonialitems .item:nth-child(odd) .content {
      padding-right: 180px;
      font-family: opensans;
    }
    
    .testimonialitems .item:nth-child(even) .content {
      padding-left: 180px;
      font-family: opensans;
    }

    .testimonialitems .item blockquote p {
        font-size:20px;
        line-height:30px;
    }
    
    .starthead {
        font-size:60px;
    }
    
    #mainCarousel {
        position: relative;
    }
    
    #scrollto-content {
        position:absolute;
        bottom:40px;
        left:50%;
        display:block;
        color:#fff;
        width:50px;
        height:50px;
        z-index: 4;
        margin-left:-25px;
        font-size:24px;
        text-align:center;
        line-height:46px;
        border:2px solid #fff;
        border-radius:50%;
        -webkit-animation-name:bounce;
        animation-name:bounce;
        -webkit-animation-duration:1.6s;
        animation-duration:1.6s;
        -webkit-animation-fill-mode:both;
        animation-fill-mode:both;
        -webkit-animation-iteration-count:infinite;
        animation-iteration-count:infinite
    }
    
    .arrow-scroll-next {
        display:block;
        background:rgba(255,255,255,0.3);
        position:absolute;
        padding-bottom:0px;
        bottom:0px;
        left:48.5%;
        color:#8fbc03;
        line-height:40px;
        font-size:40px;
        z-index:4;
    }
    
    .carousel-indicators {
        display:block;
    }
    
    .phonecall {
        margin-left:10px;
        margin-top:7px;
        font-size:18px;
        float:right;
        display:block;
    }
    
    .contactformarea {
        display:none;
    }
    
    .leftcontactformarea {
        display:block;
    }
    
    .navbar-default {
        padding: 25px 0;
        border: 0;
        background:#000;
        background:rgba(0,0,0,0.25);
        
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }
    
    .navbar-default.light-landing {
        padding:15px 0px;
        background:#fff;
        box-shadow: none;
    }

    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
    
    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .navbar-default.navbar-shrink {
        padding: 5px 0;
        background-color: #0F4C7B;
        opacity: 1;
        box-shadow: 0 0 5px #666;
    }
    
    
    .navbar-default.navbar-shrink.light-landing {
        padding: 15px 0;
        background-color: #fff;
        opacity: 1;
        box-shadow: none;
    }
    
    .navbar-default.navbar-shrink a.srch-btn {
        padding:7px!important;
        margin-top:6px;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 18px;
        
    }
    
    .navbar-default.navbar-shrink .navbar-brand img {
        width:130px;
        padding:0px;
        padding-top:5px;
    }
    
}

@media(min-width:768px) {
    .landing-top-text {
        font-size:2.5em;
        padding-bottom:0px;
    }
    
    header .intro-text.withcolor .intro-lead-in {
        width:800px;
        padding:20px;
    }
    
    header .intro-text.withcolor .intro-heading { 
        width:800px;
        padding:20px;
    }
    
    header .intro-text.dark .intro-lead-in {
        width:800px;
        padding:20px;
    }
    
    header .intro-text.dark .intro-heading { 
        width:800px;
        padding:20px;
    }
    
    #wanttolearn .wrap .subtitle {
        padding-bottom:30px;
        font-size:24px;
        text-align:right;
    }
    
    #sectionwork { 
        height:400px;
    }
    
    #sectionwork p{
        line-height:1.6em;
        font-size:1.3em;
    }
    
    #about .container {
        height:auto;
        
    }
    
    #about .container h4{
        line-height:1.6em;
        font-size:1.3em;
    }
    
    #wanttolearn .well {
        min-height:290px;
    }
    
    #hotCarousel .list-group-item span.glyphicon{ 
        display:block;
    }
    
    #hotCarousel .list-group-item {
        height:auto;
    }
    
    #hotCarousel .list-group-item a {
        font-size:1.2em;
        line-height:1.2em;
        color:#555;
    }
    
    #hotCarousel h4 {
        font-size:1.6em;
    }
    
    .intro-text .btn {
        padding:15px 20px;   
    }
    
    #carousel-wrapper .carousel-inner .item { 
        height:700px;
    }
    
    header .intro-text {
        padding-top: 240px;
        padding-bottom: 200px;
    }
    
    .navbar-brand img {
        width:160px;
        padding:0px;
        margin-top:0px;
    }

    header .intro-text .intro-lead-in {
        margin-bottom: 35px;
        font-family: opensans;
        font-size: 40px;
        line-height: 40px;
    }

    header .intro-text .intro-heading {
        margin-bottom: 40px;
        text-transform: uppercase;
        font-family: mixtape;
        font-size: 100px;
        font-weight: 400;
        line-height: 75px;
    }
}

@media(min-width:992px) {
    .nav-tabs a {
        font-size:16px;
    }
    
    .coursetype1 {
        padding:2px 8px;
        float:none;
        width:60px;
        margin:2px 0px;
    }

    .coursetype2 {
        padding:2px;
        float:none;
        width:60px;
        margin:2px 0px;
    }

    .coursetype3 {
        padding:2px;
        float:none;
        width:60px;
        margin:2px 0px;
    }
    
    #wanttolearn .well .fa-inverse{ 
        font-size:60px;
    }
}

@media(max-width:1200px) {
    
    .navbar .container {
        width:100%;
    }
}

@media(min-width:1200px) {
    .nav-tabs a {
        font-size:1.3em;
    }
    
    .navbar-brand img {
        width:180px;
    }
    
}