/* General Demo Style */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

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

body, html { font-size: 100%; 	padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #47a3da;

}

a {
	color: #f0f0f0;
	text-decoration: none;
}

a:hover {
	color: #000;
}

.main,
.container > header {
	width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 0 1.875em 0 1.875em;
}

.container > header {
	padding: 6em 0 0 0;
	position:relative;
	z-index:2;
}

.container > header h1 {
	font-size: 3.125em;
	line-height: 1.3;
	margin: 0;
	font-weight: 800;
	text-align:center;
    color:#FFF;
}
.container > header h2 {
	font-size: 2.75em;
	line-height: 1.3;
	margin: 0;
	font-weight: 800;
	text-align:center;
	color:#FFF;
}
.container > header span {
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 0 0 0 0.1em;
	text-align:center;
}

.container > header nav {
	float: right;
}

.container > header nav a {
	display: block;
	float: left;
	position: relative;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin: 0 0.1em;
	border: 4px solid #47a3da;
	text-indent: -8000px;
}

.container > header nav a:after {
	content: attr(data-info);
	color: #47a3da;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	opacity: 0;
	pointer-events: none;
}

.container > header nav a:hover:after {
	opacity: 1;
}

.container > header nav a:hover {
	background: #47a3da;
}

.icon-drop:before, 
.icon-arrow-left:before {
	font-family: 'fontawesome';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #47a3da;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px;
}

.container > header nav a:hover:before {
	color: #fff;
}

.icon-drop:before {
	content: "\e000";
}

.icon-arrow-left:before {
	content: "\f060";
}

}

.txt a:hover
{
text-decoration:underline;
}


.dce
{
	padding:5px;
	width:33.33%;
	float:left;
	line-height:15;
}

.dce strike
{
	font-size: 2.125em;
	line-height: 8;
	font-weight: 800;
	text-align:center;
	color:#FFF;
}


@media screen and (max-device-width: 1280px){
}
@media screen and (max-device-width: 480px){
	
	.container > header {
	
	padding: 1em 1.875em 3.125em 1.875em;
}
.container > header h1 {
	font-size: 1.75em;
	line-height: 1.3;

}
.container > header h2 {
	font-size: 1.5em;
	line-height: 1.3;
}
 .dce_main_container
	{
		position:relative !important;
		bottom:40px;
	
	}
	
}
@media screen and (max-device-width: 360px) {
	
	
#navigationMenu span.r{
	/* Container properties */
	left:38px;
	right:inherit !important;

}
.backgroundsize .cbp-bislideshow li {
	
}
.container > header h1 {
	font-size: 1.5em;
	line-height: 1.3;

}
.container > header h2 {
	font-size: 1em;
	line-height: 1.3;
}
.campus
{
	bottom:35px;
}
.footer span
{
	padding:5px;
	font-size:12px;

	
}
.footer span a
{

	font-size:12px;


	
}


/* Extra small devices (phones, less than 768px) */
@media screen and (max-width: 768px) { 


}

/* Small devices (tablets, 768px and up) */
@media (min-width:776px @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {  }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }


/* #### Mobile Phones Portrait #### */


/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */
}

/* #### iPhone 4+ Portrait or Landscape #### */

/* #### iPhone 5 Portrait or Landscape #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
}

/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3){
  /* some CSS here */
}

/* #### Tablets Portrait or Landscape #### */

/* #### Desktops #### */
@media screen and (min-width: 1024px){
  /* some CSS here */
}