@charset "utf-8";
/* CSS Document */

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

}

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

}
h2 {font-family: 'laurenscriptregular';}

body {background: url("../images/bg/bg.jpg") repeat;}

h1 {font-weight:lighter; text-transform: uppercase; font-family: 'bikoblack'; }

#content h1 {width:100%; text-align:center;}

.fullwidth {width:100%;}

.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
    width:100%!important;
}
.swipe-wrap {
    overflow: hidden;
    position: relative;
    width:100%;
}
.swipe-wrap > div {
    float:left;
    width:100%;
    position: relative;
}
.panel {border:none;}
.panelcontent {position: relative; z-index: 10;}
.topbg {background:url('../images/bg/paneltop_white.png') top no-repeat; z-index: 0; background-size: 100% auto; position:absolute; left:0; width:100%; min-height: 200px; top:-55px;}
.contentpanel {background: url('../images/bg/panelrep_white.png') repeat-y; background-size:100% auto; padding:0 30px 260px ; position:relative; margin-top:70px;}

.dropdown-menu {
    background: #0f172d;
}

.pad-nowt {padding:  0px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #722448;
    color: #fff;
    text-decoration: none;
}

#bottomlogos {
    bottom: 10px;
    margin-right: 5%;
    position: absolute;
    right: 10px;
    text-align: right;
    width: 90%;
}

@-moz-keyframes slide {
    from { background-position: 200% 0, 0 0; }
    to  { background-position: -500% 0, 0 0; }
}
@-webkit-keyframes slide {
    from { background-position: 200% 0, 0 0; }
    to  { background-position: -500% 0, 0 0; }
}
@keyframes slide {
    from { background-position: 200% 0, 0 0; }
    to  { background-position: -500% 0, 0 0; }
}

#bottomdash {position:absolute; /* -webkit-animation: slide 100s linear 0s infinite;   animation: slide 100s linear 0s infinite; */ bottom:-40px; z-index: 0; left:0; width:100%; display:block; height:50px; background: url('../images/bg/dashed.png') bottom repeat-x;}
#gallery {position:relative; padding-top:20px; background: url('../images/bg/layersbg.png') no-repeat center top; padding-bottom:32px; margin-bottom:30px;}
#gallery > .container {position:relative;}
.navwrap {width:100%; display:block;}
.navbar {background:#1D2E5A; color:#fff!important; margin-top:20px; border:none;}
.navbar a {color:#fff!important; }
.navbar-nav > li > a {font-size:15px; text-transform:uppercase; font-weight:normal; font-family: "bikoblack"; border-right:1px dotted #FFF;}

#rayblock {background: url("../images/bg/rays.jpg") no-repeat top center #BFDBED;}

#familyoverlay {position:absolute; bottom:0; right:30px;}

.hideblock {display:none; background: #722448;}
.toptab {position:absolute; top:0; min-height:0px; width:100%; left:0; z-index: 1000; background: #722448;}
#searchbox, #twfeed, #fbfeed {display:none;}

.tabtop {
    background: url("/images/bg/tagbgtop.png") no-repeat scroll center top / 100% auto rgba(0, 0, 0, 0)!important;
    font-size: 31px!important;
    padding-bottom: 20px!important;
    padding-top: 10px!important;
    width: 50px !important;
    position: absolute;
    bottom:-76px;
}
.tabtop i {width:100%; hight:100%; display:block; padding: 10px 0;}

.activetab {z-index: 10000;}

#twtab {
    position: absolute;
    right: 0%;
    background-image: url('../images/bg/twtab.png')!important;

}

#fbcontent {background:#FFF;}
#twfeedcontent {background:#008CC0; text-align: center; padding:10px; }
#fbfeedcontent {background:#fff; text-align: center; padding:10px; border: 10px solid #4c6290;}

#gallery .tl {position: absolute; top:5px; left:20px;}
#gallery .tr {position: absolute; top:5px; right:20px;}
#gallery .bl {position: absolute; bottom:5px; left:20px;}
#gallery .br {position: absolute; bottom:5px; right:20px;}

.photogallery img {margin-bottom:15px;}

.iframe-wrap {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; margin-bottom:20px;}
.iframe-wrap iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    0%   {bottom: -50px;}
    25%  {bottom: -45px;}
    50%  {bottom: -50px;}
    75%  {bottom: -45px;}
    100% {bottom: -50px;}
}

/* Standard syntax */
@keyframes mymove {
    0%   {bottom: -50px;}
    25%  {bottom: -45px;}
    50%  {bottom: -50px;}
    75%  {bottom: -45px;}
    100% {bottom: -50px;}
}

#trambob {position:absolute; z-index: 1000; bottom:-50px; right:5px; -webkit-animation: mymove 1s infinite; /* Chrome, Safari, Opera */
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn; }

#ticketlink {
    background: none repeat scroll 0 0 #722448;
    position: absolute;
    right: 15px;
    top: -15px;
}

.topinfo span {
    color: #e2001a;
    font-family: "laurenscriptregular";
    font-size:16px;
text-shadow:
3px 3px 0 #F8AA2A,
/* Simulated effect for Firefox and Opera
   and nice enhancement for WebKit */
-1px -1px 0 #F8AA2A,
1px -1px 0 #F8AA2A,
-1px  1px 0 #F8AA2A,
1px  1px 0 #F8AA2A;
    text-transform: capitalize;

}

#fbtab {left:50%; margin-left:-33px; background-image: url('../images/bg/fbtab.png')!important;}



a, a:hover,a:active {text-decoration:none;}

.topinfo {margin-top:25px; margin-bottom:20px;}
.topinfo a {width:100%; font-size: 17px; display:block; float:right; font-family: 'bikoblack'; text-transform: uppercase; color:#1D2E5A;}

#ticketlink a {
    border-bottom: 1px dotted #fff;
    border-left: 1px dotted #fff;
    border-right: 1px dotted #fff;
    font-size: 14px;
    outline: 3px solid #722448;
    text-transform: uppercase;
    padding: 13px 10px;
}

#ticketlink:before {
    border-color: #381123 transparent;
    border-style: solid;
    border-width: 0px 0 20px 20px;
    top: -3px;
    content: "";
    display: block;
    left: -22px;
    position: absolute;
    width: 0;
}

#logo {
    position: relative;
    z-index: 9999;
}
#logo img {max-width:190px; margin:10px 0 -32px 0;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #0F172D;
    color: #555;
}

.sidetopbg {background:url('../images/bg/paneltop.png') top no-repeat; z-index: 0; background-size: 100% auto; position:absolute; left:0; width:100%; min-height: 200px; top:-28px;}
.sidecontentpanel {background: url('../images/bg/panelrep.png') repeat-y; background-size:100% auto; padding:0px 30px 30px; position:relative; margin-top:40px;}

#search {padding:20px;}

.list-group-item a {color:#752D4E; width:100%; display:block;}
.list-group-item:hover {background:#709AB5; color:#fff; }
.list-group-item:hover a {color:#fff;}

.content {padding:20px 0 0 0;}

#mySwipe {border:5px solid #FFF;}

.panelshadow {-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);-moz-box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.2);box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.2);}

.list-group {margin:0 0 20px 0;}
.list-group .title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #722448;
    text-align: center;
    font-family: 'bikoblack';
    text-transform: uppercase;
    font-size: 26px;
    border: none;
}

.stButton .stButton_gradient {height: 24px !important;}
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {height: 24px !important;}

.paneltitle {padding:10px 5%; width:100%; display:block; color:#fff; background: #1D2E5A; font-family: 'bikoblack'; font-weight: bold; font-size:20px; transition: all 0.5s ease;}
.paneltitle:hover {background: #752D4E; color:#fff; }
.paneltitle select {color:#722448!important;}
.archivepanel {margin:35px 0;}
.archivepanel .paneltitle {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform: uppercase; font-size: 18px;}

.pager li.active a {background:#722448; color:#fff; border-color: #3A1A28;}

.googlelink {background:#DA5534; border-radius: 25px; color:#fff; padding: 5px 10px;}
.googlelink i {font-size:20px; position: relative; top:3px;}
.googlelink:hover {color:#fff; text-decoration: none;}

.titleheader {width:100%; display:block;background: #1d2e5a;color:#FFF;font-family: 'bikoblack'; font-size:18px; padding:10px 7px 7px 10px; margin-bottom:15px; text-transform:uppercase;}

#footer {width:100%; display:block; border-top:3px solid #eacfa9; outline:3px solid #fbeeda; float:left; background: #1d2e5a; color:#fff; padding:0px 0;}
#footer p {float:left; width:100%; display:block; font-size: 12px;}
#footerlinks {padding:0; float:left; margin:15px 0 10px; width:100%; display:block;}
#footerlinks li {float:left; margin:0; color:#fff; list-style-type: none;}
#footerlinks li a {padding:5px 10px; color:#fff; float:left; font-family: 'Asap', sans-serif; text-transform: uppercase; font-weight: bold;}
#footerlinks li:first-child a {padding-left:0!important;}
#footer .pull-right {position:absolute; bottom:0; right:0;}
#footerlinks a:hover {text-decoration: none; color:#D3DFFF;}
#footer .container {position:relative;}

.latestnews h4 { margin:0 0 5px 0;}

.animated, #trambob {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes wobble {
    0% { -webkit-transform:  rotate(0deg); }
    15% { -webkit-transform:  rotate(-5deg); }
    30% { -webkit-transform:  rotate(3deg); }
    45% { -webkit-transform:rotate(-3deg); }
    60% { -webkit-transform:  rotate(2deg); }
    75% { -webkit-transform:  rotate(-1deg); }
    100% { -webkit-transform:  rotate(-5deg);}
}
@keyframes wobble {
    0% { -webkit-transform:  rotate(-0deg); }
    15% { transform:  rotate(-5deg); }
    30% { transform: rotate(3deg); }
    45% { transform:  rotate(-3deg); }
    60% { transform: rotate(2deg); }
    75% { transform:  rotate(-1deg); }
    100% { -webkit-transform:  rotate(-5deg); }
}

#maplink {position:absolute; bottom:-135px; left:0; z-index: 100;

    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

.footerpanels {overflow:hidden; border-bottom:dotted 2px #FFF;padding:15px 0 20px 0;}
.footerpanels h5 {font-family: 'bikoblack'; text-transform: uppercase; font-size:18px;}

.socialfooter {list-style:none; margin:0; padding:0; width:100%;}
.socialfooter li {width:20%;float:left;}
.socialfooter li a {color:#FFF;}

.conductorwrap {  width:100%; margin-top:0px; position: absolute; bottom:0; left:0;}
.conductor { margin-left:-50px;}

#wsvlink {margin:30px 0;}
#wsvlink img {margin-top:-26px;}

.tab {
    background: url("../images/bg/tagbg.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    float: left;
    font-size: 40px;
    height: 76px;
    margin: 0 10px;
    padding-top: 18px;
    text-align: center;
    width: 67px !important;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}

.tab:hover {font-size: 44px; padding-top:12px; color:#fff;}

.btn-default {background-color:#722448;border-color: #722448;color: #FFF;font-family: "bikoblack";font-size:12px; text-transform:uppercase;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {background-color: #316581;border-color: #316581;color: #fff;}

.table th { background-color:#1f3261!important; color:#FFF;}

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
    background-color: #fff200;}
	
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    background-color: #8dd8f8;
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
    background-color: #f172ac;
}

.orangebg {background-color: #f2af32;}


h4 a {font-family:'laurenscriptregular'; color:#1D2E5A; }


.newslist .btn {
    margin-top: 10px;
    background: #CBDDE9;
    color:#1D2E5A;
    border: none;
    float: right;
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}

.newslist .btn-default:hover {background:#722448; color:#fff;}



time.icon
{
    font-size: 1em; /* change icon size */
    display: block;
    position: relative;
    width: 6em;
    height: 80px;
    background-color: #fff;
    margin: 13px auto 0;
    border-radius: 0.6em;
    box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(0deg) skewY(0deg);
    -webkit-transform-origin: 50% 10%;
    transform-origin: 50% 10%;

}

time.icon *
{
    display: block;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    text-align: center;
}

time.icon strong
{
    position: absolute;
    top: 0;
    padding: 0.4em 0;
    color: #fff;
    background-color: #722448;
    border-bottom: 1px dashed #fff;
    box-shadow: 0 2px 0 #722448;
    text-transform:uppercase;
}

time.icon em
{
    position: absolute;
    bottom: 0.3em;
    color: #999999;
}

time.icon span {
    color: #2f2f2f;
    font-size: 25px;
    letter-spacing: -0.05em;
    padding-top: 39px;
    width: 100%;
}

.panzoom-parent .tl {position: absolute; top:0px; z-index: 100; left:0px;}
.panzoom-parent .tr {position: absolute; top:0px; z-index: 100; right:0px;}
.panzoom-parent .bl {position: absolute; bottom:0px; left:0px; z-index: 100;}
.panzoom-parent .br {position: absolute; bottom:0px; right:0px; z-index: 100;}
.poi {position:absolute; background:#E30613; width:30px; height:30px; display:block; -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; border: 3px solid #faba1c; cursor:pointer;}
.infotab {
    background: none repeat scroll 0 0 #1d2e5a;
    bottom: 155%;
    color: #fff;
    display: block;
    left: 0;
    margin-left: -97px;
    padding: 17px 10px 10px;
    position: absolute;
    width: 200px;
    font-family : 'laurenscriptregular';
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 20px;
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}
.infotab:after
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 9px 0;
    border-color: #1D2E5A transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -15px;
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
    left: 50%;
}
#mapgallery {width:260px; float:left; position:absolute; bottom:30px; left:30px; background: url('/images/map/wycs/bg.png') no-repeat; background-size:100% auto; padding:18px 28px 18px 26px;}
.infotab:hover:after {border-color:#782544 transparent!important; }
.infotab:hover {color:#fff; background:#782544;  }
#mySwipe2 {
    border: 2px solid #AF7B8E;
}
#wystitle {
    left: -7px;
    position: absolute;
    top: -41px;
}
.modal-header {background:#1D2E5A; color:#fff; font-family: 'laurenscriptregular'; text-align: center;}
.modal-title {font-size:30px;}

.place {position:absolute; -webkit-border-radius: 5px;
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
    -moz-border-radius: 5px;
    border-radius: 5px; background: rgba(120, 37, 68, 0.6); padding:5px 10px; color:#fff; font-family: 'bikoblack'; font-size: 18px; text-shadow: -2px 1px 0px rgba(0, 0, 0, 1); }
#infocircle {
    background: none repeat scroll 0 0 #1d2e5a;
    border: 3px solid #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    height: 110px;
    padding: 16px 9px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 16px;
    width: 110px;
    z-index: 100;
}
.sublink {display:none;}

.socialshare {
    padding: 10px 0 30px;
}

#closesidenav {display:none;}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){
    #gallery {background-size: 970px 300px!important;}
    #logo {max-width: 150px; display: block;}
    .navbar-nav > li > a {font-size: 12px;}
    #bottomlogos {width:60%;}
    #bottomlogos img {width:15%;}
    #fbtab .cover, #twtab .cover {position:absolute; top:0; left:0; width:100%; height:100%; z-index: 100; display:block;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){
    .newslist .btn {display:none;}
    .contentpanel {
        min-height: 0px!important;
        padding-bottom: 0;
        margin-bottom: 20px;
    }
    .pager {
        float: none;
        width: 100%;
        display: block;
        padding: 20px 0 30px;
    }
    .sidetopbg {display:none;}
    #bottomlogos {
        background: none repeat scroll 0 0 #fff;
        border: 3px solid #eacfa9;
        bottom: -3px;
        margin: 0;
        padding: 10px 30px 6px 0;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .conductorwrap {position:static!important;}
    #sidenav {
        margin: 0 !important;
        z-index: 100000;
    }
    #closesidenav {display:block;}
    #sidenav.in li a {border:none;}
    #maplink > img {
        max-width: 220px;
    }
    body {width:100%;}
    .offcanvas-toggle {
        background: #722448!important;
        border: 1px dashed #fff!important;
    }
    #ticketlink {display:none;}
    .mobsubnav .sublink {
        color: #fff;
        display: block;
        font-family: "bikoblack";
        width: auto;
        float: left;
        line-height: 52px;
        padding: 0 30px;
        text-transform: uppercase;
        font-size: 19px;
    }

    .offcanvas-toggle .icon-bar {
        background: none repeat scroll 0 0 #fff!important;
    }
    .mobsubnav {background: #1D2E5A; min-height: 52px; margin:20px 0 0;}
    #maplink {bottom:-100px;}

    #familyoverlay {width:30%;}
    #gallery {background-size: 720px 242px!important;}
    .nonrel {position:static!important;}
    .tabtop {float:right; left:auto; right:0px;}
    #header > .container {position:relative;}
    #twtab {right:75px;}
    #fbtab {left:auto; right:152px;}
    #trambob {
        max-width: 110px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){

    #rayblock {
    background-size: 100% auto;
}
    .mobsubnav .sublink {padding-left:10px;}
    #logo img {margin-bottom:-25px;}
    .mobbtn {
        background: none repeat scroll 0 0 #782544;
        color: #fff;
        float: right;
        margin: 10px 0px 10px 10px;
        padding: 5px 0 0 0px;
        width: 40px;
        height:40px;
        display: block;
        font-size: 20px;
        text-align: center;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .topbg {
        top: -34px;
        display: none;
    }
    .contentpanel {padding: 20px 20px 0 20px; margin-top:20px;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){

    #trambob, #familyoverlay, #gallery .tl, #gallery .tr, #gallery .bl, #gallery .br {display:none;}
    #gallery {background:none; padding-top:0; border-top:3px solid #fff; border-bottom:3px solid #fff;}
    #maplink > img {
        max-width: 175px;
    }
    h2 {
        font-size: 20px;
        line-height: 38px;
    }
    #maplink {bottom:-95px;}
    #bottomdash {
        bottom: -23px;
        height: 33px;
        -webkit-animation: slide 100s linear 0s infinite;
        animation: slide 100s linear 0s infinite;
        background-size:cover;
    }
    .contentpanel {
        background: none repeat scroll 0 0 #fff;
        margin-top: 20px;
        padding: 20px 20px 0 20px;
        position: relative;
    }
    h1 {font-size: 15px;}
    .topbg {top:-34px;}

    #mySwipe {border-bottom:8px solid #fff;}
    .conductor {
        height: auto;
        margin: 0 0 0 30%;
        width: 150px;
    }
    #wystitle {

        position: static;
        max-width:100%;
    }
    #mapgallery {position:static; width:100%; margin:10px 0; text-align:center; background: #782544!important; padding-top:10px;}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}