/*
light grey - #f7f7f7
grey shade down - #efefef

primary - #ee237c
green - #27ae60

*/

@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon_-f1citb.eot');
    src:url('../fonts/icomoon.eot') format('embedded-opentype'),
    url('../fonts/icomoon_-f1citb.ttf') format('truetype'),
    url('../fonts/icomoon_-f1citb.woff') format('woff'),
    url('../fonts/icomoon_-f1citb.svg') format('svg');
}

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

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

html{
    /*font-size:11px;   */
}

body{
    font-size:1.3rem;
    font-family: 'fira', Helvetica, Arial, sans-serif;
    color: #555;
}

main, footer, header{
    position: relative;
}

main{
    background-color:#fff;
    z-index: 999;
    position: relative;
}

footer{
    background-color:#222;
    padding:15px 0;
}

footer a{
    color:#fff;
    margin: 0 15px;
}

footer [class*="socialicon-"]{
    font-size:2rem;
    margin:10px 5px 0 0;
}

.container{
    position:relative;
}

header .navbar-menu a.new-partner-link {
    color: #ffffff;
    background-color: #ee237c;
    height: 80%;
    padding: 3px;
    margin-top: 7px;
}

header .navbar-menu a.new-partner-link:hover {
    color: #ffffff;
    background-color: #ee237c;
}

footer p a.new-partner-link {
    color: #ffffff;
    background-color: #ee237c;
    height: 80%;
    padding: 3px;
    margin-top: 7px;
}

footer p a.new-partner-link:hover {

}

header .navbar-header{
    width: 100%;
    border-bottom:1px solid #888;
}

header .navbar{
    margin-bottom:0;
    color: #fff;
    background-color: #222;
}

header .navbar [class*="defaulticon-"], header .navbar a{
    color:#fff;
}

header .navbar-collapse{
    padding-left:8px;
    padding-right:0;
}

header .header-logo{
    width: 240px;
    margin: 8px 0 0 6px;
}

header .navbar-menu a {
    padding: 10px 0;
    text-transform:uppercase;
}

header .navbar-menu a.featured span {
    padding-left: 0.7em;
    padding-right: 0.7em;
    background-color: rgba(255,255,255,.2);
}
header .navbar-menu a.featured span:hover {
    background-color: rgba(255,255,255,.4);
    color:#333;
}

header .navbar-toggle .icon-bar{
    background-color: #fff;
}

header .navbar-search > span, header .navbar-basket > span{
    font-size: 1.8rem;
    display: block;
    padding: 2px 0;
    margin-right: -2px;
}

header .navbar-basket > .pull-left{
    margin:0px -8px 0 0;
    font-size: 1.9rem;
}

header .header-search-mobile{
    background-color: #f2f2f2;
    padding: 8px 10px;
    border-bottom: 1px solid #ddd;
}

header .nav>li>a:hover, header .nav>li>a:focus {
    text-decoration: none;
    background-color: #222;
    color: #ee237c;
}

header .navbar-menu-divide{
    padding: 7px 50px;
    color: #222;
}

.header-menu{
    float:right;
    margin-top: 12px;
}

.header-menu>li{
    float:left;
    list-style: none;
    margin-left: 16px;
}
.header-menu>li>a:hover{
    color: #ff1493;
}

.navbar-toggle {
    margin-right: 5px;
}

.cursor-pointer {
    cursor: pointer;
}

#header-search{
    position: relative;
}

#header-search > span.defaulticon-search{
    position: absolute;
    z-index:1501;
}

#header-search-input{
    padding: 4px 4px 4px 30px;
    margin-top: -8px;
    color: #fff;
    background-color: transparent;
    border-color: #888;
}

#header-search-input-mobile{
    border-color: #fff;
}

#header-search > ul{
    padding: 6px;
    background-color: #fff;
    position: absolute;
    width: 180px;
    list-style: none;
    z-index: 999;
    box-shadow: 0 5px 5px rgba(0,0,0,.1);
    opacity: .95;
}

.header-search-mobile > ul{
    padding: 10px 15px;
    width: 100%;
    list-style: none;
}

.header-search-mobile > ul >li{
    padding: 6px 0;
}

#header-search-input::-webkit-input-placeholder, #header-search-input:-moz-placeholder, #header-search-input::-moz-placeholder, #header-search > .form-control:-ms-input-placeholder{
    color: #fff !important;
    opacity: 1.0;
}


#home-search-desktop{
    padding: 180px 0 20px 0;
}

#home-search-desktop .lead{
    color: #fff;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar .navbar-collapse {
    text-align: center;
}

section#usp-bar {
    text-align:center;
    padding:0.6em;
    border-bottom: 1px solid #ddd;
    text-transform:uppercase;
}

/* Mobile homepage interface */
/* Mobile */
@media (max-width: 767px)
{
    section#usp-bar {
        text-align: left;
    }
    .navbar .navbar-collapse {
        text-align: left;
    }

        #home-search-mobile{
            min-height: 100vh;
            background-color: #ee237c;
            background-position: center center;
            background-size: cover;
            background-image: url('../img/heros/mobile.jpg');
        }

        #home-search-mobile.subpage{
            min-height: 200px;
        }

        #home-search-mobile h2{
            margin: 20px 0;
        }

        #home-search-mobile h1{
            font-size: 2.4rem;
            margin: 50px 0 40px 0;
            line-height: 3rem;
        }

        #home-search-mobile .input-search{
            border: none;
            width: 100%;
            margin: 20px 0 50px 0;
            padding: 20px;
            font-size: 1.6rem;
            color: #fff;
            background-color: rgba(0,0,0,.2);
        }

        #home-search-mobile input{
            padding-left: 10px;
            color: #eee;
            width: 100%;
            margin-top: 10px;
        }

        #home-search-mobile input::-moz-placeholder{
            color: #fff;
            opacity: .7;
        }

        #home-search-mobile input:-moz-placeholder{
            color: #fff;
            opacity: .7;
        }

        #home-search-mobile input::-webkit-input-placeholder{
            color: #fff;
            opacity: .7;
        }

        #home-search-mobile .false-input{
            position: relative;
            /*background: rgba(255,255,255,.04);*/
        }

        #home-search-mobile .alert-error{
            background-color: rgba(255,0,0,.1);
        }

        #home-search-mobile .false-input-error{
            /*background-color: rgba(255,0,0,.1);*/
            color: red !important ;
        }

        .false-input-error > input::-webkit-input-placeholder{
            color: red !important ;
        }

        #home-search-mobile .false-input-error .false-input-border{
            border-color: red;
        }

        #home-search-mobile .false-input-auto{
            position: absolute;
            top: 38px;
            background-color: #fff;
            color: #222;
            height: auto;
            width: 100%;
            z-index: 99
        }

        #home-search-mobile .false-input-auto ul{
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #home-search-mobile .false-input-auto li{
            margin: 0;
            padding: 5px 10px;

        }

        #home-search-mobile .false-input-border{
            height: 5px;
            border: 1px solid #fff;
            border-top-width: 0px;
            margin:5px 0 30px 0;
        }

        #home-search-mobile .false-input input{
            border: none;
            background: transparent;
        }

        #home-search-mobile .stage-hidden{
            display: none;
        }

        #home-search-mobile label:before{
            font-size: 1.7rem;
        }


        #home-search-mobile .img-category{
            width: 100%;
            height: 100px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            margin: 0 auto;
            position: relative;
        }

        #home-search-mobile .img-category > p{
            font-size: 1rem;
            line-height: 1.2rem;
            bottom: 0px;
            left:0;
            background-color: rgba(0,0,0,.6);
            width:100%;
            position: absolute;
            padding: 3px 0;
            margin: 0px;
            height: 30px;
        }

        #home-search-mobile .input-toggle{
            background-color: rgba(0,0,0,.5);
            margin-bottom: 50px;
            padding: 20px;
            font-size: 1.8rem;
            color: #fff;
        }

        #home-search-mobile .input-toggle-button{
            margin-top: 20px;
            width: 49%;
            background-color: rgba(0,0,0,.5);
            text-align: center;
            color: #fff;
            display: inline-block;
            padding: 10px 0;
        }

        #home-search-mobile .input-toggle-button.active{
            background-color: rgba(0,0,0,.2);
           /* border: 1px solid #fff;*/
            border-bottom-width: 0px;
        }

        #home-search-mobile .btn-block{
                color: #fff;
                font-size: 1.7rem;
        }

        .flip-container {
            -webkit-perspective: 400px;
            perspective: 400px;

        }

        #home-search-mobile.subpage .flip-container {
            height: 357px;
        }

        .flip-container.hover .flipper {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }

        .flip-container, .front, .back {
            width: 100%;
            height: 180px;
        }

        .flipper {
            -webkit-transition: 0.6s;
            transition: 0.6s;
         -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;


            position: relative;
        }

        .front, .back {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            position: absolute;
            top: 0;
            left: 0;
        }

        .front {
            z-index: 2;
            -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);

        }

        .back {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);

        }
}














/* Search Tabs */

.tab-panel{
    margin-bottom: 40px; /*100*/
}

.tab-panel .nav-tabs{
    border: none;
}

.tab-panel .nav-tabs li{
    width: 33.33%;
}

.tab-panel .nav-tabs a{
    background-color: rgba(242,242,242,.7);
    border: none;
    padding: 17px 50px;
    border-radius: 3px 3px 0px 0px;
    font-size: 1.7rem;
    font-weight: 700;
}

.tab-panel .nav-tabs a:hover{
    background-color: rgba(242,242,242,.8);
}

.tab-panel li.active > a, .tab-panel > .tab-content, .tab-panel li.active > a:hover, .tab-panel li.active > a:focus{
    background-color: #f2f2f2;
}

.tab-panel > .tab-content{
    padding: 40px 40px;
    border-radius: 0 3px 3px 3px;

}

.tab-panel input, .tab-panel button{
    font-size: 1.8rem;
    height: 60px;
}

.tab-panel input + span{
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 2rem;
    color: #ccc;
}

#wrap-loc > span:first-child::before, #wrap-cat > span:first-child::before, #wrap-venue > span:first-child::before {
    color: #ccc;
    content: "\e77a";
    font-family: "icomoon";
    font-size: 2rem;
    right: 18px;
    position: absolute;
    text-shadow: none;
    top: 17px;
    z-index: 999;
}

#wrap-loc > span:first-child::before{
    content: "\e77a";
}

#wrap-cat > span:first-child::before {
    content: "\e745";
}

#wrap-venue > span:first-child::before {
    content: "\e744";
}





.text-inline{
    display:inline-block;
}

.text-default, .text-default a{
    color:#555;
}
/* class to make H1 etc look like ordinary <body> text */
.text-reset {
    color:#555; font-weight:initial; font-size:1.4rem;
    font-family: 'fira', Helvetica, Arial, sans-serif;

}

.text-link, .text-link a{
    color:#ee237c;
}

.text-heading{
    margin:0 0 20px 0;
}

.text-muted{
    opacity:.5;
}
.text-white{
    color: #fff;
}

.text-shadow {
    text-shadow: 0 3px 0 rgba(23, 23, 20, 0.7);
}

.text-normal{
    font-family: 'fira', Helvetica, Arial, sans-serif;
    font-weight: 400;
}
.text-small{
    font-size: 1.1rem;
}



.text-limit{
    max-height:110px;
    overflow:hidden;
    position:relative;
}

.text-limit:after{
    content: '...';
    position: absolute;
    bottom: -2px;
    right: 10px;
    color: #222;
}

.text-success{
    color:#27ae60;
}

.text-primary{
    color: #ee237c !important;
}

.text-block{
    display:block;
}

h1, h2, h3, h4, h5, h6, strong, .bold, .btn-bold, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'fira-bold', Helvetica, Arial, sans-serif;
    font-weight:600;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

h1{
    font-size:4rem;
    text-transform:uppercase;
}

h2, h1{
    letter-spacing: 1px;
    font-weight:700;
    margin: 0;
}

h1.small{
    font-size:4.5rem;
}

h1 strong{
    color:#ee237c;
}

h2 img{
    width:80px;
    vertical-align: middle;
}

h2.text-nolead{
    margin-bottom:40px;
}

h3{
    font-size:2rem;
}

h4{
    font-size:1.7rem;
}

small{
   font-size:1.3rem;
}

h1 small, h1 small a, h1 small a:visited{
    font-size:1.8rem;
    line-height:2rem;
    color:#fff;
}

p{
    font-size:1.4rem;
    line-height:2.6rem;
}

.lead{
    font-size:1.8rem;
    line-height:3rem;
}



strike, del{
    opacity:.7;
    font-weight: 100;
}

hr{
    height:0;
    border-top:1px solid #fff;
    border-bottom:1px rgba(0,0,0,.2);
}

.no-heading{
    padding-top:60px;
}

.no-margin{
    margin: 0 !important;
}

.js-hide{
    display:none;
}

.img-fullwidth{
    width:100%;
}

/* Components */


section{
    background-position:center center;
    background-repeat: no-repeat;
    background-size: cover;
}

section.feature{
    min-height:650px;
}

section.feature h1{
    color:#fff;
    margin-top:250px;
}

section.padded, section.highlight, section.primary{
    padding:100px 0;
}

section.padded .container > h2, section.highlight .container > h2, section.padded .container > h1, section.highlight .container > h1{
    margin-bottom: 80px;
}

section.padded-bottom{
    padding-top:20px;
    padding-bottom:100px;
}

.padded-bottom{
    padding-top:20px;
    padding-bottom:50px !important;
}

section.padded-top{
    padding:100px 0 20px 0;
}

.padded-top{
    padding-top:50px !important;
    padding-bottom:20px;
}

.margin-top{
    margin-top:20px;
}

.margin-bottom{
    margin-bottom:20px;
}

section.slim{
    padding:20px 0;
}

section.padded{
    background-color:#fff;
}

section.highlight{
    background-color: #f5f5f5; /*#efefef;*/
    border: 1px solid #eeeeee;
    border-width: 1px 0;
}

section.primary{
    background-color:#c61361;
    color:#fff;
}


section.secondary-header, section.secondary-header-lg{
    background-color:#efefef;
    color:#fff;
    padding: 10vh 0;
    position: relative;
}

section.secondary-header p.lead a, section.secondary-header-lg p.lead a{
    color:#fff;
}

section.secondary-header-lg{
    padding:18vh 0;
}

section.secondary-header input, section.secondary-header-lg input{
    border:none;
}

section.secondary-header .container > h1, section.secondary-header .container > p, section.secondary-header-lg .container > h1, section.secondary-header-lg .container > p{
    text-shadow:0 0 20px rgba(0,0,0,.2);
}

section.secondary-header .btn-group, section.secondary-header h1{
    margin:2vh 0;
}

section.secondary-header small{
    display:block;
}

section.secondary-header .share{
    margin: 0 auto;
    display: block;
    position: relative;
    width: 170px;
    height: 35px;
    overflow: hidden;
}


.full-width{
    display: block;
    width: 100%;
}

/* Section Backgrounds */

.bg-graph{
    background-image: url("../img/backgrounds/bg-graph.png");
    background-repeat:repeat;

    background-position:left top;
    background-size: initial;
}

.bg-info, .bg-success, .bg-warning, .bg-danger, .bg-primary{
    padding:15px;
}

.bg-success, .table>thead>tr>td.success, .table>tbody>tr>td.success, .table>tfoot>tr>td.success, .table>thead>tr>th.success, .table>tbody>tr>th.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>tbody>tr.success>td, .table>tfoot>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th{
    background-color: #cff4de;
}


/* Panels */

.panel-highlight{
    background-color:#f5f5f5;
}

.panel table tr td, .panel table tr th{
    padding: 6px 15px;
}

.panel .table-heading{
    padding: 6px 15px;
    display:block;
}

/* Callouts */

.callout .btn{
    white-space: normal;
    padding: 6px 8px;
    max-height: 52px;
}

.callout{
    height: 208px;
}



/* Generic Overides*/

.animate-zoom{
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
}

.animate-zoom:hover{
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.circle-counter-lg, .circle-counter-md, .circle-counter-sm{
    border-radius: 100px;
    text-align: center;
    font-size: 5rem;
    font-weight: 700;
    color: #222;
    margin: 0 10px;
}

.circle-counter-lg{
    border: 4px solid #222;
    height: 70px;
    width: 70px;
    padding-top: 2px;
    font-size: 4rem;
}

.circle-counter-md{
    border: 3px solid #222;
    height: 40px;
    width: 40px;
    padding-top: 2px;
    font-size: 2.4rem;
}

.circle-counter-sm{
    border: 2px solid #222;
    height: 26px;
    width: 26px;
    padding-top: 2px;
    font-size: 1.5rem
}

.circle-counter-lg.text-primary, .circle-counter-sm.text-primary{
    color: #ee237c;
    border-color: #ee237c;
}

.circle-counter-lg.text-white, .circle-counter-sm.text-white{
    color: #fff;
    border-color: #fff;
}

.center{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
}

.img-circle{
    border:5px solid #fff;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;
}

.img-circle.responsive{
    width:100%;
}

.img-circle-sm{
    width:60px;
    height:60px;
}

.img-circle-md{
    width:120px;
    height:120px;
}

.img-circle-lg{
    width:200px;
    height:200px;
}

.img-circle-lg, .img-circle-md, .img-circle-sm{
    margin:auto;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.dropdown-menu{
    text-align:left;
    overflow-y: scroll;
    max-height: 500px;
}

.dropdown-menu li h2 {font-size:14px;}

.list-group-item{
    background:transparent;
    border:none;
}

.list-columns{
    -webkit-columns: auto 3;
    -moz-columns: auto 3;
    columns: auto 3;
}

.list-group > li{
    list-style: none;
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
}

.list-group a{
    color: #555;
}




/* Badges */

.badge{
    font-size: 1.2rem;
    font-weight:100;
    background-color:#efefef;
    color:#222;
}
.badge.badge-promo, .badge.badge-success{
    background-color: #27ae60;
    color:#fff;
}

.badge.badge-primary, .list-group-item .badge{
    color:#fff;
    background-color:#ee237c;
}

.badge.badge-link{
    background-color:transparent;
    color:#ee237c;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    background-color: #6d6161;
}

.nav-pills a{
    color: #6d6161;
}


/* Buttons and Controls */

input[type='text'], input[type='number'],input[type='email'],input[type='phone']{
    color:#222;
}

input[type="radio"], input[type="checkbox"]{
    margin:5px;
}

/* readonly pickers to show in white - NB: hasDatepicker/ui-timepicker-input.... class is dynamically attached by JQuery */
.form-control.hasDatepicker[readonly], .form-control.ui-timepicker-input[readonly]{
    background-color:#fff;
    cursor:pointer;
}

.form-control:focus + .input-group-addon, .form-control:focus ~ .input-group-addon{
    background-color: #FFFFFF;
    border-color: #9A9A9A;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-right: 0 none;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) {
    border-left: 0 none;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #EEEEEE;
    color: #999999;
    cursor: not-allowed;
}

.form-control::-moz-placeholder, .form-control:-moz-placeholder, .form-control::-webkit-input-placeholder, .form-control:-ms-input-placeholder{
   color: #DDDDDD;
   opacity: 1;
}

.form-control, .input-group-addon{
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.form-control {
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    box-shadow: none;
    color: #444444;
    height: 38px;
    padding: 6px 16px;
}

.form-control:focus {
    background-color: #FFFFFF;
    border: 1px solid #9A9A9A;
    box-shadow: none;
    outline: 0 none;
}

.input-trans{
    background-color:rgba(255,255,255,.1);
    border:none;
    color:#fff !important;
}

.btn{
    border:none;
    padding:10px 12px;
}

.btn-tags .btn{
    margin: 6px;
}

.clickable{
    cursor: pointer;
}

.btn-default, .label-default{
    background-color:#efefef;
    color:#222;
}

/* this is the original Bootstrap "btn-default" color scheme */
.btn-standard, .label-standard{
    background-color:#777;
    color:#eee;
}

.btn-success{
    color: #fff;
    background-color: #27ae60;
}

.btn-success:hover, .btn-success:focus {
    background-color: #24a058;
}

.btn-trans, .btn-trans:hover{
    background-color:rgba(0,0,0,.05);
    color:#222;
}

.btn-white-ghost, .btn-white-ghost:hover{
    border: 1px solid #fff !important;
    color: #fff;
    background-color: rgba(255,255,255,.2);
}

.btn-white{
    border: 1px solid #fff !important;
    background-color: #fff;
    color: #222;
}

.header-toggle{
    margin-top:27px;

}

.header-toggle > .active{
    border-bottom:4px solid #ee237c;
    color: #ee237c;
}

.btn-link{
    color:#222;
    font-weight:100;
}

a:active, a:hover, .btn:hover, .btn:active, a:focus, .btn:focus, a:visited, .btn:visited{
    text-decoration:none;
}

.btn-xl{
    font-size:3rem;
    padding:15px 20px;
}

.btn-lg{
    font-size:2.6rem;
    border: none;
}

.btn-sm{
    font-size:1.6rem;
    padding: 3px 8px;
}

.btn-xs{
    font-size:1.3rem;
    padding: 1px 5px;
}

.btn-bold{
    font-weight:700;
}

.btn-rounded{
    border-radius: 100px;
}

.btn .caret{
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}




hr{
    border-bottom:1px solid #ddd;
    border-top:none;
    height:0;
}

.pagination > li > a, .pagination > li > span{
    border:none;
    padding:8px 16px;
}

/* checkboxes */

input[type=checkbox], input[type=radio] { display:none; } /* to hide the checkbox itself */

input[type=checkbox] + label:before, input[type=radio] + label:before {
  font-family: 'icomoon';
  display: inline-block;
}

input[type=checkbox] + label:before {
    content: "\e98d";
    margin:3px 10px 3px 0;
}

input[type=checkbox]:checked + label:before {
    content: "\e999";
    color:#ee237c;
}

input[type=radio] + label:before {
    content: "\e99d";
    margin:3px 10px 3px 0;
}

input[type=radio]:checked + label:before {
    content: "\e99e";
    color:#ee237c;
}

input[type=checkbox]:checked + label, input[type=radio]:checked + label{
    color:#ee237c;
}

.checkbox label, .radio label{
    padding:0;
}







/* Tables */

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    vertical-align: middle;
}

.table-hidden{
    display:none;
    background-color: #f7f7f7;
}

.table .table-noborder > *{
    border-top:none;
}

.table.table-noborders, .table.table-noborders *{
    border:none !important;
}

.table-striped>tbody>tr:nth-of-type(odd){
    background-color: #f7f7f7;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: 1px solid #efefef;
}


/* Supplier Profile */

.supplier-gallery h3 {
    margin: 0;
    font-size: 2.3rem;
}

.supplier-gallery .label {
    text-transform: uppercase;
    position:absolute;
    margin:3rem;
    font-size:110%;
}

.supplier-gallery{
    background-color:#222;
    width:100%;
    height:494px;
    position:relative;
    margin:20px 0 0 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.supplier-gallery > div:nth-child(1){
    width:65%;
    height:100%;
    position:relative;
    overflow: hidden;
}

.supplier-gallery > div:nth-child(2){
    width:35%;
    height:240px;
    top:0;
    right:0;
    position:absolute;
    color:#fff;
    padding:15px;
}

.supplier-highlights{
    max-height: 120px;
    font-style: italic;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-style: italic;
    line-height: 2.2rem;
    margin-bottom: 10px;
    padding-top: 7px;
}

.supplier-gallery > div:nth-child(2) a{
    color:#fff;
}

.supplier-gallery > div:nth-child(3){
    width:35%;
    height:240px;
    bottom:0;
    right:0;
    position:absolute;
    border:1px solid #222;
}

.supplier-gallery > div:nth-child(3){
    background-position: center;
    background-size: cover !important;
    background-repeat: no-repeat;
}

.supplier-gallery-slides{
    background-position: center;
    background-size: contain !important;
    /*background-size: cover !important;*/
    background-repeat: no-repeat;
    width: 100% !important;
    height: 100% !important;
}

.js-supplier-gallery .supplier-gallery-slides:first-child{
    display:block;
}

.js-supplier-gallery .supplier-gallery-modal-prev, .js-supplier-gallery .supplier-gallery-modal-next, .js-supplier-gallery .supplier-gallery-markers, .js-supplier-gallery .supplier-gallery-open{
    opacity:.4;
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    -ms-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
}

.js-supplier-gallery:hover .supplier-gallery-modal-prev, .js-supplier-gallery:hover .supplier-gallery-modal-next, .js-supplier-gallery:hover .supplier-gallery-markers, .js-supplier-gallery:hover .supplier-gallery-open{
    opacity:1;
}
/*
 .supplier-gallery-all{
    background-color:#222;
    box-shadow: 0 0 15px rgba(0,0,0,.6);
    width:140px;
    margin-bottom:15px;
    height:100px;
    text-align:center;
    padding:8px;
    cursor: pointer;
}

.supplier-gallery-all{
    background-color:#ee237c;
    color:#fff;
    height:40px;
    opacity:.7;
}

.supplier-gallery-modal{
    z-index:9999;
    background-color:#222;
    color:#fff;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    height:100vh;
    width:100vw;
}

.supplier-gallery-wrapper{
    margin:20px 0;
    position:relative;
}

.supplier-gallery-wrapper img{
    box-shadow: 0 0 30px rgba(0,0,0,.9);
    max-height:80vh;
}

.supplier-gallery-open{
    position: absolute;
    top: 0px;
    width: 60%;
    margin: 0 auto;
    text-align: center;
    height: 50px;
    background-color: #ee237c;
    color:#fff;
    left: 20%;
    padding: 14px;
}*/

.supplier-gallery-modal-prev, .supplier-gallery-modal-next{
    /*background-color: rgba(255,255,255,.4);*/
    width:50px;
    height:80%;
    position:absolute;
    top:10%;
    color:#fff;
    text-shadow: 0 0 4px #000;
}

.supplier-gallery-modal-prev span, .supplier-gallery-modal-next span{
    top:48%;
    display:block;
    font-size:3rem;
    text-align:center;
    position:absolute;
}

.supplier-gallery-wrapper{
    margin:0 auto;
    position:relative;
    max-width:80vw;
    max-height:80vh;
    margin-top: 5vh;
}

.supplier-gallery-wrapper .supplier-gallery-modal-prev{
    left:-50px;
}

.supplier-gallery-wrapper .supplier-gallery-modal-next{
    right:-50px;
}

.js-supplier-gallery .supplier-gallery-modal-prev{
    left:0px;
}

.js-supplier-gallery .supplier-gallery-modal-next{
    right:0px;
}

.supplier-gallery-markers{
    position:absolute;
    width:100%;
    bottom:30px;
    text-align: center;
    color:#fff;
    text-shadow: 0 0 4px #000;
}


.supplier-profile{
    background-color:#fff;
}

.supplier-profile-map{
    height: 340px;
    width: 340px;
    float: right;
    margin-top: 15px;
}

.supplier-profile-review{
    border-top: 1px solid #efefef;
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}



/*
.supplier-profile > div:nth-child(1){
    width:65%;
    padding:15px;
}

.supplier-profile > div:nth-child(2){
    width:35%;
    height:auto;
    top:0;
    right:0;
    bottom:0;
    position:absolute;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    vertical-align: text-bottom;
    background-color:#222 !important;
}
*/

.supplier-profile-map > div, .supplier-gallery > div:nth-child(3) > div{
    left:15px;
    bottom:15px;
    position:absolute;
    color:#fff;
}


/* Deal Options Table*/

.deal-options > tr > td:first-child{
    width: 30%;
}

.deal-options table td:last-child{
    width: 76px;
}

.deal-options table td:last-child .btn{
    /*margin-right:-8px;
    padding: 4px 12px;*/
}

.deal-options img{
    margin-top:30px;
}

.deal-options .highlight{
    border: 1px solid #ee237c;
    border-bottom-width: 0px;
}

.deal-options .highlight + .deal-options .highlight {
    border-top-width: 0px;
}

/* This isn't nice */
.deal-options .table-hidden .col-md-7{
    padding: 0 8px;
}

.supplier-offers-table-parent > tr > td > a{
    font-size: 1.7rem;
}

.supplier-offers-table-child{
    margin: -8px 0;
    background-color: #f7f7f7 !important;
}
/* Tooltips */
.tooltip{
    font-size:1.2rem;
}

.tooltip > .tooltip-inner {
    max-width:450px !important;
}


.supplier-offers .supplier-offers-price{
    padding-right:15px;
    width: 230px;
}

.supplier-offers-table-child .supplier-offers-price{
    width: 230px;
    padding: 0 16px 0 0;
    float: right;
}

.supplier-hours{
    margin-bottom:50px;
    font-size:1.25rem;
}

.supplier-hours-day{
    padding:5px;
    background-color:#f7f7f7;
    text-transform: uppercase;
    position:relative;
    height:100px;
    text-align:center;
    margin:0 1.2% 6% 1.2%;
    width:12.2%;
    float:left;
}

.supplier-hours-day:first-child{
    margin-left:0;
}

.supplier-hours-day:last-child{
    margin-right:0;
}


.supplier-duration{
    width: 255px;
}

.supplier-hours-day hr{
    margin-top: .4rem;
    margin-bottom: .5rem;
}

.supplier-hours-day div{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:30px;
    font-weight:700;
    background-color:#ee237c;
    color:#fff;
    padding-top:5px;
}



/* Label Styling */

.label {
    padding: .4em .6em .3em;
    font-size: 90%;
    font-weight: 100;
}

.label a{
    color: rgba(255,255,255,.8);
    font-size: 2.4rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
}

.label-default a{
    color:#222;
}

/* Circle Lists */

ul.circlelist li{
    vertical-align: middle;
    list-style: none;
    margin:5px 0;
    width:100%;
    display:block;
}

ul.circlelist li img{
    width:20%;
    margin-right:10px;
}

ul.compact {
    padding-left: 1.2em;
}

/* Product Listing Structure */

#search-filter{
    background-color:#f7f7f7;
    padding:15px;
}

#search-filter .btn-block{
    text-align:left;
}

#search-filter h3{
    margin-top:0;
}

#search-filter input{
    margin-top:10px;
    border:none;
    border-radius:0;
}

#search-filter a.js-filter-open{
    /* NB. there's also #search-filter button.js-filter-open */
    color:#ee237c;
    padding:0;
}

#search-criteria .label{
    margin-right:15px;
}

/* General Listing */

article.category a, article.deal a{
    color:#fff;
}

article.link-tile {
    cursor:pointer;
}


article.deal, article.supplier, article.supplier-prices, article.category, article.listing{
    color:#fff;
    margin:20px 0;
}
article.listing {
    border:1px solid #ddd;
}
article.deal .btn, article.supplier .btn, article.supplier-prices .btn, article.category .btn{
    font-size:2rem;
    position:absolute;
    border: 0;
    background-color:#ee237c;
    color:#fff;
    font-weight:100;
}

article.deal h2, article.supplier h2, article.category h2, article.listing h2{
    font-size:2rem;
    text-shadow: 0 0 8px rgba(0,0,0,.6);
}

article.deal h2 a, article.supplier h2 a, article.category h2 a, article.listing h2 a{
    color:#fff;
    text-decoration:none;
}

article.deal, article.supplier, article.category{
    background-color:#222;
    position:relative;
    overflow:hidden;
}



article > div:nth-child(1), article.category, article.supplier{
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;
}

article.supplier > div:nth-child(1), article.deal > div:nth-child(1){
    position:absolute;
}

article.supplier > div, article.category{
    width: 100%;
    padding: 10px;
    position: relative;
    height: 100%;
}

article.deal h2, article.listing h2{
    max-height: 62px;
    margin-top:10px;
}

article.deal small{
    font-size:1.4rem;
    text-shadow:0 0 8px rgba(0,0,0,.6);
    margin-top:50px;
    display:block;
}

/* Listings */

#listing-map{
    width: 100%;
    height: 80vh;
}

.js-filter-open{
     white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

article.listing{
    height:300px;
    position:relative;
    margin:30px 0;
    color:#222;
}

.listing-left, .listing-right, .listing-desc{
    position:absolute;
    margin:0;
}

.listing-left{
    width:35%;
    left:0;
}

.listing-right, .listing-desc{
    width:65%;
    right:0;
    padding:0 0 0 20px;
}

div.listing-left{
    height:85%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;
    opacity:1 !important;
}

p.listing-left{
    padding:5px 15px;
    bottom:0;
    height:70px;
    background-color:#f7f7f7;
}

p.listing-left:before {
    /* zig-zag
    background: linear-gradient(-45deg,#f7f7f7 5px,transparent 0),linear-gradient(45deg,#f7f7f7 5px,transparent 0);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 10px 10px;
    */
    content: " ";
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    font-size: 1.4rem;
}

div.listing-left span.badge {
    position: absolute;
    top: 190px;
    right: 15px;
    text-transform: capitalize;
}

div.listing-left span.label {
    position: absolute;
    left: 15px;
    text-transform: uppercase;
    top: 15px;
}


h3.listing-right{
    top:0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

}

.btn.listing-right{
    width:auto;
    bottom:0;
    padding:8px;
}

.btn.listing-right span{
    display: inline;
}

p.listing-desc{
    top:33px;
    height:62px;
    line-height:2rem;
    margin:0;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.listing-right del{
    padding-right:10px;
}



/*
.listing-right > span{
    display: block;
    height: 20px;
    overflow:hidden;
}
*/
.table.listing-right{
    top:100px;
    max-height:150px;
    overflow:hidden;
}

.table.listing-right td{
    border:0;
    padding: 10px 0 0 20px;
}

.table.listing-right tr td:last-child{
    padding-right:0;
    white-space: nowrap;
}

p.listing-right{
    bottom:0;
}






/* Deal */

article.deal{
    height:200px;
}


article.deal > div{
    width: 100%;
    padding: 10px;
    position: relative;
    height:200px;
}

article.deal del{
    font-weight:400;
    font-size:1.6rem !important;
}

/* Category */

article.category{
    height:180px;
    display: block;
    position: relative;
}

article.category > span{
    height: 40px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    padding: 8px 13px;
    transition: height .7s, text-align .7s;
    -webkit-transition: height .7s, text-align .7s; /* Safari */

}

#cat-panel-london article.category:hover span{
    height: 180px;
}

/* Suppliers */

article.supplier{
    height:235px;
    border: 1px solid #eee;
}

article.supplier p, article.supplier .btn{
    position:absolute;
}

article.supplier p{
    text-align: left;
    color:#333;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background-color:#fff;
    height:88px;
    margin:0;
    font-size:1.1rem;
    line-height:2.2rem;
    text-align: center;
    color: #a1b1c1;
}

article.supplier a{
    font-size: 1.6rem;
}
article.supplier p a.text-normal {
    color:#a1b1c1;
    font-size:1.1rem;
    line-height:2.2rem;
}

article.supplier .btn{
    padding: 4px 13px;
    font-size:1.4rem;
    left:0px;
    top:0px;
    border: 2px solid white;
    border-width: 0px 2px 2px 0px;
}



.popup-deal h2, .popup-deal img{
    margin:40px 0;
}


/* Admin */

#admin, #admin .container{
    min-height:100%;
}

/* Modals */

.modal{
    -webkit-overflow-scrolling: auto !important;
    overflow-y: auto !important;
}

.modal-content{
    font-size:1.5rem;
}

.modal-header{
    border:0;
}

.modal-title {
    margin: 5px 0 15px 0;
}

.modal .close{
    font-size:30px;
}

.modal li{
    padding:8px 0;
    list-style:none;
    margin:0;
}

.modal .list-group{
    margin:0;
}

.modal-seperator{
    border-bottom: 1px solid #ddd;
    margin: 10px 0 !important;
}

.modal-lg ul{
    column-count: 3;
}

/* Alerts */

.alert.alert-warning{
    background-color:#FE87BB;
    color:#6D0A35;
    border-color:#e6126f;
}

.alert.alert-success{
    background-color:#59ED8B;
    color:#006723;
    border-color:#00AB3A;
}



/* promo css  */

section.promo{
    padding:70px 0 50px 0;
}

.secondary-header-lg.promo{
    padding: 14vh 0 18vh 0;
    background-position: top center;
}

.table.promo tr{
    height: 70px;
}

.table.promo{
    margin-bottom: 30px;
}

#js-results-list .img-responsive{
    margin: auto;
}

.table.promo tr > td:first-child > a{
    display: block;
    width: 160px;
    background-color: #222;
    text-align: center;
    height: 100px;
    background-size: cover;
    background-position: center center;
}

.highlight .promo.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}

.img-circle.promo{
    margin: 20px 0 30px;
    width: 160px;
    height: 160px;
    border-color: #f7f7f7;
}

.highlight .img-circle.promo{
    border-color: #fff;
}

.highlight.promo{
    background-color: #f7f7f7;
}

.padded.promo .highlight.down-arrow{
    border-top: 50px solid #f7f7f7;
}

.btn-primary1 {
    /* same as btn-primary from bootstrap-min.css, but without white label override */
    background-color: #ee237c;
    border-color: #e6126f;
    color: #fff;
}

.multi-option-list,
.multi-option-options,
.multi-option-disc {
    padding: 10px 10px 5px 10px;
    margin-top: 10px;
    border: 1px solid #E3E3E3;
    border-radius: 5px;
}

#mop input {
    margin-bottom: 10px;
    width: 50%;
    display: block;
}

.disc-type {
    display: block;
    position: relative;
    left: 240px;
    top: 41px;
    font-size: 1.4em;
    padding: 0;
    margin: 0;
    line-height: 0;
}

.multi-option-list h2,
.multi-option-options h2,
.multi-option-disc h2 {
    font-size: 0.8em;
    margin-bottom: 5px;
}

.multi-option-list .small-spacer,
.multi-option-options .small-spacer {
    margin-right: 15px;
}

/* Mobile & Tablet */

@media (max-width: 1199px){
    header .navbar-menu-divide{
        padding: 7px 25px;
    }

    section.secondary-header-lg input, section.secondary-header-lg .btn{
        margin:2vh 0 0 0;
    }

    article.category {
        height: 140px;
    }

    article.category > span{
        height: 50px;
    }

    .tab-panel .nav-tabs a{
        padding: 10px;
    }


    section.padded > .container > h2, section.highlight > .container > h2{
        margin: 20px 0 !important;
    }

    section.padded, section.highlight{
        padding: 20px 0;
    }

}


/* Mobile */
@media (max-device-width: 767px)
{

    html{
        font-size:10px;
    }

    h2{
        font-size:2.4rem;
    }



    header .header-logo{
        width: 150px;
        margin: 10px 0 0 10px;
    }

    .mobiile-hero-home{
        background-image: url('https://www.bookyourlifestyle.com/assets/img/heros/mobile-home2.png') !important;
    }

    main.deal-listing-fullscreen{
        overflow: visible;
    }

    .btn-mobile-basket{
        display: block;
    }

    section.secondary-header .btn-group{
        width:100%;
    }

    .btn-lg{
        font-size:2rem;
        width:100%;
        display:block;
    }


    h1{
        font-size:4rem;
        margin-top:5vh;
        line-height: 5rem;
    }

    h2.subtitle{
        font-size:4.0rem;
    }

    section.xs-nopadded{
        padding:0;
    }

     /* Listing specific */


    article.listing{
        height:232px;
        margin: 20px 0 0 0;
        border-bottom:1px solid #ddd;
    }

    .listing-left{
        width:25%;
    }

    .listing-right{
        width:75%;
        padding:0;
    }

    h3.listing-right{
        font-size:1.5rem;
        padding-left:10px;
        height: 40px;
        width: 58%;
        left: 25%;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        white-space: normal;
        line-height: 2rem;
    }

    .btn.listing-right{
        top:0;
        right:0;
        position:absolute;
        width:15%;
        padding:8px 0;
        bottom:auto;
    }

    .btn.listing-right span{
        display:none;
    }

    p.listing-left{
        right:0;
        left:auto;
        width:75%;
        top:45px;
        background-color:#fff;
        padding:0 0 0 5px;

    }

    p.listing-left:before{
        background: none;
        content: "";
    }

    p.listing-right{
        left:0;
        right:auto;
        bottom:10px;
    }

    .table.listing-right{
        width:100%;
        top: 80px;
    }

    div.listing-left{
        height:75px;
    }

    .table.listing-right tr:nth-child(odd){
        background-color:#f7f7f7;
    }

    .table.listing-right td{
        padding: 2px 4px;
    }



    .supplier-hours-day, .supplier-hours-day:first-child{
        width:21%;
        margin-left:2%;
        margin-right:2%;
    }

    .supplier-profile > div, .supplier-gallery > div{
        width:100% !important;
    }


    .supplier-offers-table-child .supplier-offers-price{
        width: 200px;
        padding:0;
    }


    .supplier-gallery{
        height:220px;
        margin:25px -15px 25px -15px;
        width:100vw;
    }

    .supplier-gallery-wrapper{
        max-width:100vw;
        min-width: 45vw !important;
    }

    .supplier-gallery-wrapper img{
        width: auto;
        max-height: 70vh;
        margin: 0 auto;
    }

    .js-supplier-gallery .supplier-gallery-markers, .js-supplier-gallery .supplier-gallery-modal-next,.js-supplier-gallery .supplier-gallery-modal-prev {
        opacity:.9;
    }

    .navbar-fixed-top .navbar-collapse{
        height:100% !important;
    }

    .navbar-collapse .navbar-form {
        width: 170px;
        margin: 0 auto;
    }

    header .navbar-header{
        width: auto;
        border-bottom:none;
    }

    header .navbar-menu a{
        padding: 10px 18px;
        font-size: 1.5rem;
    }


    #js-results-list .img-responsive{
        max-width: 70px !important;
    }

    .table.promo tr > :first-child > a{
        width: 70px;
        height: 40px;
    }


    header .navbar-basket{
        width: 55px;
    }

}

/* Mobile Landscape */

@media
only screen
and (max-device-width : 998px)
and (orientation : landscape),
only screen
and (max-device-width : 998px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2)
{
   .supplier-gallery{
        height:380px;
   }

}



/* Small Mobile */

/* Mobile */
@media (max-device-width: 568px)
{

    .small-mob {
        font-size:80% !important;
    }

}





/* Tablet */

/*@media
only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait),
only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape),
only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2),
only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2)*/

@media (min-device-width: 768px) and (max-device-width: 1199px)
{
    .supplier-gallery img{
        height: 160px;
    }

    .supplier-profile > div, .supplier-gallery > div, .supplier-gallery{
        width:100% !important;
    }

    .supplier-gallery{
        min-height:300px;
        height: 460px;
    }

    .supplier-gallery-wrapper{
        max-width:100%;
        min-width: 45vw !important;
    }

    .supplier-gallery-wrapper img{
        width: auto;
        max-height: 70vh;
        margin: 0 auto;
    }

    .js-supplier-gallery .supplier-gallery-markers, .js-supplier-gallery .supplier-gallery-modal-next,.js-supplier-gallery .supplier-gallery-modal-prev {
        opacity:.9;
    }

    .header-logo{
        width:100px;
    }

    .supplier-offers-table-child .supplier-offers-price{
        width: auto;
    }

    .supplier-gallery .tablet-noshow {
        display: none;
    }
}

/* Desktop */
@media only screen and (min-device-width : 1025px){

    body{
        font-size:1.4rem;
    }

}


/* Supplier containers */
@media (max-device-width: 1200px){

    .supplier-gallery > div:nth-child(1), .supplier-profile > div:nth-child(1){
        width:100%;
    }

    .supplier-gallery-slides{
        width:100%;
    }
}


@media
only screen
and (max-device-width : 767px)
and (orientation : portrait),
only screen
and (max-device-width : 998px)
and (orientation : landscape),
only screen
and (max-device-width : 767px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2),
only screen
and (max-device-width : 998px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2)
{

    .secondary-header-lg.promo{
        background-position:top right;
        height:40vh;
        position:relative;
        text-align: center;
    }


    h1.promo{
        margin-top: 0;
    }

}



/* Font Icons */

[class*="socialicon-"],[class*="heroicon-"],[class*="defaulticon-"], .loading-sm, .loading-lg,[class*="review-star-"] {
    font-family: 'icomoon';
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin:3px 6px;
}

[class*="heroicon-"]{
    font-size:5rem;
    display:block;
}

[class*="socialicon-"]{
    font-size:1.4rem;
}

[class*="defaulticon-"], [class*="review-star-"]{
    font-weight: 100;
}

[class*="review-star-"]{
    margin: 0;
    color: #ffe100;
    font-size: 2rem;
    letter-spacing: 3px;
    /* text-shadow: 0px 0px 1px #222; */
}


.review-star-10:before {
    content: "\e905 \e905 \e905 \e905 \e905";
}

.review-star-9:before {
    content: "\e905 \e905 \e905 \e905 \e904";
}

.review-star-8:before {
    content: "\e905 \e905 \e905 \e905 \e903";
}

.review-star-7:before {
    content: "\e905 \e905 \e905 \e904 \e903";
}

.review-star-6:before {
    content: "\e905 \e905 \e905 \e903 \e903";
}

.review-star-5:before {
    content: "\e905 \e905 \e904 \e903 \e903";
}

.review-star-4:before {
    content: "\e905 \e905 \e903 \e903 \e903";
}

.review-star-3:before {
    content: "\e905 \e904 \e903 \e903 \e903";
}

.review-star-2:before {
    content: "\e905 \e903 \e903 \e903 \e903";
}

.review-star-1:before {
    content: "\e904 \e903 \e903 \e903 \e903";
}

.review-star-0:before {
    content: "\e903 \e903 \e903 \e903 \e903";
}

.default-icon-md{
    font-size:2.8rem;
}
.default-icon-lg{
    font-size:4.6rem;
}

.loading-sm:before, .loading-lg:before{
    content: "\e902";
}

.loading-lg{
    font-size:4.6rem;
}
.heroicon-marker:before, .defaulticon-marker:before {
	content: "\e99d";
}
.heroicon-marker-selected:before, .defaulticon-marker-selected:before {
	content: "\e99e";
}
.heroicon-marker-left:before, .defaulticon-marker-left:before {
	content: "\e93b";
}
.heroicon-marker-right:before, .defaulticon-marker-right:before {
	content: "\e93c";
}

.heroicon-edit:before, .defaulticon-edit:before {
	content: "\e610";
}
.heroicon-lock:before, .defaulticon-lock:before {
	content: "\e66b";
}
.heroicon-phone:before, .defaulticon-phone:before {
	content: "\e76a";
}
.heroicon-email:before, .defaulticon-email:before {
	content: "\e696";
}

.heroicon-home:before, .defaulticon-home:before {
	content: "\e604";
}
.heroicon-hotel:before, .defaulticon-hotel:before {
	content: "\e60c";
}
.heroicon-health:before, .defaulticon-health:before {
	content: "\e68b";
}
.heroicon-list:before, .defaulticon-list:before {
	content: "\e6cc";
}
.heroicon-people:before, .defaulticon-people:before {
	content: "\e726";
}
.heroicon-spa:before, .defaulticon-spa:before {
	content: "\e740";
}
.heroicon-star:before, .defaulticon-star:before, .review-star-single:before {
    content: "\e905";
}
.heroicon-studio:before, .defaulticon-studio:before {
	content: "\e744";
}
.heroicon-haircut:before, .defaulticon-haircut:before {
	content: "\e745";
}
.heroicon-beauty:before, .defaulticon-beauty:before {
    content: "\e745";
}
.heroicon-profile:before, .defaulticon-profile:before {
	content: "\e7ae";
}
.heroicon-support:before, .defaulticon-support:before {
	content: "\e7e4";
}
.heroicon-gym:before, .defaulticon-gym:before {
	content: "\e861";
}
.heroicon-deals:before,.defaulticon-deals:before  {
	content: "\e8ae";
}
.heroicon-reviews:before, .defaulticon-reviews:before {
	content: "\e919";
}
.heroicon-location:before, .defaulticon-location:before {
	content: "\e77a";
}
.heroicon-refresh:before, .defaulticon-refresh:before {
	content: "\e8da";
}

.heroicon-fitness:before, .defaulticon-fitness:before {
    content: "\e744";
}
.heroicon-reading:before, .defaulticon-reading:before {
	content: "\e6d6";
}
.heroicon-user:before, .defaulticon-user:before {
	content: "\e71e";
}
.heroicon-logout:before, .defaulticon-logout:before {
	content: "\e6d3";
}



.heroicon-plus:before, .defaulticon-plus:before {
	content: "\e936";
}
.heroicon-minus:before, .defaulticon-minus:before {
	content: "\e937";
}

.heroicon-tick:before, .defaulticon-tick:before {
	content: "\e934";
}
.heroicon-cross:before, .defaulticon-cross:before {
	content: "\e935";
}
.heroicon-context:before, .defaulticon-context:before {
	content: "\e9e9";
}
.heroicon-date:before, .defaulticon-date:before {
	content: "\e789";
}

.heroicon-checkboxtick:before, .defaulticon-checkboxtick:before {
	content: "\e999";
}
.heroicon-checkbox:before, .defaulticon-checkbox:before {
	content: "\e98d";
}
.heroicon-info:before, .defaulticon-info:before {
	content: "\e7bc";
}



.heroicon-category-health:before, .defaulticon-category-health:before {
	content: "\e7e9";
}
.heroicon-category-beauty:before, .defaulticon-category-beauty:before,
.heroicon-heart:before, .defaulticon-heart:before{
	content: "\e68c";
}
.heroicon-category-fitness:before, .defaulticon-category-fitness:before {
	content: "\e730";
}
.heroicon-settings:before, .defaulticon-settings:before {
	content: "\e672";
}
.heroicon-preview:before, .defaulticon-preview:before {
	content: "\e6a5";
}
.heroicon-listview:before, .defaulticon-listview:before {
	content: "\e930";
}
.heroicon-mapview:before, .defaulticon-mapview:before {
	content: "\e782";
}
.heroicon-plus:before, .defaulticon-plus:before {
	content: "\e98e";
}
.heroicon-minus:before, .defaulticon-minus:before {
	content: "\e98f";
}
.heroicon-filter:before, .defaulticon-filter:before {
	content: "\e97c";
}
.heroicon-delete:before, .defaulticon-delete:before {
	content: "\e681";
}
.heroicon-share:before, .defaulticon-share:before {
	content: "\e920";
}

.heroicon-calendar:before, .defaulticon-calendar:before {
	content: "\e789";
}
.heroicon-calendar-page:before, .defaulticon-calendar-page:before {
	content: "\e788";
}
.heroicon-basket:before, .defaulticon-basket:before {
	content: "\e74d";
}
.heroicon-print:before, .defaulticon-print:before {
	content: "\e6b1";
}
.heroicon-marker-up:before, .defaulticon-marker-up:before, .defaulticon-marker-asc:before {
	content: "\e939";   /* defaulticon-marker-asc is alias for list sorting */
}
.heroicon-marker-down:before, .defaulticon-marker-down:before, .defaulticon-marker-desc:before {
	content: "\e93a";   /* defaulticon-marker-desc is alias for list sorting */
}
.heroicon-time:before, .defaulticon-time:before {
	content: "\e8e8";
}
.heroicon-link:before, .defaulticon-link:before {
	content: "\e917";
}
.heroicon-download:before, .defaulticon-download:before {
	content: "\e6ac";
}
.heroicon-upload:before, .defaulticon-upload:before {
	content: "\e6ad";
}
.heroicon-search:before, .defaulticon-search:before {
	content: "\e922";
}
.heroicon-tag:before, .defaulticon-tag:before {
	content: "\e755";
}
.heroicon-tags:before, .defaulticon-tags:before {
	content: "\e756";
}
.heroicon-creditcard:before, .defaulticon-creditcard:before {
	content: "\e759";
}

.socialicon-linkedin:before, .icon-linkedin:before {
    content: "\e601";
}
.socialicon-youtube:before, .icon-youtube:before {
    content: "\e603";
}
.socialicon-googleplus:before, .icon-googleplus:before {
    content: "\e600";
}
.socialicon-facebook:before, .icon-facebook:before {
    content: "\e63b";
}

.socialicon-twitter:before, .icon-twitter:before {
    content: "\e602";
}
.socialicon-pinterest:before, .icon-pinterest:before {
    content: "\e615";
}
.socialicon-google:before, .icon-google:before {
    content: "\ea87";
}
.socialicon-yahoo:before, .icon-yahoo:before {
    content: "\ea90";
}
.socialicon-instagram:before, .icon-instagram:before {
    content: "\ea90";
}

.loading-sm, .loading-lg {
    -webkit-animation: spin 800ms infinite linear;
    animation: spin 800ms infinite linear;
    display:inline-block;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}



@media (max-width: 767px)
{


    .animated {
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }


    @-webkit-keyframes flipInX {
      from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
      }

      40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }

      60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
      }

      80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      }

      to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
      }
    }

    @keyframes flipInX {
      from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
      }

      40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }

      60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
      }

      80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      }

      to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
      }
    }

    .flipInX {
      -webkit-backface-visibility: visible !important;
      backface-visibility: visible !important;
      -webkit-animation-name: flipInX;
      animation-name: flipInX;
    }

    @-webkit-keyframes flipInY {
      from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
      }

      40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }

      60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
      }

      80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
      }

      to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
      }
    }


}

.contact-us span{
    display: block;
    font-size: 2rem;
    margin: 0 0 1rem;
}
.contact-us button, .contact-us a{
    width: auto;
    float: left;
    margin: 5px 15px 0 0;
}
@media (max-width: 767px)
{
    .contact-us span{
        font-size: 1.6rem;
    }
    .contact-us button, .contact-us a{
        width: 100%;
        margin: 5px 0 0 0;
    }
}