.beach {
	background-color: #d1ccbe;
}

.brown {
	background-color: #423e3d;
	/*background-color: #544f4d;*/
}

.grey-text {
	color:rgba(153,153,153,1);
}

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

.lr-padding {
	padding-left: 15px;
	padding-right: 15px;
}

.upcoming-padding {
	padding-left: 15px;
	padding-right: 10px;
	line-height:1;
	text-align:left;
}

.text16 {
	font-size:16pt;
}
ol.d {list-style-type: lower-alpha;}

ol.c {list-style-type: lower-ron;}

ul.square {
	list-style-type: square;
}

.top-gradient {
	position: absolute;
	top: 95px;
	left: 0px;
	z-index: 20;
	width:100%;
	visibility:hidden;
	/*max-width: 617px;*/
}


.whiteCorner {
	position:absolute;
	top: 90px;
	left: 0px;
	z-index: 20;
	max-width: 617px;
}

.map {
	width: 100%;
	max-width: 700px;
}


.map2 {
	width: 100%;
	text-align:right;
}

.text-shadow {
	color:rgba(255,255,255,1);
	text-shadow: 2px 2px 2px #000000;
	opacity:1.0;
	font-weight:300;
}

.text-shadow2 {
	color:rgba(255,255,255,1);
	text-shadow: 4px 4px 8px rgba(0,0,0,0.6);
	opacity:1.0;
	font-weight:300;
}

.training {
	text-align:left;
}

.toggle-title:hover .color-green { color:#3a7e22; }

.color-green:hover {
	color:#000;
}

.color-green {
	color:#52ae31;
}

.toggle-title:hover .color-orange { color:#c28924; }

.color-orange:hover {
	color:#000;
}

.color-orange {
	color:#f9b233;
}

.toggle-title:hover .color-blue { color:#2682ae; }

.color-blue:hover {
	color:#000;
}

.color-blue {
	color:#36a9e0;
}

.toggle-title:hover .color-purple { color:#985283; }

.color-purple:hover {
	color:#000;
}

.color-purple {
	color:#c46faa;
}

.main2{
	position:absolute;
	top: -90px;
}
.mainslide-text-container {
		width: 67%;
	}
	
	.top-bar1 {
		font-size:10px;
	}
	.top-bar2 {
		font-weight:bold;
	}
	
	.myNav::after {
    content: " |";
	margin-left: 12px;
}
.copyright {color: rgba(255, 255, 255, .15); }

.myMainSlideTitle {
	position:absolute;
	top: 200px;
	left:100px;
	z-index:999999999999999999999;
}
.myFocusArea {
	min-height: 80px;
}

.myFocusArea2 {
	min-height: 80px;
}
.facilities-img {
	width:100%;
	max-width:600px;
}
.contact-box {
	width:100%;
	min-height:250px;
}
.teching-training-col1 {
	width: 50%;
	float:left;
}

.teching-training-col2 {
	width: 50%;
	float:right;
}

.contact-bg002 {
	background-color:#fff;
	background-image:url(../images/contact-bg002.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.text-black a:link{
	color:#000;
	transition: all 1.0s ease;
}
.text-black a:hover{
	color:#fff;
	transition: all 1.0s ease;
}
.text-black {
	color:#000;
}
.padding-none {
	padding: 0px 0px 0px 0px;
}

.left {
	text-align:left;
}

@media only screen and (max-width: 1344px) {
	
.myFocusArea2 {
	min-height: 100px;
}

}

@media only screen and (max-width: 1024px) {
	.top-gradient {
		top: 61px;
		/*width: 300px;*/
}
.myFocusArea2 {
	min-height: 150px;
}


.vl2 {
	visibility:hidden;
}
.column.one-half.industrial-trainer {
	width: 100%;
}

.contact-box {
	min-height: 210px;
}

}

body, html {
	/*cursor: url('cursor.png'), auto;*/
	}
	
	h2.counter { font-size: 60px; line-height:50px; }
	h3.counter { font-size: 50px; line-height:50px; }
	
	@media only screen and (max-width: 768px) {
		h2.counter { font-size: 32px; line-height:32px; }
		h3.counter { font-size: 20px; line-height:20px; }
		
		.sr-counter.counter-big .counter-value { font-size: 40px; line-height: 40px; }
		
		.mainslide-text-container {
		max-width: 400px;
	}
	.vl {
    visibility:hidden;
}


.contact-box {
	min-height:inherit;
	padding-bottom:20px;
}

		body h4.main {
	text-align: left;
	}

	}
	
	@media only screen and (max-width: 400px) {
		
	
		h4.leftAlign {
			text-align:left;
			}
			
			h3 {
			text-align:left;
			}
			.menu {
			text-align:left;
			}
			
			
	}
	
	.training-icon {
		width: 80%;
	}
	.training-margin {
		margin-top: 10px;
	}
	.container-partnership {
		width:75%;
	}
	.container-partnership2 {
		width:20%;
	}
	
.vl {
	border-right: 1px solid green;
	height: 200px;
	position: absolute;
	left: 50%;
	margin-left: 0px;
}

.vl2 {
    border-right: 1px solid green;
    height: 48%;
    position: absolute;
    left: 45%;
    margin-left: 0px;
}
.highlights-left {
	width:100%;
}
.highlights-right {
	width:100%;
}
.cert-min-height {
	min-height:100px;
	vertical-align:bottom;
}
.cert-bottom {
	vertical-align:bottom;
	position:relative;
}

img.cert {
    vertical-align: baseline;
}
.vertical-bottom {
	vertical-align:text-bottom;
}
td.classroom {
	text-align:center;
}

@media only screen and (max-width: 1600px) {

.vl {
    margin-left: 30px;
}
.vl2 {
 left: 48%;
 height: 40%;

}
}

@media only screen and (max-width: 1400px) {

.vl {
    margin-left: 40px;
}
.vl2 {
 left: 50%;

}

.highlights-left {
	width:100%;
}
.highlights-right {
	width:100%;
}