@charset "utf-8";
@font-face{font-family:'Helvetica Neue';src:url("https://www.icloud.com/fonts/HelveticaNeue.woff") format("woff");}
@font-face{font-family:'Helvetica Neue Bold';src:url("https://www.icloud.com/fonts/HelveticaNeue-Bold.woff") format("woff");}
@font-face{font-family:'Helvetica Neue Medium';src:url("https://www.icloud.com/fonts/HelveticaNeue-Medium.woff") format("woff");}
@font-face{font-family:'Helvetica Neue XP';src:url("https://www.icloud.com/fonts/HelveticaNeue-Light.woff") format("woff");}
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, font, img, ins, kbd, q, s, samp, small, strike, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-style: normal }
body, html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, article { 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 }
:focus { outline: 0 }
::-moz-focus-inner {border:0;outline:0}
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }
.clear { clear: both }
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0 }
.cf { display: inline-block }
* html .cf { height: 1% }
.cf { display: block }
.al { float: left }
.ar { float: right }
.an { clear: both; font-size: 0; line-height: 0; margin: 0; padding: 0; border: 0; height: 0; width: 0 }
img { border: 0; vertical-align: top }
.imgW100p {width:100%;}
a {text-decoration: none; cursor: pointer!important; color: #002d56;
-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
a:hover {color:#002d56; text-decoration:none;}

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

}



h2{ color:#002d56; line-height:normal; font-size:30px; font-family: 'golosbold'; font-weight:normal; text-transform:uppercase; letter-spacing:4px; margin-bottom:35px; text-align:center;}



html, body { height: 100%; width: 100% }
body { font-family: 'Lato', sans-serif; font-size: 18px; color:#002d56; background-color:#fff; line-height:normal; }

.wrapper {width:1280px; margin: 0px auto;}
p {padding-bottom: 15px; }

.top{ background:#fff; padding:10px 0;}
.top-left{ float:left; padding-left:20px;}
.top-social{ float:left;}
.top-social a{ margin-left:17px; display:inline-block; height:23px; background-position:0 0; background-repeat:no-repeat;}
.top-social a.fb{background-image: url(../images/facebook.png); width:12px;}
.top-social a.in{background-image: url(../images/instagram.png); width:21px;}
.top-social a.pi{background-image: url(../images/pinterest.png); width:22px;}
.top-social a:hover{background-position:0 bottom;}
.email{ font-size:17px; line-height:23px; color:#353738; font-weight:700; text-transform:uppercase; margin-left:30px; letter-spacing:4px;}
.email:hover{ color:#002d56;}
.top-right{ float:right; font-size:17px; line-height:23px; color:#353738; font-weight:700; text-transform:uppercase; margin-right:20px; letter-spacing:4px;}
.top-right a{ color:#353738;}
.top-right a:hover{ color:#002d56;}
.banner{ position:relative;}
.banner img{ width:100%;}
.logo{ position:absolute; margin-top:3.2vw; top:0; width:100%; text-align:center;}
.logo img{max-width:442px; width:27.7vw;}
.collective{ text-align:center; line-height:34px; max-width:1130px; margin:75px auto;}
.font20{ font-size:20px; color:#353738; font-weight:700; text-align:center; margin-bottom:85px;}
.font20 a{ margin: 0 7px;cursor:auto !important}
.font20 span{display: inline-block; margin: 0 3px;}
.col-3{ float:left; width:33.20%;}
.col-3 img {
    width: 100%;
}
#box-img{background:#002d56}
.blue-bg{background-color:#002d56; color:#fff; padding:50px 0; text-align:center;}
.blue-bg h2{ color:#fff;}
.voucher-btn{ margin-bottom:40px;}
.voucher-btn a{ padding:15px 35px; background:#fff; color:#002d56; display:inline-block; margin-left:68px;}
.voucher-btn a:first-child{ margin-left:0;}
.voucher-btn a:hover{ background-color:#999; color:#fff;}
.voucher{ text-align:center; line-height:25px; max-width:1000px; margin:0 auto;}
.voucher a{ color:#fff;}
.voucher a:hover{ color:#999;}
.party{	text-align:center; line-height:34px; max-width:1130px; margin:75px auto 55px;}
.map{ position:relative;}
.map iframe{ width:100%; height:470px;}
.map-address{ position:absolute; top:45px; right:55px; width:564px; height:380px; background-color:#002d56; text-align:right; padding:35px 45px 0 45px; font-size:20px; line-height:27px; font-weight:700; color:#fff;}
.map-address a{ color:#fff;}
.map-address a:hover{ color:#999;}
.map-address p{ padding-bottom:25px;}
.map-address span{ display:block; padding-top:5px;}
.footer-logo{ text-align:center; margin:40px auto 20px; margin-top:18px;}
.footer-social a{ margin-left:20px; display:inline-block; height:32px; background-position:0 0; background-repeat:no-repeat;}
.footer-social a:first-child{ margin-left:0;}
.footer-social a:last-child{ margin-left:12px;}
.footer-social a.fb-icon{background-image: url(../images/facebook-icon.png); width:16px;}
.footer-social a.in-icon{background-image: url(../images/instagram-icon.png); width:28px;}
.footer-social a.pi-icon{background-image: url(../images/pinterest-icon.png); width:30px;}
.footer-social a:hover{background-position:0 bottom;}
.trip-advisor{ margin-top:10px;}
.footer{ background-color:#002d56; height:35px;}
.btn-default{background: #002d56; border: 0; margin-top: 15px; color: #fff;}
.smallfont{font-size:70%}
#box-img{background:#002d56;}
.rec_email_show_label {font-weight: normal;display: inline-flex;}
#vouchers .modal-content{background-repeat:repeat;background-position:top left;background-image:url("/images/10364old_wall.png")}
#vouchers .divider {width: 160px; height: 8px; background-color: rgb(0, 45, 86); margin: 0 auto; margin-top: 10px; margin-bottom: 20px;}

@media (min-width: 768px) {
    .modal-dialog {
        width: 650px;
    }
}
@media (max-width: 1440px) {
.top-left{ padding-left:3px;}
.email, .top-right{ letter-spacing:1px;}
.font20{ margin-bottom:40px;}
}

@media (max-width: 1155px) {
.party, .collective{ width:96%; margin:30px auto;}
.top-social a:first-child{ margin-left:7px;}
.email{ font-size:15px;}
.top-right{ font-size:15px; margin-right:10px;}
}

@media (max-width: 1280px) {
.map-address{ top:70px; width:450px; font-size:18px; line-height:normal; height:auto; padding-bottom:10px;}

}

@media (max-width: 1024px) {
.voucher{ width:96%; margin:0 auto;}
.email, .top-right{ font-size:14px;}
.voucher-btn{ margin-bottom:20px;}
}
@media (max-width: 991px) {
body{ font-size:16px;}
.top-social a{ margin-left:5px;}
.email{ margin-left:10px;}
.email, .top-right{ font-size:12px; letter-spacing:0;}
.logo { margin-top:20px;}
.logo img{ width:225px;}
.collective, .party{ line-height:30px;}
.font20{ font-size:18px; margin-bottom:30px;}
.map-address{ position:static; margin:0 auto; text-align:center; width:100%;}
}

@media (max-width: 768px) {
	body{ font-size:14px;}
	h2{ font-size:24px; margin-bottom:15px;}
	.top{ padding-top:5px; padding-bottom:2px;}
	.top-left{ float:none; text-align:center; padding-left:0;}
	.top-social{ float:none;}
	.top-social a:first-child{ margin-left:0;}
	.email{ margin-bottom:0;}
	.top-right{ margin-right:0; text-align:center; float:none;}
	.collective, .party{ line-height:24px; margin:20px auto;}
	.font20{ font-size:14px; margin-bottom:20px;}
	.font20 a{ line-height: 20px;}
	.col-3{ width:100%;}
	.voucher-btn{ width:90%; margin:0 auto 20px;}
	.voucher-btn a{ display:block; margin:10px 0 0 0; width:100%;}
        .voucher-btn form{ display:block; margin:10px 0 0 0px;width:100% }
	.map-address{ padding:20px 20px 0 20px; font-weight:500; font-size:16px;}
        .col-3 img{height:auto}
    #vouchers p br{display:none;}
    #vouchers .divider {
        width: 140px;
        margin-top: 0;
        margin-bottom: 30px;
    }
}



@media (max-width: 450px) {
.email, .top-right{ font-size:11px; font-weight:400;}
}
@media (max-width: 410px) {
.rec_email_show_label {padding-left: 0;}
}