/* 
					   _                     _
                      | |                   | | 
 ___   __ _  _ __   __| | _   _   _  _  ___ | |__   ___  ___ 
/ __| / _` || '_  \/ _` || | | | | || |/  _|| '_ \ / _ \/ __|
\__ \| (_| || | | | (_| || |_| |_| || || |_ | | | |  __/\__ \
|___/ \__,_||_| |_|\__,_| \_______./|_|\___||_| |_|\___||___/

     ANNUAL SANDWICH PARTY COMPETITION by BILL AVGERINOS

=============================================================
*/

@import url('fonts.css');
@import url('reset.css');
@import url('common.css');
@import url('animation.css');
@import url('animate.css');

body { background-image: url('images/tile.jpg'); }

.desktop { display:block; }
.mobile { display:none; }

/*  PAGES AND CONTAINERS  start */

	#container { width:100%;height:auto;position:relative; }
	#page1 { width:100%;height:auto;position:relative; }
	#page2 { width:100%;height:auto;position:relative; }
	#page3 { width:100%;height:auto;position:relative; }
	#page4 { width:100%;height:auto;position:relative; }
	#purpBar { width:100%;height:130px;position:relative; }
	#page5 { width:100%;height:auto;position:relative; }

	.innerPG { width:1000px;margin:0 auto;height:auto;padding:0 0;position:relative;}

	.headerDesk { width:100%;height:auto;position:relative; }

	.fourAwardsTitleBox { width: 100%; height: auto; position:relative; }
	.sliderspot { width:100%;height:412px;position:relative;overflow:hidden; }
	.champfoot { position:absolute; width:100%;height:130px; }
	.champ { width:100%;height:130px;position:absolute; }
	.gradient { width:100%;background-image:url('images/gradientbanner.jpg');background-size:cover;height:239px;position:relative;background-repeat:no-repeat; }
	.gradientClock { width:100%;background-image:url('images/countdown-bg.jpg');background-size:cover;height:239px;position:relative;background-repeat:no-repeat; }

	.socialbox { width: 143px;padding-top: 13px;padding-left: 30px;padding-bottom: 6px; }
	.topregister { position:absolute;top:0px;right:30px;cursor:pointer;width:321px;height:44px; }

	.container100 { width:100%;height:auto;position:relative; }
	.container80 { width:80%;padding:0px 10%; }
	.container68 { width:68%;padding:0px 16%; }
	.container52 { width:52%;padding:0px 24%; }

/*  PAGES AND CONTAINERS  end */

/*  COLUMNS  start */
	
	#twoCol { width:36%;margin:0px 7%;float:left; }
	#threeCol {	width:29.33%;margin: 0px 2%;float:left; }

	.clearfix { clear:both; }

/*  COLUMNS  end */

/*  IMAGES  start */

	.mainlogo { width:456px;height:395px;position:relative;left:50%;margin-left:-228px;top:50%;padding: 40px 0px; }
	.phone { width:383px;height:472px;position:absolute;bottom: 0px;right: 10%;-webkit-animation-name: movein; /* Chrome, Safari, Opera */-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */animation-name: movein;animation-duration: 2s; }
	.whatIsIt { width:466px;height:36px;position:relative;margin: 60px auto;display: block; }
	.whatIsItm { width:283px;height:82px;position:relative;margin: 60px 56px;display: none; }
	.eatOR { width:287.5px;height:36px;position:relative;margin: 53px auto 10px auto;display: block; }
	.bracket { width:500px;height:54.5px;position:relative;margin: 0px auto;display: block; }
	.bracket2 { width:671px;height:75px;position:relative;margin: 20px 164.5px; }
	.competeICONS { width:88.5px;height:78px;position:relative;margin-left: -44.25px;margin-top: 12px;margin-bottom: 5px;left: 50%; }
	.awardICONS {width:268px;height:144px;position:relative;margin-left: -134px;margin-top: 12px;margin-bottom: 20px;left: 50%; }
	.bisICONS { width:750px;height:299px;position:relative;margin-left: -375px;margin-top: 12px;margin-bottom: 25px;left: 50%; }
	.rulesTitle { width:333px;height:36px;position:relative;margin-left: -166.5px;margin-top: 60px;margin-bottom: 60px;left: 50%; }
	.awardsTitle { width:461px;height:69px;position:relative;margin-left: -230px;margin-top: 60px;margin-bottom: 60px;left: 50%; }
	.votingPrizesTitle { width:256px;height:109px;position:relative;margin-left: -128px;margin-top: 60px;margin-bottom: 60px;left: 50%; }
	.additionalInfo { width:427px;height:154px;position:relative;margin-left: -213.5px;margin-top: 60px;margin-bottom: 60px;left: 50%; }
	
/*  IMAGES  end */

/*  TEXTS  start */

	.subHeadText { font-family: 'CongaBravaStd-Regular';font-size: 27px;line-height: 34px;color: #3a2257;text-align: center;margin-bottom: 40px; }
	.subHeadText2 { font-family: 'CongaBravaStd-Regular';font-size: 27px;line-height: 34px;color: #3a2257;text-align: center;margin-bottom: 20px; }
	.bodyText { font-family: 'CongaBravaStd-Regular';font-size: 18px;line-height: 17px;color: #3a2257;text-align: center; }
	.RulesTextTitle { font-family: 'CongaBravaStd-Regular';font-size: 25px;line-height: 0px;color: #3a2257;text-align: left;margin-bottom: 25px;text-decoration: underline; }
	.RulesText { font-family: 'CongaBravaStd-Regular';font-size: 20px;line-height: 34px;color: #3a2257;text-align: left;margin-bottom: 40px; }
	.copyrightText { font-family: 'Bourbon-RegularOblique';font-size:16px;letter-spacing: 6px;color: #FFF;text-align: center;position:relative;top:43%; }
	.voteText { color:#fff;padding-left:55px;font-family: 'CongaBravaStd-Regular';font-size:22px;padding-top: 88px; }
	.winner { margin-bottom: 60px; }

	ul { margin: 20px 0px; }

	ul li { font-family: 'CongaBravaStd-Regular';font-size: 20px;line-height: 23px;color: #3a2257;text-align: left;margin-bottom: 21px;margin-left: 20px;list-style-type: disc;display: list-item;list-style-position: outside;  }

/*  TEXTS  end */

/*  COUNTDOWN CLOCK  start */

	#clock { font-family: 'Bourbon-Rough';display:inline-block; color:#fff; font-size:120px;position: absolute;width: 830px;left:50%;margin-left:-415px;text-align:center; }
	.clockTitle { opacity:.7;position:relative;top:7px;font-size:64px!important;width: auto;display: block;font-family: 'Bourbon-RegularOblique'; }
	.days { position: relative;display: inline-block; width:150px; }
	.hours { position: relative;display: inline-block; width:150px; }
	.minutes { position: relative;display: inline-block; width:150px; }
	.seconds { position: relative;display: inline-block; width:150px; }
	.dots { position: relative;display: inline-block; width:22px; }
	.daysTitle { font-size:15px;position: relative;display: inline-block;top: -90px; left: -74px; width:150px; }
	.hoursTitle { font-size:15px;position: relative;display: inline-block;top: -90px; left: -28px; width:150px; }
	.minutesTitle { font-size:15px;position: relative;display: inline-block;top: -90px; left: 28px; width:150px; }
	.secondsTitle { font-size:15px;position: relative;display: inline-block;top: -90px; left: 74px; width:150px; }

/*  COUNTDOWN CLOCK  end */


/* Chrome, Safari, Opera */
	@-webkit-keyframes movein {
	    from {right: -30%;}
	    to {right: 10%;}
	}

/* Standard syntax */
	@keyframes movein {
	    from {right: -30%;}
	    to {right: 10%;}
	}

/*  FORM  start*/

	.formClose{width:25px;height:25px;position:absolute;top:20px;right:10px;cursor:pointer;}
	.formbtn{bottom: -6px;position: absolute;cursor: pointer;width:336px;height:51px;}

	#form1{  z-index: 9999999;top: -259px;background-image:url('images/form1.png');background-size: 336px 304px;background-repeat:no-repeat;width:336px;height:304px;position:absolute;left: 100px;}
	#form2{  z-index: 9999999;top: -259px;background-image:url('images/form2.png');background-size: 336px 304px;background-repeat:no-repeat;width:336px;height:304px;position:fixed;display: block;float: right;right: 30px;}

	#theForm1 { width:298px;height:auto;position:relative;margin-top: 86px;left:50%;margin-left:-149px;}
	#theForm2 { width:298px;height:auto;position:relative;margin-top: 86px;left:50%;margin-left:-149px;}
	.formBox { outline:none;border:0;box-shadow: none;-webkit-appearance: none;margin-bottom:10px;position:relative;display:inline-block;text-align:center;font: 14px/40px 'FoundryGridnik-Bold';color:#5c5c5c;}
	.boxType1 { font-family: 'CongaBravaStd-Regular';color:#FFF!important;border-radius:10px;background-color:#6c3f75;-moz-box-shadow:inset 0px 1px 3px #2b1744;-webkit-box-shadow:inset 0px 1px 3px #2b1744;box-shadow:inset 0px 1px 3px #2b1744;width:298px;height:33px;border-radius:22px;  font-size: 17px;letter-spacing: 0px;}
	.boxType2 { font-family: 'CongaBravaStd-Regular';color:#32a8b5!important;background-color:transparent;width:298px;height:33px;border-radius:8px;  font-size: 21px;letter-spacing: 1px;}
	.finalSubmit { margin-top: 29px;background-color:transparent;width:298px;height:33px;left:50%;margin-left:-149px;cursor:pointer;margin-top:27px;}

/*  FORM  ends*/

/*  SLIDER  start*/

	#slide { left: 50%;margin-left: -370px;  position: absolute;top: 0px;}
	#slider { position: relative;overflow: hidden;margin: 20px auto 0 auto;border-radius: 4px; }
	#slider ul { position: relative;margin: 0;padding: 0;height: 200px;list-style: none; }
	#slider ul li { position: relative;display: block;float: left;margin: 0;padding: 0;width: 771px;height: 413px;text-align: center;line-height: 300px; }

	a.control_prev, a.control_next { position: absolute;bottom: 40%;z-index: 999;display: block;padding: 4% 3%;width: auto;height: auto;color: #fff;text-decoration: none;font-weight: 600;font-size: 18px;opacity: 0.8;cursor: pointer; }
	a.control_prev:hover, a.control_next:hover { opacity: 1; }
	a.control_prev { border-radius: 0 2px 2px 0; }
	a.control_next { right: 0;border-radius: 2px 0 0 2px; }

	li { display:inline-block;position:relative;list-style-type:none; }

	.stepImage { width:771px;height:412px; }
	.arrowImg { width:32px;height:27px; }

/*  SLIDER  ends  */



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


.innerPG { width:100%;margin:0 auto;height:auto;padding:0 0;position:relative;}

	.socialbox {padding-left: 17px;}

	.phone { display:none;}


/*  IMAGES  start */

	.mainlogo { width:456px;height:395px;position:relative;left:50%;margin-left:-228px;top:50%;padding: 40px 0px; }


	.bracket2 { display:none; }
	.competeICONS { width:88.5px;height:78px;position:relative;margin-left: -44.25px;margin-top: 12px;margin-bottom: 5px;left: 50%; }
	.awardICONS {width:268px;height:144px;position:relative;margin-left: -134px;margin-top: 12px;margin-bottom: 20px;left: 50%; }
	.rulesTitle { width:333px;height:36px;position:relative;margin-left: -166.5px;margin-top: 60px;margin-bottom: 60px;left: 50%; }
	.awardsTitle { width:461px;height:69px;position:relative;margin-left: -230px;margin-top: 60px;margin-bottom: 60px;left: 50%; }
	.votingPrizesTitle { width:256px;height:109px;position:relative;margin-left: -128px;margin-top: 60px;margin-bottom: 60px;left: 50%; }
	.additionalInfo { width:427px;height:154px;position:relative;margin-left: -213.5px;margin-top: 60px;margin-bottom: 60px;left: 50%; }
	
/*  IMAGES  end */

/*  TEXTS  start */

	.subHeadText { font-family: 'CongaBravaStd-Regular';font-size: 27px;line-height: 34px;color: #3a2257;text-align: center;margin-bottom: 40px; }
	.subHeadText2 { font-family: 'CongaBravaStd-Regular';font-size: 27px;line-height: 34px;color: #3a2257;text-align: center;margin-bottom: 20px; }
	.bodyText { font-family: 'CongaBravaStd-Regular';font-size: 18px;line-height: 17px;color: #3a2257;text-align: center; }
	.RulesTextTitle { font-family: 'CongaBravaStd-Regular';font-size: 25px;line-height: 0px;color: #3a2257;text-align: left;margin-bottom: 25px;text-decoration: underline; }
	.RulesText { font-family: 'CongaBravaStd-Regular';font-size: 20px;line-height: 34px;color: #3a2257;text-align: left;margin-bottom: 40px; }
	.copyrightText { font-family: 'Bourbon-RegularOblique';font-size:16px;letter-spacing: 6px;color: #FFF;text-align: center;position:relative;top:43%; }
	.voteText { color:#fff;padding-left:0px;font-family: 'CongaBravaStd-Regular';font-size:22px;padding-top: 88px;text-align: center; }

/*  TEXTS  end */

/*  COUNTDOWN CLOCK  start */

	#clock { font-family: 'Bourbon-Rough';display:inline-block; color:#fff; font-size:99px;position: absolute;width: 830px;left:50%;margin-left:-415px;text-align:center; }
	.clockTitle{top:8px;font-size:47px!important;margin-top:20px;}
	.days { position: relative;display: inline-block; width:150px; }
	.hours { position: relative;display: inline-block; width:150px; }
	.minutes { position: relative;display: inline-block; width:150px; }
	.seconds { position: relative;display: inline-block; width:150px; }
	.dots { position: relative;display: inline-block; width:22px; }
	.daysTitle { font-size:15px;position: relative;display: inline-block;top: -70px; left: -76px; width:150px; }
	.hoursTitle { font-size:15px;position: relative;display: inline-block;top: -70px; left: -33px; width:150px; }
	.minutesTitle { font-size:15px;position: relative;display: inline-block;top: -70px; left: 15px; width:150px; }
	.secondsTitle { font-size:15px;position: relative;display: inline-block;top: -70px; left: 58px; width:150px; }

/*  COUNTDOWN CLOCK  end */

}

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

	#threeCol {	width:100%;margin: 0px 2%;float:left; }

	.bracket2 { display: none; }
	.bisICONS { width:340px;height:136px;position:relative;margin-left: -170px;margin-top: 12px;margin-bottom: 25px;left:50%; }

/*  COUNTDOWN CLOCK  start */

	#clock { font-family: 'Bourbon-Rough';display:inline-block; color:#fff; font-size:99px;position: absolute;width: 830px;left:50%;margin-left:-415px;text-align:center; }
	.clockTitle{top:8px;font-size:32px!important;margin-top:20px;margin-bottom:20px;}
	.days { position: relative;display: inline-block; width:70px; }
	.hours { position: relative;display: inline-block; width:70px; }
	.minutes { position: relative;display: inline-block; width:70px; }
	.seconds { position: relative;display: inline-block; width:70px; }
	.dots { position: relative;display: inline-block; width:0px; }
	.daysTitle { font-size:15px;position: relative;display: inline-block;top: -70px; left: -45px; width:70px; }
	.hoursTitle { font-size:15px;position: relative;display: inline-block;top: -70px; left: -24px; width:70px; }
	.minutesTitle { font-size:15px;position: relative;display: inline-block;top: -70px; left: 0px; width:70px; }
	.secondsTitle { font-size:15px;position: relative;display: inline-block;top: -70px; left: 23px; width:70px; }

/*  COUNTDOWN CLOCK  end */

}
/*
@media only screen and (max-width: 814px) {

.innerPG { width:814px;margin:0 auto;height:auto;padding:0 0;position:relative;}
	
	.socialbox {padding-left: 17px;}

	.phone{display:none;}

	.clockTitle{top:8px;font-size:47px!important;}

}
*/
@media only screen and (max-width: 456px) {

.desktop { display:none; }
.mobile { display:block; }

/*  PAGES AND CONTAINERS  start */

	.innerPG { width:100%;margin:0 auto;height:auto;padding:0 0;position:relative; }
	
	.headerDesk { width:100%;height:74px;position:relative; }

	.topregister { position:absolute;top:0px;right:20px;cursor:pointer;display: none; }

	.gradient{width:100%;background-image:url('images/gradientbanner.jpg');background-size:cover;height:184px;position:relative;background-repeat:no-repeat; }
	.gradientClock{width:100%;background-image:url('images/countdown-bg.jpg');background-size:cover;height:184px;position:relative;background-repeat:no-repeat; }
	.socialbox { width: 143px;padding-top: 27px;padding-left: 0px;margin-left: -72px;position: absolute;left: 50%; }

	.container52{ width:84%;padding:0px 8%; }

/*  PAGES AND CONTAINERS  end */

/*  COLUMNS  start */
	
	#twoCol { width:86%; }
	#threeCol { width:86%;margin: 0px 7%;float: left; }

/*  COLUMNS  end */

/*  IMAGES  start */

	.mainlogo { width:340px;height:295px;position:relative;left:50%;margin-left:-170px;top:50%;padding: 40px 0px; }
	.phone { display: none; }
	.whatIsIt { display: none; }
	.whatIsItm { display: block; }
	.eatOR { margin: 53px auto 44px auto; }
	.bracket { display: none; }
	.bracket2 { display: none; }
	.bisICONS { width:340px;height:136px;position:relative;margin-left: -170px;margin-top: 12px;margin-bottom: 25px;left:50%; }
	.awardsTitle { width:340px;height:51px;position:relative;margin-left: -170px;margin-top: 60px;margin-bottom: 60px;left: 50%; }
	.additionalInfo { width:340px;height:123px;position:relative;margin-left: -170px;margin-top: 60px;margin-bottom: 60px;left: 50%; }
	
/*  IMAGES  end */


/*  TEXTS  start */

	.subHeadText { font-size: 23px;line-height: 29px; }
	.copyrightText { font-family: 'Bourbon-RegularOblique';font-size:12px;letter-spacing: 6px;color: #FFF;text-align: center;position:relative;top:43%; }
	.voteText { padding-left:0px;padding-top: 42px;text-align: center;width:80%; }
	.spaceBottom { margin-bottom:20px; }

/*  TEXTS  end */

/*  COUNTDOWN CLOCK  start */

	#clock { font-size:40px;width: 100%;margin-left:0px;left:0px; }
	.clockTitle { opacity:1;margin-top:17px;margin-bottom:30px;font-size:22px!important;letter-spacing: 1px; }
	.days { width:70px; }
	.hours { width:70px; }
	.minutes { width:70px; }
	.seconds { width:70px; }
	.dots { width:0px; }
	.daysTitle { top: 0px; left: -18px; width:70px;letter-spacing: 1px; }
	.hoursTitle { top:0px; left: -10px; width:70px;letter-spacing: 1px; }
	.minutesTitle { top:0px; left: 0px; width:70px;letter-spacing: 1px; }
	.secondsTitle { top:0px; left: 9px; width:70px;letter-spacing: 1px; }

/*  COUNTDOWN CLOCK  end */

/*  FORM  start*/

	#form1{left: 8%;}
	#form2{display: none;}

/*  FORM  ends*/

/*  SLIDER  start*/

	a.control_prev, a.control_next { bottom: 5%; }
	a.control_prev { left:246px; }
	a.control_next { right: 0;border-radius: 2px 0 0 2px;right:279px; }

/*  SLIDER  ends  */


}