@charset "UTF-8";

/* ===== CLEARFIX ===== */
/* line 4, ../sass/main.scss */
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* line 5, ../sass/main.scss */
.clearfix {
    display: inline-block;
}

/* line 6, ../sass/main.scss */
* html .clearfix {
    height: 1%;
}

/* Hides from IE-mac \*/
/* line 7, ../sass/main.scss */
.clearfix {
    display: block;
    clear: both;
}

#message .first p {
    margin: 0 0 20px;
}

/* ===== end CLEARFIX ===== */
/* ===== VARIABLES & MIXIN ===== */
/* ===== end VARIABLES & MIXIN ===== */
/* ===== ICON FONT ===== */
@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?-rmszer");
    src: url("../fonts/icomoon.eot?#iefix-rmszer") format("embedded-opentype"), url("../fonts/icomoon.ttf?-rmszer") format("truetype"), url("../fonts/icomoon.woff?-rmszer") format("woff"), url("../fonts/icomoon.svg?-rmszer#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ico2';
    src: url('fonts/ico2.eot?355049');
    src: url('fonts/ico2.eot?355049#iefix') format('embedded-opentype'),
        url('fonts/ico2.ttf?355049') format('truetype'),
        url('fonts/ico2.woff?355049') format('woff'),
        url('fonts/ico2.svg?355049#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="ico-"],
[class*=" ico-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'ico2' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.ff-market-web {
    font-family: FFMarketWebRegular;
    font-weight: normal;
    font-style: normal;
}

/* line 43, ../sass/main.scss */
[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* line 57, ../sass/main.scss */
.icon-fb:before {
    content: "\e603";
    color: #2a78d8;
}

/* line 62, ../sass/main.scss */
.icon-fb_round:before {
    content: "\e600";
    color: #2a78d8;
}

/* line 67, ../sass/main.scss */
.icon-twitter:before {
    content: "\e604";
    color: #14acf3;
}

/* line 72, ../sass/main.scss */
.icon-twitter_round:before {
    content: "\e602";
    color: #14acf3;
}

/* line 77, ../sass/main.scss */
.icon-tickets_white:before {
    content: "\e601";
}

/* line 81, ../sass/main.scss */
.icon-calendar:before {
    content: "\e605";
}

/* line 85, ../sass/main.scss */
.icon-tick:before {
    content: "\e606";
}

/* line 89, ../sass/main.scss */
.icon-menu:before {
    content: "\e607";
    color: #333;
}

/* line 94, ../sass/main.scss */
.icon-beauty:before {
    content: "\e608";
}

/* line 98, ../sass/main.scss */
.icon-cocktail:before {
    content: "\e609";
}

/* line 98, ../sass/main.scss */
.ico-tea:before {
    content: "\e900";
}

/* line 102, ../sass/main.scss */
.icon-entertainment:before {
    content: "\e60a";
}

/* line 105, ../sass/main.scss */
.icon-fashion:before {
    content: "\e60b";
}

/* line 109, ../sass/main.scss */
.icon-shopping:before {
    content: "\e60c";
}

/* line 113, ../sass/main.scss */
.icon-plus:before {
    content: "\ea0a";
}

/* line 117, ../sass/main.scss */
.icon-cross:before {
    content: "\ea0f";
    color: #333;
}

/* line 122, ../sass/main.scss */
.icon-send:before {
    content: "\e60d";
}

/* line 126, ../sass/main.scss */
.icon-delete:before {
    content: "\e60e";
}

/* line 130, ../sass/main.scss */
.icon-shield20:before {
    content: "\e60f";
    font-size: 14px;
    margin: 0 5px 0 0;
}

/* ===== ICON FONT ===== */
/* ===== GENERAL ===== */
/* line 142, ../sass/main.scss */
html {
    height: 100%;
}

/* line 146, ../sass/main.scss */
body {
    margin: 0;
    padding: 0;
    color: #333;
    background: #ddd;
    height: 100%;
    font: 16px/20px "jaf-facitweb", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* line 158, ../sass/main.scss */
a {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

/* line 165, ../sass/main.scss */
ul,
ol {
    margin-bottom: 18px;
}

/* line 166, ../sass/main.scss */
ul.inline-list {
    margin-bottom: 0;
}

/* line 167, ../sass/main.scss */
ul.inline-list li {
    display: block;
    float: left;
}

/* line 169, ../sass/main.scss */
input,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* line 175, ../sass/main.scss */
input,
select {
    color: #333;
    font: 18px/70px "jaf-facitweb", sans-serif;
    border: 2px solid #ccc;
    font-size: 18px;
    font-weight: 700;
    padding-left: 30px;
    padding-right: 30px;
    height: 70px;
}

#vouchercode {
    height: 66px;
}

/* line 186, ../sass/main.scss */
label.error {
    display: none !important;
}

/* line 190, ../sass/main.scss */
textarea {
    resize: none;
    padding: 15px;
    font: 13px/18px "Helvetica", Arial, sans-serif;
}

/* line 191, ../sass/main.scss */
button {
    border: none;
    cursor: pointer;
    padding: 0;
    font: 18px/25px "jaf-facitweb", sans-serif;
}


/* line 192, ../sass/main.scss */
button span {
    display: none;
}

/* line 193, ../sass/main.scss */
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* line 195, ../sass/main.scss */
.left {
    float: left;
}

/* line 196, ../sass/main.scss */
.right {
    float: right;
}

/* line 197, ../sass/main.scss */
.cell {
    display: table-cell;
    vertical-align: middle;
}

/* line 198, ../sass/main.scss */
.for-mobile {
    display: none;
}

/* line 199, ../sass/main.scss */
.fBlue {
    color: #2a78d8;
}

/* line 200, ../sass/main.scss */
.tBlue {
    color: #14acf3;
}

/* line 202, ../sass/main.scss */
.soon {
    display: block;
    margin: 50px 0 0;
    font-style: italic;
}

/* line 208, ../sass/main.scss */
.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* line 219, ../sass/main.scss */
.pink-btn,
.line-btn,
.purple-btn {
    display: block;
    width: 260px;
    height: 60px;
    text-transform: uppercase;
    text-align: center;
    font-size: 17px;
    line-height: 58px;
    font-weight: 700;
}

/* line 229, ../sass/main.scss */
.pink-btn[disabled],
.line-btn[disabled],
.purple-btn[disabled] {
    opacity: 0.2;
}

/* line 234, ../sass/main.scss */
.pink-btn {
    color: #fff;
    background: #e5007d;
}

/* line 238, ../sass/main.scss */
.pink-btn:hover {
    background: #fe51af;
}

/* line 243, ../sass/main.scss */
.line-btn {
    border: 2px solid #fff;
    box-sizing: border-box;
}

/* line 247, ../sass/main.scss */
.line-btn.black {
    border-color: #333;
}

/* line 251, ../sass/main.scss */
.line-btn:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

/* line 256, ../sass/main.scss */
.purple-btn {
    background: #8f28d1;
}

/* line 259, ../sass/main.scss */
.purple-btn:hover {
    background: #b95bf5;
}

/* line 264, ../sass/main.scss */
a.more,
a.less {
    display: block;
    margin: 20px 0 0;
    color: #e5007d;
}

/* line 269, ../sass/main.scss */
a.more:hover,
a.less:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

/* line 273, ../sass/main.scss */
a.more span,
a.less span {
    display: block;
    float: left;
    margin: 4px 10px 0 0;
    font-size: 11px;
}

/* line 281, ../sass/main.scss */
.form-box {
    font-size: 14px;
    margin: 0 0 20px;
}

/* line 285, ../sass/main.scss */
.form-box:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* line 293, ../sass/main.scss */
.form-box input,
.form-box textarea {
    border: solid 1px #eee;
    background: #eee;
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
    box-sizing: border-box;
    font-weight: 300;
    padding-left: 10px;
    padding-right: 10px;
}

/* line 305, ../sass/main.scss */
.form-box input.error,
.form-box textarea.error {
    border-color: red;
}

/* line 310, ../sass/main.scss */
.form-box label.error {
    display: none !important;
}

/* line 314, ../sass/main.scss */
.form-box .sma {
    float: left;
    width: calc(50% - 10px);
}

/* line 318, ../sass/main.scss */
.form-box .sma.surname {
    float: right;
}

/* line 323, ../sass/main.scss */
.form-box small {
    float: right;
    text-align: right;
    font-size: 11px;
    color: #888;
    letter-spacing: -0.02em;
}

.ft-box .content {
    max-height: 0;
    overflow: hidden;
    transition-property: max-height;
    transition-duration: 0.8s;
    transition-timing-function: linear;
}

.ft-box .more {
    display: block;
}

.ft-box .less {
    display: none;
}

.ft-box .more span,
.ft-box .less span {
    line-height: 14px;
}

.ft-box.show-more .more {
    display: none;
}

.ft-box.show-more .less {
    display: block;
}

.ft-box.show-more .content {
    max-height: 1200px;
    transition-property: max-height;
    transition-duration: 0.8s;
    transition-timing-function: linear;
}

/* ===== end GENERAL ===== */
/* ===== LAYOUT, HEADER & FOOTER ===== */
/* line 338, ../sass/main.scss */
.content {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

/* line 344, ../sass/main.scss */
.left-col,
.right-col {
    float: left;
    box-sizing: border-box;
    position: relative;
}

/* line 350, ../sass/main.scss */
.left-col {
    width: 75%;
    background: #fff;
}

/* line 355, ../sass/main.scss */
.right-col {
    color: #fff;
    width: 25%;
    background: #222;
}

/* line 361, ../sass/main.scss */
.banner {
    height: 200px;
    text-align: center;
    font-size: 18px;
    line-height: 28px;
}

/* line 368, ../sass/main.scss */
.banner h2 {
    font-family: "ATS-Script";
    font-size: 74px;
    line-height: 200px;
    letter-spacing: -0.07em;
    color: #fff;
}

/* line 374, ../sass/main.scss */
.banner ul {
    margin: 0 0 28px;
}

/* line 378, ../sass/main.scss */
/* .banner ul li:before {
    content: "\00B7";
    font-size: 20px;
    line-height: 20px;
    padding-right: 5px;
} */

/* line 385, ../sass/main.scss */
.banner a {
    margin: 0 auto;
}

/* line 389, ../sass/main.scss */
.banner.lrg {
    height: 400px;
}

/* line 393, ../sass/main.scss */
.banner #exclusive {
    font-weight: bold;
    padding: 10px 0 0;
    color: #ff4dae;
}

/* line 400, ../sass/main.scss */
header {
    width: 100%;
    height: 75px;
    background: #fff;
    position: relative;
    z-index: 99;
    -webkit-box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
}

/* line 410, ../sass/main.scss */
header .content {
    position: relative;
}

/* line 414, ../sass/main.scss */
header h1 {
    position: absolute;
    z-index: 99;
    top: 10px;
    left: 30px;
    -webkit-transition: left 0.2s ease-out;
    -moz-transition: left 0.2s ease-out;
    -o-transition: left 0.2s ease-out;
    transition: left 0.2s ease-out;
}

/* line 426, ../sass/main.scss */
header h1 a {
    display: block;
    width: 164px;
    height: 164px;
    background: url(../img/graphics/girls_day_out_logo.png) no-repeat;
    background-size: 100% auto;
}

/* line 435, ../sass/main.scss */
nav {
    font-size: 16px;
    line-height: 72px;
    padding: 8px 0 0;
    margin: 0 0 0 218px;
    color: #aaa;
    float: left;
}

/* line 443, ../sass/main.scss */
nav a {
    padding: 0 15px;
}

/* line 446, ../sass/main.scss */
nav a.active {
    color: #333;
}

/* line 450, ../sass/main.scss */
nav a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

/* line 455, ../sass/main.scss */
nav.for-mobile {
    display: none;
}

/* line 460, ../sass/main.scss */
#menuBTN {
    float: right;
    padding-right: 15px;
    margin-right: 25px;
}

/* line 463, ../sass/main.scss */
#menuBTN .icon-cross {
    display: none;
}

/* line 468, ../sass/main.scss */
#menuBTN.active .icon-menu {
    display: none;
}

/* line 472, ../sass/main.scss */
#menuBTN.active .icon-cross {
    display: inline;
}

/* line 478, ../sass/main.scss */
#menu {
    position: fixed;
    z-index: 9;
    width: 100%;
    top: -610px;
    left: 0;
    line-height: 48px;
    font-size: 15px;
    background: #fff;
    color: #aaa;
    -webkit-box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: top 0.2s ease-out;
    -moz-transition: top 0.2s ease-out;
    -o-transition: top 0.2s ease-out;
    transition: top 0.2s ease-out;
}

/* line 497, ../sass/main.scss */
#menu.active {
    top: 75px;
}

/* line 501, ../sass/main.scss */
#menu ul {
    margin: 0;
}

/* line 505, ../sass/main.scss */
#menu li {
    height: 50px;
    border-top: 1px solid #ccc;
}

/* line 509, ../sass/main.scss */
#menu li:first-child {
    border: none;
}

/* line 514, ../sass/main.scss */
#menu a {
    display: block;
    padding: 0 0 0 20px;
}

/* line 518, ../sass/main.scss */
#menu a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

/* line 522, ../sass/main.scss */
#menu a.active {
    color: #333;
}

/* line 528, ../sass/main.scss */
#location {
    float: left;
    font-size: 16px;
    line-height: 64px;
    margin: 0 0 0 10px;
    color: #333;
}

/* line 536, ../sass/main.scss */
#nextShow {
    margin: 0 30px 0 0;
    padding: 16px 0 0;
    font-size: 13px;
    line-height: 24px;
}

/* line 542, ../sass/main.scss */
#nextShow h2 {
    font-weight: 700;
    font-size: 20px;
}

/* line 549, ../sass/main.scss */
#ticketsLink span {
    font-size: 20px;
}

/* line 553, ../sass/main.scss */
#ticketsLink a {
    display: block;
    height: -webkit-fill-available;
    width: 165px;
    background: #e5007d;
    font-size: 17px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

/* line 566, ../sass/main.scss */
#ticketsLink a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

/* line 573, ../sass/main.scss */
#ticketsLink.for-mobile a {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    width: 115px;
    height: -webkit-fill-available;
    padding: 22px 0 0 15px;
}

/* line 582, ../sass/main.scss */
#ticketsLink.for-mobile span {
    float: left;
    margin: 5px 8px 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* line 592, ../sass/main.scss */
footer {
    background: #000000;
    color: #a9a9a9;
}

/* line 597, ../sass/main.scss */
footer #logo {
    display: block;
    float: left;
    width: 104px;
    height: 104px;
    margin: 50px 50px 0;
    background: url(../img/graphics/girls_day_out_logo.png) no-repeat;
    background-size: 104px auto;
}

/* line 607, ../sass/main.scss */
footer .content-box {
    float: left;
    margin: 90px 0 0;
}

/* line 611, ../sass/main.scss */
footer .content-box a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

/* line 616, ../sass/main.scss */
footer .icon-fb {
    font-size: 20px;
    margin: 0 14px 0 25px;
}

/* line 621, ../sass/main.scss */
footer .icon-twitter {
    font-size: 18px;
}

/* line 626, ../sass/main.scss */
#partners {
    float: right;
    padding: 75px 60px 0 0;
}

/* line 630, ../sass/main.scss */
#partners a {
    display: inline-block;
    width: 130px;
    height: 90px;
}

/* line 635, ../sass/main.scss */
#partners a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}


/* line 626, ../sass/main.scss */
#partners2 {
    float: right;
    padding: 82px 60px 0 0;
}

/* line 630, ../sass/main.scss */
#partners2 a {
    display: inline-block;
    width: 130px;
    height: 40px;
}

/* line 635, ../sass/main.scss */
#partners2 a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}



/* line 641, ../sass/main.scss */
#yorkhill2 {
    background: url(../img/partners/yorkhill1.png) no-repeat;
    background-size: 100% auto;

}

#argyllholidays {

    background: url(../img/partners/2018/argyllholidays.png) no-repeat;
    background-size: 100% auto;

}

#princessquare18 {

    background: url(../img/partners/2018/princessquare_grey.png) no-repeat;
    background-size: 100% auto;

}

/* line 641, ../sass/main.scss */
#arta18 {
    background: url(../img/partners/2018/ARTA_Grey.png) no-repeat;
    background-size: 100% auto;
}

#venturestudios {
    background: url(../img/partners/2018/venture-studios.png) no-repeat;
    background-size: 100% auto;
}

#corinthian18 {
    background: url(../img/partners/2018/Corinthian_GREY.png) no-repeat;
    background-size: 100% auto;

}

#fakebake18 {
    background: url(../img/partners/2018/fakebake18.png) no-repeat;
    background-size: 100% auto;

}

#debenhams18 {
    background: url(../img/partners/2018/Debenhams18_logo_grey2.png) no-repeat;
    background-size: 100% auto;

}

/* line 647, ../sass/main.scss */
#thesun {
    background: url(../img/partners/thesun.png) no-repeat;
    background-size: 100% auto;
}

#funkincocktails {
    background: url(../img/partners/funkincocktails.png) no-repeat;
    background-size: 100% auto;
}

#metropolitan {
    background: url(../img/partners/metropolitan-new-small.png) no-repeat;
    background-size: 100% auto;
}

#radioclyde {
    background: url(../img/partners/clyde.png) no-repeat;
    background-size: 100% auto;
}

#glasgowgin {
    background: url(../img/partners/Glasgow-Gin-Logo-01.png) no-repeat;
    background-size: 100% auto;
}

#benefitpar {
    background: url(../img/partners/benefit2.png) no-repeat;
    background-size: 100% auto;
}

#urbandecay1 {
    background: url(../img/partners/urbandecay1.png) no-repeat;
    background-size: 100% auto;
}

#fakebakelogo {
    background: url(../img/partners/FBake_Logo_Grey.png) no-repeat;
    background-size: 100% auto;
    margin-top: -60px;
}

#showpartners {
    background: url(../img/partners/showpartners.png) no-repeat;
    background-size: 100% auto;
}

#showsponsors {
    background: url(../img/partners/showsponsors.png) no-repeat;
    background-size: 100% auto;
}

/* line 652, ../sass/main.scss */
#corinthian {
    background: url(../img/partners/corinthian.png) no-repeat;
    background-size: 100% auto;
}

/* line 657, ../sass/main.scss */
#numberone {
    background: url(../img/partners/numberone.png) no-repeat;
    background-size: 100% auto;
}

/* line 662, ../sass/main.scss */
#fdebenhams {
    background: url(../img/partners/debenhams.png) no-repeat;
    background-size: 100% auto;
}

/* ===== end LAYOUT, HEADER & FOOTER ===== */
#blognews {
    width: 100%;
}

#blognewsleft,
#blognewsright {
    width: 45%;
    float: left;
}

#blognewsright {
    margin-left: 5%;
}

#blognews p,
#blognewsleft p,
#blognewsright p {
    margin-top: 20px;
}

.video-containernew {
    position: relative;
    padding-bottom: 30%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-containernew iframe,
.video-containernew object,
.video-containernew embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

    #blognewsleft,
    #blognewsright {
        width: 100%;
        float: none;
    }
}

/* ===== HOMEPAGE ===== */
/* line 673, ../sass/main.scss * -280px for social bar and padding 280px on third 0 */
#topArea {
    height: 660px;
    width: calc(100% - 0px);
    padding: 0 0 0 0;
    position: relative;
    color: #fff;
}

/* line 681, ../sass/main.scss */
#mainPromo {
    height: 100%;
    width: 100%;
    float: left;
    position: relative;
    background: #222;
}

/* line 688, ../sass/main.scss */
#mainPromo .text {
    position: absolute;
    bottom: 60px;
    left: 60px;
    right: 60px;
}

/* line 695, ../sass/main.scss */
#mainPromo .pink-btn {
    margin: 0 30px 0 0;

}

/* line 699, ../sass/main.scss */
#mainPromo .pink-btn .icon-ticket_white {
    margin: 0 6px 0 -6px;
}

/* line 706, ../sass/main.scss */
.slide-container .slide {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: 0;
    pointer-events: none;
    z-index: 0;
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

/* line 716, ../sass/main.scss */
.slide-container .slide.active {
    z-index: 1;
    opacity: 1;
    pointer-events: auto;
}

/* line 724, ../sass/main.scss */
#firstPromo {
    background: url(../img/graphics/2018/slide1.jpg) no-repeat;
    background-size: cover;
}

/* line 727, ../sass/main.scss */
#firstPromo h3 {
    font-size: 66px;
    line-height: 66px;
    letter-spacing: -0.02em;
    margin: 0 0 32px;
}

/* line 734, ../sass/main.scss */
#firstPromo .line-btn {
    float: left;
}

/* line 734, ../sass/main.scss */
#secondPromo .line-btn {
    float: left;
}

/* line 739, ../sass/main.scss */
#secondPromo {
    background: url(../img/graphics/2018/slide1.jpg) no-repeat right top;
    background-size: cover;
    /* background: url(../img/graphics/fakebake-promo.jpg) no-repeat right top; */
}

/* line 742, ../sass/main.scss */
#secondPromo h3 {
    font-size: 66px;
    line-height: 66px;
    letter-spacing: -0.02em;
    margin: 0 0 45px;
    text-shadow: 0px 0px 50px #666666;
}

/* line 751, ../sass/main.scss */
#secondPromo h3 span {
    display: block;
    font-size: 35px;
    font-weight: 300;
}



#thirdPromo .line-btn {
    float: left;
}

/* line 739, ../sass/main.scss */
#thirdPromo {
    background: url(../img/graphics/2018/slide1.jpg) no-repeat right top;
    background-size: cover;
    cursor: pointer;
    /* background: url(../img/graphics/fakebake-promo.jpg) no-repeat right top; */
}

/* line 742, ../sass/main.scss */
#thirdPromo h3 {
    font-size: 66px;
    line-height: 66px;
    letter-spacing: -0.02em;
    margin: 0 0 45px;
    text-shadow: 0px 0px 50px #666666;
}

/* line 751, ../sass/main.scss */
#thirdPromo h3 span {
    display: block;
    font-size: 35px;
    font-weight: 300;
}

/* line 759, ../sass/main.scss put width to 280px for social feed to show */
#home #gdoFeed {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0px;
}

/* line 767, ../sass/main.scss */
#gdoFeed {
    height: 100%;
    background: #222;
    overflow: hidden;
}

/* line 772, ../sass/main.scss */
#gdoFeed .scroll {
    height: 100%;
    overflow-y: auto;
    position: relative;
}

/* line 778, ../sass/main.scss */
#gdoFeed .content-box {
    padding: 30px 40px 0;
}

/* line 782, ../sass/main.scss */
#gdoFeed .heading {
    border-bottom: 1px solid #4e4e4e;
    padding: 30px 40px 24px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #222;
    z-index: 2;
}

/* line 793, ../sass/main.scss */
#gdoFeed h3 {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.02em;
    float: left;
}

/* line 800, ../sass/main.scss */
#gdoFeed .social {
    float: right;
    font-size: 22px;
    line-height: 28px;
}

/* line 806, ../sass/main.scss */
#gdoFeed .icon-twitter {
    margin: 0 0 0 16px;
    font-size: 20px;
}

/* line 812, ../sass/main.scss */
#feed {
    padding: 75px 0 0;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.02em;
}

/* line 818, ../sass/main.scss */
#feed li {
    border-bottom: 1px solid #4e4e4e;
    padding-bottom: 20px;
    margin-bottom: 18px;
}

/* line 824, ../sass/main.scss */
#feed h5 {
    margin: 6px 0 4px;
    font-size: 16px;
    float: left;
}

/* line 830, ../sass/main.scss */
#feed .icon-fb_round,
#feed .icon-twitter_round {
    font-size: 42px;
    float: left;
    margin: 0 10px 0 0;
}

/* line 836, ../sass/main.scss */
#feed .time {
    display: block;
    font-size: 11px;
    color: #aaa;
}

/* line 842, ../sass/main.scss */
#feed .clearfix {
    margin: 0 0 15px;
}

/* line 846, ../sass/main.scss */
#feed p a {
    color: #e5007d;
}

/* line 849, ../sass/main.scss */
#feed p a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

/* line 854, ../sass/main.scss */
#feed .img-container {
    display: block;
    position: relative;
    width: 100%;
    height: 120px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* line 866, ../sass/main.scss */
#venues div {
    width: 100%;
    height: 420px;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}

/* line 874, ../sass/main.scss */
#venues div.left {
    background: url(../img/graphics/glasgow.jpg) no-repeat center center;
    background-size: cover;
}

/* line 879, ../sass/main.scss */
#venues div.right {
    background: url(../img/graphics/missscotlandhome.jpg) no-repeat center center;
    background-size: cover;
}

/* line 884, ../sass/main.scss */
#venues div a {
    display: block;
    width: 220px;
    height: 70px;
    line-height: 68px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    font-weight: 700;
}

/* line 894, ../sass/main.scss */
#venues div a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

/* line 900, ../sass/main.scss */
#venues h4 {
    font-size: 44px;
    line-height: 50px;
    letter-spacing: -0.03em;
    margin: 65px 0 28px;
}

/* line 907, ../sass/main.scss */
#venues ul {
    margin: 0 0 28px;
}

/* line 912, ../sass/main.scss */
#homeVideo {
    width: 100%;
    position: relative;
    display: inline-block;
}

/* line 918, ../sass/main.scss */
#homeVideo:after {
    /*padding-top: 56.25%;*/
    padding-top: 54.85%;
    display: block;
    content: '';
}

/* line 925, ../sass/main.scss */
.video-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #222;
}

/* line 933, ../sass/main.scss */
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* line 942, ../sass/main.scss */
#buyTickets,
#myTickets {
    height: 250px;
    padding: 95px 0 0;
    background: #fff;
    text-align: center;
    position: relative;
}

/* line 949, ../sass/main.scss */
#buyTickets h2,
#myTickets h2 {
    font-size: 44px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: -0.03em;
}

#myTickets input {
    width: 55%;
}

#myTickets form {
    margin-top: 40px;
}

#myTickets .pink-btn {
    display: inline;
    height: 76px;
}

#formteatimes {
    display: none;
}

/* line 955, ../sass/main.scss */
#buyTickets h2 span {
    font-size: 40px;
    margin-right: 10px;
}

/* line 961, ../sass/main.scss */
#buyTickets .content-box {
    position: absolute;
    left: 50%;
    bottom: 120px;
    margin: 0 0 0 -411px;
    text-align: left;
}

/* line 969, ../sass/main.scss */
#buyTickets .select {
    float: left;
    margin: 0 30px 0 0;
}

/* line 974, ../sass/main.scss */
#buyTickets .availability {
    float: left;
    line-height: 70px;
    margin: 0 0 0 30px;
    font-size: 18px;
    font-weight: 700;
}

/* line 981, ../sass/main.scss */
#buyTickets .availability.yes {
    color: #77d200;
}

/* line 984, ../sass/main.scss */
#buyTickets .availability.yes .icon-tick {
    color: #77d200;
}

/* line 990, ../sass/main.scss */
#buyTickets .pink-btn {
    float: left;
    width: 160px;
    color: #fff;
    line-height: 68px;
    height: 70px;
}

/* line 999, ../sass/main.scss */
.date-input {
    position: relative;
    float: left;
    width: 300px;
}

/* line 1004, ../sass/main.scss */
.date-input input {
    width: 300px;
    box-sizing: border-box;
    cursor: pointer;
}

/* line 1010, ../sass/main.scss */
.date-input .icon-calendar {
    font-size: 20px;
    color: #8f28d1;
    position: absolute;
    right: 25px;
    top: 25px;
}

/* line 1019, ../sass/main.scss */
.select {
    display: block;
    width: 300px;
    height: 70px;
    line-height: 68px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    background: none;
    border: 2px solid #ccc;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
}

/* line 1035, ../sass/main.scss */
.select.date-input:after {
    display: none;
}

/* line 1041, ../sass/main.scss */
.select.left {
    margin: 0 30px 0 0;
}

/* line 1045, ../sass/main.scss */
.select::after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #e5007d;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 0;
    z-index: 1;
}

/* line 1059, ../sass/main.scss */
.select select {
    border: 0 none;
    cursor: pointer;
    font-size: 16px;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* line 1071, ../sass/main.scss */
.select label {
    padding: 0 0 0 30px;
}

/* ===== end HOMEPAGE ===== */
/* ===== TICKETS ===== */
/* line 1092, ../sass/main.scss */
#tickets .banner div {
    width: 100%;
    height: 100%;
    padding: 30px;
    box-sizing: border-box;
}

#tickets .banner div .topbannercontainer {
    width: 75%;
    height: auto;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 15px;
}

#tickets .banner div .topbannerleft {
    width: 20%;
    height: auto;
    padding: 0px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    line-height: 125%;
}

#tickets .banner div .topbannerright {
    width: 60%;
    height: auto;
    padding: 0px;
    text-align: left;
    margin-left: 20%;
    line-height: 125%;
}

/* line 1083, ../sass/main.scss */
#tickets .banner {
    /*div {
      width: 50%;
      height: 100%;
      float: left;
      box-sizing: border-box;
      padding: 30px;
  }*/
}

/* line 1099, ../sass/main.scss */
#tickets .banner h2 {
    font-family: "ATS-Script";
    font-size: 42px;
    line-height: 45px;
    margin: 40px 0 36px;
}

/* line 1105, ../sass/main.scss */
#tickets .banner ul {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
}

/* line 1112, ../sass/main.scss */
#tickets h3 {
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 30px;
}

/* line 1119, ../sass/main.scss */
#preBook {
    background: url(../img/graphics/prebook.jpg) no-repeat;
    background-size: cover;
}

/* line 1124, ../sass/main.scss */
#vip {
    background: url(../img/graphics/vip.jpg) no-repeat;
    background-size: cover;
}

/* line 1129, ../sass/main.scss */
#ticketOptions {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #ccc;
}

/* line 1135, ../sass/main.scss */
.step {
    width: 33.33333%;
    float: left;
    padding: 48px 5%;
    box-sizing: border-box;
    position: relative;
}

/* line 1143, ../sass/main.scss */
.step.first {
    border: none;
}

/* line 1152, ../sass/main.scss */
.step .clearfix h3 {
    float: left;
}

/* line 1156, ../sass/main.scss */
.step .clearfix div {
    line-height: 40px;
}

/* line 1161, ../sass/main.scss */
.step h3 {
    margin: 0 0 30px;
}

/* line 1164, ../sass/main.scss */
.step h3 span {
    color: #e5007d;
}

/* line 1169, ../sass/main.scss */
.step .select {
    margin: 25px 0 20px;
    width: 100%;
    min-width: 265px;
}

/* line 1175, ../sass/main.scss */
.step .date-input {
    float: none;
    width: 100%;
    min-width: 265px;
}

/* line 1180, ../sass/main.scss */
.step .date-input input {
    width: 100%;
}

/* line 1185, ../sass/main.scss */
.step button.pink-btn {
    color: #fff;
    height: 80px;
    line-height: 78px;
    width: 100%;
    margin: 36px 0 0;
}

/* line 1194, ../sass/main.scss */
.step-divider {
    position: absolute;
    width: 1px;
    background: #ccc;
    left: 33.3333%;
    top: 0;
    bottom: 0;
}

/* line 1202, ../sass/main.scss */
.step-divider:nth-of-type(2) {
    left: 66.6666%;
}

/* line 1206, ../sass/main.scss */
.step-divider .arrow {
    display: block;
    width: 31px;
    height: 118px;
    background: url(../img/graphics/step-arrow.png) no-repeat;
    background-size: auto 118px;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -59px 0 0;
}

/* line 1220, ../sass/main.scss */
#ticketList li,
#ticketListTea li,
#ticketListVip li {
    height: 40px;
    margin: 0 0 10px;
}

/* line 1225, ../sass/main.scss */
#ticketList label,
#ticketListTea label,
#ticketListVip label {
    float: left;
    display: block;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
}

/* line 1232, ../sass/main.scss */
#ticketList label span,
#ticketListTea label span,
#ticketListVip label span {
    display: block;
    font-weight: 300;
    font-size: 11px;
    color: #e5007d;
    font-style: italic;
}

/* line 1240, ../sass/main.scss */
#ticketList .price,
#ticketListTea .price,
#ticketListVip .price {
    line-height: 38px;
    color: #e5007d;
}

/* line 1246, ../sass/main.scss */
input.quantity,
#vouchercode .quantity,
select.quantity {
    width: 50px;
    height: 36px;
    font-size: 16px;
    line-height: 40px;
    font-weight: 300;
    margin: 0 0 0 18px;
    padding: 0;
    text-align: center;
    float: right;
}

#yorkhill {
    width: 50px;
    height: 20px;
    font-size: 12px;
    font-weight: 300;
    margin: 0 0 0 8px;
    padding: 0;
    text-align: center;
    float: right;
}

#chooseteatime {
    font-size: 16px;
    height: 45px;
    padding-left: 15px;
    padding-right: 15px;
}

#choosetheatretime {
    font-size: 16px;
    height: 45px;
    padding-left: 15px;
    padding-right: 15px;
}

#choosetheatreonlytime {
    font-size: 16px;
    height: 45px;
    padding-left: 15px;
    padding-right: 15px;
}

/* line 1258, ../sass/main.scss */
#summary {
    margin: 0 0 28px;
}

/* line 1261, ../sass/main.scss */
#summary li {
    clear: both;
    display: block;
    margin: 0 0 10px;
}

/* line 1266, ../sass/main.scss */
#summary li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* line 1274, ../sass/main.scss */
#summary li span {
    color: #e5007d;
}

/* line 1280, ../sass/main.scss */
#otherFees {
    margin: 0 0 30px;
    font-size: 12px;
}

/* line 1285, ../sass/main.scss */
.step #otherFees .clearfix div {
    line-height: 16px;
}

/* line 1289, ../sass/main.scss */
#total {
    clear: both;
    display: block;
    font-weight: 700;
    line-height: 30px;
}

/* line 1295, ../sass/main.scss */
#total:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* line 1303, ../sass/main.scss */
#total .right {
    color: #e5007d;
    font-size: 28px;
}

/* line 1309, ../sass/main.scss */
#ticketInfo {
    padding: 42px 0 0;
    background: #eee;
    font-size: 14px;
    line-height: 18px;
}

/* line 1315, ../sass/main.scss */
#ticketInfo h2 {
    font-size: 44px;
    line-height: 50px;
    text-align: center;
    margin: 0 0 52px;
    letter-spacing: -0.03em;
}

/* line 1323, ../sass/main.scss */
#ticketInfo h3 {
    margin: 0 0 24px;
    font-size: 24px;
}

/* line 1327, ../sass/main.scss */
#ticketInfo div {
    float: left;
    width: 33.33333333%;
    padding: 0 60px 0 60px;
    box-sizing: border-box;
}

/* line 1333, ../sass/main.scss */
#ticketInfo div.first {
    border-right: 1px solid #ccc;
}

/* line 1338, ../sass/main.scss */
#ticketInfo ul {
    margin: 0 0 60px;
}

/* line 1342, ../sass/main.scss */
#ticketInfo li {
    margin-bottom: 8px;
    letter-spacing: -0.03em;
    padding: 0 0 0 20px;
    background: url(../img/graphics/bullet.png) no-repeat 0 5px;
    background-size: 8px auto;
    font-size: 12px;
}

/* ===== end TICKETS ===== */
/* ===== CHECKOUT ===== */
/* line 1359, ../sass/main.scss */
#checkout .content {
    padding: 80px 0 100px;
    background: #fff;
}

/* line 1364, ../sass/main.scss */
#checkout h2 {
    font-size: 48px;
    line-height: 50px;
    margin: 0 auto 100px;
    text-align: center;
    letter-spacing: -0.03em;
}

/* line 1373, ../sass/main.scss */
#checkout form button {
    height: 80px;
    line-height: 78px;
}

/* line 1379, ../sass/main.scss */
#checkout .btns {
    padding: 40px 40px 0;
}

/* line 1382, ../sass/main.scss */
#checkout .btns .left {
    line-height: 78px;
}

/* line 1385, ../sass/main.scss */
#checkout .btns .left:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

/* line 1390, ../sass/main.scss */
#checkout .btns small {
    width: 100%;
    display: block;
    font-size: 11px;
    margin: 10px 0 0;
    color: #888;
    text-align: center;
}

/* line 1401, ../sass/main.scss */
#order {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/* line 1405, ../sass/main.scss */
#order p.errors {
    display: none;
    font-size: 20px;
    margin-bottom: 20px;
    color: red;
    text-align: center;
    line-height: 1;
}

/* line 1413, ../sass/main.scss */
#order p.errors.active {
    display: block;
}

/* line 1419, ../sass/main.scss */
#orderSummary,
#userDetails {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 50px;
}

/* line 1425, ../sass/main.scss */
#orderSummary h3,
#userDetails h3 {
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 30px;
    margin: 0 0 40px;
}

/* line 1436, ../sass/main.scss */
#orderSummary #summary li .left {
    width: 60%;
}

/* line 1440, ../sass/main.scss */
#orderSummary #summary li .right {
    width: 20%;
    text-align: right;
}

/* line 1445, ../sass/main.scss */
#orderSummary #summary li span.icon-delete {
    color: #333;
}

/* line 1449, ../sass/main.scss */
#orderSummary #summary li a {
    display: block;
    opacity: .5;
    font-size: 15px;
    padding: 0 10px;
    margin: 0 -10px 0 0;
}

/* line 1456, ../sass/main.scss */
#orderSummary #summary li a:hover {
    opacity: 1;
}

/* line 1463, ../sass/main.scss */
#orderSummary #total {
    position: relative;
    margin: 0;
    float: right;
    left: auto;
    width: auto;
}

/* line 1470, ../sass/main.scss */
#orderSummary #total .left {
    line-height: 40px;
    margin: 0 50px 0 0;
}

/* line 1477, ../sass/main.scss */
#discount {
    display: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 26px 0;
    margin: 0 0 30px;
    line-height: 38px;
}

/* line 1485, ../sass/main.scss */
#discount .right {
    width: 64%;
    box-sizing: border-box;
    padding-right: 128px;
    position: relative;
}

/* line 1492, ../sass/main.scss */
#discount input {
    width: 100%;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    line-height: 38px;
}

/* line 1501, ../sass/main.scss */
#discount a.pink-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 118px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    color: #fff;
}

/* line 1513, ../sass/main.scss */
#userDetails {
    border-left: 1px solid #ccc;
}

/* line 1516, ../sass/main.scss */
#userDetails .form-box:last-child {
    margin: 0;
}

/* line 1521, ../sass/main.scss */
#confirmation {
    width: 400px;
    min-height: 400px;
    margin: -30px auto 0;
}

/* line 1526, ../sass/main.scss */
#confirmation.fail {
    text-align: center;
}

/* line 1530, ../sass/main.scss */
#confirmation h3 {
    padding: 30px 0 0;
    margin: 30px 0 20px;
    border-top: 1px solid #ccc;
}

/* line 1536, ../sass/main.scss */
#confirmation .right span {
    font-size: 20px;
    color: #e5007d;
    font-weight: 700;
    padding: 0 0 0 20px;
}

/* line 1544, ../sass/main.scss */
#confirmation .buttons {
    margin: 50px 0 0;
    font-size: 13px;
}

/* line 1549, ../sass/main.scss */
#confirmation .pink-btn {
    color: #fff;
    margin: 0 auto 50px;
}

/* ===== end CHECKOUT ===== */
/* ===== EVENT DETAILS ===== */
/* line 1562, ../sass/main.scss */
#eventDetails .banner {
    background: url(../img/graphics/event-details.jpg) no-repeat;
    background-size: cover;
}

/* line 1566, ../sass/main.scss */
#eventDetails .banner .content-box {
    text-align: center;
    display: inline-block;
    /* for ie6/7: */
    *display: inline;
    zoom: 1;
}

/* line 1573, ../sass/main.scss */
#eventDetails .banner .content-box div {
    float: left;
    padding: 0 30px;
}

/* line 1579, ../sass/main.scss */
#eventDetails .banner h2 {
    line-height: 80px;
    margin: 80px 0 20px;
}

/* line 1584, ../sass/main.scss */
#eventDetails .banner .pink-btn {
    margin-top: 32px;
}

/* line 1588, ../sass/main.scss */
#eventDetails .banner .opening {
    display: block;
    font-size: 13px;
    letter-spacing: -0.03em;
}

/* line 1596, ../sass/main.scss */
#ampersand {
    font-size: 76px;
    line-height: 80px;
    margin-top: 80px;
}

/* line 1602, ../sass/main.scss */
#features {
    background: #fff;
    /* height: 600px; */
}

/* line 1607, ../sass/main.scss */
.ft-box {
    float: left;
    width: 20%;
    height: 100%;
    padding: 36px 3% 30px;
    box-sizing: border-box;
    border-left: 1px solid #ccc;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
}

/* line 1618, ../sass/main.scss */
.ft-box.first {
    border: none;
}

/* line 1622, ../sass/main.scss */
.ft-box h3 {
    font-size: 22px;
    line-height: 26px;
    margin: 16px 0 20px;
}

/* line 1628, ../sass/main.scss */
.ft-box span {
    font-size: 60px;
    line-height: 60px;
    color: #e5007d;
}

/* line 1635, ../sass/main.scss */
#extra {
    background: #222;
    height: 400px;
}

/* line 1640, ../sass/main.scss */
#floorplans,
#perfectDay {
    float: left;
    width: 50%;
    height: 100%;
    padding: 6% 8% 0;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    text-align: center;
}

/* line 1651, ../sass/main.scss */
#floorplans h2,
#perfectDay h2 {
    font-size: 44px;
    line-height: 40px;
    letter-spacing: -0.03em;
    margin: 0 0 24px;
}

/* line 1659, ../sass/main.scss */
#floorplans {
    background: url(../img/graphics/floorplans.jpg) no-repeat;
    background-size: cover;
}

/* line 1663, ../sass/main.scss */
#floorplans p {
    margin: 0 0 36px;
}

/* line 1667, ../sass/main.scss */
#floorplans .pink-btn,
#floorplans .purple-btn {
    display: inline-block;
    width: 45%;
}

/* line 1672, ../sass/main.scss */
#floorplans .pink-btn {
    margin: 0 20px 0 0;
}

/* line 1676, ../sass/main.scss */
#floorplans .content-box {
    width: 60%;
    display: inline-block;
    /* for ie6/7: */
    *display: inline;
    zoom: 1;
}

/* line 1685, ../sass/main.scss */
#perfectDay {
    background: url(../img/graphics/perfect.jpg) no-repeat;
    background-size: cover;
}

/* line 1690, ../sass/main.scss */
#exhibitorsPreview {
    background: #fff;
    text-align: center;
    padding: 76px 5% 100px;
}

/* line 1695, ../sass/main.scss */
#exhibitorsPreview h2 {
    font-size: 44px;
    margin: 0 0 50px;
    line-height: 50px;
    letter-spacing: -0.03em;
}

/* line 1702, ../sass/main.scss */
#exhibitorsPreview .line-btn {
    margin: 50px auto 0;
    line-height: 56px;
}

/* line 1708, ../sass/main.scss */
#logos {
    display: inline-block;
    /* for ie6/7: */
    *display: inline;
    zoom: 1;
}

/* line 1714, ../sass/main.scss */
#logos a {
    display: inline-block;
    width: 206px;
    height: 112px;
    margin: 0 20px 15px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

/* line 1722, ../sass/main.scss */
#logos a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

/* line 1728, ../sass/main.scss */
#debenhams {
    background-image: url(../img/exhibitors/debenhams.png);
}

/* line 1732, ../sass/main.scss */
#urbandecay {
    background-image: url(../img/exhibitors/urban-decay.png);
}

/* line 1736, ../sass/main.scss */
#benefit {
    background-image: url(../img/exhibitors/benefit.png);
}

/* line 1740, ../sass/main.scss */
#oasis {
    background-image: url(../img/exhibitors/oasis.png);
}

/* line 1744, ../sass/main.scss */
#warehouse {
    background-image: url(../img/exhibitors/warehouse.png);
}

/* line 1748, ../sass/main.scss */
#amychilds {
    background-image: url(../img/exhibitors/amy-childs.png);
}

/* ===== end EVENT DETAILS ===== */

/*============== appointments ======== */

/* line 866, ../sass/main.scss */

#contact h3 {
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 30px;
}

#appointments div {
    width: 33.3333%;
    height: 400px;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}

/* line 874, ../sass/main.scss */
#appointments div.left {
    background: url(../img/graphics/brows.jpg) no-repeat center center;
    background-size: cover;
}

#appointments div.centre {
    background: url(../img/graphics/hair.jpg) no-repeat center center;
    background-size: cover;
    float: left;
}

/* line 879, ../sass/main.scss */
#appointments div.right {
    background: url(../img/graphics/nails.jpg) no-repeat center center;
    background-size: cover;
}

/* line 879, ../sass/main.scss */
#appointments h2 {
    margin-top: 150px;
    padding-bottom: 40px;
    font-size: 40px;
    color: #FFF;
    line-height: 110%;
}

#appointment .pink-btn,
#appointment .purple-btn {
    display: inline-block;
    width: 45%;
}


------------------------------------------------------------------- #appointments h2 {
    font-size: 44px;
    line-height: 40px;
    letter-spacing: -0.03em;
    margin: 0 0 24px;
}


#appointments p {
    margin: 0 0 36px;
}

#appointments .pink-btn,
#floorplans .purple-btn {
    display: inline-block;
    width: 45%;
}

#appointments .pink-btn {
    margin: 0 20px 0 0;
}


#appointments .content-box {
    width: 60%;
    display: inline-block;
    /* for ie6/7: */
    *display: inline;
    zoom: 1;
}


/* ======End of Appointments =============== */



/* ===== WHAT'S ON ===== */
/* line 1759, ../sass/main.scss */
#whatsOn .banner {
    background: url(../img/graphics/whatson.jpg) no-repeat center center;
    background-size: cover;
}

/* line 1764, ../sass/main.scss */
#whatsOn .left-col,
#whatsOn #gdoFeed {
    min-height: 1434px;
}

/* line 1772, ../sass/main.scss */
.news-row {
    width: 100%;
    min-height: 325px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

/* line 1779, ../sass/main.scss */
.border-line {
    float: left;
    background-color: #ccc;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
}

/* line 1789, ../sass/main.scss */
.news-box {
    float: left;
    height: 100%;
    box-sizing: border-box;
    padding: 3% 0 8%;
    overflow: hidden;
    line-height: normal;
}

/* line 1801, ../sass/main.scss */
.news-box h3 {
    font-size: 26px;
    line-height: 28px;
    margin: 0 0 16px;
}

/* line 1807, ../sass/main.scss */
.news-box .date {
    display: block;
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #e5007d;
}

/* line 1816, ../sass/main.scss */
.news-box p {
    margin-bottom: 10px;
}

/* line 1820, ../sass/main.scss */
.news-box .content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition-property: opacity, max-height;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: linear;
    -moz-transition-property: opacity, max-height;
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: linear;
    -ms-transition-property: opacity, max-height;
    -ms-transition-duration: 1s;
    -ms-transition-timing-function: linear;
    -o-transition-property: opacity, max-height;
    -o-transition-duration: 1s;
    -o-transition-timing-function: linear;
    transition-property: opacity, max-height;
    transition-duration: 1s;
    transition-timing-function: linear;
}

/* line 1827, ../sass/main.scss */
.news-box .more,
.news-box .less {
    position: absolute;
    bottom: 50px;
}

/* line 1832, ../sass/main.scss */
.news-box .more {
    opacity: 1;
}

/* line 1836, ../sass/main.scss */
.news-box .less {
    opacity: 0;
    pointer-events: none;
}

/* line 1842, ../sass/main.scss */
.news-box.show-more .content {
    max-height: 1200px;
    opacity: 1;
}

/* line 1847, ../sass/main.scss */
.news-box.show-more .more {
    opacity: 0;
    pointer-events: none;
}

/* line 1852, ../sass/main.scss */
.news-box.show-more .less {
    opacity: 1;
    pointer-events: auto;
}

/* line 1858, ../sass/main.scss */
.news-box:nth-of-type(1) {
    width: calc(50% - 1px);
}

/* line 1863, ../sass/main.scss */
#pagination {
    padding: 45px;
    text-align: center;
}

/* line 1867, ../sass/main.scss */
#pagination ul {
    display: inline-block;
}

/* line 1871, ../sass/main.scss */
#pagination li {
    width: 40px;
    height: 40px;
    margin: 0 5px;
    font-size: 18px;
    font-weight: 700;
    line-height: 38px;
    color: #aaa;
}

/* line 1881, ../sass/main.scss */
#pagination li.active {
    background: #e5007d;
    color: #fff;
}

/* line 1885, ../sass/main.scss */
#pagination li.active a {
    border: none;
}

/* line 1890, ../sass/main.scss */
#pagination li a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 2px solid #ccc;
}

/* line 1897, ../sass/main.scss */
#pagination li a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

/* ===== end WHAT'S ON ===== */
/* ===== EXHIBITORS ===== */
/* line 1912, ../sass/main.scss */

#exhibitorleft {
    width: 65%;
    padding: 2% 5%;
}

#exhibitors .banner {
    background: url(../img/graphics/exhibitors.jpg) no-repeat;
    background-size: cover;
}

/* line 1918, ../sass/main.scss */
#mainExhibitors {
    background: #fff;
}

/* line 1921, ../sass/main.scss */
#mainExhibitors div {
    float: left;
    width: 33.3333%;
    height: 200px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
}

/* line 1928, ../sass/main.scss */
#mainExhibitors div.second {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

/* line 1934, ../sass/main.scss */
#mainExhibitors a {
    display: block;
    width: 100%;
    height: 100%;
}

/* line 1939, ../sass/main.scss */
#mainExhibitors a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

/* line 1945, ../sass/main.scss */
#fakeLrg {
    background: url(../img/exhibitors/main/fakebake.png) no-repeat center center;
    background-size: auto 142px;
}

/* line 1950, ../sass/main.scss */
#debenhamsLrg {
    background: url(../img/exhibitors/main/debenhams.png) no-repeat center center;
    background-size: auto 142px;
}

/* line 1955, ../sass/main.scss */
#benefitLrg {
    background: url(../img/exhibitors/main/benefit.png) no-repeat center center;
    background-size: auto 142px;
}

/* line 1960, ../sass/main.scss */
#exhibitorList {
    background: #fff;
    font-size: 14px;
    letter-spacing: -0.03em;
}

/* line 1965, ../sass/main.scss */
#exhibitorList .content-box {
    width: 80%;
    padding: 60px 0 0;
    margin: 0 auto;
}

/* line 1971, ../sass/main.scss */
#exhibitorList h3 {
    font-size: 48px;
    line-height: 50px;
    margin: 0 auto 60px;
    text-align: center;
}

/* line 1978, ../sass/main.scss */
#exhibitorList ul {
    margin: 0;
}

/* line 1982, ../sass/main.scss */
#exhibitorList .inline {
    display: block;
    float: left;
    width: 20%;
    padding-right: 15px;
    box-sizing: border-box;
}

/* line 1989, ../sass/main.scss */
#exhibitorList .inline.first {
    max-width: 130px;
}

/* line 1995, ../sass/main.scss */
#exhibitorList li.clearfix {
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

/* line 2000, ../sass/main.scss */
#exhibitorList li.clearfix:last-child {
    margin: 0;
    border: none;
}

/* line 2007, ../sass/main.scss */
#exhibitorList a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

/* line 2012, ../sass/main.scss */
.letter {
    font-size: 28px;
    line-height: 30px;
    color: #e5007d;
    font-weight: 700;
}

/* ===== end EXHIBITORS ===== */
/* ===== CONTACT ===== */
/* line 2025, ../sass/main.scss */
#locations {
    border-bottom: 1px solid #ccc;
}

/* line 2029, ../sass/main.scss */
.loc {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

/* line 2038, ../sass/main.scss */
.loc .content-box {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
}

/* line 2044, ../sass/main.scss */
.loc h2 {
    font-size: 26px;
    line-height: 30px;
    margin: 0 0 6px;
    letter-spacing: -0.03em;
}

/* line 2051, ../sass/main.scss */
.loc h3 {
    font-size: 14px;
    line-height: 16px;
    color: #e5007d;
    margin: 0 0 20px;
}

/* line 2058, ../sass/main.scss */
.loc ul {
    margin: 0;
}

/* line 2063, ../sass/main.scss */
.map-wrapper {
    height: inherit;
}

/* line 2071, ../sass/main.scss */
#lMap,
#gMap {
    width: 100%;
    height: 100%;
}

/* line 2076, ../sass/main.scss */
#message {
    width: 100%;
    font-size: 14px;
}

/* line 2080, ../sass/main.scss */
#message h2 {
    font-size: 46px;
    line-height: 50px;
    letter-spacing: -0.03em;
    margin: 0 0 26px;
}

/* line 2087, ../sass/main.scss */
#message .first,
#message .second {
    width: 50%;
    padding: 60px;
    box-sizing: border-box;
}

/* line 2093, ../sass/main.scss */
#message .first {
    float: left;
}

/* line 2097, ../sass/main.scss */
#message .second {
    float: right;
}

/* line 2101, ../sass/main.scss */
#message p {
    margin: 0 0 58px;
    letter-spacing: -0.03em;
}

/* line 2108, ../sass/main.scss */
#socialLinks h3 {
    font-size: 22px;
    margin: 0 0 4px;
}

/* line 2113, ../sass/main.scss */
#socialLinks span {
    float: left;
    font-size: 50px;
    line-height: 50px;
    margin: 0 18px 0 0;
}

/* line 2120, ../sass/main.scss */
#socialLinks li:first-child {
    margin: 0 0 40px;
}

/* line 2124, ../sass/main.scss */
#socialLinks .content-box {
    float: left;
    padding: 4px 0 0;
}

/* line 2129, ../sass/main.scss */
#socialLinks a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

/* line 2133, ../sass/main.scss */
#socialLinks p {
    margin: 0;
}

/* line 2139, ../sass/main.scss */
#contactForm textarea {
    height: 150px;
    padding-top: 0;
}

/* line 2156, ../sass/main.scss */
#contactForm .label {
    display: block;
}

/* line 2160, ../sass/main.scss */
#contactForm .select {
    width: 100%;
    height: 40px;
    margin: 0 0 25px;
    line-height: 38px;
    font-size: 14px;
}

/* line 2168, ../sass/main.scss */
#contactForm .select:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #e5007d;
    top: 17px;
    right: 11px;
}

/* line 2176, ../sass/main.scss */
#contactForm .select label {
    padding: 0 0 0 10px;
}

/* line 2181, ../sass/main.scss */
#contactForm .success-message,
#contactForm .failed-message,
#newsletterSignup .success-message,
#newsletterSignup .failed-message {
    display: none;
}

/* line 2185, ../sass/main.scss */
#contactForm .failed-message,
#newsletterSignup .failed-message {
    color: red;
    margin-bottom: 30px;
    font-size: 18px;
}

/* line 2192, ../sass/main.scss */
#contactForm.failed .failed-message,
#newsletterSignup.failed .failed-message {
    display: block;
}

/* line 2198, ../sass/main.scss */
#contactForm.success form,
#newsletterSignup.success form {
    display: none;
}

/* line 2202, ../sass/main.scss */
#contactForm.success .success-message,
#newsletterSignup.success .success-message {
    display: block;
    color: green;
    font-size: 18px;
}

#newsletterSignup.failed form {
    display: none;
}

/* line 2209, ../sass/main.scss */
#contact #gdoFeed {
    height: 1151px;
}

/* ===== end CONTACT ===== */
/* ===== MEDIA QUERIES ===== */
@media screen and (max-width: 1260px) {

    /* line 2221, ../sass/main.scss */
    header h1 {
        left: 30px;
    }

    #ticketList label,
    #ticketListTea label,
    #ticketListVip label {
        float: left;
        display: block;
        font-size: 12px;
        line-height: 20px;
        font-weight: 700;
    }

    /* line 1232, ../sass/main.scss */
    #ticketList label span,
    #ticketListTea label span,
    #ticketListVip label span {
        display: block;
        font-weight: 300;
        font-size: 10px;
        color: #e5007d;
        font-style: italic;
    }

    /* line 2224, ../sass/main.scss */
    header h1 a {
        width: 134px;
        height: 134px;
    }

    /* line 2230, ../sass/main.scss */
    nav {
        font-size: 15px;
        margin: 0 0 0 168px;
    }

    /* line 2234, ../sass/main.scss */
    nav a {
        padding: 0 8px;
    }

    /* line 2239, ../sass/main.scss */
    #nextShow {
        line-height: 22px;
        padding-top: 20px;
    }

    /* line 2243, ../sass/main.scss */
    #nextShow h2 {
        font-size: 18px;
    }

    /* line 2249, ../sass/main.scss */
    footer #logo {
        margin: 50px 30px 0;
    }

    /* line 2254, ../sass/main.scss */
    #partners {
        padding: 75px 60px 0 0;
    }

    /* line 2257, ../sass/main.scss */
    #partners a {
        width: 110px;
    }

    /* line 2254, ../sass/main.scss */
    #partners2 {
        padding: 84px 30px 0 0;
    }

    /* line 2257, ../sass/main.scss */
    #partners2 a {
        width: 110px;
    }

    /* line 2262, ../sass/main.scss */
    #mainPromo .for-desktop {
        display: none;
    }

    /* line 2267, ../sass/main.scss */
    #secondPromo h3 {
        padding: 0;
    }

    /* line 2272, ../sass/main.scss */
    .step {
        width: 33.333333%;
    }

    /* line 2275, ../sass/main.scss */
    /* .step.third {
    float: none;
    clear: both;
    width: 100%;
    border: none;
    border-top: 1px solid #ccc;
  }
  /* line 2282, ../sass/main.scss */
    .step.third .arrow {
        display: none;
    }

    /* line 2288, ../sass/main.scss */
    #floorplans,
    #perfectDay {
        padding: 6% 6% 0;
    }


    /* line 2291, ../sass/main.scss */
    #floorplans h2,
    #perfectDay h2 {
        font-size: 40px;
    }

    #appointment,
    #perfectDay {
        padding: 6% 6% 0;
    }

    #appointment h2,
    #perfectDay h2 {
        font-size: 40px;
    }

    /* line 2296, ../sass/main.scss */
    .loc .content-box {
        padding: 34px 40px;
    }

    /* line 2301, ../sass/main.scss */
    #message h2 {
        font-size: 36px;
    }

    /* line 2305, ../sass/main.scss */
    #message .first,
    #message .second {
        padding: 40px;
    }

    /* line 2311, ../sass/main.scss */
    #contact #gdoFeed {
        min-height: 1071px;
    }
}

@media screen and (min-width: 780px) and (max-width: 1260px) {

    /* line 2318, ../sass/main.scss */
    #tickets .step.third h3 {
        margin: 0 0 30px;
    }

    /* line 2323, ../sass/main.scss */
    .step.third {
        height: auto;
    }

    /* line 2326, ../sass/main.scss */
    .step.third:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    /* line 2334, ../sass/main.scss */
    .step.third h3:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    /* line 2342, ../sass/main.scss */
    .step.third .content-box {
        /*float: left; */
        font-size: 13px;
        letter-spacing: -0.02em;
    }


    /* line 2347, ../sass/main.scss */
    .step.third #summary {
        margin: 0;
    }

    /* line 2350, ../sass/main.scss */
    .step.third #summary .left {
        margin: 0 30px 0 0;
    }

    /* line 2356, ../sass/main.scss */
    .step button.pink-btn {
        width: auto;
        padding-left: 5%;
        padding-right: 5%;
        float: right;
        margin: 0;
        margin: 10px 0 0;
    }

    /* line 2366, ../sass/main.scss */
    .step-divider {
        left: 50%;
        bottom: 50%;
    }

    /* line 2370, ../sass/main.scss */
    .step-divider:nth-of-type(2) {
        display: none;
    }

    /* line 2375, ../sass/main.scss */
    #total {
        position: relative;
        left: 50%;
        width: 160px;
        margin: -10px 0 0 -25px;
    }

    /* line 2381, ../sass/main.scss */
    #total .left {
        line-height: 40px;
    }
}

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

    /* line 2388, ../sass/main.scss */
    #nextShow {}

    /* line 2393, ../sass/main.scss */
    footer #logo {
        margin-right: 20px;
    }

    /* line 2397, ../sass/main.scss */
    footer .icon-fb {
        margin: 0 14px 0 16px;
    }

    /* line 2403, ../sass/main.scss */
    #partners a {
        margin: 0 -10px 0 0;
    }

    /* line 2403, ../sass/main.scss */
    #partners2 a {
        margin: 0 -10px 0 0;
    }

    /* line 2406, ../sass/main.scss */
    #partners a#yorkhill {
        margin: 0;
    }

    /* line 2412, ../sass/main.scss */
    #topArea {
        height: 600px;
    }

    /* line 2416, ../sass/main.scss */
    #mainPromo .text {
        left: 40px;
        right: 40px;
        bottom: 40px;
    }

    /* line 2423, ../sass/main.scss */
    #secondPromo h3 {
        font-size: 50px;
        line-height: 50px;
        margin: 0 0 25px;
    }

    /* line 2428, ../sass/main.scss */
    #secondPromo h3 span {
        font-size: 25px;
    }

    /* line 2434, ../sass/main.scss */
    .ft-box {
        padding-top: 26px;
    }

    /* line 2437, ../sass/main.scss */
    .ft-box span {
        font-size: 50px;
        line-height: 50px;
    }

    /* line 2443, ../sass/main.scss */
    .news-box {
        padding: 4% 5% 8%;
    }

    /* line 2446, ../sass/main.scss */
    .news-box h3 {
        font-size: 23px;
        line-height: 26px;
        margin: 0 0 14px;
    }

    /* line 2452, ../sass/main.scss */
    .news-box .date {
        margin: 0 0 16px;
    }

    /* line 2456, ../sass/main.scss */
    .news-box .more,
    .news-box .less {
        bottom: 30px;
    }

    /* line 2462, ../sass/main.scss */
    #message h2 {
        font-size: 32px;
        line-height: 34px;
    }

    /* line 2467, ../sass/main.scss */
    #message .first {
        padding-right: 20px;
    }

    /* line 2473, ../sass/main.scss */
    #socialLinks span {
        font-size: 35px;
        line-height: 35px;
        margin: 0 12px 0 0;
    }

    /* line 2479, ../sass/main.scss */
    #socialLinks h3 {
        font-size: 20px;
    }

    /* line 2483, ../sass/main.scss */
    #socialLinks .content-box {
        padding: 0;
    }
}

@media screen and (max-width: 1024px) {
    #menu {
        position: fixed;
        z-index: 9;
        width: 75%;
        top: -610px;
        left: 25%;
        line-height: 50px;
        font-size: 15px;
        background: #fff;
        color: #aaa;
        -webkit-box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
        -webkit-transition: top 0.2s ease-out;
        -moz-transition: top 0.2s ease-out;
        -o-transition: top 0.2s ease-out;
        transition: top 0.2s ease-out;
    }

    /* line 2490, ../sass/main.scss */
    .right-col {
        display: none;
    }

    /* line 1602, ../sass/main.scss */
    #features {
        background: #fff;

    }


    /* line 2494, ../sass/main.scss */
    .left-col {
        width: 100%;
    }

    /* line 2501, ../sass/main.scss */
    footer #logo {
        width: 60px;
        height: 60px;
        background-size: 100% auto;
        margin: 50px 20px 0;
    }

    /* line 2508, ../sass/main.scss */
    footer .content-box {
        margin: 68px 0 0;
    }

    /* line 2513, ../sass/main.scss */
    #partners {
        padding-top: 55px;
    }

    /* line 2513, ../sass/main.scss */
    #partners2 {
        padding-top: 64px;
    }

    /* line 2516, ../sass/main.scss */
    #partners a {
        width: 100px;
    }

    /* line 2516, ../sass/main.scss */
    #partners2 a {
        width: 100px;
    }

    /* line 2521, ../sass/main.scss */
    #topArea {
        height: 480px;
    }

    /* line 2526, ../sass/main.scss */
    #firstPromo h3 {
        font-size: 60px;
        line-height: 60px;
    }

    /* line 2532, ../sass/main.scss */
    #mainPromo .pink-btn,
    #mainPromo .line-btn {
        width: 190px;
        font-size: 15px;
        letter-spacing: -0.02em;
        height: 50px;
        line-height: 48px;
    }

    /* line 2540, ../sass/main.scss */
    #ticketsLink.for-desktop {
        display: none;
    }

    /* line 2544, ../sass/main.scss */
    #ticketsLink.for-mobile {
        display: block;
    }

    /* line 2548, ../sass/main.scss */
    #buyTickets .content-box {
        margin-left: -356px;
    }

    /* line 2552, ../sass/main.scss */
    .select {
        font-size: 16px;
        width: 230px;
    }

    /* line 2556, ../sass/main.scss */
    .select label {
        padding-left: 20px;
    }

    /* line 2561, ../sass/main.scss */
    .select::after {
        right: 20px;
    }

    /* line 2565, ../sass/main.scss */
    .date-input {
        width: 260px;
    }

    /* line 2568, ../sass/main.scss */
    .date-input input {
        font-size: 16px;
        width: 260px;
    }

    /* line 2574, ../sass/main.scss */
    .ft-box {
        font-size: 12px;
        line-height: 16px;
        padding-top: 20px;
    }

    /* line 2579, ../sass/main.scss */
    .ft-box span {
        font-size: 40px;
        line-height: 40px;
    }

    /* line 2584, ../sass/main.scss */
    .ft-box h3 {
        font-size: 18px;
        margin: 16px 0 14px;
    }

    /* line 2590, ../sass/main.scss */
    #extra {
        height: 350px;
    }

    /* line 2593, ../sass/main.scss */
    #extra h2 {
        font-size: 34px;
    }

    /* line 2598, ../sass/main.scss */
    #floorplans,
    #perfectDay {
        padding: 6% 5% 0;
        font-size: 16px;
        line-height: 20px;
    }

    /* line 2604, ../sass/main.scss */
    #floorplans .for-desktop {
        display: none;
    }

    #appointment,
    #perfectDay {
        padding: 6% 5% 0;
        font-size: 16px;
        line-height: 20px;
    }

    #appointments .for-desktop {
        display: none;
    }

    /* line 2608, ../sass/main.scss */
    #exhibitorsPreview {
        padding: 55px 5% 70px;
    }

    /* line 2611, ../sass/main.scss */
    #exhibitorsPreview h2 {
        font-size: 34px;
    }

    /* line 2617, ../sass/main.scss */
    #logos a {
        margin: 0 15px;
    }

    /* line 2622, ../sass/main.scss */
    .news-box {
        padding: 4% 5% 5%;
        font-size: 13px;
        line-height: 16px;
    }

    /* line 2627, ../sass/main.scss */
    .news-box h3 {
        font-size: 22px;
        line-height: 24px;
        margin: 0 0 10px;
    }

    /* line 2633, ../sass/main.scss */
    .news-box .date {
        font-size: 13px;
        line-height: 16px;
        margin: 0 0 16px;
    }

    /* line 2641, ../sass/main.scss */
    #socialLinks h3 {
        font-size: 18px;
        margin: 0;
    }

    /* line 2646, ../sass/main.scss */
    #socialLinks span {
        margin: 0 8px 0 -5px;
        font-size: 30px;
        line-height: 30px;
    }

    /* line 2652, ../sass/main.scss */
    #socialLinks .content-box {
        margin-top: -2px;
    }
}

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

    /* line 2660, ../sass/main.scss */
    footer #logo {
        display: none;
    }

    #ticketList label,
    #ticketListTea label,
    #ticketListVip label {
        float: left;
        display: block;
        font-size: 18px;
        line-height: 20px;
        font-weight: 700;
    }

    /* line 1232, ../sass/main.scss */
    #ticketList label span,
    #ticketListTea label span,
    #ticketListVip label span {
        display: block;
        font-weight: 300;
        font-size: 11px;
        color: #e5007d;
        font-style: italic;
    }

    /* line 2664, ../sass/main.scss */
    footer .content-box {
        margin-left: 20px;
    }

    /* line 2670, ../sass/main.scss */
    #checkout .content {
        padding: 60px 0 80px;
    }

    /* line 2674, ../sass/main.scss */
    #checkout h2 {
        margin: 0 auto 70px;
    }

    /* line 2678, ../sass/main.scss */
    #checkout .btns {
        padding: 30px 30px 0;
    }

    /* line 2683, ../sass/main.scss */
    #orderSummary,
    #userDetails {
        padding: 30px;
    }

    /* line 2687, ../sass/main.scss */
    #orderSummary #summary li .right {
        width: 15%;
    }
}

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

    #menu {
        position: fixed;
        z-index: 9;
        width: 100%;
        top: -610px;
        left: 0;
        line-height: 50px;
        font-size: 15px;
        background: #fff;
        color: #aaa;
        -webkit-box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
        -webkit-transition: top 0.2s ease-out;
        -moz-transition: top 0.2s ease-out;
        -o-transition: top 0.2s ease-out;
        transition: top 0.2s ease-out;
    }

    /* line 2693, ../sass/main.scss */
    header h1 {
        left: 20px;
    }

    /* line 2696, ../sass/main.scss */
    header h1 a {
        width: 80px;
        height: 80px;
        background-size: 80px auto;
        letter-spacing: -0.02em;
    }

    /* line 2704, ../sass/main.scss */
    nav {
        margin-left: 110px;
        font-size: 14px;
    }

    /* line 2708, ../sass/main.scss */
    nav a {
        padding: 0 8px;
    }

    /* line 2713, ../sass/main.scss */
    #buyTickets {
        padding-top: 30px;
        height: 345px;
    }

    /* line 2717, ../sass/main.scss */
    #buyTickets h2 {
        font-size: 34px;
        line-height: 40px;
    }

    /* line 2721, ../sass/main.scss */
    #buyTickets h2 span {
        font-size: 30px;
    }

    /* line 2726, ../sass/main.scss */
    #buyTickets .content-box {
        bottom: 40px;
        margin-left: -140px;
    }

    /* line 2731, ../sass/main.scss */
    #buyTickets .select {
        width: 280px;
        height: 60px;
        line-height: 58px;
        float: none;
        margin: 0 0 20px;
    }

    /* line 2739, ../sass/main.scss */
    #buyTickets .availability {
        float: none;
        margin: 0;
        text-align: center;
        line-height: 52px;
    }

    /* line 2746, ../sass/main.scss */
    #buyTickets .pink-btn {
        width: 280px;
        height: 60px;
        margin: 0;
        line-height: 58px;
    }

    /* line 2755, ../sass/main.scss */
    #home input {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* line 2760, ../sass/main.scss */
    #home .select::after {
        top: 25px;
    }

    /* line 2764, ../sass/main.scss */
    #home .date-input {
        float: none;
        width: 280px;
    }

    /* line 2768, ../sass/main.scss */
    #home .date-input input {
        width: 280px;
        height: 60px;
        line-height: 58px;
        margin: 10px 0 0;
    }

    /* line 2775, ../sass/main.scss */
    #home .date-input .icon-calendar {
        top: 28px;
        right: 20px;
    }

    /* line 2782, ../sass/main.scss */
    footer {
        height: auto;
        padding: 40px;
    }

    /* line 2786, ../sass/main.scss */
    footer .content-box {
        float: none;
        clear: both;
        margin: 0;
        padding: 0 0 30px;
        text-align: center;
    }

    /* line 2794, ../sass/main.scss */
    footer #partners {
        float: none;
        clear: both;
        padding: 0;
        text-align: center;
    }

    /* line 2794, ../sass/main.scss */
    footer #partners2 {
        float: none;
        clear: both;
        padding: 0;
        text-align: center;
    }

    /* line 2802, ../sass/main.scss */
    #topArea {
        width: 100%;
        padding: 0;
        height: 480px;
    }

    /* line 2809, ../sass/main.scss */
    #mainPromo .text {
        text-align: center;
        bottom: 100px;
    }

    /* line 2815, ../sass/main.scss */
    #mainPromo #secondPromo .text {
        bottom: 100px;
    }

    /* line 2819, ../sass/main.scss */
    #mainPromo #secondPromo .pink-btn {
        float: left;
        margin: 20 auto;
    }

    /* line 2827, ../sass/main.scss */
    #firstPromo h3,
    #secondPromo h3,
    #thirdPromo h3 {
        font-size: 50px;
        line-height: 50px;
    }

    /* line 2832, ../sass/main.scss */
    #firstPromo .clearfix,
    #secondPromo .clearfix,
    #thirdPromo .clearfix {
        position: absolute;
        left: 50%;
        margin: 0 0 0 -205px;
    }

    /* line 2839, ../sass/main.scss */
    #gdoFeed,
    nav.for-desktop {
        display: none;
    }

    /* line 2843, ../sass/main.scss */
    nav.for-mobile {
        display: block;
    }

    /* line 2846, ../sass/main.scss */
    nav.for-mobile .icon-menu,
    nav.for-mobile .icon-cross {
        font-size: 20px;
    }

    /* line 2852, ../sass/main.scss */
    #ticketInfo div {
        padding: 0 40px 0 50px;
        font-size: 13px;
    }

    /* line 2857, ../sass/main.scss */
    #ticketInfo h3 {
        font-size: 24px;
    }

    /* line 2864, ../sass/main.scss */
    #eventDetails .banner h2 {
        font-size: 54px;
        line-height: 60px;
    }

    /* line 2869, ../sass/main.scss */
    #eventDetails .banner .content-box div {
        letter-spacing: -0.03em;
        padding: 0 20px;
    }

    /* line 2876, ../sass/main.scss */
    #ampersand {
        font-size: 56px;
        line-height: 60px;
    }

    /* line 2881, ../sass/main.scss */
    #features {
        height: auto;
    }

    /* line 2885, ../sass/main.scss */
    .ft-box {
        float: none;
        clear: both;
        width: 100%;
        height: auto;
        text-align: left;
        font-size: 13px;
        line-height: 18px;
        border: none;
        border-top: 1px solid #ccc;
        padding: 20px 20px 20px 90px;
        position: relative;
    }

    /* line 2898, ../sass/main.scss */
    .ft-box:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    /* line 2906, ../sass/main.scss */
    .ft-box span {
        position: absolute;
        left: 20px;
        width: 50px;
        line-height: 50px;
        text-align: center;
    }

    /* line 2914, ../sass/main.scss */
    .ft-box h3 {
        margin: 0 0 10px;
    }

    /* line 2920, ../sass/main.scss */
    #extra h2 {
        font-size: 28px;
        margin: 0 0 15px;
    }

    /* line 2926, ../sass/main.scss */
    #floorplans,
    #perfectDay {
        padding: 10% 5% 0;
        font-size: 14px;
        line-height: 18px;
    }

    #appointments {
        font-size: 14px;
        line-height: 18px;
    }

    /* line 2933, ../sass/main.scss */
    #floorplans .pink-btn,
    #floorplans .purple-btn {
        height: 50px;
        line-height: 48px;
        font-size: 15px;
    }

    #appointments .pink-btn,
    #appointments .purple-btn {
        height: 50px;
        line-height: 48px;
        font-size: 15px;
    }

    /* line 2940, ../sass/main.scss */
    #exhibitorsPreview {
        padding: 30px 20px 50px;
    }

    /* line 2943, ../sass/main.scss */
    #exhibitorsPreview h2 {
        font-size: 28px;
        margin: 0 0 30px;
    }

    /* line 2948, ../sass/main.scss */
    #exhibitorsPreview .line-btn {
        height: 50px;
        line-height: 46px;
        font-size: 15px;
        margin: 40px auto 0;
    }

    /* line 2956, ../sass/main.scss */
    #fakeLrg,
    #benefitLrg,
    #debenhamsLrg {
        background-size: auto 100px;
    }

    /* line 2960, ../sass/main.scss */
    #exhibitorList {
        font-size: 13px;
    }

    /* line 2963, ../sass/main.scss */
    #exhibitorList .content-box {
        width: 90%;
    }

    /* line 2967, ../sass/main.scss */
    #exhibitorList .inline {
        width: 22%;
    }

    /* line 2970, ../sass/main.scss */
    #exhibitorList .inline.first {
        width: 80px;
    }

    /* line 2976, ../sass/main.scss */
    .letter {
        font-size: 26px;
    }

    /* line 2981, ../sass/main.scss */
    #checkout .btns {
        padding: 20px 20px 0;
    }

    /* line 2984, ../sass/main.scss */
    #checkout .btns .left {
        line-height: 68px;
    }

    /* line 2990, ../sass/main.scss */
    #checkout form button {
        height: 70px;
        line-height: 68px;
    }

    /* line 2997, ../sass/main.scss */
    #orderSummary,
    #userDetails {
        padding: 20px;
        width: 100%;
        float: none;
        clear: both;
    }

    /* line 3003, ../sass/main.scss */
    #orderSummary:after,
    #userDetails:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    /* line 3012, ../sass/main.scss */
    #orderSummary #summary li .right {
        width: 15%;
    }

    /* line 3016, ../sass/main.scss */
    #userDetails {
        border-top: 1px solid #ccc;
        border-left: none;
    }
}

@media screen and (max-width: 780px) {
    #tickets .banner div .topbannercontainer {
        width: 95%;
        margin-top: 10px;
    }

    /* line 3024, ../sass/main.scss */
    #tickets .banner {
        font-size: 16px;
        line-height: 20px;
    }

    /* line 3028, ../sass/main.scss */
    #tickets .banner.lrg {
        height: 340px;
    }

    /* line 3032, ../sass/main.scss */
    #tickets .banner h2 {
        font-size: 30px;
        margin: 15px 0 30px;
    }

    /* line 3040, ../sass/main.scss */
    #venues div {
        height: 340px;
        font-size: 18px;
        line-height: 28px;
    }

    /* line 3046, ../sass/main.scss */
    #venues h4 {
        font-size: 34px;
        line-height: 40px;
        margin-top: 45px;
    }

    /* line 3052, ../sass/main.scss */
    #venues a {
        height: 60px;
        line-height: 58px;
        font-size: 19px;
        width: 200px;
    }

    /* line 3060, ../sass/main.scss */
    .step {
        float: none;
        clear: both;
        width: 100%;
        height: auto;
        min-height: 0;
    }

    /* line 3067, ../sass/main.scss */
    .step.first h3 {
        margin: 0 0 30px;
    }

    /* line 3071, ../sass/main.scss */
    .step.second {
        border-top: 1px solid #ccc;
    }

    /* line 3075, ../sass/main.scss */
    .step button.pink-btn {
        height: 70px;
        line-height: 68px;
    }

    /* line 3081, ../sass/main.scss */
    .step-divider {
        display: none;
    }

    /* line 3087, ../sass/main.scss */
    #eventDetails .banner .pink-btn {
        width: auto;
    }

    /* line 3091, ../sass/main.scss */
    #eventDetails .banner .for-desktop {
        display: none;
    }

    /* line 3098, ../sass/main.scss */
    #exhibitorsPreview h2 {
        margin: 0 0 20px;
    }

    /* line 3102, ../sass/main.scss */
    #exhibitorsPreview .line-btn {
        margin: 30px auto 0;
    }

    /* line 3108, ../sass/main.scss */
    #logos a {
        width: 176px;
        margin: 0 10px;
    }

    /* line 3114, ../sass/main.scss */
    #mainExhibitors div {
        height: 140px;
    }

    /* line 3118, ../sass/main.scss */
    #exhibitorList {
        padding: 0 20px;
    }

    /* line 3121, ../sass/main.scss */
    #exhibitorList .content-box {
        width: 100%;
        padding-top: 50px;
    }

    /* line 3126, ../sass/main.scss */
    #exhibitorList h3 {
        font-size: 38px;
        line-height: 40px;
        margin-bottom: 50px;
    }

    /* line 3133, ../sass/main.scss */
    #exhibitorList .inline.first {
        width: 50px;
    }
}

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

    /* line 3142, ../sass/main.scss */
    .banner h2 {
        font-size: 54px;
    }

    #tickets .banner h2 {
        margin: 60px 0 16px;
    }

    #tickets .second {
        /* display: none; */
    }

    #tickets .banner div .topbannercontainer {
        display: none;
    }

    /* line 3148, ../sass/main.scss */
    #ticketInfo div {
        float: none;
        clear: both;
        width: 100%;
        padding: 0 5% 1px;
    }

    /* line 3154, ../sass/main.scss */
    #ticketInfo div.first {
        border: none;
        border-bottom: 1px solid #ccc;
        margin: 0 0 50px;
    }

    /* line 3161, ../sass/main.scss */
    #ticketInfo ul {
        margin: 0 0 40px;
    }

    /* line 3167, ../sass/main.scss */
    #tickets .banner {
        font-size: 14px;
        line-height: 20px;
    }

    /* line 3171, ../sass/main.scss */
    #tickets .banner.lrg {
        height: 340px;
    }

    /* line 3176, ../sass/main.scss */
    #tickets .banner h2 {
        font-size: 25px;
        margin-top: 45px;
    }

    /* line 3181, ../sass/main.scss */
    #tickets .banner .line-btn {
        width: 100%;
        height: 50px;
        line-height: 46px;
    }

    /* line 3187, ../sass/main.scss */
    #tickets .banner #exclusive {
        color: #fff;
    }

    /* line 3196, ../sass/main.scss */
    #eventDetails .banner .content-box div {
        padding: 0 20px;
    }

    /* line 3201, ../sass/main.scss */
    #eventDetails .banner.lrg {
        height: 250px;
    }

    /* line 3205, ../sass/main.scss */
    #eventDetails .banner h2 {
        font-size: 44px;
        line-height: 40px;
        margin-top: 34px;
    }

    /* line 3211, ../sass/main.scss */
    #eventDetails .banner .pink-btn {
        height: 50px;
        line-height: 48px;
        margin-top: 22px;
    }

    /* line 3217, ../sass/main.scss */
    #eventDetails .banner .for-desktop {
        display: none;
    }

    /* line 3223, ../sass/main.scss */
    #ampersand {
        font-size: 46px;
        line-height: 40px;
        margin-top: 34px;
    }

    /* line 3229, ../sass/main.scss */
    #extra {
        height: auto;
    }

    /* line 3233, ../sass/main.scss */
    #floorplans,
    #perfectDay {
        float: none;
        clear: both;
        width: 100%;
        height: auto;
        min-height: 250px;
        padding: 5% 10% 0;
    }

    /* line 3243, ../sass/main.scss */
    #floorplans p {
        margin: 0 0 20px;
    }

    #appointments .left,
    #appointments .right,
    #appointments .centre {
        float: none;
        clear: both;
        width: 80%;
        padding: 5% 10% 0;
    }


    #appointments p {
        margin: 0 0 20px;
    }

    #appointments h2 {
        font-size: 30px;
    }

    .banners h2 {
        font-size: 20px;
        line-height: 145%;

    }



    /* line 3249, ../sass/main.scss */
    #logos a {
        width: 146px;
        margin: 0 10px;
    }

    /* line 3255, ../sass/main.scss */
    .new-row {
        min-height: 0;
    }

    /* line 3259, ../sass/main.scss */
    .border-line {
        display: none;
    }

    /* line 3263, ../sass/main.scss */
    .news-row {
        min-height: 140px;
        border: none;
    }

    /* line 3268, ../sass/main.scss */
    .news-box {
        display: block;
        float: none;
        clear: both;
        width: 100%;
        height: auto;
        padding: 20px 20px 60px;
        border: none;
        border-bottom: 1px solid #ccc;
    }

    /* line 3278, ../sass/main.scss */
    .news-box:nth-of-type(1) {
        width: 100%;
    }

    /* line 3283, ../sass/main.scss */
    #message {
        padding-bottom: 40px;
    }

    /* line 3286, ../sass/main.scss */
    #message .first,
    #message .second {
        float: none;
        clear: both;
        width: 100%;
        padding: 40px 40px 0;
    }

    /* line 3293, ../sass/main.scss */
    #message p {
        margin: 0 0 20px;
    }

    /* line 3299, ../sass/main.scss */
    #socialLinks:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    /* line 3307, ../sass/main.scss */
    #socialLinks li {
        float: left;
    }

    /* line 3310, ../sass/main.scss */
    #socialLinks li:first-child {
        margin: 0 40px 0 0;
    }

    /* line 3317, ../sass/main.scss */
    #exhibitorList li.clearfix {
        position: relative;
        padding-left: 50px;
    }

    /* line 3322, ../sass/main.scss */
    #exhibitorList .inline {
        float: none;
        clear: both;
        width: auto;
    }

    /* line 3327, ../sass/main.scss */
    #exhibitorList .inline.first {
        position: absolute;
        left: 0;
        top: 0;
    }
}

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

    /* line 3338, ../sass/main.scss */
    #firstPromo .text,
    #secondPromo .text,
    #thirdPromo .text {
        bottom: 60px;
    }

    /* line 3342, ../sass/main.scss */
    #firstPromo .pink-btn,
    #thirdPromo .pink-btn,
    #secondPromo .pink-btn {
        display: block;
    }

    /* line 3346, ../sass/main.scss */
    #firstPromo .line-btn,
    #secondPromo .line-btn,
    #thirdPromo .line-btn {
        margin: 0 auto;
        float: none;
    }

    /* line 3351, ../sass/main.scss */
    #firstPromo .clearfix,
    #secondPromo .clearfix,
    #thirdPromo .clearfix {
        position: relative;
        left: auto;
        margin: 0;
    }

    .for-desktop {
        display: none;
    }

    /* line 3375, ../sass/main.scss */
    #venues div {
        height: 280px;
        padding: 0 20px;
        font-size: 14px;
        line-height: 18px;
        box-sizing: border-box;
    }

    /* line 3382, ../sass/main.scss */
    #venues div a {
        width: 100%;
        height: 50px;
        background: none;
        font-size: 15px;
        line-height: 50px;
    }

    /* line 3389, ../sass/main.scss */
    #venues div a .for-mobile {
        display: inline;
    }

    /* line 3395, ../sass/main.scss */
    #venues h4 {
        font-size: 21px;
        line-height: 28px;
        margin: 25px 0 15px;
    }

    /* line 3401, ../sass/main.scss */
    #venues ul {
        margin: 0 0 10px;
    }

    /* line 3406, ../sass/main.scss */
    #logos a {
        width: 136px;
        height: 80px;
    }

    /* line 3411, ../sass/main.scss */
    #vip {
        display: none;
    }

    /* line 3417, ../sass/main.scss */
    #tickets .banner.lrg {
        height: 250px;
    }

    /* line 3421, ../sass/main.scss */
    #tickets .banner div {
        float: none;
        clear: both;
        width: 100%;
    }

    /* line 3427, ../sass/main.scss */
    #tickets .banner h2 {
        margin: 60px 0 16px;
    }

    /* line 3434, ../sass/main.scss */
    #eventDetails .banner {
        font-size: 14px;
    }

    /* line 3435, ../sass/main.scss */
    #eventDetails .banner h2 {
        font-size: 34px;
        letter-spacing: -0.04em;
        margin: 58px 0 10px;
    }

    /* line 3441, ../sass/main.scss */
    #eventDetails .banner .pink-btn {
        background: none;
        height: auto;
        width: auto;
        margin-top: 20px;
    }

    /* line 3447, ../sass/main.scss */
    #eventDetails .banner .pink-btn:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        opacity: 0.7;
    }

    /* line 3452, ../sass/main.scss */
    #eventDetails .banner .icon-tickets_white {
        display: none;
    }

    /* line 3459, ../sass/main.scss */
    #eventDetails .for-mobile {
        display: inline;
    }

    /* line 3464, ../sass/main.scss */
    #ampersand {
        display: none;
    }

    /* line 3469, ../sass/main.scss */
    #checkout .content {
        padding: 50px 0 60px;
    }

    /* line 3473, ../sass/main.scss */
    #checkout h2 {
        font-size: 38px;
        line-height: 40px;
        margin: 0 auto 50px;
    }

    /* line 3480, ../sass/main.scss */
    #checkout .btns .left {
        display: none;
    }

    /* line 3484, ../sass/main.scss */
    #checkout .btns .right {
        float: none;
    }

    /* line 3490, ../sass/main.scss */
    #checkout form button {
        width: 100%;
        height: 60px;
        line-height: 58px;
    }

    /* line 3498, ../sass/main.scss */
    #fakeLrg,
    #benefitLrg,
    #debenhamsLrg {
        background-size: auto 50%;
    }
}

@media screen and (min-width: 480px) {

    /* line 3504, ../sass/main.scss */
    #socialLinks li:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

}

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

    #exhibitor {
        clear: both;
        width: 100%;
    }

    #exhibitorleft {
        clear: both;
        width: 100%;

    }

    #contact h3 {
        font-size: 24px;
        line-height: 28px;
    }

    /* line 3514, ../sass/main.scss */
    .for-desktop {
        display: none;
    }

    /* line 3518, ../sass/main.scss */
    .for-mobile {
        display: block;
    }

    /* line 3522, ../sass/main.scss */
    input {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* line 3527, ../sass/main.scss */
    .select {
        height: 60px;
        line-height: 58px;
    }

    /* line 3531, ../sass/main.scss */
    .select:after {
        top: 25px;
    }

    /* line 3536, ../sass/main.scss */
    .date-input {
        float: none;
        width: 280px;
    }

    /* line 3540, ../sass/main.scss */
    .date-input input {
        width: 280px;
        height: 60px;
        line-height: 58px;
        margin: 10px 0 0;
    }

    /* line 3547, ../sass/main.scss */
    .date-input .icon-calendar {
        top: 28px;
        right: 20px;
    }

    /* line 3554, ../sass/main.scss */
    .banner h2 {
        font-size: 30px;
    }

    /* line 3559, ../sass/main.scss */
    header {
        height: 50px;
    }

    /* line 3562, ../sass/main.scss */
    header h1 a {
        width: 64px;
        height: 64px;
        background-size: 64px auto;
    }

    /* line 3569, ../sass/main.scss */
    nav {
        height: 50px;
        padding: 0;
        line-height: 54px;
        margin-left: 90px;
    }

    /* line 3576, ../sass/main.scss */
    nav.for-mobile .icon-menu,
    nav.for-mobile .icon-cross {
        font-size: 16px;
    }

    /* line 3585, ../sass/main.scss */
    #menu.active {
        top: 50px;
        padding-top: 25px;
    }

    /* line 3590, ../sass/main.scss */
    #location {
        font-size: 14px;
        line-height: 50px;
    }

    /* line 3595, ../sass/main.scss */
    #ticketsLink.for-mobile a {
        width: 90px;
        height: -webkit-fill-available;
        padding: 10px 0 0 10px;
        font-size: 12px;
        line-height: 14px;
    }

    /* line 3602, ../sass/main.scss */
    #ticketsLink.for-mobile a span {
        font-size: 16px;
        margin-right: 6px;
    }

    /* line 3608, ../sass/main.scss */
    #topArea {
        height: 250px;
    }

    /* line 3613, ../sass/main.scss */
    #mainPromo .text {
        bottom: 30px;
    }

    /* line 3618, ../sass/main.scss */
    #mainPromo h3 {
        font-size: 30px;
        line-height: 32px;
        margin: 0 0 14px;
    }

    /* line 3624, ../sass/main.scss */
    #mainPromo .clearfix {
        position: relative;
        left: auto;
        margin: 0;
    }

    /* line 3633, ../sass/main.scss */
    #mainPromo #secondPromo .text {
        bottom: 30px;
    }

    /* line 3640, ../sass/main.scss */
    #secondPromo h3 {
        font-size: 25px;
        line-height: 25px;
        margin: 0 0 14px;
    }

    /* line 3645, ../sass/main.scss */
    #secondPromo h3 span {
        font-size: 16px;
        line-height: 20px;
        width: 200px;
        margin: 10px auto 0;
    }

    /* line 3654, ../sass/main.scss */
    .banner {
        font-size: 14px;
        line-height: 18px;
    }

    /* line 3658, ../sass/main.scss */
    .banner.lrg {
        height: 250px;
    }

    /* line 3661, ../sass/main.scss */
    .banner.lrg h2 {
        font-size: 22px;
        line-height: 25px;
        margin-top: 50px;
    }

    /* line 3670, ../sass/main.scss */
    #tickets h3 {
        font-size: 24px;
        line-height: 28px;
    }

    /* line 3676, ../sass/main.scss */
    .step {
        padding: 30px 20px;
    }

    /* line 3679, ../sass/main.scss */
    .step .clearfix div {
        font-size: 14px;
        line-height: 38px;
    }

    /* line 3684, ../sass/main.scss */
    .step .select {
        margin: 20px 0 10px;
    }

    /* line 3688, ../sass/main.scss */
    .step button.pink-btn {
        height: 60px;
        line-height: 58px;
        margin: 26px 0 0;
    }

    /* line 3694, ../sass/main.scss */
    .step #otherFees .clearfix div {
        font-size: 12px;
        line-height: 16px;
    }

    /* line 3701, ../sass/main.scss */
    #ticketList label,
    #ticketListTea label,
    #ticketListVip label {
        font-size: 15px;
    }

    /* line 3705, ../sass/main.scss */
    #ticketList .price,
    #ticketListTea .price,
    #ticketListVip .price {
        font-size: 14px;
    }

    /* line 3711, ../sass/main.scss */
    #ticketInfo h2 {
        font-size: 28px;
        line-height: 30px;
        margin: 0 0 36px;
    }

    /* line 3717, ../sass/main.scss */
    #ticketInfo div {
        padding: 0 20px 1px;
        font-size: 12px;
        line-height: 16px;
    }

    /* line 3722, ../sass/main.scss */
    #ticketInfo div.first {
        margin-bottom: 20px;
    }

    /* line 3727, ../sass/main.scss */
    #ticketInfo h3 {
        font-size: 18px;
        line-height: 24px;
    }

    /* line 3732, ../sass/main.scss */
    #ticketInfo ul {
        margin: 0 0 30px;
    }

    /* line 3736, ../sass/main.scss */
    #ticketInfo li {
        background-size: 6px auto;
        padding: 0 0 0 16px;
    }

    /* line 3742, ../sass/main.scss */
    .ft-box {
        padding-left: 70px;
    }

    /* line 3745, ../sass/main.scss */
    .ft-box span {
        font-size: 30px;
        width: 30px;
        line-height: 40px;
    }

    /* line 3752, ../sass/main.scss */
    .map-wrapper {
        display: none;
    }

    /* line 3757, ../sass/main.scss */
    .loc h2 {
        font-size: 20px;
        line-height: 22px;
    }

    /* line 3762, ../sass/main.scss */
    .loc h3 {
        font-size: 12px;
    }

    /* line 3766, ../sass/main.scss */
    .loc .content-box {
        padding: 40px 20px 20px;
        font-size: 12px;
        line-height: 14px;
    }

    /* line 3773, ../sass/main.scss */
    #message {
        font-size: 13px;
        line-height: 16px;
    }

    /* line 3777, ../sass/main.scss */
    #message .first,
    #message .second {
        padding: 20px;
    }

    /* line 3781, ../sass/main.scss */
    #message .second {
        padding-top: 0;
    }

    /* line 3785, ../sass/main.scss */
    #message h2 {
        font-size: 26px;
        line-height: 30px;
        margin: 0 0 16px;
    }

    /* line 3793, ../sass/main.scss */
    #socialLinks .content-box {
        margin-top: 8px;
    }

    /* line 3799, ../sass/main.scss */
    .form-box .sma {
        float: none;
        clear: both;
        width: 100%;
        margin: 0;
    }

    /* line 3805, ../sass/main.scss */
    .form-box .sma:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    /* line 3814, ../sass/main.scss */
    .form-box .sma:last-child input {
        margin: 0;
    }

    /* line 3819, ../sass/main.scss */
    .form-box .sma input {
        margin: 0 0 20px;
    }

    /* line 3825, ../sass/main.scss */
    #mainExhibitors div {
        height: 100px;
    }

    /* line 3829, ../sass/main.scss */
    #confirmation {
        width: 100%;
        min-height: 300px;
        padding: 0 20px;
        box-sizing: border-box;
    }
}

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

    /* line 3839, ../sass/main.scss */
    header h1 {
        top: 5px;
        left: 10px;
    }

    #nextShow {
        display: none;
    }

    #exhibitor {
        clear: both;
        width: 100%;
    }

    #exhibitorleft {
        clear: both;
        width: 100%;

    }

    #floorplans .content-box {
        width: 100%;
        display: inline-block;
        /* for ie6/7: */
        *display: inline;
        zoom: 1;
    }

    #appointments .content-box {
        width: 100%;
        display: inline-block;
        /* for ie6/7: */
        *display: inline;
        zoom: 1;
    }

    /* line 3845, ../sass/main.scss */
    nav {
        margin-left: 76px;
    }

    /* line 3849, ../sass/main.scss */
    #location {
        margin: 0 0 0 5px;
        font-size: 13px;
    }

    /* line 3854, ../sass/main.scss */
    footer {
        padding: 20px;
        font-size: 13px;
        letter-spacing: -0.02em;
    }

    /* line 175, ../sass/main.scss */
    input,
    select {
        color: #333;
        font: 18px/70px "jaf-facitweb", sans-serif;
        border: 2px solid #ccc;
        font-size: 13px;
        font-weight: 700;
        padding-left: 30px;
        padding-right: 30px;
        height: 50px;
    }

}

/* ===== end MEDIA QUERIES ===== */