body {
	background: rgb(255,255,255);
}
#wrapper {
	/* width: 100%; */
	padding-bottom: 0px;
	padding-top: 0px;
	max-width: 4000px;
}
#interior2col {
	border: 0px dashed #ccc;
	background: #fff;
	padding-bottom: 0px;
}
section.content {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
h1 {
	background: transparent;
	letter-spacing: 5px;
	color: #8a8d8f;
	padding: 0px 5px 10px;
	font-size: 36px;
}
h2 {
	font-weight: 500;
	font-size: 30px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
p {
	color: #333;
}
ul, ol {
	margin-top: 0;
	margin-bottom: 10px;
	color: #333;
}
h1.title{
	color: rgb(255,255,255);
	max-width: 100%;
	display: block;
	margin: 0px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1;
	text-shadow: rgba(0,0,0,1) 0 0 15px;
	font-size: 600%;
}
.img-hero {
	padding: 2% 0%;
}
@media only screen and (min-width: 40.063em) {
	h1.title {
		font-size: 415%;
	}
	.img-hero {
		padding: 4% 0%;
	}
}
@media only screen and (min-width: 64.063em) {
	h1.title{
		font-size: 600%;
	}
	.img-hero {
		padding: 6% 0%;
	}
}
/* landing page width */
div.col-md-12 {
	padding-left: 0px;
	padding-right: 0px;
}

.space {
	margin-top: 20px;
}
/**********************Body************************/
.textbody {
	max-width: 1000px;
	/* min-width: 320px; */
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.whitebkgd {
	background-color: #fff;
	padding: 60px 0px;
}
.bluebkgd {
	background-color: #e5eaef;
	padding:  60px 0px;
}
.darkbkgd {
	background-color: #36454f;
	padding: 60px 0px;
}
/********************** background images LEFT COLUMN ******************************/

.img {
	width: 100%;
	display: block; 
	/*	box-shadow: inset 0px 0px 0px 111.11111rem rgba(0,0,0,.5); */
}

WelcomeSection {
	background-color: #ffffff;
	background: url(/student/marketing/images/welcomeBackground.jpg) no-repeat center center;
	background-size: cover;
	min-height: 200px;
	padding: 60px 00px;
}

/* HOME PAGE CODE */

a:hover,
a:focus {
	color: #2a6496;
	text-decoration: underline;
	cursor: pointer;
}


#interior2col {
	padding-bottom: 0px;
}

div.col-md-12 main {
	padding-left: 0px;
	padding-right: 0px;
}

.col-md-12.main {
	width: 1000px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #ccc;
}

div#scrollingcontent {
	background-color: #ccc;
	margin-left: 0;
	margin-right: 0;
}
.space {
	margin-top: 20px;
}

.white {
	background-color: rgb(255,255,255);
	padding: 60px 0px;

}
.blue {
	background-color: #e5eaef;
	padding: 60px 30px;
}
.center {
	max-width: 1000px;
	/*min-width: 320px;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
}

ul.social li a.owlcentral {
	background-image: url(/transfer/images/OwlCentral_Transfer.png);
}
div>a.owlcentral {
	background-image: url(/transfer/images/OwlCentral_Transfer.png);
	width: 45px;
    height: 45px;
    display: block;
    margin: auto;
}
div>a.instagram {
    background-image: url(/student/images/instagram-new-sa.png);
	width: 45px;
    height: 45px;
    display: block;
    margin: auto;
}
div>a.facebook {
    background-image: url(/images/social/facebook.png);
	width: 45px;
    height: 45px;
    display: block;
    margin: auto;
}

/* ~~~~~~~~~~~~~~~~~Kukuri~~~~~~~~~~~~~~~~~ */
.link {
	outline: none;
	text-decoration: none;
	position: relative;
	font-size: 30px;
	line-height: 1;
	color: #9e9ba4;
	display: inline-block;
}
.link--kukuri {
	text-transform: uppercase;
	font-weight: 900;
	overflow: hidden;
	line-height: 6;
	color: #fff;
	/*text-align: center;*/
	padding-left: 11%;
	text-shadow: 2px 2px #666;
}
.link--kukuri:hover {
	color: #9e9ba4;
	text-decoration: none;
}
.link--kukuri::after {
	content: '';
	position: absolute;
	height: 10px;
	width: 100%;
	top: 50%;
	margin-top: -8px;
	right: 0;
	background: #c00;
	background-color: #c00;
	transform: translate3d(-100%,0,0);
	transition: transform 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.link--kukuri:hover::after {
	transform: translate3d(100%,0,0);
}
.link--kukuri::before {
	content: attr(data-letters);
	position: absolute;
	z-index: 2;
	overflow: hidden;
	color: #e5e5e5;
	white-space: nowrap;
	width: 0%;
	transition: width 0.4s 0.3s;
}
.link--kukuri:hover::before {
	width: 100%;
}
/***************Text hover on image************************/
.list-quotes {
	cursor: pointer;
	height: auto;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	display: block;
	/*border-bottom: 1px solid blue;*/
}
.list-quotes img,
.list-quotes h1 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
.list-quotes img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.list-quotes h1{
	background: rgba(204,0,0,0.8) !important;
	bottom: 30px;
	float: right;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 15px;
	position: absolute;
	margin: 0;
}

.list-quotes p {
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	margin: 0;
	padding: 10px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
	font-size: 15px;
	font-weight: normal;
	background: rgba(0,51,104,0.8);
	width: 100%;
	color: #fff;
}
.list-quotes:hover img {
	-webkit-transform: translate3d(0,-80px,0);
	transform: scale(1.2);
	transition: all 250ms ease;
}
.list-quotes:hover{
	box-shadow: 0 0 5px 2px rgba(0,51,104, 0.5);
}
.list-quotes:hover h1 {
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
	text-shadow: 0px 0 15px #fff;
	transition: all 250ms ease;
}
.list-quotes:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.quotes span{
	color:#222;
	font-weight: bold;
	text-transform: capitalize;
	color: #fff;
}