body {
	font-family:"lato";
	margin:0;
}
.center {
	text-align:center;
}
.main-content {
	background: url("../img/hero-img.jpg") no-repeat #000;
	background-size:cover;	
	color:#fff;
}
a {
	text-decoration:none;
}
article {
	width:100%;
	float:left;
	height:100vh;
}
.NTT-logo {
	margin-top:100px;
	text-align: center;
}
.NTT-logo img {
	max-width:570px;
}
.intro {
	text-align: center;
	max-width:800px;
	margin:0 auto;
	font-size:35px;
	margin-top:270px;
}
aside {
	width:310px;
	float:right;
	position:relative;
	z-index:3;
}
aside ul{
	list-style: none;
	text-align: left;
	margin:0;
	padding:0;
}
aside li {
	margin-top:10px;
	position: relative;
}
aside li:first-child {
	margin-top:0;
}
aside a {
	color:#fafafa;
	text-decoration: none;
	display:block;
	background:#2D3841;
	padding:16px 30px;
	font-size:20px;
	position:relative;
}
aside a:hover {
	color:#80888E;
	background:#fff;
}
.Accuro-logo a {
	background:none;
}
aside span {
	display:inline-block;
	color:#fff;
	font-size:22px;
}
aside a:hover span {
	color:#80888E;
}
aside .date, .city-province, .register .date {
	font-weight:600;
}
aside i.fa-angle-right {
	position:absolute;
	right:25px;
	top:25px;
	font-size:35px;
	color:#80888E;
}
.ice {
	background:url("../img/ice-bg.jpg");
	background-size:cover;
}
section {
	clear:both;
	padding:50px 0px;
	margin:0 auto;
    color:#313D48;
}
.team {
	text-align:center;
}
.team img {
	max-width:250px;
}
.team ul {
	padding:0;
}
.team li {
	list-style-type: none;
	float:left;
	max-width:20%;
}
.team-container {
	display:inline-block;
	padding-bottom:20px;
	vertical-align: top;
}
.team-container span {
	font-size:20px;
	font-family:"oswald";
	text-transform:uppercase;
}
.border {
	display: block;
	border-bottom:1px solid #ccc;
}
.inner-left {
	float:left;
	width:300px;
}
.inner-right {
	float:right;
	width:calc(100% - 350px);
	padding-left:50px;
	font-size:20px;
	position:relative;
}
.tickets .inner-left p, .mask .inner-left p {
    padding: 0px 130px 0 100px;
    font-size: 18px;
}
.mask .inner-right h1 {
	padding:0;
	margin:0 auto 40px;
	text-align:center;
}
.mask .callout {
	font-size:40px;
	font-weight:bold;
	padding-left:100px;
	text-align:right;
}
.tickets .inner-right {
	display: flex;
}
.whistle .footer-content {
	background:url(../img/icon_training.png) left top no-repeat;
}
.mask .footer-content {
	background:url(../img/icon_game-plan.png) left top no-repeat;
}
.tickets .footer-content {
	background:url(../img/icon_tickets.png) left top no-repeat;
}
.calendar .footer-content {
	background:url(../img/icon_schedule.png) left top no-repeat;
}

.dark-bg {
	background: #313D48;
}
.dark-bg .content {
	color:#fff;
	font-size:20px;
}
.dark-bg .contact a {
	color:#fff;
	text-decoration: none;
}

.stats div {
	display:inline-block;
	padding:20px;
}
.stats span {
	display:block;
}

.testimonials {
	padding:150px 0 100px;
	background:#fff;
}

.left {
    float: left;
    width: 600px;
    border: 1px solid;
    position:relative;
    padding:40px 0;
}

.inner {	
    padding: 50px;
}

.inner span {
	display:block;
}

.name {font-size:18px;}
.location {font-size:16px;}

.left img, .right img {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: -35px;
    padding:20px;
    background:#fff;
}

.left p, .right p {
	margin-top:0;
	font-size:24px;

}
img {
	border:0;
}

.right {
    float: right;
    width: 600px;
    border: 1px solid;
    position:relative;
    padding:40px 0;
}



a.back-btn {
    background: #e1e1e1;
    padding: 10px;
    font-size:12px;
    border-radius: 3px;
    margin: 0 0 0 20px;
    color:#000;
}

a.back-btn:hover {
	background:#333;
	color:#e1e1e1;
	transition: ease all 0.3s;
}	

.content {
	max-width:1300px;
	padding:0 20px;
	margin:0 auto;
	font-size: 20px;
}
.opacity {
	background:rgba(49,61,72,0.8)!important;
}

.lg-font {
	font-size:46px;
	font-family: "oswald";
	line-height:50px;
}

.gallery-btn {
    background: #fff;
    padding: 15px 20px;
    border-radius: 3px;
    border: 1px solid #ccc;
    display:inline-block!important;
    margin-top:30px;
    color: #434F59!important;
}

.gallery-btn:hover {	
    background: #e1e1e1;
    transition: 0.3s ease;
}

.gallery span {
	display:block;
}

.gallery {
	position:relative;
}

.gallery-img {
	position:absolute;
	top:-140px;
	width:100%;
}

.connect .flex-row {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   padding-top:30px;
}
.connect .stat-content {
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: -1px;
    right: 0;
    width: calc(100% - 20px);
    padding: 1px 0;
    background: #313E48;
    height: 100%;
    color:#ccc;
}
.connect .footer-content {
	background:url(../img/CCH_logo-symbol.png) 50px top no-repeat;
	padding:80px 0;	
	color:#fff;
}
.connect h1 {
	color:#fff;
}
.connect p {
	font-size:22px;
}
.connect .stats.block {
	display:block;
}
.connect .col:first-child {
	margin-left:0;
}
.connect .col:last-child {
	margin-right:0;
}
.connect .col {
	display:inline-flex;
	width:calc(25% - 30px);
	height:150px;
	text-align:center;
	margin:0 20px;
	position: relative;
	border:1px solid #999;
}
.connect .col-1 .stat-content{
	padding:40px 0 0;
}
.connect .col-2 .stat-content{
	padding:30px 0 0;
}
.connect .col-3 .stat-content, .connect .col-4 .stat-content{
	padding:20px 0 0;
}
.stats {
	font-size:26px;
	font-weight: bold;
	color:#fff;
}

.register {
	text-align: center;
	font-size:20px;
}
.register h1 {
	padding:0;
}
.register ul {
	list-style: none;
	margin-top:30px;
	padding:0;
}
.register li {
	float:left;
	width:calc(20% - 20px);
	margin:0 10px 20px;
}
.register li a {
	border:1px solid;
	display:block;
	padding:30px 20px;
    color:#313D48;
    text-decoration: none;
}
.register li a:hover {
	color:#fff;
	background:#313d48;
}

.testimonial-container {
	background:url(../img/testimonial-doctor-img2.jpg) center no-repeat;
	background-size:cover;	
}
.testimonial .footer-content {
	width:405px;
	float:right;
	text-align:center;
	line-height:24px;
}

.questions {
	text-align:center;
	padding:0;
}
.questions a {
	color:#fff;
	text-decoration: none;
}


.light-bg {
	background:#46515A;
}



footer {
	max-width:800px;
	margin:0 auto;
	padding:40px 0;
}
.footer-logo {
	width:33%;
	text-align: center;
	float:left;
}
.footer-logo a {
	display:block;
	padding:20px;
}
.footer-content {
	position:relative;
	padding:60px 0;
}
.footer-content p:first-child {
	margin-top:0;
}
.early {
	display: flow-root;
	padding-right:40px;
	border-right:1px solid #ccc;
}
.regular {
	display: flow-root;
	padding-left:40px;
}
.red {
	color:#CA003D;
	display:block;
	font-size:24px;
}
.red2 {
	color:#CA003D;
	display:inline-block;
}
.schedule {
	display:block;
	color:#555;
	margin:20px 0 40px;
}
.price {
	font-family: "oswald";
	font-weight:bold;
}
h1 {
    font-family: "lato";
    font-weight: 200;
    font-size: 46px;
    line-height:60px;
    margin:0;
    color:#313D48;
    letter-spacing: 2px;
}
h2 {
	font-family:"lato";
	font-weight:200;
	font-size:38px;
	margin:0;
	text-align: center;
	color:#ACB1B5;
}
h3 {
	font-family:"lato";
	font-weight:200;
	font-size:32px;
	margin:0;
	text-align: center;	
}

.sold-out {
	position:relative;
	padding:16px 30px 16px 40px;
	text-decoration: line-through;
}
.band {
	display: block;
    position: absolute;
    z-index:2;
    transform: rotate(-90deg);
    text-align: center;
    font-size: 11px;
    left: -25px;
    background: #CA003A;
    top: 26px;
    padding: 4px;
}
.sold-out .date, .sold-out .city-province {
	text-decoration: line-through;
}

/* ARROW */

#heroScroll a {
	padding:top:70px;
	display: block;
}
#heroScroll span {
  position: absolute;
  bottom: 80px;
  left:calc(50% - 180px);
  width: 40px;
  height: 40px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

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

	.inner-left {
		float:none;
		width:auto;
	}
	.inner-right {
		float:none;
		width:auto;
		padding:20px;
		text-align: center;
	}
	.connect .col-4 .stat-content, .connect .col-3 .stat-content {
		padding-top:20px;
	}
	.register li {
		width:calc(33% - 20px);
	}
	.testimonial .footer-content {
		background:rgba(255,255,255,0.8);
		padding:40px;
	}
	.NTT-logo img {
		max-width:100%;
	}
	.intro {
		margin-top:100px;
	}
	.gallery-img {
	    position: relative;
	    top: 0;
	    text-align: center;
	    margin: 0 auto;
	}
	.left, .right {
		float:none;
		width:auto;
	}
	.right {
		margin-top:100px;
	}
}

@media screen and (max-width:850px) {
	.register li {
	    width: calc(50% - 20px);
	}
	.connect .flex-row {
		display:block;
	}
	.connect .col {
		width:calc(50% - 44px);
		margin-bottom:20px;
	}
	.connect .col:first-child, .connect .col:last-child {
	    margin: 0 20px 20px;
	}
}

@media screen and (max-width: 620px) {
	.register li {
	    width: calc(100% - 20px);
	}
	article, aside {
		float:none;
		width:100%;
		padding:0;
	}
	.NTT-logo {
		margin:0;
		padding-top:30px;
	}
	.testimonial .footer-content {
		width:auto;
	}
	footer {
		padding:30px 0;
	}
	.footer-logo {
		width:100%;
	}
    .intro {
    	padding:0 20px;
    	margin:25px 0!important;
    	font-size:18px;
    }
}

@media screen and (max-width: 490px) {
	.tickets .inner-right {
		display:block;
	}
	.inner-right {
		font-size:18px;
	}
	.early {
		display:block;
		padding:0;
		border:0;
	}
	.regular {
		display:block;
		padding:40px 0 0 0;
	}
	.connect .flex-row {
		max-width:320px;
		margin:0 auto;
	}
	.connect .col {
    	width: calc(50% - 14px);
    	margin:0 5px 15px!important;
    }
    .tickets .inner-left p, .mask .inner-left p {
    	padding:40px 0 0;
    }
    h1 {
    	font-size:40px;
    	line-height: 40px;
    }
    h2 {
    	font-size:2em;
    }
    .connect p {
    	font-size:18px;
    }
    .register {
    	font-size:18px;
    }
    .testimonial .footer-content {
    	padding:40px 10px;
    }
}
	@media screen and (max-width: 350px) {

    .intro {
    	padding:0 20px;
    	margin:25px 0!important;
    	font-size:18px;
    }.stats div {
    display: inline-block;
    padding: 10px;
}
	}