/* Crush The Conference Stylesheet */

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

}

body {

}

h1 {
	margin-bottom:0;
	padding-bottom:0;	
	color: black;
   -webkit-text-fill-color: white;
    margin-bottom:15px;
}
#top {
	border-bottom:thin solid #242424;
}
.logo {
	width: 100%;
	max-width:100%;
	height: 38px;
	margin-top: 2%;
	margin-bottom:1%;
}

.margin10 {
	margin-bottom:10px;
}
.0top{
	margin-top:0;
	padding-top:0;
}

.topbar {
	max-height: 60px;
	color: #fff;
}

.pricebox {
	background: url(../images/pb-bg.png) repeat;
	padding: 4px;
	height:auto;
	max-width:390px;
	margin:7% auto 0 auto;
}
.pricebox h3 {
	font-size: 27px;
	font-family: impact;
	color:yellow;
	margin:0 auto;
	text-align:center;
	padding:5px;
}
.pay-btn {
	margin:0 auto 0 auto;
	text-align:center;
	max-width:100%;
}
.number {
	color: #7cc576;
	font-weight: bold;	
}

#header {
	min-height: 508px;
	background: url(../images/basketball-bg.jpg);
	background-size: cover;
	border-bottom:solid 4px #000;
}

#header h1 {
	color: #fff;
	font-size: 60px;
	font-family: oswald, chunkfiveroman;
	margin-top: 20px;	
	letter-spacing: ;
	font-weight:normal;
}

.brand-logo {
	margin-right: 28px;	
}

#content {
	background:#fff;
	width:78%;
	margin:0 auto;
}

#schedule {
		
}

#schedule h3 {
	font-size: 30px;
	font-family: chunkfiveroman;
	letter-spacing: -.5px;	
	margin: 0 0 4% 8%;
	/*margin-bottom: 20px;*/
}

#schedule p {
	font-size:120%;
	margin: 0 0 2% 8%;	
	line-height: 135%;
}

.schedule-bg {
	padding: 4%;
	background: #fff;
	/*border: solid 1px #c5c5c5;*/
}

.guarantee-bg {
	padding: 4% 4% 3% 4%;
	background: #fff;
	border: solid 1px #c5c5c5;
}

#schedule .guarantee-bg p {
	font-size:120%;
	margin: 0 8% 5% 8%;	
	line-height: 135%;
}

#footer {
	font-size: 12px;
	color: #999999;
	min-height: 60px;
	padding: 20px;
}

.seal {
	margin: 2% auto 5% 5%;
	text-align:left;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.effect
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect:before, .effect:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

@media (max-width: 1000px) {
   	#header h1 {
	font-size:45px;
	line-height:110%;}
	.guarantee h3 {
	font-size:30px;}
	.row {
	padding:0;
	margin:0;}
	#guarantee .col-md-3 {
	float:none;
	margin:0 auto;
	text-align:center;}
}

@media (max-width: 600px) {
	#header h1 {
	font-size:25px;
	line-height:110%;}
	#content {
	width:100%;
	}
}