@import url('https://fonts.googleapis.com/css?family=Oxygen');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Roboto');





/********************************
* Additional
*********************************/





.default_text {
	text-decoration: none;
	color: #0066CC;
	font-weight:600;
}
A.default_text:link {
	text-decoration: none;
	color: #0066CC;
	font-weight:600;
}
A.default_text:visited {
	text-decoration: none;
	color: #0066CC;
	font-weight:600;
}
A.default_text:hover {
	text-decoration: underline;
	color: #0066CC;
	font-weight:600;
}



.general {
	text-decoration: none;
	color: #0066CC;
	font-weight:600;
}
A.general:link {
	text-decoration: none;
	color: #0066CC;
	font-weight:600;
}
A.general:visited {
	text-decoration: none;
	color: #0066CC;
	font-weight:600;
}
A.general:hover {
	text-decoration: underline;
	color: #0066CC;
	font-weight:600;
}





.hr_152{height:152px;}
.hr_25{height:25px;}
.hr_12{height:12px;}
.hr_5{height:5px;}
.hr_4{height:4px;}
.hr_3{height:3px;}
.hr_2{height:2px;}
.hr_1{height:1px;}
.hr_white{height:2px;background-color:#FFFFFF;}
.hr_152, .hr_25, .hr_12, .hr_5, .hr_4, .hr_3, .hr_2, .hr_1, .hr_white {clear:both; font-size:1px; line-height:1px;}
.clear{ clear: both; display: block; overflow: hidden; visibility:hidden; width: 0; height: 0 }


.bottom-pagination {
	position: fixed;
	bottom: 1em;
	right: 0px;
	width: 100%;
	height: 47px;
	padding-left: 1em;
	padding-right: 1em;
	display: none;
	z-index: 999;
}



.roll {
	display: inline-block;
	overflow: hidden;
	z-index: 200;
	position: relative;
	vertical-align: top;
  font-family: Helvetica, Arial;
  font-size: 14px;
  font-weight:600;
  font-stretch: expanded;
  letter-spacing: 2px;
  color: #fff;
  text-decoration:none;
  text-shadow: 1px 1px 2px #303030;
  padding: 0px 15px 8px 15px;
  line-height: 22px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-webkit-perspective-origin: 50% 50%;
	-moz-perspective-origin: 50% 50%;
}

.roll span {
  font-family: Helvetica, Arial;
  font-size: 14px;
  font-weight:600;
  font-stretch: expanded;
  letter-spacing: 2px;
  color: #fff;
  text-decoration:none;
  text-shadow: 1px 1px 2px #303030;
  padding: 0px 0px 10px 0px;
  line-height: 22px;
	vertical-align: top;
	display: block;
	position: relative;
	padding: 0px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	pointer-events: none;
	-webkit-pointer-events: none;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	overflow: hidden;
}

a.roll:hover span {
  font-family: Helvetica, Arial;
  font-size: 14px;
  font-weight:600;
  font-stretch: expanded;
  letter-spacing: 2px;
  color: #fff;
  text-decoration:none;
  text-shadow: 1px 1px 2px #c0c0c0;
  line-height: 22px;
	vertical-align: top;
	overflow: visible;
	-webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
	-moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
}

.roll span:after {
	content: attr(data-title);
	display: block;
	position: absolute;
	left: 0;
	top: 1px;
  font-family: Helvetica, Arial;
  font-size: 14px;
  font-weight:700;
  font-stretch: expanded;
  letter-spacing: 2px;
  color: #000000;
  text-decoration:none;
  padding: 0px 0px 0px 1px;
  line-height: 22px;
	vertical-align: top;
	background: #fff;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
	-moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
}

.copyright_footer {
	font-size: 15px;
	color: #ffffff;
	text-shadow: 1px 1px 2px #222222;
}




.text-white {
	text-decoration: none;
	color: #d0d0d0;
	text-shadow: 1px 1px 2px #222222;
}
A.text-white:link {
	text-decoration: none;
	color: #d0d0d0;
	text-shadow: 1px 1px 2px #222222;
}
A.text-white:visited {
	text-decoration: none;
	color: #d0d0d0;
	text-shadow: 1px 1px 2px #222222;
}
A.text-white:hover {
	text-decoration: underline;
	color: #ffffff;
	text-shadow: 1px 1px 2px #222222;
}




.block-inverse-0 {
	background-color:#000000;
}
.block-inverse-1 {
	border-top: 1px solid #282828;
	background-color:#001830;
}
.h1-inverse {
	font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size: 30px;
	font-weight:300;
	margin: 80px 30px 80px 30px;
	transform:scale(1,1.04); 			/* W3C */
	-webkit-transform:scale(1,1.04); 	/* Safari and Chrome */
	-moz-transform:scale(1,1.04); 	   /* Firefox */
	-ms-transform:scale(1,1.04); 		/* IE 9 */
	-o-transform:scale(1,1.04); 		 /* Opera */
}

.mbr-header__text {
	display: block;
	font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#303030;
	font-size: 25px;
	font-weight: 550;
	letter-spacing: 2px;
	line-height: 1.5em;
	margin: 0;
	transform:scale(1,1.04); 			/* W3C */
	-webkit-transform:scale(1,1.04); 	/* Safari and Chrome */
	-moz-transform:scale(1,1.04); 	   /* Firefox */
	-ms-transform:scale(1,1.04); 		/* IE 9 */
	-o-transform:scale(1,1.04); 		 /* Opera */
}

.col-sm-8 {
	font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#303030;
	font-size: 18px;
	text-align:justify;
}


.h2-db {
	display: block;
	margin: 20px 0px 50px 0px;
	font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 15pt;
	color:#e0e0e0;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.5em;
	transform:scale(1,1.04); 			/* W3C */
	-webkit-transform:scale(1,1.04); 	/* Safari and Chrome */
	-moz-transform:scale(1,1.04); 	   /* Firefox */
	-ms-transform:scale(1,1.04); 		/* IE 9 */
	-o-transform:scale(1,1.04); 		 /* Opera */
}



.mbr-hero-main__text {
  font-family: 'PT Sans', Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  text-shadow: 0 0 4px #777777;
  font-size: 30pt;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1px;
  line-height: 60px;
  margin: -28px 0 -10px 0;
  padding-bottom: 28px;
  position: relative;
  transform:scale(1,1.04); 			/* W3C */
  -webkit-transform:scale(1,1.04); 	/* Safari and Chrome */
  -moz-transform:scale(1,1.04); 	   /* Firefox */
  -ms-transform:scale(1,1.04); 		/* IE 9 */
  -o-transform:scale(1,1.04); 		 /* Opera */
}
.mbr-hero-main__subtext {
  font-family: 'PT Sans', Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  font-size: 12pt;
  text-shadow: 0 0 4px #777777;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1px;
  line-height: 29px;
  margin: 10px 0 3px 0;
  padding: 0 0 21px 0;
  position: relative;
  top: 6px;
  transform:scale(1,1.04); 			/* W3C */
  -webkit-transform:scale(1,1.04); 	/* Safari and Chrome */
  -moz-transform:scale(1,1.04); 	   /* Firefox */
  -ms-transform:scale(1,1.04); 		/* IE 9 */
  -o-transform:scale(1,1.04); 		 /* Opera */
}




input[type="text"],input[type="email"],input[type="tel"],select[type="subject"],textarea[type="message"] {
	-webkit-transition: box-shadow 0.3s, border 0.3s;
	-moz-transition: box-shadow 0.3s, border 0.3s;
	-o-transition: box-shadow 0.3s, border 0.3s;
	transition: box-shadow 0.3s, border 0.3s;
}
input[type="text"]:focus,
input[type="text"].focus,
input[type="email"]:focus,
input[type="email"].focus,
input[type="tel"]:focus,
input[type="tel"].focus,
select[type="subject"]:focus,
select[type="subject"].focus,
textarea[type="message"]:focus,
textarea[type="message"].focus {
  -webkit-box-shadow: 0 0 5px 1px #c0c0c0;
  -moz-box-shadow: 0 0 5px 1px #c0c0c0;
  box-shadow: 0 0 5px 1px #c0c0c0;
}




.mbr-buttons__btn {
	background-color:#0066CC;
	border-color: #0066CC;
}



#header1-40 .btn {
  font-size: 20px;
  font-family: 'Oxygen', sans-serif;
}
#header1-40 H1 {
  font-family: 'Oxygen', sans-serif;
}
#header1-40 P {
  font-family: 'Oxygen', sans-serif;
}
#menu-41 .mbr-brand__name {
  font-size: 16px;
}
#menu-41.mbr-navbar--stuck .mbr-navbar__section {
  background: #2980b9;
}
#menu-41 .mbr-brand__name a {
  font-size: 24px;
  font-family: 'Oxygen', sans-serif;
}
#menu-41 .mbr-navbar__items a {
  font-family: 'Oxygen', sans-serif;
}
#features1-42 P {
  text-align: center;
}
#features1-44 P {
  text-align: center;
  color: #ffffff;
}
#features1-44 H3 {
  color: #ffffff;
}
#msg-box5-46 .mbr-header__text {
  color: #ffffff;
}
#msg-box5-46 .mbr-header__subtext {
  color: #ffffff;
}
#msg-box5-46 .mbr-article {
  color: #ffffff;
}
#features1-47 P {
  color: #4c6972;
  text-align: center;
}
#msg-box3-48 .mbr-header .mbr-header__text {
  text-align: center;
}
#msg-box3-48 .mbr-header .mbr-header__subtext {
  text-align: center;
}
#msg-box2-50 h2 {
  color: #252525;
}
#msg-box2-50 p {
  color: #252525;
}




#content5-77 .caption h3 {
  color: #fff;
  font-size: 46px;
  font-family: 'Oxygen', sans-serif;
}
#content5-77 P {
  color: #fff;
  text-align: center;
  font-size: 21px;
  font-family: 'Oxygen', sans-serif;
}
#menu-59 .mbr-brand__name {
  font-size: 16px;
}
#menu-59.mbr-navbar--stuck .mbr-navbar__section {
  background: #2980b9;
}
#menu-59 .mbr-brand__name a {
  font-size: 24px;
  font-family: 'Oxygen', sans-serif;
}
#menu-59 .mbr-navbar__items a {
  font-family: 'Oxygen', sans-serif;
}
#image2-83 SMALL {
  font-size: 17px;
}
#slider2-88 H1 {
  color: #ffffff;
}





#header1-73 .btn {
  font-size: 20px;
  font-family: 'Oxygen', sans-serif;
}
#header1-73 H1 {
  font-family: 'Oxygen', sans-serif;
}
#header1-73 P {
  font-family: 'Oxygen', sans-serif;
}
#menu-74 .mbr-brand__name {
  font-size: 16px;
}





#menu-74.mbr-navbar--stuck .mbr-navbar__section {
	background: #000000;
	-moz-box-shadow:#333333 0 0 12px 1px;
	-webkit-box-shadow:#333333 0 0 12px 1px;
	-o-box-shadow:#333333 0 0 12px 1px;
	box-shadow:#333333 0 0 12px 1px;
}





#menu-74 .mbr-brand__name a {
  font-size: 24px;
  font-family: 'Oxygen', sans-serif;
}
#menu-74 .mbr-navbar__items a {
  font-family: 'Oxygen', sans-serif;
}
#features1-75 P {
  text-align: center;
}
#features1-77 P {
  text-align: center;
  color: #ffffff;
}
#features1-77 H3 {
  color: #ffffff;
}
#msg-box5-79 .mbr-header__text {
  color: #ffffff;
}
#msg-box5-79 .mbr-header__subtext {
  color: #ffffff;
}
#msg-box5-79 .mbr-article {
  color: #ffffff;
}
#features1-80 P {
  color: #4c6972;
  text-align: center;
}
#msg-box3-81 .mbr-header .mbr-header__text {
  text-align: center;
}
#msg-box3-81 .mbr-header .mbr-header__subtext {
  text-align: center;
}
#msg-box2-83 h2 {
  color: #252525;
}
#msg-box2-83 p {
  color: #252525;
}


#menu-20 .mbr-brand__name {
  font-size: 16px;
}
#menu-20.mbr-navbar--stuck .mbr-navbar__section {
  background: #2980b9;
}
#menu-20 .mbr-brand__name a {
  font-size: 24px;
  font-family: 'Oxygen', sans-serif;
}
#menu-20 .mbr-navbar__items a {
  font-family: 'Oxygen', sans-serif;
}
#features1-21 P {
  text-align: center;
}
#features1-23 P {
  text-align: center;
  color: #ffffff;
}
#features1-23 H3 {
  color: #ffffff;
}
#msg-box5-25 .mbr-header__text {
  color: #ffffff;
}
#msg-box5-25 .mbr-header__subtext {
  color: #ffffff;
}
#msg-box5-25 .mbr-article {
  color: #ffffff;
}
#features1-26 P {
  color: #4c6972;
  text-align: center;
}
#msg-box3-27 .mbr-header .mbr-header__text {
  text-align: center;
}
#msg-box3-27 .mbr-header .mbr-header__subtext {
  text-align: center;
}
#msg-box2-29 h2 {
  color: #252525;
}
#msg-box2-29 p {
  color: #252525;
}




#content5-92 .caption h3 {
  color: #fff;
  font-size: 46px;
  font-family: 'Oxygen', sans-serif;
}
#content5-92 P {
  color: #fff;
  text-align: center;
  font-size: 21px;
  font-family: 'Oxygen', sans-serif;
}
#menu-93 .mbr-brand__name {
  font-size: 16px;
}
#menu-93.mbr-navbar--stuck .mbr-navbar__section {
  background: #2980b9;
}
#menu-93 .mbr-brand__name a {
  font-size: 24px;
  font-family: 'Oxygen', sans-serif;
}
#menu-93 .mbr-navbar__items a {
  font-family: 'Oxygen', sans-serif;
}
#features1-108 .thumbnail .image img {
  max-width: 100%;
}
#image2-97 SMALL {
  font-size: 17px;
}
#image2-111 SMALL {
  font-size: 20px;
}
#image2-113 SMALL {
  font-size: 20px;
}
#image2-114 SMALL {
  font-size: 20px;
}
#msg-box3-117 .mbr-header .mbr-header__text {
  text-align: center;
}
#msg-box3-117 .mbr-header .mbr-header__subtext {
  text-align: center;
}
#msg-box3-117 .mbr-article P {
  text-align: left;
}















.row-honors_board {
	background: #e8ebec;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0;
}

.honors_board .col-md-2 {
	padding: 0;
	text-align: center;
	overflow: hidden;
}

.panel {
	float: center;
	height: auto;
	padding-bottom: 100%;
	position: relative;
	font-size: .8em;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	-moz-box-shadow:#FFFFFF 0 0 2px 10px;
	-webkit-box-shadow:#FFFFFF 0 0 2px 10px;
	-o-box-shadow:#FFFFFF 0 0 2px 10px;
	box-shadow:#FFFFFF 0 0 2px 10px;
}

/* -- make sure to declare a default for every property that you want animated -- */
/* -- general styles, including Y axis rotation -- */


.panel .front {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	z-index: 9;
	width: inherit;
	height: 100%;
	background: #fff;
	text-align: center;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	/* -- transition is the magic sauce for animation -- */
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	transform-style: flat;
.
}

.panel.flip .front {
	z-index: 9;
	border-color: #eee;
	background: #ccd4db;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}

.panel .back {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	width: 100%;
	height: 100%;
	background: #323C46;
	color: #fff;
	text-align: center;
	-webkit-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateY(-180deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	/* -- transition is the magic sauce for animation -- */
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.panel.flip .back {
	z-index: 10;
	width: 100%;
	background: #003870;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
	-moz-box-shadow:#003870 0 0 2px 10px;
	-webkit-box-shadow:#003870 0 0 2px 10px;
	-o-box-shadow:#003870 0 0 2px 10px;
	box-shadow:#003870 0 0 2px 10px;
}

.panel .front .pad {
	width: 100%;
	height: auto;
}

.panel img {
	width: 100%;
	height: auto;
}

.panel .back h5 {
	width: 100%;
	text-transform: uppercase;
	margin: 36px 10px 24px 0px;
	letter-spacing: 0;
	font-size: 14px;
}

.panel .back p {
	width: 100%;
	margin: 10px 10px 30px 0px;
	font-size: 12px;
	line-height: 1.2em;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:20px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}