@charset "utf-8";
/* Carlisle Events Styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body, html {height:100%;}

.clr {clear:both;}

/* END RESET */
h1, h2 {font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; font-weight:700; font-style: italic;  text-align:center;}
h1 {color:#444; font-size:32px;}
h2 {color:white; font-size:30px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);}
.bar {height:4px;margin:15px auto;}
.title1 {width:25%;background:#C83133;}
/* END RECURRENCES */



.header {display:block;height:38px;width:100%;background:rgba(0,0,0,0.25);position:fixed;z-index:10000;padding-top:23px;border-bottom:2px solid rgba(151,151,151,.4);top:0;transition: top 0.5s ease-in-out;-webkit-transition: top 0.5s ease-in-out;-moz-transition: top 0.5s ease-in-out;-o-transition: top 0.5s ease-in-out;-ms-transition: top 0.5s ease-in-out;}
.header ul {display:block;height:100%;width:855px;margin:auto;}
.header li {float:left;display:inline-block;}
.header li a {color:white;text-decoration:none;font-family: 'Roboto', sans-serif;font-weight:100;padding:20px;}
.header li a:hover {border-bottom:2px solid red;}
.nav-up {top: -65px; /*same as header height. use variables in LESS/SASS*/}
.intro {width: 500px;position: relative;top: 56%;left: 50%;font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;font-weight: 700;font-style: italic;color: #FFF;z-index: 100;font-size: 30px;text-align: center;text-shadow: 2px 2px 0 #000;

/* ORIGINAL INTRO */height: 170px;margin: -170px 0 0 -250px;background: url(../images/homepage/Carlisle-Events-Logo.png) center 35px no-repeat;
/* INTRO WITH GRAPHIC height: 250px;margin: -250px 0 0 -250px;*/}

.intro2 {width:130px;position:absolute;bottom:3%;left:50%;margin: 0px 0px 0px -65px;z-index: 10000;text-align: center;}
.intro2 a {font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;font-weight: 700;font-style: italic;color: #FFF;z-index: 100;font-size: 20px;;text-shadow: 2px 2px 0 #000;text-decoration:none;}
.intro3 {bottom:35px; left:50%; margin:0 0 0 -35px; position:absolute; bottom:20px; height:70px; width:70px; z-index:10000;}
.intro3 a {position:relative; display:block; height:70px; width:70px;background:url(../images/homepage/scroll1.png) center center no-repeat; text-indent:-9999px;-webkit-animation: bounce 2s ease infinite alternate;-moz-animation: bounce 2s ease infinite alternate;-o-animation: bounce 2s ease infinite alternate;}
@-webkit-keyframes bounce { 
	0%, 20%, 50%, 75%, 100% {
		top:0px;
	}
	
	40% {
		top:-15px;
	}
	
	60% {
		top:-10px;
	}
}
.social-bar {width:100%;overflow:hidden;height:80px;}
.social-bar ul li {position:relative;float:left;width:25%;}
.social-bar ul li a {display:block;height:80px;text-indent:-9999px;position:relative;top:0;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;-ms-transition:0.2s;transition:0.2s;}
.youtube {border-bottom:5px solid #b02828;background: #cb4646 url(../images/homepage/youtube.gif) center center no-repeat;background-size:56px;}
.youtube:hover {top:-5px;}
.facebook {border-bottom:5px solid #2f5fb7;background: #3a7bcc url(../images/homepage/facebook.gif) center center no-repeat;background-size:23px;}
.facebook:hover {top:-5px;}
.twitter {border-bottom:5px solid #3c9bd6;background: #51b4e8 url(../images/homepage/twitter.gif) center center no-repeat;background-size:50px;}
.twitter:hover {top:-5px;}
.photos {border-bottom:5px solid #404040;background: #505050 url(../images/homepage/photos.gif) center center no-repeat;background-size:50px;}
.photos:hover {top:-5px;}
.about {background:white;padding-top:50px;text-align:center;}
.aboutWrap {max-width:800px;margin:0 auto 50px auto;padding:0 5% 35px 5%;min-height:600px;}
.mainContent {width:600px;float:left;font-family: 'Roboto', sans-serif;font-weight: 300;font-size: 15px;line-height: 18px;text-align: justify;}
.mainSpacer {display:block;height:45px;width:100%;}
.sponsorship {width:160px;height:600px;overflow:hidden;position:relative;float:right;}
.contentLinks2 {display:none;}
.contentLinks a {display:inline-block;float:left;padding-top:27px;height:75px;width:196px;color:#575757;text-align:center;margin-bottom:10px;text-decoration:none;border-radius:5px;box-shadow:0 0 0 1px #C8C8C8 inset;font-family: 'Roboto Condensed', sans-serif;text-transform:uppercase;font-weight:700;font-style:italic;font-size:24px;line-height:24px;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;-ms-transition:0.2s;transition:0.2s;}
.contentLinks a:hover {background:#C83133;box-shadow:0 0 0 1px #C83133 inset;color:white;}
.middleLink {margin:0 6px;}

.nextShow {display:block;width:100%;padding:20px 0;background:#E3373A;border-radius:5px;color:white;text-decoration:none;text-align:center;line-height:27px;}


.show-title{width:100%;padding:15px 0;background:#E3373A;text-align:center;}
.events {background:white;position:relative;}
.grid {margin:0;padding: 0;list-style: none;position: relative;width: 100%;overflow: hidden;}
.grid2 {margin:0;padding: 0;list-style: none;position: relative;width: 100%;overflow: hidden;background-color:#E1E1E1;}
.grid li {
	position: relative;
	overflow: hidden;
	margin: 0px;
	float: left;
    width: 16.66666666666667%; /* Fallback */
    width: -webkit-calc(100% / 6);
    width: calc(100% / 6);}
.grid2 li {position: relative;overflow: hidden;width: 20%;/* Fallback */width: -webkit-calc(100% / 5);width: calc(100% / 5);margin: 0px;float: left;}
.grid li img {display: block;max-width: 100%;}
.grid2 li img {display: block;max-width: 100%;}


/* -- Begin Extras Styles -- */
.cvvb-ad {display:block;width:90%;padding: 48px 5%;text-align: center;/*background:transparent;*/background:url(../images/homepage/cvvb-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;color:white;font-family: 'Roboto Condensed', sans-serif;font-size: 19px;text-shadow: 0 1px 1px #368900;font-weight:300;}
.cvvb-ad a {color:white;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;-ms-transition:0.6s;transition:0.6s;}
.cvvb-ad a:hover {letter-spacing:1px;}
.cvvb-ad img {margin-bottom:25px;}
.extras {display:block;width:100%;height:300px;padding:50px 0;background:#CDCDCD;}
.extras a {display:inline-block;float:left;text-indent:-9999px;height:100%;width:28%;background-color:white;border-radius:7px; box-shadow: 0 1px 2px #A0A0A0;}
.link1 {background:url(../images/homepage/btn-1.gif) center center no-repeat;margin:0 2% 0 6%;}
.link2 {background:url(../images/homepage/btn-2.gif) center center no-repeat;}
.link3 {background:url(../images/homepage/btn-3.gif) center center no-repeat;margin:0 6% 0 2%;}
.link1:hover {background:url(../images/homepage/btn-1-2.gif) center center no-repeat;background-color:white;}
.link2:hover {background:url(../images/homepage/btn-2-2.gif) center center no-repeat;background-color:white;}
.link3:hover {background:url(../images/homepage/btn-3-2.gif) center center no-repeat;background-color:white;}
.preload1 {background: url(../images/homepage/btn-1-2.gif) no-repeat -9999px -9999px;}
.preload2 {background: url(../images/homepage/btn-2-2.gif) no-repeat -9999px -9999px;}
.preload3 {background: url(../images/homepage/btn-3-2.gif) no-repeat -9999px -9999px;}
.whyCarlisle {padding:100px 10%;width:80%;background:#E3383B;color:white;font-family: 'Roboto', sans-serif;font-weight: 300;font-size: 15px;line-height: 18px;text-align: center;}
.whyCarlisle h1 {color:white;line-height: 30px;}
/* -- End Extras Styles -- */

/* -- Begin Footer Styles -- */
.container {width:960px;margin:auto;}
.newFooter {width:100%;background:#222;padding-top:65px;color:white;font-family:'Roboto Condensed', sans-serif;border-top:5px solid #d23131;border-bottom:5px solid #d23131;}
.newFooter ul {float:left;margin-right:40px;text-align:center;}
.newFooter ul li {color:#E3383B;font-size:22px;}
.newFooter ul li a {color:white;text-decoration:none;font-size: 16px;}
.detailz {color:white !important;font-size: 16px !important}
.newFooter .container {height:230px;width:680px;margin:auto;}
.footerLogo {padding-right:49px;border-right:1px solid white;float:left;}
.footerLinks {display:block;float:right;width:640px;font-size:21px;text-align:right;line-height:26px;padding-top: 13px;}
.footerLinks a {color:white;text-decoration:none;}
.footerLinks a:hover {text-decoration:underline;}
.socialFooter {width:100%;background:#2d2d2d;margin-top:50px;text-align:center;}
.socialFooter a {color:white;display:inline-block;text-decoration:none;margin:20px;text-transform:uppercase;font-size: 20px;font-weight: 700;}
.socialFooter img {position:relative;top:2px;margin-right:5px;}
.socialFooter a:hover {color:#d23131;}
.contactFooter {display:block;text-align:center;font-size:18px;font-weight:300;padding-top:65px;background:black;}
.scrollUp {display:block;text-indent:-9999px;width:153px;height:32px;background:url(../images/homepage/scrollUp.gif) no-repeat;margin:60px auto 0 auto;text-align:center;}
/* -- End Footer Styles -- */


@media screen and (max-width: 1920px) { 
.grid li, .grid2 li {
    width: 25%; /* Fallback */
    width: -webkit-calc(100% / 4);
    width: calc(100% / 4);}
}

@media screen and (max-width: 880px) {
	.header, .newFooter .container {display:none;}
	.newFooter {background: #000;padding-top: 0;}
	.about {padding-top:0;}
	.aboutWrap {margin:50px auto 10px auto;}
	.sponsorship {display:none;}
	.mainContent {width:100%;float:none;text-align:center;}
	.contentLinks {display:none;}
	.contentLinks2 {display:block;margin:auto;text-align:center;width:90%;}
	.contentLinks2 ul li {display:block;width:100%;border-radius:5px;border:1px solid #C10003;padding:15px 0 13px 0;margin:8px auto;}
	.contentLinks2 ul li a {color:#575757;text-align:center;text-decoration:none;font-family: 'Roboto Condensed', sans-serif;text-transform:uppercase;font-weight:700;font-style:italic;font-size:24px;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;-ms-transition:0.2s;transition:0.2s;}
	.contentLinks2 ul li a:hover {color:#c10003;}
	.nextShow {width:90%;margin:auto;}
	.grid li, .grid2 li {
    width: 33.33333%; /* Fallback */
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);}
}

@media screen and (max-width: 770px) {
	.grid li, .grid2 li {
    width: 50%; /* Fallback */
    width: -webkit-calc(100% / 2);
    width: calc(100% / 2);}
	.link1, .link2, .link3 {background-size:70%;}
	.link1:hover, .link2:hover, .link3:hover {background-size:70%;}
	.extras {height:200px;}
	.CVVBimg, .intro, .intro3, .header, .nav-down, .slider {display:none !important;}
}

@media screen and (max-width: 500px) {
	.grid li, .grid2 li {width: 100%;}
	.extras {display:none;}
	/*.extras a {display:block;float:none;text-indent:-9999px;height:100px;width:90%;
	background-color:white;border-radius:7px;box-shadow: 0 1px 2px #A0A0A0;margin:5px auto;}*/
	.link1 {background:none;margin:0;}
	.link2 {background:none;}
	.link3 {background:none;margin:0;}
	.link1:hover {background:none;background-color:white;}
	.link2:hover {background:none;background-color:white;}
	.link3:hover {background:none;background-color:white;}
	.cvvb-ad {display:none;}
}