/*RESET 
   ============================= */

html,body,div,span,object,iframe,h1,h2,h5,h4,h3,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;white-space: normal;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav,ul{list-style:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}img{border:none;-ms-interpolation-mode: bicubic; image-rendering:optimizeQuality;}caption,th,td{text-align:left;font-weight:400}

*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

::-moz-selection{ background:#f9a831; color:#fff; text-shadow: none; }
::selection { background:deepskyblue; color:#fff; text-shadow: none; }


body, html {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400; 
	font-size: 18px; 
	text-align: center; 
	background-color: #fff;
	color: #2e3033;
	line-height: 150%;
}

.wrap {
	margin: 0 auto;
    width: 100%;
    padding: 0 30px;
}

p {text-align: left; font-size: 90%;}

a {text-decoration: none; color: inherit;}

h1 {
	text-align: center !important;
    font-family: "Freight Sans", "FreightSans", "freight-sans-pro", "Source Sans Pro", sans-serif;
    font-size: 190%;
    font-weight: 700;
}

h2 {
    font-family: "Freight Sans", "FreightSans", "freight-sans-pro", "Source Sans Pro", sans-serif;
    text-align: left;
	color: #2e3033;
	font-size: 85%;
	font-weight: 500;
}
    
h3 {
	font-family: "Freight Sans", "FreightSans", "freight-sans-pro", "Source Sans Pro", sans-serif;
    text-align: left;
	color: #2e3033;
	font-size: 85%;
	font-weight: 700;
}



/*NAV
   ============================= */

nav.dark {background-color: #fff; border-bottom: 1px solid #f1f1f1;}
nav.dark a {color: #2e3033;}
nav.dark a:hover {background: #fafafa; box-shadow: none; text-shadow:none;}
nav.dark ul {padding: 15px 0;}

nav {
    background-color: transparent;
    width: 100%;
    font: 600 77% "Freight Sans", "FreightSans", "freight-sans-pro", "Source Sans Pro", sans-serif !important;
    position: fixed;
}
nav ul {padding:25px 0; margin: auto;}
nav li {display: inline;}

nav a {
    color: #fff;
    margin: 0 30px;
    border-radius: 500px;
    padding: 10px 15px;
    -webkit-transition: .9s ease-in-out;
    -moz-transition: 	.9s ease-in-out;
    -ms-transition: 	.9s ease-in-out;
    -o-transition: 		.9s ease-in-out;
    transition: 		.9s ease-in-out;
    -webkit-transition: color .9s ease-in-out;
    -ms-transition:     color .9s ease-in-out;
    transition:         color .9s ease-in-out;
}

nav a:hover {
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    background: #fafafa;
    background: -moz-linear-gradient(rgba(5,5,5,0.15) 50%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(rgba(5,5,5,0.15) 50%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(rgba(5,5,5,0.15) 50%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(rgba(5,5,5,0.15) 50%, rgba(0,0,0,0) 100%);
    background: linear-gradient(rgba(5,5,5,0.15) 50%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(5,5,5,0.15)', endColorstr='rgba(0,0,0,0)',GradientType=1 );
    color: #f9a831;
    box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.35);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: 	.3s ease-in-out;
    -ms-transition: 	.3s ease-in-out;
    -o-transition: 		.3s ease-in-out;
    transition: 		.3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

nav.dark a:active {
    box-shadow: inset 0px 0px 4px 0px #efefef;
    background: #fafafa;
    background: -moz-linear-gradient(90deg, #fafafa 0%,#f6f6f6 55%);
    background: -webkit-linear-gradient(90deg, #fafafa 0%,#f6f6f6 55%);
    background: -o-linear-gradient(90deg, #fafafa 0%,#f6f6f6 55%);
    background: -ms-linear-gradient(90deg, #fafafa 0%,#f6f6f6 55%);
    background: linear-gradient(0deg, #fafafa 0%,#f6f6f6 55%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f6f6f6',GradientType=1 );
    -webkit-transition: .3s ease-in-out;
    -moz-transition: 	.3s ease-in-out;
    -ms-transition: 	.3s ease-in-out;
    -o-transition: 		.3s ease-in-out;
    transition: 		.3s ease-in-out;
}

nav a.button {vertical-align: middle; padding: 8px 15px 8px; color: #fff; text-shadow: none; box-shadow: none;}
nav a.button:hover {transform:none; cursor: pointer;
    background: #fcbe51;
    background: -moz-linear-gradient(280deg, #fcbe51 0%,#fa920a 55%);
    background: -webkit-linear-gradient(280deg, #fcbe51 0%,#fa920a 55%);
    background: -o-linear-gradient(280deg, #fcbe51 0%,#fa920a 55%);
    background: -ms-linear-gradient(280deg, #fcbe51 0%,#fa920a 55%);
    background: linear-gradient(170deg, #fcbe51 0%,#fa920a 55%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcbe51', endColorstr='#fa920a',GradientType=1 );
    color:#fff;
}



/*HEADER
   ============================= */

header {
    background-image: url(img/sun.jpg);
    background-color: #292929;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 600px;
}

header .wrap {
    padding-top: 150px;
    padding-bottom: 90px;
}

.logo {
    width: 261.5px;
    height: 147px;
    margin: 0 auto 20px;
    background-image: url(img/logo.png);
    background-size: 261.5px 147px;
    display: block;
    padding: 0 5px;
}

.bubbles {
    background-image: url(img/topbubbles.png);
    background-color: transparent;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 183px;
    width: 100%;
    margin-top: 10px;
}



/*TAG
   ============================= */

.tagdate {
    height: 100px;
    width: 310px;
    margin: auto;
    margin-bottom: 60px;
}

.date {
    background-size: 86px 82px;
    background-image: url('img/date1.png');
    width: 86px;
	height: 82px;
    display: inline-block;
    vertical-align: middle;
}

.dateglide {
  transform: translate(0px);
  animation: yo 4s linear infinite;
  -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

@keyframes yo {
  0%, 100% {transform: translate(0, 0)}
  25% {transform: translate(-2px, 2px)}
  50% {transform: translate(-4px, 0)}
  75% {transform: translate(-2px, -2px)}
}

.tag {
    display: inline-block;
    line-height: 100px;
    padding-left: 30px;
    text-align: center;
    font-size: 120%;
    font-weight: 400;
    color: #555c66;
    font-family: "Freight Sans", "FreightSans", "freight-sans-pro-n4", "freight-sans-pro", "Source Sans Pro", sans-serif;
}



/*INTRO
   ============================= */

#intro, #what, #prog, #speak, #travel {
	background-color: #fff;
	width: 100%;
}

#intro p {
	font-size: 90%;
    line-height: 190%;
}

#intro .wrap {
    padding-bottom: 20px;
    max-width: 700px;
    -webkit-animation-delay:1.2s;
    -moz-animation-delay:1.2s;
    animation-delay:1.2s;
}

.em {
    font-style: italic;
}

.bold {
    font-weight: 700;
}


.announcementbox {
    background-color: #fafafa;
	max-width: 330px;
    min-height: 30px;
	border-radius: 5px;
    padding: 40px 35px 35px;
    margin: 90px auto 0px;
    font-family: "Source Sans Pro", sans-serif;
    text-align: center;
	color: #2e3033;
	font-size: 110%;
	font-weight: 700;
}

#speak .announcementbox {margin-top: 10px; margin-bottom: 20px;}

.announcementbox .button {
    padding: 14px 35px;
    font-size: 75%;
}



/*WHAT
   ============================= */

div#programme > h1 {
    margin-left: -30px;
}

.no {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #e5e5e5;
    font-family: "Source Sans Pro", sans-serif;
}


#what {
	background-color: #fff;
	width: 100%;
    padding-top: 100px;
    padding-bottom: 73px;
    background-size: 1440px 150px;
    min-height: 150px;
}

.grid1, .grid2 {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 30px;
}

.grid2 {
    padding-top: 40px;
}

.rightblock {
    float: right;
    width: 50%;
}

.leftblock {
    float: left;
    width: 50%;
}

.rightblock *, .leftblock * {
    text-align: left;
}

.rightblock.txt {
    max-width: 500px;
    margin-top: 30px;
    padding-left: 50px;
    font-family: "Source Sans Pro";
    font-weight: 400;
}

.leftblock.txt {
    max-width: 500px;
    padding-top: 50px;
    padding-right: 50px;
}

.clear {
    clear: both;
}

#what .clear {
    margin-bottom: 165px;
}

.shot {
    max-width: 460px;
    height: 300px;
    margin: auto;
}

.img {
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
}

.speakers_img {background-image: url('img/speakers4.jpg');}
.min10_img {background-image: url('img/min10.jpg');}
.surf_img {background-image: url('img/surf.jpg');}
.access_img {background-image: url('img/access.jpg');}
.more1_img {background-image: url('img/map.jpg');}



/*PROGRAMME
============================= */

h4 {
    font-family: "Freight Sans", "FreightSans", "freight-sans-pro", "Source Sans Pro", sans-serif;
    color: #2e3033;
    font-size: 85%;
    font-weight: 700;
    text-align: left;
}

.grid4 {
    max-width: 755px;
    margin: 0 auto;
    padding: 0 10px;
    text-align: left
}
   
.grid4 h4 {
    display: inline-block;
    text-align: right;
}

.grid4 h3 {
	text-align: center;
	font-size: 125%;
}

#programme p {
	font-size: 85%;
    display: inline-block;
    max-width: 360px;
    text-align: left;
}

.topic, .topic2, .topic3, .topic4 {
    background-color: #fafafa;
    max-width: 585px;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 30px;
	margin: 10px auto;
    min-height: 110px;
}

.topic, .topic4 {background-color: #fff;}
.topic2, .topic3 {background-color: #fafafa;}
.topic, .topic3 {margin-right: 20px;}
.topic2, .topic4 {margin-left: 20px;}


#programme .short {
    margin-bottom: 0px;
}

.dot {
    background: #f9a831;
    width: 6px;
    height: 6px;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px;
    border-radius: 500px;
    display: inline-block;
    margin: 12px 10px 0 10px;
    float: left;
}

.friday, .saturday {width:50%; float: left;}
.friday {padding-right: 40px;}
.saturday {padding-left: 40px;}

.dot2 {margin: 12px 15px 0 15px;}
.greydot {background-color: #e8e8e8;}

.time {height: 65px;}

.timebox {
    float:left;
    width: 32px;
    text-align: right;
    padding-top: 9px;
}

.descbox {
    float:left;
    text-align: left;
    margin-left: 15px;
    width: 280px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px 0 0 0;
    margin-bottom: 13px;
}

.greybox {padding-top: 21px !important;}

.greybg {
    height: 100px;
    background-color: #f8f8f8;
    margin-top: 13px;
}

.detail {color: #a1a5a8;}

.detailicon {
    background-repeat: no-repeat;
    background-size: 153px 366px;
    background-image: url('img/sprite10.png');
	height: 10px;
    display: inline-block;
    margin-right: 7px;
    margin-left: 40px;
    vertical-align: middle;
}

.pin {background-position: -71px -1px; width: 8px;}
.person {background-position: -70px -11px; width: 10px;}

.smallicon {
    background-repeat: no-repeat;
    background-size: 153px 366px;
    background-image: url('img/sprite10.png');
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 13px;
    margin-left: 9px;
    bottom: 3px;
    vertical-align: middle;
}
.coffee {background-position: -82px -5px;}
.meal {background-position: -100px -5px;}
.wine {background-position: -118px -5px;}
.pub {background-position: -136px -5px;}

.topicbox {
    max-width: 660px;
    min-height: 280px;
    background-color: #f8f8f8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 60px;
    margin: 60px auto ;
}

.topicbox p {display: block !important;}

.flights {max-width: 574px !important; margin-bottom: 0 !important; margin-top: 0;}
.flights .underlinetiny {margin: 8px 0 16px !important;}

.presentation {
    width: 242px;
    display: inline;
}
.presentation:nth-of-type(1) {float: left;}
.presentation:nth-of-type(3) {float: right;}

.divider {
    width: 2px;
    height: 160px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #eee;
    margin: 5px 15px;
    float: left;
}

.activitiesbox {
    width: 682px;
    height: 261px;
    margin: 80px auto;
}
.activities_img {background-image: url('img/activities.jpg');}

/*UNDERLINES
   ============================= */

.underline {
    width: 60px;
    height: 4px;
    background-color: #f9a831;
    margin: 15px auto 0;
}

.underline2 {
    width: 40px;
    height: 4px;
    background-color: #f9a831;
    margin: 12px auto 25px;
}

.underline.shorter, .underline.short{
    width: 40px;
    margin-bottom: 20px;
    height: 5px;
}

.underlinetiny {
    width: 20px;
    height: 3px;
    background-color: #f9a831;
    margin: 5px auto 20px;
}

    .presentation .underlinetiny {
        height: 2px;
        margin: 4px 0 15px;
    }

    .panelbox .underlinetiny {width: 30px; height: 4px; margin-top:10px;}

.underlinetitle {
    width: 34px;
    height: 3px;
    background-color: #f9a831;
    margin: 8px 0 0 0;
}



/*SPEAKERS
   ============================= */

#speakers > p, #programme > p, .hmmm {
	font-size: 85%;
    line-height: 190%;
    max-width: 660px;
    margin: 40px auto 80px;
    padding: 0 30px;
    text-align: left;
}

#speakers  p  a {
    color: #f9a831;
    position: relative;
}

#speakers p a:hover, #signup p a:hover, #speakers p a:active, #signup p a:active {
    color: #f9a831;
    -webkit-transition: .3s ease-in-out;
	-moz-transition: 	.3s ease-in-out;
	-ms-transition: 	.3s ease-in-out;
	-o-transition: 		.3s ease-in-out;
	transition: 		.3s ease-in-out;}

#speakers p a:before, #signup p a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #f9a831;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

#speakers p a:hover:before, #signup p a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#prog, #speak {
	background-color: #fff;    
	width: 100%;
    min-height: 150px;
    padding-top: 100px;
}

#prog {margin-top: 60px;}

.panelbox {
	padding: 40px 50px;
    max-width: 422px;
	border-radius: 5px;
	margin-bottom: 90px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fafafa;
}

.panelbox * {text-align: center !important;}

.panelbox h3, #travel h3 {font-size: 120%; text-align: center !important;}
.panelbox h4 {font-size: 80%;font-weight: 500; line-height: 150%;color:#868b8f;}
/*.panelbox h4 {font-size: 70%; color:#bfc3c7; font-weight: 500;margin-bottom: -5px;font-family: "freightsans";}*/
.panelbox p {font-family: "Source Sans Pro", sans-serif; font-size: 80%; font-weight: 400;}
.panelicons {
    width: 193px;
    height: 47px;
    padding-left: 13px;
    margin: 20px auto 0;
}
.panelicons .icon {
    border: 2px solid #fafafa;
    border-radius: 500px;
    margin: 0 0 0 -13px;
}

.panelbox .watkinson{background-position:-1px -23px}
.panelbox .prior{background-position:-50px -23px}
.panelbox .griffiths{background-position:-1px -72px}
.panelbox .cowley{background-position:-50px -72px}
.panelbox .blower{background-position:-1px -219px}

.grid {max-width:950px; margin: 0 auto;}
.col-1-2 {width: 50%; float: left;}
.grid .col-1-2{height: 283px;}
.grid .col-1-2:nth-of-type(4n-2) .speakerbox, .grid .col-1-2:nth-of-type(4n-1) .speakerbox, .grid .col-1-2:nth-of-type(4n-4) .speakerbox a.more, .grid .col-1-2:nth-of-type(4n-3) .speakerbox a.more {background-color: #fff;}
.grid .col-1-2:nth-of-type(4n-4) .speakerbox a.more:hover, .grid .col-1-2:nth-of-type(4n-3) .speakerbox a.more:hover, .grid .col-1-2:nth-of-type(4n-4) .speakerbox a.more:active, .grid .col-1-2:nth-of-type(4n-3) .speakerbox a.more:active {background-color: #f9a831;}

.speakerbox {
	padding: 10px 10px 30px 10px;
    max-width: 380px;
    min-height: 30px;
	border-radius: 5px;
	margin-bottom: 73px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fafafa;
}

.title, .title2, .title3, .title4 {
    max-width: 380px;
	border-radius: 5px;
    padding: 23px 30px 5px 30px;
    margin-left: auto;
    margin-right: auto;
}

.icon {
    background-size: 153px 366px;
    background-image: url('img/sprite10.png');
    width: 49px;
	height: 49px;
    float: left;
    display: inline-block;
    margin-right: 20px;
}

.profile {
    display: block;
    padding:20px 0 25px 30px;
}

.profile p {
    font-family: "Source Sans Pro", sans-serif;
    text-align: left;
	font-size: 60%;
	font-weight: 400;
	color: #9ea3a9;
    line-height: 100%;
    display: inline-block;
    float: left;
    padding: 4px 0;
}

.more {
    float: left;
    display: inline-block;
    margin-left: 10px;
    font-family: "Source Sans Pro", sans-serif;
    text-align: left;
	font-size: 55%;
	font-weight: 400;
	color: #f9a831;
    line-height: 100%;
    background-color: #fafafa;
    padding: 4px 6px;
    border-radius: 2px;
}

.more:hover, .more:active {
    color: #fff;
    background-color: #f9a831;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: 	.3s ease-in-out;
    -ms-transition: 	.3s ease-in-out;
    -o-transition: 		.3s ease-in-out;
    transition: 		.3s ease-in-out;
}

.watkinson{background-position:0 -22px}
.prior{background-position:-49px -22px}
.griffiths{background-position:0 -71px}
.cowley{background-position:-49px -72px}
.ball{background-position:0 -120px}
.knight{background-position:-49px -120px}
.palmer{background-position:-49px -267px}
.blake{background-position:-98px -316px}
.blower{background-position:0 -218px}
.chadwick{background-position:-49px -218px}
.edwards{background-position:-49px -169px}
.roberts{background-position:-98px -23px}
.cook{background-position:-98px -72px}
.foley{background-position:0 -170px}
.cashley{background-position:-49px -316px}
.dolan{background-position:-98px -170px}
.spiers{background-position:0 -267px}
.okane{background-position:-98px -267px}
.mackie{background-position:-98px -218px}
.moore{background-position:-98px -120px}
.martin{background-position:0 -316px}



/*TRAVEL
   ============================= */



#travel {
	background-color: #fff;
	width: 100%;
    padding-top: 100px;
    padding-bottom: 200px;
    background-image: url(img/blacktop2.png);
    background-position: 0 bottom;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 150px;
}

.tanda {
    max-width: 440px;
    height: 496px;
    margin: auto;
   padding: 0 20px;
}

.flights_img {background-image: url('img/flights.jpg');}
.hotels_img {background-image: url('img/hotels.jpg');}

#travel .clear{margin-bottom: 70px;}

/*SIGNUP
   ============================= */
#signup {
    padding: 150px 0;
    background-color: #1c1e20;
    color: #fff;
    background-image: url(img/blackbot.png);
    background-size: contain;
    -moz-background-size: contain;
    background-position: 0 bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 1440px 150px;
}

#signup p {
    margin: 60px auto 80px;
    max-width: 380px;
    font-size: 90%;
	font-weight: 400;
}

.buttonwrap {
    margin: 20px 0 20px;
    padding-top: 20px;
}

a.button {
    white-space:nowrap;
    display:inline-block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 18px 45px;
    border-radius: 500px;
    font-size: 100%;
    background: #fcbe51;
    background: #fcbe51;
    background: -moz-linear-gradient(280deg,  #fcbe51 0%,#fa920a 75%,#fa920a 75%);
    background: -webkit-linear-gradient(280deg,  #fcbe51 0%,#fa920a 75%,#fa920a 75%);
    background: linear-gradient(170deg,  #fcbe51 0%,#fa920a 75%,#fa920a 75%);
    background: -o-linear-gradient(280deg,  #fcbe51 0%,#fa920a 75%,#fa920a 75%);
    background: -ms-linear-gradient(280deg,  #fcbe51 0%,#fa920a 75%,#fa920a 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcbe51', endColorstr='#fa920a',GradientType=1 );
    -webkit-transition: .15s ease-in-out;
    -moz-transition: 	.15s ease-in-out;
    -ms-transition: 	.15s ease-in-out;
    -o-transition: 		.15s ease-in-out;
    transition: 		.15s ease-in-out;
}

a.button:hover {
    transform:translateY(-1px);
    -webkit-transition: .15s ease-in-out;
	-moz-transition: 	.15s ease-in-out;
	-ms-transition: 	.15s ease-in-out;
	-o-transition: 		.15s ease-in-out;
	transition: 		.15s ease-in-out;
}

a.button:active, nav a.button:active {
    -webkit-box-shadow: inset 0 1px 1px 0 #d29436;
    -moz-box-shadow: inset 0 1px 1px 0 #d29436;
    box-shadow: inset 0 1px 1px 0 #d29436;
    background: -moz-linear-gradient(90deg,  #fcbe51 0%,#fa920a 65%);
    background: -webkit-linear-gradient(90deg, #fcbe51 0%,#fa920a 65%);
    background: -o-linear-gradient(90deg, #fcbe51 0%,#fa920a 65%);
    background: -ms-linear-gradient(90deg, #fcbe51 0%,#fa920a 65%);
    background: linear-gradient(0deg, #fcbe51 0%,#fa920a 65%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcbe51', endColorstr='#fa920a',GradientType=1 );
}

#signup p a {position: relative;}

.shot5 {
    max-width: 182px;
    height: 222px;
    margin: auto;
    margin-bottom: 70px;
}

.price2_img {background-image: url('img/weekend.png');}
.student_img {background-image: url('img/studentticket.png');}
.help_img {background-image: url('img/help.jpg'); margin-top: 40px;}


/*SOCIAL
   ============================= */
#share {
    font-size: 70%;
    font-family:  "Source Sans Pro", sans-serif;
    text-align: center;
}

.others {
    font-weight: 600;
    text-transform: uppercase;
    color: #c2c8d0;
}

.socialbox {
    height: 59px;
    width: 196px;
    margin: 100px auto 40px;
    display: block;
    -webkit-animation-delay:3s !important;
    -moz-animation-delay:3s !important;
    animation-delay:3s !important;
}

.social {
	background-size: 153px 366px;
    background-image: url('img/sprite10.png');
    width: 23px;
	height: 22px;
    margin: 0 7px;
    display: inline-block;
    -webkit-transition: .3s ease-in-out;
	-moz-transition: 	.3s ease-in-out;
	-ms-transition: 	.3s ease-in-out;
	-o-transition: 		.3s ease-in-out;
	transition: 		.3s ease-in-out;
}

a.social:hover {
    -webkit-transition: .3s ease-in-out;
	-moz-transition: 	.3s ease-in-out;
	-ms-transition: 	.3s ease-in-out;
	-o-transition: 		.3s ease-in-out;
	transition: 		.3s ease-in-out;
    opacity: 0.7;
    cursor: pointer;
}

a.social:active, a.social:focus{
    -webkit-transition: .3s ease-in-out;
	-moz-transition: 	.3s ease-in-out;
	-ms-transition: 	.3s ease-in-out;
	-o-transition: 		.3s ease-in-out;
	transition: 		.3s ease-in-out;
    opacity: 0.2;
    cursor: pointer;
}

.facebook {
    background-position: 0 0;
}

.twitter {
    background-position: -23px 0;
}

.email {
    background-position: -47px 0;
}



/*FOOTER
============================= */

footer {
	width: 100%;
    padding-top: 280px;
    background-image: url(img/footer.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 1440px 381px;
    min-height: 381px;
    color: #fff;
    font-size: 80%;
}

.fireflyicon {
    background-image: url(img/footerlogo.png);
    background-repeat: no-repeat;
    background-size: 32px 32px;
    padding-bottom: 32px;
    margin: -30px auto 15px;
    width: 32px;
}

footer a:hover {cursor: pointer;}



/*RESPONSIVE QUERIES
   ============================= */
  
@media screen and (min-width: 1441px) and (max-width: 5000px) {
    footer {background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important;}
    #signup, #travel {background-size: auto;}
}

@media screen and (min-width: 0px) and (max-width: 1206px) {
    .topic, .topic2, .topic3, .topic4 {margin: 10px auto;}
}

@media screen and (min-width: 0px) and (max-width: 1174px) {
    .topic, .topic2, .topic3, .topic4 {max-width: 410px; min-height: 135px;}
    .topic, .topic3 {margin-right: 20px; margin-left: 10px;}
    .topic2, .topic4 {margin-left: 20px; margin-right: 10px;;}
    #signup {padding-bottom: 110px;}
}

@media screen and (min-width: 10px) and (max-width: 1024px) {
    header {height: 575px;}
    .bubbles {height:160px;}
    #what .clear {margin-bottom: 100px;}
    .fireflyicon {margin-top: -70px;}
}

@media screen and (min-width: 10px) and (max-width: 952px) {
    .rightblock, .leftblock {width: 100%;}
    .rightblock *, .leftblock * {text-align: left;}
    .rightblock.txt, .leftblock.txt {max-width: 100%; padding: 0; margin-top: 0;}
    .rightblock.txt p, .leftblock.txt p {max-width: 460px; margin: 0 auto}
    .grid1 {margin-top: 80px;}
    .grid1:nth-of-type(1) {margin-top: 0;}
    .shot {margin-bottom: 50px;}
    #travel {padding-bottom: 120px;}
    #signup {padding-top: 150px;}
    #prog, #speak, #travel {padding-top: 80px;}
    .tanda {margin: 20px auto;}
    div.underline.shorter{margin-bottom: 0;}
    
    .underline.short{margin-bottom: 50px;}
    
    #what .clear {margin-bottom: 90px;}
    .topic, .topic3 {background-color: #fff;margin: 0 auto;} 
    .topic2, .topic4 {background-color: #fafafa; margin: 15px auto;}
}

@media screen and (min-width: 10px) and (max-width: 900px) {
    footer {padding-top: 80px;background-size: 900px 190.5px;min-height: 190px;}
    .fireflyicon {margin-top: 5px;}    
    .tag {padding-left: 20px;}
}

@media screen and (min-width: 10px) and (max-width: 855px) {
    .grid .col-1-2:nth-of-type(odd) .speakerbox, .grid .col-1-2:nth-of-type(even) .speakerbox a.more {background-color: #fafafa;}
    .grid .col-1-2:nth-of-type(even) .speakerbox, .grid .col-1-2:nth-of-type(odd) .speakerbox a.more {background-color: #fff;}
    .col-1-2 {width: 100%;}
    .grid .col-1-2{height: auto;}
}

@media screen and (min-width: 0px) and (max-width: 794px) {
    .grid4 {max-width: 724px;}
    .friday {padding-right: 25px;}
    .saturday {padding-left: 25px;}
}

@media screen and (min-width: 0px) and (max-width: 753px) {
    .friday, .saturday {width:100%; padding: 0;}
    .grid4 {max-width: 347px; margin: 0 auto;}
    .saturday  h3 {margin-top: 70px;}
    .presentation:nth-of-type(3) {float: left;}
    .divider {width: 160px; height: 2px; margin: 45px 40px;}
    .topicbox {max-width: 370px; min-height: 520px; padding: 60px; margin: 40px auto 60px;}
    .flights {max-width: 474px; min-height: 280px; padding: 50px;}
    
}

@media screen and (min-width: 10px) and (max-width: 700px) {
    .logo {width: 230px;height: 130px;background-size: 230px 130px;}
    header {height: 508px; background-image: url(img/sun2.jpg);}
    header .wrap {padding: 135px 0 77px 0;}
    .bubbles {height:137px;}
    .activities_img {background-image: url('img/activities2.jpg');}
    .activitiesbox {max-width: 428px;height: 428px;}
}

@media screen and (min-width: 10px) and (max-width: 678px) {
    img {max-width: 100%}
    #prog, #speak {padding-top: 80px;}
    .tanda{padding: 0; max-width: 400px};
}

@media screen and (min-width: 10px) and (max-width: 660px) {
    nav a {margin: 0 auto;}
    nav li {padding: 0 20px;}
}

@media screen and (min-width: 10px) and (max-width: 600px) {
    #travel {padding-bottom: 100px;}
    #signup {padding-top: 110px;}
    .flights {margin-left: 10px; margin-right: 10px; padding: 40px;}
}

@media screen and (min-width: 10px) and (max-width: 550px) {
    .shot {height: 300px;}
    .speakers_img {background-image: url('img/speakers4_m.jpg');}
    .min10_img {background-image: url('img/min10_m.jpg');}
    .surf_img {background-image: url('img/surf_m.jpg');}
    .access_img {background-image: url('img/access_m.jpg');}
    .more_img {background-image: url('img/more_m.jpg');}
    .help_img {background-image: url('img/help_m.jpg');}
    .grid1, .grid2 {padding: 0;}
    .grid2 {padding-top: 35px;}
    nav li {padding: 0 15px;}
    .speakerbox {margin-bottom:53px;}
}

@media screen and (min-width: 10px) and (max-width: 510px) {
    footer {background-size: 510px 190.5px;}
    .socialbox {margin-top: 75px;}
    header {height: 438px; background-image: url(img/sun3.jpg);}
    header .wrap {padding: 135px 0 70px 0;}
    .bubbles {height:92px; background-image: url(img/topbubbles2.png)}
}

@media screen and (min-width: 10px) and (max-width: 500px) {
    #signup p {margin-top: 45px; margin-bottom: 70px;}
    #what .clear {margin-bottom: 70px;}
    #what {padding-top:80px;}
    nav li {padding: 0 10px;}
}

@media screen and (min-width: 10px) and (max-width: 468px) {
    nav li {padding: 0;}
    .panelbox {margin: -30px auto 65px;}
}

@media screen and (min-width: 10px) and (max-width: 450px) {
	img {max-width: 100%;}
    .shot {height: 254px;margin-bottom: 30px;}
    #speakers > div.wrap {padding:0 15px;} /*This one needed?*/
    .panelbox {margin-left:14px; margin-right:14px; padding: 40px;}
    .activities_img {background-image: url('img/activities3.jpg');}
    .activitiesbox {max-width: 405px;height: 428px;}
}

@media screen and (min-width: 10px) and (max-width: 430px) {
    h2 {font-size: 90%;}
    .panelbox {margin-left:10px; margin-right:10px;}
}

@media screen and (min-width: 10px) and (max-width: 424px) {
    .topic, .topic2, .topic3, .topic4 {font-size:95%; padding: 25px;}
    .topicbox {max-width: 330px; min-height: 510px; padding: 50px; margin: 40px auto 60px;}
    .flights {max-width: 574px; min-height: 280px; padding: 40px; margin: 60px 10px 0; font-size: 90%;}
    .panelbox {padding: 40px 25px;}
    .activities_img {background-image: url('img/activities4.jpg');}
    .activitiesbox {max-width: 355px;height: 445px;}
}

@media screen and (min-width: 10px) and (max-width: 415px) {
/*    #travel p {padding-top: 35px;}*/
    .tanda {height: 440px;}
    #travel {padding-bottom: 50px;}
    h1 {font-size: 170%;}
    #signup {padding-bottom: 80px;}
    #signup p {margin-top: 30px; margin-bottom: 60px;}
    nav a {padding: 5px 10px;}
}

@media screen and (min-width: 10px) and (max-width: 400px) {
    .shot {height: 222px;}
    .speakers_img {background-image: url('img/speakers4_s.jpg');}
    .min10_img {background-image: url('img/min10_s.jpg');}
    .surf_img {background-image: url('img/surf_s.jpg');}
    .access_img {background-image: url('img/access_s.jpg');}
    .more_img {background-image: url('img/more_s.jpg');}
    .speak_img {background-image: url('img/speak_s.png');}
    .help_img {background-image: url('img/help_s.jpg');}
    .tanda {height: 422px;}
    .speakerbox {margin-left:10px; margin-right:10px;}
}

@media screen and (min-width: 10px) and (max-width: 390px) {
    .tag {font-size: 100%}
    .tagdate {width:290px;}
    .tanda {height: 409px;}
    .logo {width: 215px;height: 121px;background-size: 215px 121px; background-image: url(img/logos.png);}
    .panelbox {padding: 35px 25px;}
}
@media screen and (min-width: 10px) and (max-width: 375px) {
    .grid2 {padding-top: 25px;}
    .tanda {height: 391px;}
    .topics_img {background-image: url('img/topics_s.png');}
    .flights_img {background-image: url('img/flights_ss.jpg');}
    .hotels_img {background-image: url('img/hotels_ss.jpg');}
}

@media screen and (min-width: 10px) and (max-width: 374px) {
    nav.dark ul {padding:10px 0;}
    nav ul {padding:25px 0;}
    .activities_img {background-image: url('img/activities5.jpg');}
    .activitiesbox {max-width: 300px;height: 445px;}
}

@media screen and (min-width: 10px) and (max-width: 366px) {
    .topic, .topic2, .topic3, .topic4 {font-size:90%; padding: 23px; margin: 5px auto;}
    .divider {margin: 30px 30px;}
    .topicbox {max-width: 300px; min-height: 460px; padding: 40px 30px; margin: 40px auto 50px;}
    .flights {max-width: 574px; min-height: 280px; padding: 35px 30px; margin: 40px 10px 0;}
    topicbox .underlinetiny {margin: 8px 0 16px !important;}
    a.button {padding: 18px 27px; font-size: 80%;}
    .box{padding: 40px 20px 15px;}
    .buttonwrap {margin: 20px 0 40px;}
    .title, .title2, .title3, .title4 {padding: 18px 18px 5px 18px;}
    .speakerbox {padding-bottom: 23px;}
    .grid .col-1-2:nth-of-type(even) .speakerbox .title2, .grid .col-1-2:nth-of-type(even) .speakerbox .title4 {padding-left:15px; padding-right: 5px;}
}

@media screen and (min-width: 10px) and (max-width: 352px) {
    .profile {padding-left: 15px;}
    .profile .icon {margin-right: 15px;}
    .shot {height: 189px;}
    .tanda {height: 360px;}
    #travel {margin-top:-60px;}
    #speak {margin-top:-45px;}
    #prog {margin-top:10px;}
    .flights {max-width: 574px; min-height: 570px;}
    .announcementbox {margin-bottom: 60px;}
}

@media screen and (min-width: 0px) and (max-width: 346px) {
    .descbox {width: 253px;}
    .saturday  h3 {margin-top: 50px;}
}

@media screen and (min-width: 10px) and (max-width: 335px) {
    .grid2 {padding-top: 15px;}
    .tanda {height: 341px;}
    .announcementbox {padding: 35px 25px 30px;}
}

@media screen and (min-width: 10px) and (max-width: 320px) {
    nav ul {padding:20px 0;}
    nav.dark ul {padding:5px 2px;}
    header {height: 360px; background-image: url(img/sun4.jpg);;}
    header .wrap {padding: 115px 0 45px 0;}
    .bubbles {height:60px;}
}

@media screen and (min-width: 10px) and (max-width: 305px) {
    a.button {font-size: 65%;}
}

@media screen and (min-width: 10px) and (max-width: 290px) {
    .tag {padding-left: 10px;}
    a.button {font-size: 55%;}
}
    
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.6s;animation-delay:.6s}