/******************************************************
CSS Indexing
*******************************************************
#fonts
#navbar
#layout
#div specific styles
#page specific styles
#media queries


******************************************************/

/* #fonts ********************************************/

@import url(https://fonts.googleapis.com/css?family=Roboto:700); /* font-family: 'Roboto', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Dosis:500,600,800); /* font-family: 'Dosis', sans-serif; */

/* #navbar *******************************************/

.navbar {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 50px;
  width: 50px;
  box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);
  z-index: 100000;
}

.toggleMainNav {
  position: absolute;
  top: calc(50% - 11px);
  left: 10px;
  height: 22px;
  width: 30px;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
  z-index: 200;
}

.toggleMainNav.active .top {
  -webkit-transform: translateY(9px) translateX(0) rotate(45deg);
  -ms-transform: translateY(9px) translateX(0) rotate(45deg);
  transform: translateY(9px) translateX(0) rotate(45deg);
}

.toggleMainNav.active .middle_1 {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.toggleMainNav.active .middle_2 {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.toggleMainNav.active .bottom {
  -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
  -ms-transform: translateY(-9px) translateX(0) rotate(-45deg);
  transform: translateY(-9px) translateX(0) rotate(-45deg);
}

.toggleMainNav:hover {
  opacity: .7;
}

.toggleMainNav span {
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

.toggleMainNav span:nth-of-type(2) {
  top: 9px;
  left: -50%;
}

.toggleMainNav span:nth-of-type(3) {
  top: 9px;
  left: 50%;
}

.toggleMainNav span:nth-of-type(4) {
  top: 18px;
}

/* #layout *******************************************/

html {
	overflow-x: hidden;
}

body {
	/* background: #333333; */
    background: black;
	font-family: 'Dosis', sans-serif;
	font-weight: 500;
	font-size: 17px;
}

body * {
	outline: 0 !important;
}

.container {
	position:relative;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 600;
}

a {
	color: #b51845;
	white-space: nowrap;
	webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a:hover, a:focus {
	/* color: inherit; */
	text-decoration: none;
}

hr.divider {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 15px;
    margin-right: 15px;
    border-top: 1px solid #4d4d4d;
}

p.thumbnail {
	float: none;
    width: 100%;
    height: auto;
    margin-top: 10px;
    background-color:transparent;
    border:0;
}
.thumbnail > img, .thumbnail a > img {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 300px;
}
@media screen and (max-width: 520px) {
	.panel-body img {
		width: 100% !important;
		height: 100% !important;
	}
}
@media screen and (min-width: 600px) {
	p.thumbnail {
		width:auto;
	}
}
@media screen and (min-width: 860px) {
	p.thumbnail > img {
		max-width:450px;
	}
}
@media screen and (max-width: 859px) {
	p.thumbnail {
		float:none !important;
		padding:0 !important;
	}
}
/* p.thumbnail {
	padding:4px !important;
	border-radius:0;
	float:none !important;
	background-color:transparent;
	border:0;
	margin:20px 0;
}
p.thumbnail > img {
	margin: 0;
} */
.navWrap a.btn i {
	display: none;
}
.btn {
	font-size: 18px;
	border-radius: 0;
	padding: 10px 5px;
}

.btn-default,
.btn-theme {
	background-color: #b51845;
	border-color: #b51845;
	color: white;
}

.btn-theme {
	text-transform:uppercase;
	padding:0 12px;
}

.btn-theme:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn.capped {
	text-transform: uppercase;
}
.btn-events {
	position:relative;
	bottom:0;
	width:95.5%;
}
@media all and (max-width: 768px) {
	.btn-events {
		width:100%;
	}
	.minHeight {
		margin-top:10px;
	}
}
@media all and (min-width: 900px) {
	.btn-events {
		position:absolute;
	}
}

.btn-primary {
	background: #000;
	color: white;
	border: 0;
}

.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #b51845;
    border-color: #b51845;
    outline: #b51845;
}

.btn-success {
	color: #fff;
    background-color: #005596;
    border-color: #005596;
    outline: #005596;
}
.btn-success:hover,
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-submit {
	background: #b51845;
	color: white;
	position: relative;
	text-transform: uppercase;
}

.btn-danger {
	color:#b51845;
}

.btn-danger:hover,
.btn-danger:focus, .btn-danger.focus,
.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
	background-color: #b51845;
    border-color: #b51845;
}

.btn-transparent {
	background: transparent;
}

.deskNav {
	text-align: right;
}

.mainNav > button.btn-deskNav {
    height: 100px;
    padding: 0 14px;
    background: transparent;
    color: white;
    font-weight: 600;
    webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-top:6px solid transparent;
    /* border-left:1px solid #353535; */
    float:left;
    font-size: 16px;
}
.mainNav > button.btn-deskNav.search {
	border-top: 6px solid transparent;
}
.mainNav > button.btn-deskNav.search:hover,
.btn-deskNav.search:active,
.mainNav button.search[aria-expanded="true"] {
	/* border-top: 6px solid transparent; */
}

.mainNav > button.btn-deskNav:hover {
	color: white;
	background: #222222;
	border-top: 6px solid #b51845;
}
.btn-deskNav:active,
.mainNav button[aria-expanded="true"] {
	color: #b51845;
	background: #DADADA;
	border-top: 6px solid #b51845;
}

.mobileHeader .btn-mobileSearch {
	padding:10px;
}
.mobileHeader .btn-mobileSearch .fa-search,
.mainNav button .fa-search {
	width: 24px;
	text-align: center;
	padding-right: 0;
}

.mobileHeader .btn-mobileSearch[aria-expanded="true"] .fa-search:before,
.mainNav button[aria-expanded="true"] .fa-search:before {
	content:"\f00d";
}

/* .btn-deskNav:last-of-type {
	border-right: 1px solid #4d4d4d;
} */

.btn i {
	padding-right: 5px;
}

.btn span {
	text-transform: uppercase;
	display: none;
}

.btn.btn-desk {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
}

.input-lg {
	border-radius: 0;
}

.logo {
	position: absolute;
    top: -10px;
    left: 10px;
}

.logo > a > h1,
.logoFooter > a > h1 {
	text-indent: -50000px;
	background: url('../images/layout/logo-csm.svg') no-repeat;
	height: 77px;
	width: 173px;
	background-size: 70%;
}

.desktop .well {
	margin-bottom: 0;
}

.well {
	border-radius: 0;
	background: #f0f0f0;
	overflow: auto;
	padding: 20px;
	margin-bottom: 0;
}
.minHeight {
	min-height: 540px;
}

.wellWrap {
	padding: 0 2%;
	margin-bottom: 20px;
}

.well.whitebg {
	background-color: white;
}

.desktop .well {
	border: 0;
	box-shadow: none;
}

.well.nopad,
.nopad {
	padding: 0;
}

.well.notop {
	padding-top: 0;
}

.well.nogap {
	position: relative;
	top: -5px;
}

/* #div specific styles
******************************************************/

.fa-calendar:before {
	content:url('../images/layout/calendar.png');
}
.fa-map-marker {
	content:url('../images/layout/pin.png');
}
.fa-map-marker-white {
	content:url('../images/layout/pinWhite.png');
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	position:relative;
	padding-right:25px;
}
.dccom_gdEvent th > i {
	position:absolute;
	right:0;
	color:#b51845;
	font-size:21px;
}
.dccom_gdEvent .table tbody td {
	font-weight:700;
	color:black;
	text-transform:uppercase;
}
@media all and (max-width:580px) {
	.dccom_gdEvent .btn-default,
	.dccom_gdEvent .btn-tickets {
		display:block;
		white-space:pre-wrap;
		margin-bottom:5px;
	}
	.well {
		padding:10px;
	}
}
.searchWrap {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	height: 70px;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.searchWrap.slide-down {
	height: 140px;
}
@media (min-width: 900px) {
	.searchWrap {
		height: 100px;
	}
	.searchWrap.slide-down {
		height: 170px;
	}
}
.searchForm {
    padding: 10px 0;
    box-sizing: border-box;
    background: #b51845;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.searchForm button[type="submit"] {
	height: 48px;
    width: 50px;
    border: 0;
    background: #FFFFFF;
    color: #333333;
    font-size: 18px;
}
.searchForm input[type="text"] {
	width: 100%;
    margin-right: -54px;
    height: 50px;
    padding: 0 70px 0 20px;
    border: 0;
}

.headerWrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	background: black;
	height: 70px;
/* 	-webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
         -o-transition: all .2s linear;
            transition: all .2s linear;	*/
}

.headerWrap.inView {
	height: 100%;
}
/*
.headerWrap.slide-down {
	-webkit-transform: translateY(69px);
       -moz-transform: translateY(69px);
        -ms-transform: translateY(69px);
         -o-transform: translateY(69px);
            transform: translateY(69px);
    -webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
         -o-transition: all .2s linear;
            transition: all .2s linear;
} */

.headerWrap .btn-mobileSearch {
	position: absolute;
	top: 10px;
	right: 60px;
}

.mainNav {
	display: none;
}

.wrapper {
	/* background: #333; */
	margin-top: 70px;
	position: relative;
	top: 0px;
	-webkit-transform: translate3d(0, -1px, 0);
	transform: translate3d(0, -1px, 0);
	webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/* .wrapper.slide-down {
		-webkit-transform: translate3d(0, -70px, 0);
		transform: translate3d(0, -70px, 0);
		webkit-transition: all 2 ease-in-out;
		transition: all 2 ease-in-out;
	} */

.wrapper.open {
	-webkit-transform: translate3d(100%, -1px, 0);
	transform: translate3d(100%, -1px, 0);
	webkit-transition: all 2 ease-in-out;
	transition: all 2 ease-in-out;
	position: fixed;
}
@media (min-width: 900px) {
	/* .wrapper {
			position: relative;
			top: 70px;
			-webkit-transform: translate3d(0, -71px, 0);
			transform: translate3d(0, -71px, 0);
			webkit-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		}
		.wrapper.slide-down {
			-webkit-transform: translate3d(0, -1px, 0);
			transform: translate3d(0, -1px, 0);
			webkit-transition: all 2 ease-in-out;
			transition: all 2 ease-in-out;
		} */
}

.open.wrapper:after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    z-index: 2;
}
.wrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    background: rgba(0,0,0,0.8);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.2s, width 0.2s, height 0.2s;
    transition: opacity 0.2s, width 0.2s, height 0.2s;
}

nav.mobile {
	position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 80px;
    bottom: 0;
    padding: 15px;
    border-top: 1px solid #484848;
    overflow: visible;
}

.container-fluid.nopad.deskNavbg {
	background: #f0f0f0;
}

.navWrap.mobileView {
    top: 70px;
    position: absolute;
    width: 100%;
    overflow-x: hidden;
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}
.navWrap.mobileView.slide {
	height: calc(100% - 70px);
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
		-ms-transform: translateX(0);
		 -o-transform: translateX(0);
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
	    -ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}

.navWrap > button {
	margin-bottom: 1px;
    display: block;
    width: 100%;
    height: 70px;
    background: #b51845;
    color: white;
    border-bottom: 1px solid rgba(266,266,266,0.1);
    transition: none;
    box-shadow: none;
    position:relative;
}
/*
.navWrap > button[aria-expanded="true"] {
	position: fixed;
	z-index: 100;
	top: 0;
}

.navWrap > .collapse[aria-expanded="true"] .navWrapInner {
	padding-top: 70px;
}
*/
.navWrap > button[aria-expanded="true"]:after {
	/* content:"\f00d";
		font-family: "FontAwesome";
		float: right; */
	content: url(../images/layout/closeModal.jpg) !important;
	width:52px !important;
	height:54px !important;
	right:0;
	left:auto !important;
	position:absolute;
	right:10px;
	top:7px;
}

.navWrap h2,
.wellWrap h2 {
	padding: 20px;
	margin: 0;
	background: white;
	border-top: 6px solid #b51845;
	text-transform: capitalize;
}
@media screen and (max-width:1120px) {
	.navWrapInner a.btn {
		font-size:18px !important;
	}
}

.navWrap h3 {
	margin: 0;
    padding-bottom: 8px;
    font-size: 30px;
    font-weight: 400;
    border-bottom: 1px solid #C1C1C1;
}

.navWrap p {
	padding: 10px 0;
}

.navWrap nav ul li a {
	white-space:normal;
	color: #333333;
	background: transparent;
	padding: 10px 0;
	font-size: 20px;
	display: block;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
	    -ms-transition: all .2s ease-in-out;
	     -o-transition: all .2s ease-in-out;
	        transition: all .2s ease-in-out;
}

.navWrap nav ul li a:hover {
	background-color: white;
	padding: 10px;
	text-decoration:none;
}

.navWrap nav ul li.sel a {
	padding: 10px 15px;
}

.navWrap nav ul li.sel a {
	background: white;
}

.navWrap a img {
	width: 100%;
	webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.navWrap a:hover img {
	opacity: 0.8;
}

.navWrap .responsive-calendar {
	padding: 10px;
	background: #e3e2e2;
	margin-bottom: 10px;
}

.navWrap .eventScheduled .eventDetails {
	padding: 10px 0 20px;
}

.navWrap .eventScheduled .eventDetails * {
	text-transform: capitalize;
}

.navWrap .eventScheduled p {
	padding: 0 0 5px;
}

.navWrap .eventDetails p {
	display: inline;
	padding-right: 20px;
}

.navWrap .eventScheduled > p {
	font-weight: 700;
}

.navWrap .eventScheduled .eventDetails p i {
	padding-right: 5px;
	color: #b51845;
}

.navWrap .contactDetails p {
	padding: 0;
	margin: 0;
	font-size: 20px;
}

.navWrap .navSocial i {
	font-size: 40px;
	width: 40px;
}

.navWrap hr {
	border-top: 1px solid #c1c1c1;
}

.navWrap a.btn i {
	padding-left: 10px;
}

.navWrapInner  {
	background-color: black;
	padding: 0;
}
.navWrapInner h1,
.navWrapInner h2,
.navWrapInner h3,
.navWrapInner h4,
.navWrapInner h5,
.navWrapInner h6 {
	clear: both;
}
.navWrapInner .deskNavbg {
	background-color: #dadada;
	padding: 20px;
}

.navWrapInner div.container-fluid [class|="col"] {
    padding: 0 2px;
}

#study .btn.btn-default {
	font-size: 24px;
	text-transform:uppercase;
	font-weight:200;
}

nav ul {
	padding: 0;
	margin: 0;
}

nav ul li {
	list-style: none;
}


/*Slick fix to prevent images from staking on top of each other while page loads*/
.bannerSlider { display: none; }
.bannerSlider.slick-initialized { display: block; }

.bannerSlider .sliderImg {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	height: 500px;
	max-width: 1600px;
	margin: 0 auto;
	position:relative;
}
.bannerSlider .sliderImg:before {
	content:'';
	background: url('../images/layout/gradLeft.png');
	height:100%;
	width:100px;
	position:absolute;
	left:0;
	background-size:100%;
}
.bannerSlider .sliderImg:after {
	content:'';
	background: url('../images/layout/gradRight.png');
	height:100%;
	width:100px;
	position:absolute;
	right:0;
	background-size:100%;
}

.bannerSlider .slick-prev,
.bannerSlider .slick-next {
	/* display: none !important; */
}

.slick-prev, .slick-next {
 	z-index: 10;
 }

 .slick-prev {
 	left: 25px !important;
 	height: 50px !important;
 }
.slick-prev:before {
    content: url(../images/icons/prev.png) !important;
}
.slick-next:before {
    content: url(../images/icons/next.png) !important;
}

 .slick-next {
 	right: 25px !important;
 	height: 50px !important;
 }

@media (max-width: 900px ) {
	.slick-prev, .slick-next {
	    top: 38% !important;
	}
}


.bannerSlider .sliderText {
	z-index: 1;
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	background-color: black;
	background-color: rgba(0,0,0,0.6);
	padding: 40px 20px;
}

.bannerSlider .sliderText * {
	margin: 0;
	padding: 0;
}

.bannerSlider .sliderText p time {
	font-size: 24px;
	font-family: 'Roboto';
	font-weight: 700;
	color: white;
}

.bannerSlider .sliderText h2 {
	font-size: 24px;
	color: #b51845;
	font-weight: 700;
}

.bannerSlider .sliderText h3 {
	font-size: 20px;
	color: white;
	padding-bottom: 10px;
}

.bannerSlider .sliderText .btnSlider {
    padding: 10px 12px;
    font-size: 18px;
    text-align: left;
    position: relative;
}

.bannerSlider .sliderText .btnSlider i {
	position: absolute;
	right: 15px;
	font-size: 42px;
	top: 0px;
}

.bannerSlider .slick-dots {
	bottom: 0;
	text-align: left;
	left: 20px;
}

.bannerSlider .slick-dots li {
	width: 0;
	margin: 0 6px;
}

.bannerSlider .slick-dots li button:before {
	color: white;
	opacity: 1;
	font-size: 10px;
}

.bannerSlider .slick-dots li.slick-active button:before {
	color: #b51845;
	opacity: 1;
}

#footer {
	padding-bottom: 40px;
}

#footer .follow a {
	text-align: left;
	margin-bottom: 1px;
}

#footer .follow h2,
#footer .openingHours h2,
#footer .navigation h2,
#footer .contact h2 {
	color: white;
	text-transform: uppercase;
	display: none;
}

#footer .openingHours p {
	color: white;
	text-transform:uppercase;
}

#footer .contact p {
	color:white;
}

#footer .follow a i {
	font-size: 25px;
	padding-right: 20px;
	width: 50px;
}

#footer .follow a h3 {
	display: inline;
	font-size: 18px;
}

#footer .openingHours > button,
#footer .navigation > button {
	margin-bottom: 1px;
}

#footer .contact .well,
#footer .openingHours .well,
#footer .navigation .well {
	border: 0;
	background: none;
}

#footer .contact .well p,
#footer .openingHours .well p,
#footer .navigation .well p {
	color: white;
}

#footer .newsletter h2,
#footer .enroll h2 {
	font-size: 18px;
	color: white;
	text-transform: uppercase;
}
#footer .enroll h2 {
	color:transparent;
}
@media screen and (max-width: 900px ) {
	#footer .enroll h2 {
		display:none;
	}
	#footer .enroll .btn {
		margin-top:10px;
	}
}

#footer .newsletter button i {
	position: relative;
	top: -1px;
}

#footer .logo > a > h1 {
	background-size: 100%;
}

#footer nav ul li a {
	display: block;

    padding: 10px 0;
    margin-bottom: 1px;
    text-transform: uppercase;
    color:white;
}
#footer nav ul li a:hover,
#footer nav ul li a:active,
#footer nav ul li a:focus {
	color:#23527c;
	text-decoration:none;
}
#footer .form-control {
	background-color:transparent;
	border-color:#4d4d4d;
}

.copy p  iframe {
	width: 100%;
}
.video {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 55%;
}

.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.sidebar {
	margin-left: -15px;
	margin-right: -15px;
}
.sidebar .sideTitle {
	border-top: 6px solid #999999;
    /* padding: 20px; */
    /* background-color: #999999; */
    margin: 0;
    color: white;
}

.sidebar .sideNav,
.sidebar .sideNav ul {
	padding: 0;
	background-color:white;
}

.sidebar .sideNav li {
	padding: 0;
}
.sidebar .sideNav li:hover {
	text-decoration:none;
}

.sidebar .sideNav li .sub-menu {
	padding-left:0;
}
.sidebar .sideNav li .sub-menu a {
	padding-left: 30px;
}
.sidebar .sideNav li a {
	white-space: normal;
	position: relative;
	display: block;
	text-align: left;
	padding: 10px;
	padding-right: 30px;
	/* border-top: 6px solid transparent; */
	text-decoration:none;
	-webkit-transition: all .25s ease-in-out;
	   -moz-transition: all .25s ease-in-out;
	    -ms-transition: all .25s ease-in-out;
	     -o-transition: all .25s ease-in-out;
	        transition: all .25s ease-in-out;
}
.sidebar .sideNav li a:hover,
.sidebar .sideNav li a:focus,
.sidebar .sideNav li a:active,
.sidebar .sideNav li.sel > a {
	/* border-top: 6px solid #b51845; */
	text-decoration: none;
	background-color:#b51845;
	color:white;
}

.sidebar .sideNav .btn-block + .btn-block {
	margin-top:-1px;
}

.sidebar .sideNav li a:after {
	content:"\f105";
	font-family: fontawesome;
	position: absolute;
	font-size: 30px;
	right: 10px;
	top: 3px;
}

.sidebar .sideNav li.lev2 a {
	padding-left:30px;
}
@media (min-width: 900px) {
	.sidebar > .col-md-4 {
		float: right;
	}
}

/* #page specific ************************************/

#innerPage #banner .sliderImg {
	height: 250px;
	background-position: right center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	max-width: 1600px;
	margin: 0 auto;
	position:relative;
}
#innerPage #banner .sliderImg:before {
	content:'';
	background: url('../images/layout/gradLeft.png');
	height:100%;
	width:100px;
	position:absolute;
	left:0;
	background-size:100%;
}
#innerPage #banner .sliderImg:after {
	content:'';
	background: url('../images/layout/gradRight.png');
	height:100%;
	width:100px;
	position:absolute;
	right:0;
	background-size:100%;
}

.bannerSlider .sliderImg:before {
	content:'';
	background: url('../images/layout/gradLeft.png');
	height:100%;
	width:100px;
	position:absolute;
	left:0;
	background-size:100%;
}
.bannerSlider .sliderImg:after {
	content:'';
	background: url('../images/layout/gradRight.png');
	height:100%;
	width:100px;
	position:absolute;
	right:0;
	background-size:100%;
}

#innerPage .pageTopper {
	position: relative;
	top: -1px;
	background-color: white;
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
	z-index: 1;
}

#innerPage .pageTopper .pageTitle {
	position: absolute;
    top: -105px;
    background: white;
    padding: 20px 40px;
    border-top: 6px solid #b51845;
}

#innerPage .pageTopper .breadcrumb {
	display: inline-block;
	background-color: transparent;
	margin: 0;
}

#innerPage .content {
	background-color: #fbfbfb;
    position: relative;
    top: -1px;
    padding: 20px 0 40px;
}

#innerPage .content h2.subTitleMain {
	border-top: 6px solid #b51845;
	padding: 20px;
	background-color: white;
	margin: 0;
}

#innerPage .content .overviewDetails h2 {
	font-size: 16px;
}

#innerPage .content .overviewDetails p {
	font-size: 14px;
}

#innerPage .content .overviewDetails a {
	position: relative;
}

#innerPage .content .overviewDetails img {
	width: 100%;
}

#innerPage .content .videoPlay:before {
	content: '';
	position: absolute;
	background: url(../images/layout/playBtn.png) no-repeat;
	background-size: 100%;
	width: 53px;
	height: 53px;
	top: 50%;
    margin-top: -26.5px;
    left: 50%;
    margin-left: -26.5px;
}
#innerPage .content .courseSpecifics {
	padding-top: 10px;
}
#innerPage .content .courseSpecifics button {
	margin-bottom: 1px;
	height: 70px;
	font-size: 20px;
	position: relative;
}
#innerPage .content .courseSpecifics button:after {
	content: 'read more';
    font-size: 14px;
    background: #b51845;
    color: white;
    border-radius: 4px;
    padding: 2px 4px;
    position: absolute;
    right: 12px;
    top: 24px;
}

#innerPage .content .courseSpecifics button[aria-expanded="true"]:after {
	content: 'read less';
}

@media all and (max-width: 900px ) {
	#innerPage .pageTopper .pageTitle {
		position:relative;
		top: 0;
		padding:20px 20px 0;
		font-size: 30px;
		margin: 0;
	}
	#innerPage .pageTopper .breadcrumb {
		margin: 0 0 10px;
	}
}

/*staff directory*/
.dccom_gdStaffProfiles{
	overflow: auto;
}
.dccom.dccomBottom {
	/* overflow: auto; */
	margin-bottom:20px;
}

.staffloadMore{
	margin-top: 25px;
	background-color: white;
	border: 1px solid #efefef;
}

.team_search{
	position: absolute;
    top: 17px;
    right: 20px;
    width: auto !important;
}
.team_search a{
	padding: 0 !important;
}

li.filter.letterDisabled {
    opacity: 0.5;
}
li.filter.letterDisabled a{
	cursor: default;
}




.dccom.dccomBottom .filters {
	background-color: white;
    border: 1px solid #efefef;
    position:relative;
}
.dccom.dccomBottom .filters h3 {
	margin-top:0;
	float:none;
}
.dccom.dccomBottom .filters .az {
	padding:0;
	margin:0;
}
.dccom.dccomBottom .filters .az a {
	padding:3px 9px;
}
.dccom.dccomBottom .filters .az li {
	list-style:none;
	margin: 0 1px 1px 0;
	width:25px;
}
.dccom.dccomBottom .filters li[data-filter="all"] {
	position:absolute;
	top: 17px;
	left:72px;
	width:auto;
}
#staffProfilesContainer .item_team {
	width:49%;
	margin:10px 2% 0 0;
	padding:0;
}
@media screen and (max-width:520px) {
	#staffProfilesContainer .item_team {
		width:100%;
	}
}
#staffProfilesContainer .item_team:nth-of-type(even) {
	margin:10px 0 0 0;
}
#staffProfilesContainer .item_team .inner {
	background-color: white;
    border: 1px solid #efefef;
}
#staffProfilesContainer .item_team .inner .name_team a {
	color:#333;
}
#staffProfilesContainer .item_team .inner .name_team a h4 {
	font-size:22px;
	margin:0;
}
#staffProfilesContainer .item_team .inner .name_team a p {
	font-size:16px;
	white-space:normal;
}
#staffProfilesContainer .item_team .inner .contact_team a {
	font-size:16px;
	color: white;
	background: #b51845;
	padding: 5px 10px;
	border-radius: 4px;
	margin-bottom: 1px;
}
#staffProfilesContainer .item_team .inner .contact_team ul {
	margin:0;
	padding:0;
}
#staffProfilesContainer .item_team .inner .contact_team ul li {
	list-style:none;
	padding-right: 10px;
	margin-bottom: 10px;
}


/* #gallery ******************************************/

#innerPage div#dccom_gdImageGallery div.gdImage {
    width: 48% !important;
    margin-right: 2%;
    margin-top: 0;
    min-width:auto !important;
    border: 1px solid #EFEFEF;
    background-color:white;
    padding:15px;
}
#innerPage div#dccom_gdImageGallery div.gdImage:nth-of-type(even) {
	margin-right: 0;
}
#innerPage div#dccom_gdImageGallery div.gdImage img {
	width:100%;
	height:100%;
	padding:0;
	border: 1px solid #efefef;
}
#innerPage div#dccom_gdImageGallery div.gdImage div.title {
	font-size:18px;
	font-weight:200;
	padding:10px;
}
div#dccom_gdImageGallery div.gdImage div#description {
	display:none;
}
@media (max-width: 550px) {
	#innerPage div#dccom_gdImageGallery div.gdImage {
		width: 100% !important;
	    margin: 0;
	}
}

/* #news/events listing ******************************/

.news-item .title a{
	white-space: normal;
}

#innerPage .news-item,
#innerPage .events-item {
	background-color:white;
	margin-bottom:10px;
	padding-bottom:20px;
	border:1px solid #efefef;
}
#innerPage .news-item .btn i,
#innerPage .events-item .btn i {
	padding-right: 0;
	padding-left:15px;
	font-size:18px;
}
#innerPage .news-item img,
#innerPage .events-item img {
	padding-top:20px;
}
#innerPage .events-item .details i.fa-calendar,
#innerPage .events-item .details i.fa-map-marker,
#innerPage .events-item .details i.fa-clock-o,
#innerPage .events-item .details i.fa-money {
	padding-right: 20px;
	color:#b51845;
	position: relative;
}
#innerPage .events-item .details time i.fa-calendar {
	top: 3px;
}
#innerPage .events-item .details i.fa-clock-o {
    font-size: 27px;
}
#innerPage .events-item .details i.fa-map-marker {
	padding-right: 24px;
}
#innerPage .events-item .details span.location {
	text-transform: uppercase;
}
#innerPage .events-item .details i.fa-money {
	font-size: 22px;
    padding-right: 22px;
}
#innerPage .dccom_gdNews img {
	width:100%;
	margin-bottom:30px;
}
#innerPage .dccom_gdNews .newsDetail .news-item {
	padding:40px;
}
@media screen and (max-width: 400px) {
	#innerPage .dccom_gdNews .newsList .news-item .col-xs-8,
	#innerPage .dccom_gdNews .newsList .news-item .col-xs-4 {
		width:100%;
	}
}


/* #courselist ***************************************/

.table.course td {
	color:#b51845;
}

.courseList {
	padding:0;
}
.courseList li {
	list-style: none;
    background: #F0F0F0;
    padding: 10px 30px 10px 20px;
    margin-bottom: 1px;
    position:relative;
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}

.courseList li a h2:after {
	content:"\f105";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #DADADA;
	font-size: 50px;
	position: absolute;
	top: 0px;
	right: 10px;
}
.courseList li a:hover h2:after {
	color:#333;
}
.courseList li h2,
.courseList li p {
	margin: 0;
}
.courseList li h2 {
	margin-bottom:5px;
	white-space:pre-wrap;
}
.courseList li p {
	color:#333;
}

@media all and (max-width: 600px) {
	.courseList li h2 {
		font-size:20px;
	}
	.courseList li {
		list-style: none;
	    background: #F0F0F0;
	    padding: 10px 30px 10px 10px;
	}
}

/* #remodal ******************************************/

a.academicModalBtn {
	position:absolute;
	right:0;
	top:20px;
	z-index:1000;
	cursor: pointer;
}
a.academicModalBtn.schoolModalBtn {
	top: 80px;
}
@media (min-width: 900px ) {
	a.academicModalBtn {
		top: 60px;
	}
	a.academicModalBtn.schoolModalBtn {
		top: 120px;
	}
}
.academicModalBtn img.desktop {
	display:none;
}
.remodal-wrapper {
	z-index:1000000 !important;
}
.remodal, .remodal-wrapper:after {
	vertical-align: top !important;
	margin-top:54px;
}
.remodal-close {
	width:52px !important;
	height:54px !important;
	right:-52px;
	left:auto !important;
}

@media screen and (max-width: 1300px) {
	.remodal-close {
		right:0px;
		top: -54px !important;
	}
}

.remodal-close:before {
	content: url(../images/layout/closeModal.jpg) !important;
	width:52px !important;
	height:54px !important;
	right:0;
	left:auto !important;
}
.remodal,
.remodal .container {
	max-width: 1170px !important;
	width:100%;
	padding: 2% !important;
	background-color: #dadada !important;
	text-align:left;
}
.academicModal .wellWrap {
	padding:0;
}
.academicModal .well {
	padding:10px;
}
.academicModal h2 {
	font-size: 30px;
}
.academicModal h3 {
	margin:0;
	padding:20px 0;
	border-bottom:1px solid #d6d6d4;
}
.academicModal .wellInner {
	background-color:#e5e4e4;
	padding: 0 20px;
	overflow:auto;
}
.academicModal .wellInner .monthList {
	padding:0;
	width: 45%;
	margin-right:10%;
}
.academicModal .wellInner .monthWrap {
	padding:20px 0;
}
.academicModal .wellInner .monthList.right {
	margin-right:0;
}
.academicModal .wellInner .monthList.left,
.academicModal .wellInner .monthList.right {
	float:left;
}
.academicModal .wellInner .monthList li {
	list-style:none;
}
.academicModal .wellInner .monthList li a {
	display: block;
    padding: 8px 0;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    color:#333;
    margin-bottom:1px;
    text-align: center;
}
.academicModal .wellInner .monthList li.sel a,
.academicModal .wellInner .monthList li a:hover {
	background-color:#b51845;
	color:white;
	padding-left:6px;
}
.academicModal .timelineInfo {
	text-align:center;
}
.academicModal .colRef h4 {
	color:#777777;
	text-align:center;
	margin: 0;
}
.academicModal h4 {
	padding: 8px;
	position: relative;
}
.academicModal h4.exam {
	background-color: #f6d0a2;
}
.academicModal h4.class {
	background-color:#dcdbe9;
}
.academicModal h4.holiday {
	background-color:#8dc63f;
}
.academicModal .timelineWrap {
	-ms-overflow-y: scroll;
		overflow-y: scroll;
	-ms-overflow-x: hidden;
		overflow-x: hidden;
	margin: 20px 0;
	max-height:260px;
	min-height:260px;
	padding-right: 5px;
}
.academicModal .timelineInfo {
	position:relative;
}
.academicModal .timelineInfo:before {
	content:'';
	position:absolute;
	top: 16px;
	left:-20px;
	height:200%;
	width:3px;
	background-color:#dcdcdc;
}
.academicModal .timelineInfo:after {
	content:'';
	position:absolute;
	top: 7px;
	left:-28px;
	height:20px;
	width:20px;
	border-radius:50%;
	background-color:#dcdcdc;
}
@media screen and (max-width: 450px) {
	.timeline .col-xs-4,
	.timeline .col-xs-8 {
		width:100%;
	}
	.academicModal .timelineBlock:before,
	.academicModal .timelineBlock:after {
		content: none;
	}
	.academicModal div.timelineDate h4:after {
		content:"\f0d7";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		color: inherit;
		font-size: inherit;
		padding-left: 0.5em;
		position: relative;
		top: 0;
		left: 0;
	}
}
#csm-media-channel .row > .col-md-4  {
	margin-bottom: 20px;
	overflow:auto;
}
/* #csm-media-channel .col-md-4 {
	clear:both;
} */


/* #addons *******************************************/

/*CONTACT FORM
************************************************/


.formWizForm ul li:before{
	content: "";
}


body .formWizFormWrap {
	width:100%;
	max-width: 750px;
	padding: 2%;
    border: 1px solid lightgray;
    margin-left:auto;
    margin-right:auto;
    padding-bottom: 2% !important;
}

body form.formWizForm h3 {
	text-transform:capitalize;
}

/* body form.formWizForm .left {
	float:none;
} */
body form.formWizForm .left.sp2 {
	width:49%;
	float:left;
	margin-right:2%;
}
body form.formWizForm .left.sp2:last-of-type {
	margin-right:0;
}
body form.formWizForm input.medium,
body form.formWizForm select.medium,
body form.formWizForm textarea {
	width:100%;
	border:1px solid lightgray;
}

body .formWizFormWrap form.formWizForm ul li:before {
    list-style: none;
    content: '';
}
body .formWizFormWrap form.formWizForm input[type="text"],
body .formWizFormWrap form.formWizForm input[type="submit"] {
	border:1px solid lightgray;
	height:40px;
	width:100%;

}
body .formWizFormWrap form.formWizForm input[type="submit"] {
	color:white;
	font-weight:700;
	text-transform:uppercase;
}
body .formWizFormWrap form.formWizForm input[type="submit"] {
	background-color:black;
}
body form.formWizForm div.info {
	font-size:12px;
}
body form.formWizForm .option label {
	height:25px;
	margin:-26px 0 0 20px;
}
div.emailIcon,
div.phoneIcon {
	display:none !important;
}
body .formWizFormWrap form.formWizForm div.desc {
	border-bottom:6px solid #B51845;
}
body div.address,
body .half,
body form.formWizForm input.large,
body form.formWizForm select.large {
	width:100%;
}
body form.formWizForm select[name="address_country"] {
	height:40px;
}

@media all and (max-width: 950px) {

		body form.formWizForm .left.sp2 {
		width:100%;
		float:left;
		margin-right:2%;
	}
	#GDFormLI1ddfa4fb42930001e4878cb03390125b label {
		display:none;
	}
}
@media all and (max-width: 750px) {

	body .formWizFormWrap {
		width:100%;
		float:left;
		padding: 20px;
	    border: 1px solid lightgray;
	}

}
body div#dccom_gdVideoGallery div.gdVideo {
	height: 257px;
    float: left;
    /* height: 240px; */
    padding: 10px;
    margin: 0 16px 20px 0;
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 10;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 4px;
    background: white;
    border: 1px solid #efefef;
}
body div#dccom_gdVideoGallery div.gdVideo h2 {
	font-size: 15px;
    line-height: 15px;
    padding: 0;
    margin: 5px 0;
}
body div#dccom_gdVideoGallery div.gdVideo img {
	border: 0;
    padding: 1px;
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 0;
    margin: 0;
}
body div#dccom_gdVideoGallery div.gdVideo .btnPlay a:link,
body div#dccom_gdVideoGallery div.gdVideo .btnPlay a:visited {
	width: 62px;
    height: 62px;
    display: block;
    text-indent: -5000px;
    position: absolute;
    z-index: 20;
    top: 55px;
    left: 145px;
	background: transparent url('../images/layout/btnPlay.png') 0px 0px no-repeat;
}
body div#dccom_gdVideoGallery div.gdVideo .btnPlay a:hover,
body div#dccom_gdVideoGallery div.gdVideo .btnPlay a:active {
	background-position: 0px -62px;
}
div#frame h2 {
	padding-left:10px;
}

/* #media queries ************************************/

@media screen and (min-width: 768px) {

/* 	#csm-media-channel .navThumbImage {
		width:50%;
	} */

	#csm-media-channel .row > .col-md-4  {
		margin-bottom: 0px;
		overflow:auto;
	}
/* 	#csm-media-channel .col-md-4 {
		clear:none;
	} */

	.wellWrap {
		padding: 0;
		margin-bottom: 0;
	}

	#study .wellWrap {
		padding: 0 0 80px;
		position: relative;
	}

	.navWrapInner > .container > .row {
		display: flex;
		align-items: stretch;
	}

	.navWrapInner > .container > .row > div {
		display: flex;
		align-items: stretch;
	}

	.navWrapInner > .container > .row > div .wellWrap {
		background: #f0f0f0;
		width: 100%;
	}

	#study .btn.btn-default {
		width: auto;
		position: absolute;
		bottom: 20px;
		left: 20px;
		right: 20px;
	}
}

@media screen and (min-width: 900px) {

	#events .col-md-4:first-of-type {
		position:inherit;
	}
	#events .col-md-4:first-of-type a.btn {
		    position: absolute;
		    bottom: 20px;
		    left: 35px;
		    max-width: 362px;
		    width: 31.3%;
	}

	#csm-media-channel .navThumbImage {
		width:33.33333333%;
	}

	.col-md-2-5 {
	    width: 20%;
    }

    .follow .btn-primary {
    	background-color: #000;

    }

    .follow .btn-primary:hover {
    	background-color: #b51845;
    }

	.wrapper {
		margin-top: 100px;
	}
    .headerWrap {
    	height: 100px;
    }

    .navWrap.mobileView {
    	position: relative;
    	top: -10px;
    	width: auto;
    	height: auto;
    	-webkit-transform: translateX(0);
	       -moz-transform: translateX(0);
	        -ms-transform: translateX(0);
	         -o-transform: translateX(0);
	            transform: translateX(0);
    }

    .mobileHeader,
    .navWrap > button.btn-mobile  {
    	display: none;
    }

    .desktopHeaderWrap {
    	display: block;
    }

    .logo {
    	position: relative;
    }

    .logo > a > h1,
    .logoFooter > a > h1 {
    	background-size: 100%;
    }

    .mainNav {

    	display: block;
    	position:absolute;
    	right:0;
    }

    .mainNav button {
	    height: 100px;
	    padding: 0 2%;
	    background: transparent;
	    color: white;
	    font-weight: 600;
	    webkit-transition: all 0.2s ease-in-out;
	    transition: all 0.2s ease-in-out;
	}

	.bannerSlider .sliderText {
		position: absolute;
		background-color: rgba(0,0,0,0.6);
		left: 60px;
		margin-left: 0;
		bottom: 100px;
		right: auto;
		padding-top: 40px;
		z-index:100;
	}

	.bannerSlider .sliderImg {
		height: 600px;
	}

	.bannerSlider .sliderText h2 {
		font-size: 50px;
	}

	.bannerSlider .sliderText h3 {
		font-size: 36px;
		padding-bottom: 20px;
	}

	.bannerSlider .sliderText p time {
		font-size: 150px;
		position: absolute;
		top: -125px;
	}

	.bannerSlider .sliderText p time span {
		position: relative;
		top: 0;
		font-size: 40px;
		left: -40px;
	}

	.bannerSlider .sliderText .btnSlider {
		width: 200px;
		position: absolute;
		bottom: -25px;
		left: 25px;
	}

	.bannerSlider .slick-dots {
		bottom: 0;
		text-align: center;
		padding-right: 0;
	}

	#footer .openingHours > button,
	#footer .navigation > button,
	#footer .contact > button {
		display: none;
	}

	#footer .follow h2,
	#footer .openingHours h2,
	#footer .navigation h2,
	#footer .contact h2 {
		display: block;
	}

	#footer .openingHours .collapse,
	#footer .navigation .collapse,
	#footer .contact > .collapse {
		display: block;
	}
	.remodal, .remodal-wrapper:after {
		vertical-align: middle !important;
		margin-top:0;
	}
	.academicModalBtn img.desktop {
		width: 60px;
		display:block;
	}
	.academicModalBtn img.mobile {
		display:none;
	}
	.btn {
		font-size: 20px;
		padding: 10px 12px;
	}
	.navWrap a.btn i {
		display: inline;
	}

}

@media screen and (min-width: 901px) {
	.mainNav > button.btn-deskNav {
	    padding: 0 10px;
	}
}
/*
@media screen and (min-width: 1100px) {
	.bannerSlider .sliderText {
		margin-left: -585px;
	}

}
*/
@media screen and (min-width: 1270px) {
	.bannerSlider .sliderText {
		left: 50%;
	}
	.bannerSlider .sliderText {
		margin-left: -585px;
	}
	.mainNav > button.btn-deskNav {
	    padding: 0 25px;
	    font-size: 18px;
	}
}
/* #events page **************************************/
/*background*/
.eventsWrap .bg {
	height: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.eventsWrap .bg.small {
	padding-bottom:50%;
}
.eventsWrap .bg.small.vhalf {
	padding-bottom:25%;
}
.eventsWrap .bg.large {
	padding-bottom:100%;
}
/*colors*/
.eventsWrap .blackEvent {
	background-color:#141414;
	color:white;
}
.eventsWrap .redEvent {
	background-color:#ff1e40;
}
.eventsWrap .whiteEvent {
	background-color:white;
}
.eventsWrap .greyEvent {
	background-color:#f0f0f0;
}
.eventsWrap .facebookEvent {
	background-color:#3b5998;
}
.eventsWrap .twitterEvent {
	background-color:#55acee;
}
/*grid*/
.eventsWrap .floatLeft {
	float:left;
}
.eventsWrap .twoFifth {
	width:40%;
}
.eventsWrap .threeFifth {
	width:60%;
}
.eventsWrap .oneQuart {
	width:25%;
}
.eventsWrap .twoQuart {
	width:50%;
}
.eventsWrap .threeQuart {
	width:75%;
}
.eventsWrap .full {
	width:100%;
}
.eventsWrap .section.half {
	width:50%;
}
/*classes*/
.eventsWrap .eventLink {
	white-space:normal;
}
.eventsWrap .videoCont .video {
	position: relative;
}
.eventsWrap .videoCont .video:after {
	content:'';
	background-image: url(images/layout/play-event.png);
	width: 129px;
	height: 129px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -64.5px;
	margin-top: -64.5px;
}
.eventsWrap .responsiveVideo {
	position:relative;
	height:0;
	overflow:hidden;
	padding-bottom:56.2%;
}
.eventsWrap .responsiveVideo iframe {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
.eventsWrap a.videoModal {
	cursor:pointer;
}
#innerPage .content .subTitleMain {
	border-top: 6px solid #D31245;
	padding: 20px;
	background-color: white;
	margin: 0;
	border-left:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	margin-bottom:30px;
	position: relative;
	overflow-y: auto;
}
#innerPage .content .subTitleMain.eventDetailFilter {
	display: none;
}
@media all and (min-width: 900px) {
	#innerPage .content .subTitleMain.eventDetailFilter {
		display:block;
	}
}
.subTitleMain h3 {
   float:none;
   /* margin-right:10px; */
   color:#d31245;
   width: 17%;
   margin: 7px 0;
}
.btn.btn-event {
	background-color:#f0f0f0;
	color: #999999;
	margin-top:13px;
	font-size: 17px;
	width: 100%;
	padding: 6px 12px;
	margin:0;
	display:block;
	margin-bottom:1px;
}
.btn.btn-event.sel {
	background-color:#005596;
	color:white;
}
.btn.btn-book {
	position: absolute;
	top: 0;
	bottom: 0;
	background: #F0F0F0;
	right: 0;
	font-size: 30px;
	padding-top: 26px;
	width:20%;
}

.btn.btn-tickets{
	background: #005596;
	border-color: #005596;
	color: white;
	cursor: default;
	font-size: 20px;
	padding: 10px 12px;

}


.eventsWrap h2 {
	font-size:36px;
	font-weight:200;
	letter-spacing:2px;
	text-transform:uppercase;
}
.eventsWrap h3 {
	font-size:30px;
	font-weight:700;
	text-transform:uppercase;
}
.eventsWrap h2,
.eventsWrap h3,
.eventsWrap h4 {
	padding:0 20px;
}
.eventsWrap .twitterEvent,
.eventsWrap .facebookEvent {
	position:relative;
	z-index:1;
}
.eventsWrap .facebookEvent:after {
	content:'';
	background-image: url(images/layout/facebook.jpg);
	width:60%;
	height:85%;
	position:absolute;
	bottom:0;
	right:10px;
	background-size:100%;
	background-repeat:no-repeat;
	z-index:-1;
}
 .eventsWrap .twitterEvent:after {
	content:'';
	background-image: url(images/layout/twitter.png);
	width:90%;
	height:85%;
	position:absolute;
	bottom:0;
	right:13px;
	background-size:100%;
	background-repeat:no-repeat;
	z-index:-1;
}
.eventsWrap .twitterEvent *,
.eventsWrap .facebookEvent * {
	text-align:center;
	color:white;
	text-transform:uppercase;
}
.eventsWrap .twitterEvent h4 {
	font-weight:200;
	font-size:20px;
	padding-top:40px;
}
.eventsWrap .facebookEvent h2 {
	font-size: 60px;
	padding-top: 40px;
}
.eventsWrap .facebookEvent span {
	display:block;
	font-size:40px;
}
.eventsWrap h3.bigDate {
	font-size: 50px;
	font-weight:200;
}
/*triangles*/
.eventsWrap .arrow {
	position:relative;
}
.eventsWrap .arrow:after {
	content:'';
	width: 0;
	height: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	position:absolute;
}
.eventsWrap .arrow-left:after {
	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		 -o-transform: rotate(-90deg);
			transform: rotate(-90deg);
	left:-45px;
	top: 50%;
	margin-top:-15px;
}
.eventsWrap .arrow-up:after {
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		 -o-transform: rotate(0deg);
			transform: rotate(0deg);
	left:50%;
	top: -30px;
	margin-left:-30px;
}
.eventsWrap .arrow-right:after {
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		 -o-transform: rotate(90deg);
			transform: rotate(90deg);
	right:-45px;
	top: 50%;
	margin-top:-15px;
}
.eventsWrap .arrow-down:after {
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		 -o-transform: rotate(180deg);
			transform: rotate(180deg);
	left:50%;
	bottom: -30px;
	margin-left:-30px;
}
.eventsWrap .arrow-black:after {
	border-bottom: 30px solid black;
}
.eventsWrap .arrow-red:after {
	border-bottom: 30px solid #ff1e40;
}
.eventsWrap .arrow-grey:after {
	border-bottom: 30px solid #f0f0f0;
}
.events-item h3.title a {
	white-space:normal;
}
.eventsWrap {
	display: none;
}

iframe {
	width:100%;
}

.copy p > iframe {
	width: 100%;
}
.copy p.inline-map > iframe {
	width: 100%;
}
#dccom_gdStaffProfiles > div.contact > ul {
	padding:0 !important;
}
#staffProfilesContainer .contact li {
	list-style: none;
	float: left;
    padding-right: 10px;
}
#staffProfilesContainer .contact li a {
	color: white;
    background: #b51845;
    padding: 5px 10px;
    border-radius: 4px;
    margin-bottom: 1px;
}
#staffProfilesContainer .contact li a:hover {
	opacity: 0.8;
}
#staffProfilesContainer .contact li a.fa-phone:before {
	padding-left: 3px;
}
#staffProfilesContainer .contact li a.fa:before {
	padding-right: 7px;
    border-right: 1px solid white;
    margin-right: 7px;
}

#staffProfilesContainer .social {
    padding: 0;
        clear: both;

}
#staffProfilesContainer .social li {
    list-style: none;
    float: left;
    padding: 10px;
}

/*
#staffProfilesContainer .social li {
    padding: 0;
} */
#staffProfilesContainer .social_team {
    margin: 20px 0 0px 0;
}

#staffProfilesContainer .social_team a {
	padding: 0px;
	color: #b51845;
	background: none;
	font-size: 17px;
}



.threeBlock .col-sm-4,
.twoBlock .col-sm-4 {
	width: 33.33333333%;
	float: left;
	height: 140px !important;
}
.fancybox-title-float-wrap .child {
	white-space: normal !important;
}
@media screen and (min-width: 600px) {
	.threeBlock .col-sm-4 {
		height: 200px !important;
	}
	.twoBlock .col-sm-4 {
		height: 270px !important;
	}
}
@media screen and (min-width: 900px) {
	.threeBlock .col-sm-4,
	.twoBlock .col-sm-4 {
		height: 300px !important;
	}
	.btn.btn-event {
		/* width:16%; */
		width:12%;
		display:inline-block;
	}

	.btn.btn-ics {
		width:8%;
	}

	.subTitleMain h3 {
		float:left;
	}
	.dccom.dccomBottom {
		margin-bottom:0;
		clear:both;
	}
}

@media screen and (min-width: 1200px) {
	.eventsWrap {
		display: block;
	}
	.eventsWrap_mobileView{
		display: none;
	}

}

/*edit*/

.copy h2,.copy h3,.copy h4,.copy h5 {
	margin: 20px 0 10px;
	font-weight:600;
}

.copy h2 {
	font-size: 30px;
	line-height:38px;
    border-bottom: 6px solid #B51845;
    padding-bottom: 10px;
    display:inline-block;
}

.copy h3 {
	font-size:26px;
	line-height:34px;
}
.copy h4 {
	font-size:22px;
	line-height:30px;
}
.copy h5 {
	font-size:18px;
	line-height:26px;
}
.copy blockquote {
    padding: 30px 20px;
    margin: 20px 0;
    font-size: 24px;
    background: white;
    display: block;
    border: 1px solid #efefef;
    border-left: 5px solid #B51845;
}
.copy ul li {
	list-style:none;
	position:relative;
}
.copy ul li:before {
	content: "\f068";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #B51845;
    font-size: inherit;
    position: absolute;
    top: 1px;
    left: -20px;
}
.copy hr {
	margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 6px solid #B51845;
}
.copy img {
	/* width:auto !important;
		height:auto !important; */
	max-width:100%;
}
.breadcrumb > li + li:before {
	padding: 0 1px 0 3px;
    color: #ccc;
    content: "/\00a0";
    font-size: 10px;
}
.breadcrumb > li a {
	font-size:13px;
}

ul.siteEngineSubPages {
	padding:0;
}
ul.siteEngineSubPages li {
	float: left;
    overflow: hidden;
    height: 100%;
    background: white url('../images/layout/bgSubPages.png') 10px 5px no-repeat;
    float: left;
    margin: 0 15px 15px 0;
    padding: 16px 10px 15px 85px;
    width: 100%;
    min-height: 75px;
    border: 1px solid #efefef;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 4px;
}

ul.siteEngineSubPages li:before {
	display:none;
}

/* PANEL GROUP
******************************/

body .panel-group .panel {
	border-radius:0;
}
body .panel-default > .panel-heading {
	background-color:transparent;
	padding:0;
}
body .panel-title > a {
	margin-bottom: 1px;
    height: auto;
    font-size: 18px;
    line-height: 20px;
    position: relative;
    padding: 10px 90px 10px 10px;
    display: block;
    color: #b51845;
    white-space: inherit;
}
body .panel-title > a:after {
	content: 'read more';
    font-size: 14px;
    background: #b51845;
    color: white;
    border-radius: 4px;
    padding: 2px 4px;
    position: absolute;
    right: 10px;
    top: 8px;
}
body .panel-title > a:hover,
body .panel-title > a[aria-expanded="true"] {
	background-color:#b51845;
	color:white;
}
body .panel-title > a[aria-expanded="true"]:after {
	content:'show less';
}

@media (min-width: 550px) {
	body .panel-title > a {
	    font-size: 20px;
	}
}