@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400');
/* CSS Document */
/* ~~~~~~~~~ reset ~~~~~~~~~~ */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img {vertical-align:bottom;}
img:not(.nav):not(.logo):not(.profile) {
	width:100%;
	height:auto;
}
img, fieldset {
	border: 0;
}
html, body {
	height:100%;
}
html {
	overflow-y: scroll;
}
header, nav, section, article, figure, aside, footer {
	display: block;
	-moz-box-sizing:border-box; /* Firefox */
	box-sizing:border-box;	
}
div
{
	-moz-box-sizing:border-box; /* Firefox */
	box-sizing:border-box;
}
a {color: #000;}
/* --------------- global styles ----------------- */
body {font-family: 'Source Sans Pro', sans-serif;color:#555;}
.left {float:left;padding:1rem 1rem 1rem 0;}
.right {float:right;padding:1rem 0 1rem 1rem;}
.group:after {
  content: "";
  display: table;
  clear: both;
}
.text-center {text-align: center;}
article {width:768px;margin:0 auto;padding:6rem 0;text-align: left;}

section[class*='-column'] {
	display:table-cell;
	vertical-align: middle;
}
.width-80 {width:80%;}
.width-60 {width:60%;}
.width-50 {width:50%;}
.width-40 {width:40%;}
.width-20 {width:20%;}
h1, h2, h3, h4, h5, h6 {font-weight:300;color:#222;}
h2 {font-size: 2.5rem;margin-bottom: 1.2rem;}
h3 {font-size: 2.25rem;}
h4 {font-size:1.8rem;margin-bottom: 1.2rem;}
h5 {font-size:1.4rem;}
p {margin-bottom:1rem;}
aside {width: 768px;margin: 0 auto;}
a.btn {
    text-decoration: none;
    color: #333;
    display: inline-block;
    padding: 0.5rem 1.5rem 0.6rem;
    font-size: 1.2rem;
    border: 1px solid #555;
    border-radius: 0.5rem;
}
a.btn:hover { background-color:#555;color:#fff;}
/*-------------- event styles -------------*/
ul.logistics, ul[class*="image-gallery-"] {list-style: none;}
ul[class*="image-gallery-"] li {display: inline-block;}
ul.image-gallery-3 li {
    width: 33%;
    text-align: center;
}
ul.image-gallery-2 li {
    width: 49.5%;
    text-align: center;
}
section#events {padding-bottom: 0;}
section#events article {
    border-bottom: 1px solid #CCC;
}
section#events article:last-child {border:none;}
.clear-fix {clear: both;}
section.clear-fix {padding-top: 2rem;}
span.label {font-weight: bolder;display:inline-block;color:#333;}
a.sale {
    color: #ff0000;
    display: inline-block;
    padding: 0.2rem 1.2rem 0.3rem;
    border: 1px solid #ff0000;
    border-radius: 5rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}
a.sale:hover {background:#ff0000;color:#fff;}
section.width-40.right.map {
    margin-top: 0.5rem;
}
section.map p {
    margin-top: 1rem;
    text-align: center;
}
section.nostalgia a.btn {
    margin-bottom: 1.3rem;
}
/* ------------- header styles -------------- */
header {
	background: url(../images/banner-bkg.jpg) center bottom no-repeat #000;
	background-size: cover;
	position: relative;
    text-align: center;
	box-shadow: 1px 3px 7px -1px rgba(0,0,0,0.45);
}
.da-logo {
	width: 100%;
    text-align: center;
    top: 4rem;
	position: absolute;
	padding:0;
}
.counter {
	position: absolute;
    width: 100%;
    bottom: 2rem;
	padding:0;
}
h1 {
	color: #fff;
    font-size: 3rem;
    font-weight: 300;
    padding-top: 1rem;
}
.divider {margin-top:3rem;}

/*------------- remember when styles --------------*/
.nostalgia {
	background: url(../images/dynamic-bkg-img.jpg) top center transparent no-repeat;
	background-size: cover;
}
.nostalgia .left p:nth-child(even) {
    margin-bottom: 2.5rem;
}
/*-------------- connect styes ---------------*/
section.connect ul.image-gallery-3 {
    margin-top: 3rem;
}
section.connect ul.image-gallery-3 li {
    text-align: center;
}
section.connect h2, section.connect h4 {margin-bottom:1rem;}
section.connect article.group {padding-bottom: 3rem;}
section.connect ul.image-gallery-6 {
    text-align: center;
}
section.connect ul.image-gallery-6 li {
    width: 24%;
    margin-bottom: 1rem;
    text-align: center;
}
section.connect ul.image-gallery-6 li a {text-decoration:none;color:#000;}
section.connect ul.image-gallery-6 li a span.name {display:block;margin:0.5rem 0 1rem;}
section.connect ul.image-gallery-6 li a:hover {text-decoration: underline;}
section.connect p {margin-bottom:2rem;}
/* -------------- footer styles ---------------- */
footer > section {
	background: rgb(255,255,255); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(51,51,51,1) 30%, rgba(51,51,51,1) 31%, rgba(51,51,51,1) 100%);
	background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(51,51,51,1) 30%, rgba(51,51,51,1) 31%, rgba(51,51,51,1) 100%);
	background: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(51,51,51,1) 30%, rgba(51,51,51,1) 31%, rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}
footer article.group {
	color:#fff;
	text-align: left;
	padding:0 1rem;
	display:table;
}
.copyright {
    font-size: 0.8rem;
    color: #fff;
    text-align: right;
    font-weight: bold;
    width: 100%;
    margin-top: 3rem;
}
/* ---------------------- modal styles -------------------*/
.modal-overlay {display: none;}
.modal-overlay {
    position: fixed;
    top: 0;
    background: rgba(0,0,0,0.55);
    width: 100%;
    height: 100%;
    margin: 0 auto;
    z-index: 999;
}
.modal {
    margin: 0 auto;
    position: relative;
    top: 30%;
    width: 50%;
    background: #fff;
    padding: 2rem 2rem;
    box-shadow: 1px 3px 7px rgba(0,0,0,0.55);
    border-radius: 2rem;
	overflow: inherit;
}
h2.left {
    padding: 0;
}
a.close.right {
    text-decoration: none;
    font-weight: bold;
    vertical-align: top;
    position: absolute;
    right: 1.1rem;
    top: 0.8rem;
    font-size: 1.4rem;
    line-height: 0.5;
    padding: 0.5rem 0.7rem 0.8rem;
	border-radius: 2rem;
}
a.close.right:hover {
   background:#666;
	color:#fff;
}
.modal .blue {
    font-size: 0.8rem;
    color: #ff0000;
}
label {
    padding: 0.5rem;
}
input[type="text"] {
    border: 1px solid #ccc;
    padding: 0.5rem;
    border-radius: 0.3rem;
    margin-right: 3rem;
    margin-bottom: 0.8rem;
}
input[type="checkbox"] {
    padding: 0.5rem;
    display: inline-block;
    font-size: 2rem;
    margin-bottom: 1rem;
}
input.btn {
    padding: 0.5rem 1rem;
    display: inline-block;
    border: 1px solid #666;
    background: transparent;
    border-radius: 1rem;
    margin: 0 2rem;
}
input.btn:hover {bakcground:#666;color:#fff;}
input.btn.submit {
    padding: 0.5rem 1rem;
    display: inline-block;
    border: 1px solid #666;
    background: #666;
    border-radius: 1rem;
    margin: 0 2rem;
	color:#fff;
}

fieldset {
    border: 1px solid #999;
    background: #ccc;
    padding: 1rem;
    margin: 1rem 0;
}
legend {
    padding: 0.2rem 1rem 0.4rem;
    background: #ccc;
    border-radius: 2rem;
    border-top: 1px solid #999;
}
input[type="submit"] {
    background: #666;
    color: #fff;
}
input[type="submit"]:hover {background:#000;}
/* -------------- price tag ------------------ */
.rotated-tag {
	position: fixed;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0px 14rem 14rem 0;
    border-color: transparent #ff0000 transparent transparent;
    z-index: 100;
    width: 0;
    height: 0;
}
.rotated-tag:hover {border-color: transparent #630202 transparent transparent;}
.rotated-tag a {
	display: block;
    position: relative;
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 13rem;
    margin-top: 3rem;
    text-align: center;
    margin-left: 3rem;
	font-weight: bold;
	
}
.rotated-tag a:hover {text-decoration: underline;}