*
    {
        margin:                                 0;
        padding:                                0;
        border:                                 0;
    }
body
    {
        background-color:                       #ffffff;
        font-family:                            'Open Sans', sans-serif;
        font-size:                              16px;
        line-height:                            30px;
    }
a
    {
        color:                                  #121211;
        text-decoration:                        none;
    }
p
    {
        margin:                                 0 0 20px 0;
    }
a:hover
    {
        color:                                  #ffde02;
    }
section
    {
        float:                                  left;
        width:                                  100%;
    }
.container
    {
        width:                                  calc(100% - 40px);
        margin:                                 0 auto;
        padding:                                0 20px;
    }
.container:after
    {   
        content:                                "";
		display:                                table;
		clear:                                  both;
    }
#section-userbar
    {
        border-bottom:                          1px solid #efefef;
    }
#userbar
    {
        text-align:                             right;
        font-size:                              14px;
        padding:                                20px 0;
    }
#userbar ul
    {
        display:                                inline-block;
        width:                                  auto;
    }
#userbar ul li
    {
        display:                                inline-block;
        margin:                                 0 20px 0 0;
        cursor:                                 pointer;
    }
#userbar ul li:last-child
    {
        margin-right:                           0;
    }
#userbar ul li i
    {
        margin:                                 0 8px 0 0;
    }
#shortlist-total
    {
        font-weight:                            bold;
    }
#search
    {
        margin-top:                             50px;
        margin-bottom:                          30px;
    }
#search-advanced
    {
        padding-top: 20px;
        border-top: 1px solid #e1e1e1;
        display: none;
    }
.field-col
    {
        width:                                  100%;
        float:                                  left;
    }

.field-col label
    {
        width:                                  100%;
        float:                                  left;
    }
.field-col input[type=text]
    {
        width:                                  calc(100% - 22px);
        padding:                                10px;
        float:                                  left;
        border:                                 1px solid #cccccc;
        border-top:                             1px solid #999999;
        font-family:                            'Open Sans', sans-serif;
        font-size:                              16px;
    }
.field-col select
    {
        width:                                  100%;
        height:                                 44px;
        padding:                                10px;
        float:                                  left;
        border:                                 1px solid #cccccc;
        border-top:                             1px solid #999999;
    }
.field-col button
    {
        padding:                                10px;
        background-color:                       #000000;
        color:                                  #ffffff;
        border:                                 0;
        cursor:                                 pointer;
        font-family:                            'Karla';
        font-weight:                            bold;
        letter-spacing:                         -1px;
        font-size: 14px;
        text-transform: uppercase;
    }
.field-col:last-child
    {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
    }
.result 
    {
        width:                                  100%;
        float:                                  left;
        background-color:                       #ffffff;
        margin:                                 0 0 30px 0;
        position:                               relative;
        box-shadow:                             0 0 30px #e1e1e1;
    }
.result-left
    {
        width:                                  100%;
        height:                                 180px;
        float:                                  left;
        background-image:                       url('imgs/default_bg.jpg');
        background-color:                       #000000;
        background-size:                        cover;
        background-repeat:                      no-repeat;
        background-position:                    center;
        position:                               relative;
        cursor: pointer;
    }
.result-right
    {
        width:                                  calc(100% - 40px);
        float:                                  left;
        background-color:                       #ffffff;
        padding:                                20px 20px 120px 20px;
        position:                               relative;
    }
.result-title
    {
        cursor:                                 pointer;
    }
h1
    {
        font-size: 30px;
        font-weight: bold;
        letter-spacing: -2px;
        float: left;
    }
h2, h2 a
    {
        font-weight:                            bold;
        font-size:                              18px;
        letter-spacing:                         -2px;
        margin:                                 0 0 20px 0;
        line-height:                            30px;
        color:                                  #000000;
    }
h2 a:hover
    {
        color:                                  #666666;
    }
.text-medium
    {
        font-size:                              16px;
        line-height:                            28px;
    }
.right
    {
        float:                                  right;
    }
.icons {
        margin:                                 20px 0;
        float:                                  left;
        width:                                  100%;
    }
.icons span
    {
        display:                                block;
        width:                                  100%;
        float:                                  left;
        margin:                                 0 0 10px 0;
    }
.icons span:last-child
    {
        margin:                                 0;
    }
.icons span i
    {
        margin:                                 0 8px 0 0;
    }
.btn
    {
        width:                                  100%;
        height:                                 50px;
        position:                               absolute;
        background-color:                       #000000;
        color:                                  #ffffff;
        border:                                 0;
        cursor:                                 pointer;
        font-family:                            'Karla';
        font-weight:                            bold;
        letter-spacing:                         -1px;
        font-size:                              14px;
        text-transform: uppercase;
    }
.btn-caps
    {
        bottom:                                 0;
        right:                                  0;
    }
.btn-list
    {
        bottom:                                 50px;
        right:                                  0;
    }
.btn:hover, .btn:hover i
    {
        background-color:                       #ffde02;
        color:                                  #000000;
    }
.btn i, .button i, .button-req i
    {
        margin:                                 0 15px 0 0;
    }
.btn:disabled
    {
        background-color:                       #cccccc;
    }
.fa-plus-circle
    {
        color:                                  #ffde02;
    }
.fa-trash-alt
    {
        color:                                  #d71313;
    }
#pages ul
    {
        margin:                                 0 0 0 0;
        padding:                                0;
        width:                                  100%;
        float:                                  left;
    }
#pages ul li
    {
        padding:                                10px 15px;
        background-color:                       #ffffff;
        float:                                  left;
        width:                                  auto;
        margin:                                 0 10px 0 0;
        list-style-type:                        none;
        font-size:                              16px;
        cursor:                                 pointer;
    }
#pages ul li:last-child
    {
        margin-right:                           0;
    }
.selected
    {
        background-color:                       #000000 !important;
        color:                                  #ffffff;
    }

.result-bottom
    {
        width:                                  calc(100% - 40px);
        float:                                  left;
        padding:                                20px;
        display:                                none;
    }
.capacities
    {
        margin:                                 0;
        padding:                                0;
        float:                                  left;
        width:                                  100%;
    }
.capacities li
    {
        float:                                  left;
        width:                                  calc(100% - 30px);
        background-color:                       #ffffff;
        list-style-type:                        none;
        padding:                                15px;
        border-top:                             1px solid #e9e9e9;
    }
.capacities li:nth-child(1), .capacities li:nth-child(2)
    {
        border-top:                             0;
    }

#venue-overlay
    {
        position:                               fixed;
        width:                                  100%;
        height:                                 100%;
        top:                                    0;
        left:                                   0;
        background-color:                       #ffffff;
        overflow: auto;
        display:                                none;
        z-index: 100;
    }
#venue-overlay-header
    {
        width:                                      100%;
        float:                                      left;
        height:                                     75vh;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #000000;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 30px 0;
    }
#venue-overlay-header::before
    {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #000000;
        z-index: 10;
        width: 100%;
        height: 100%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }
#venue-overlay-body
    {
        width:                                      100%;
        float:                                      left;
    }
#venue-overlay-container-top
    {
        width:                                      100%;
        float:                                      left;
        margin:                                     30px 0;
        display:                                    none;
    }
#venue-overlay-container-left
    {
        width:                                      100%;
        float:                                      left;
    }
#venue-overlay-container-right
    {
        width:                                      100%;
        float:                                      left;
    }
#venue-overlay-container-left i, #venue-overlay-container-right i
    {
        margin-right: 8px;
    }
dl
    {
        width: calc(100% - 20px);
        padding: 10px;
        float: left;
    }
dl dt, dl dd
    {
        width: 100%;
        float: left;
        margin: 0;
    }
h3 {
        font-weight: bold;
        font-size: 16px;
        letter-spacing: -2px;
        margin: 30px 0 0 0;
        line-height: 28px;
        float: left;
        background-color: #000000;
        color: #ffffff;
        width: calc(100% - 20px);
        padding: 10px;
    }
#venue-overlay-container-right dl:nth-of-type(even)
    {
        background-color: #ffffff;
    }
#venue-overlay-container-right dl:nth-of-type(odd)
    {
        background-color: #f2f2f2;
    }
.close-icon
    {
        position: absolute;
        top: 25px;
        right: 40px;
        font-size: 30px;
        color: #ffffff;
        z-index: 20;
        cursor: pointer;
    }
.close-icon-black
    {
        position: absolute;
        top: 25px;
        right: 40px;
        font-size: 30px;
        color: #000000;
        z-index: 20;
        cursor: pointer;
    }
#venue-overlay-header-content
    {
        text-align: center;
        color: #ffffff;
        z-index: 15;
        position: relative;
    }
#data-venue-title
    {
        font-size: 40px;
        line-height: 56px;
        margin: 0 0 20px 0;
    }
#data-venue-address i
    {
        margin: 0 10px 0 0;
    }
#data-venue-stars i
    {
        font-size: 30px;
        margin: 0 10px 0 0;
    }
#data-venue-stars i:last-child
    {
        margin-right: 0;
    }
.features li
    {
        list-style-type: none;
        width: calc(100% - 20px);
        padding: 10px;
        background-color: #f2f2f2;
        float: left;
        margin: 0 0 10px 0;
        text-align: center;
    }

#data-venue-gallery li
    {
        margin: 0;
        padding: 0;
        border: 0;
        list-style-type: none;
        float: left;
        background-color: #000000;
        width: calc(100% - 10px);
        height: 200px;
        background-size: cover;
        background-position: center;
        cursor: pointer;
        border: 5px solid #ffffff;
    }
#data-venue-gallery li:hover
    {
        border: 5px solid #000000;
    }
#data-venue-gallery li a
    {
        display: block;
        width: 100%;
        height: 100%;
    }
#data-venue-rooms li
    {
        width: calc(100% - 20px);
        cursor: pointer;
        background-color: #ffffff;
        padding: 10px;
        list-style-type: none;
        margin: 0;
        border-bottom: 1px solid #efefef;
        list-style-type: none;
        float: left;
    }
#data-venue-rooms li div
    {
        display: none;
    }
#data-venue-rooms li dl:first-child
    {
        margin: 20px 0 0 0;
    }
#btn-enquire
    {
        float: left;
        position: static;
        margin: 0 0 30px 0;
    }

iframe
    {
        width: 100%;
        height: 450px;
    }

#loading
    {
        width:                                  140px;
        height:                                 120px;
        position:                               fixed;
        top:                                    50%;
        left:                                   50%;
        margin-top:                             -60px;
        margin-left:                            -70px;
        display:                                none;
        z-index:                                100;
        text-align: center;
        font-family: 'Karla';
        font-weight: bold;
        letter-spacing: -1px;
        font-size: 14px;
        text-transform: uppercase;
    }
#cover
    {
        position:                               fixed;
        width:                                  100%;
        height:                                 100%;
        top:                                    0;
        left:                                   0;
        background-color:                       #ffffff;
        -ms-filter:                             "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter:                                 alpha(opacity=90);
        -moz-opacity:                           0.9;
        -khtml-opacity:                         0.9;
        opacity:                                0.9;
        z-index:                                50;
        display:                                none;
    }
.show
    {
        display: inline-block;
    }
.hide
    {
        display: none;
    }
.grey
    {
        background-color:  #f2f2f2;
    }
.yellow
    {
        background-color:  #ffde02;
    }
.section-padding
    {
        padding: 20px 0;
    }
.container100
    {
        width: 100%; 
        float: left;
    }
.mar-btm-30
    {
        margin-bottom: 30px;
    }
.no-scroll
    {
        overflow: hidden;
    }


.fullrow
    {
        width: calc(100% - 20px);
        float: left;
        padding: 10px;
    }
.fullrow:nth-child(even)
    {
        background-color: #efefef;
    }
.row, .row-full
    {
        width: 100%;
        min-height: 84px;
        float: left;
        margin: 0 0 20px 0;
    }
#records-meeting-room .row, #records-accommodation .row
    {
        min-height: 0;
        margin-bottom: 0;
    }
.row input[type=text]
    {
        width: calc(100% - 22px);
        padding: 10px;
        float: left;
        border: 1px solid #cccccc;
        border-top: 1px solid #999999;
        font-family:                            'Open Sans', sans-serif;
        font-size:                              16px;
    }
.row-full textarea
    {
        width: calc(100% - 22px);
        height: 100px;
        padding: 10px;
        float: left;
        border: 1px solid #cccccc;
        border-top: 1px solid #999999;
        font-family:                            'Open Sans', sans-serif;
        font-size:                              16px;
    }
.row label
    {
        width: 100%;
        float: left;
        margin: 0 0 10px 0;
    }
.icheckbox_square, .iradio_square
    {
        background-color: #ffffff;
    }
#shortlist ul, #shortlist ol
    {
        margin: 0 0 20px 40px;
        list-style-type: square;
    }
.button
    {
        padding:                                10px 15px;
        background-color:                       #000000;
        color:                                  #ffffff;
        border:                                 0;
        cursor:                                 pointer;
        font-family:                            'Karla';
        font-weight:                            bold;
        letter-spacing:                         -1px;
        font-size: 14px;
        text-transform: uppercase;
    }
.button-req
    {
        padding:                                10px 15px;
        background-color:                       #ffffff;
        color:                                  #000000;
        border:                                 0;
        cursor:                                 pointer;
        font-family:                            'Karla';
        font-weight:                            bold;
        letter-spacing:                         -1px;
        font-size: 14px;
        text-transform: uppercase;
        border: 2px solid #000000;
    }
.button-req:hover
    {
        background-color: #000000;
        color: #ffffff;
    }
#overlay-meeting-room, #overlay-accommodation
    {
        position: fixed;
        top: 0;
        left: 0;
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        background-color: #ffffff;
        z-index: 10;
        padding: 20px;
        display: none;
    }
.text-centre
    {
        text-align: center;
    }
.text-white
    {
        color: #ffffff;
    }
.black
    {
        background-color: #000000;
    }

#shortlist ul li
    {
        background-color: #ffffff;
        padding: 10px;
        width: calc(100% - 22px);
        margin: 0 0 20px 0;
        list-style-type: none;
        text-align: center;
        float: left;
        border: 1px solid #cccccc;
        text-transform: uppercase;
        font-weight: 600;
        background-position: center;
        background-size: cover;
        /* text-shadow: 1px 1px 2px #333333; */
    }
#shortlist ul li .shortlist-li-left
    {
        width: 120px;
        height: 50px;
        float: left;
        background-position: center;
        background-size: cover;
    }
#shortlist ul li .shortlist-li-right
    {
        width: calc(100% - 120px);
        height: 50px;
        float: right;
        line-height: 50px;
    }
#shortlist ul
    {
        margin: 0;
    }
#shortlist ul li span
    {
        margin-right: 15px;
        background-color: #000000;
        color: #ffffff;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: inline-block;
        font-size: 14px;
    }
#btn-add-room, #btn-add-accommodation
    {
        margin: 20px auto 0 auto;
        display: block;
    }
#btnShowAll
    {
        background-color: #ffffff;
        color: #000000;
        box-shadow: 0 0 0 2px #000000 inset;
    }
#resultsTotal
    {
        text-align: right;
        margin-bottom: 20px;
    }
hr
    {
        width: 100%;
        float: left;
        margin: 30px 0;
        border-bottom: 1px dotted #000000;
    }
h4
    {
        font-weight: bold;
        font-size: 16px;
        letter-spacing: -2px;
        margin: 30px 0 0 0;
        line-height: 28px;
    }

.field-col-advanced i
    {
        float: right;
        margin: 5px 30px 0 0;
        font-size: 20px;
    }

.tile
    {
        width: 100%;
        height: 250px;
        float: left;
        background-color: #ffffff;
        margin: 0 0 20px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        /* -webkit-filter: grayscale(100%);
        filter: grayscale(100%); */
    }
/* .tile:hover
    {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    } */
.tile:hover > span
    {
        background-color: #ffffff;
    }
.tile:last-child
    {
        margin-bottom: 0;
    }
.tile::after
    {
        width: 100%;
        height: 100%;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-color: #ffffff;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
        opacity: 0;
        z-index: 5;
        transition: opacity 0.3s ease;
    }
.tile span
    {
        position: relative;
        z-index: 10;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: bold;
        font-family: 'Karla';
        letter-spacing: -1px;
        color: #000000;
        padding: 10px 15px;
        background-color: #ffffff;
    }
.tile:hover::after
    {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        -moz-opacity: 0.4;
        -khtml-opacity: 0.4;
        opacity: 0.4;
    }

@media (min-width: 320px) {
    .result-left
        {
            height:                             200px;
        }
    .icons span
        {
            width:                              50%;
        }
    h2, h2 a
        {
            font-size:                          24px;
            line-height:                        36px;
        }
    dl dt
        {
            width: 80%;
            float: left;
            margin: 0;
        }
    dl dd
        {
            width: 20%;
            float: right;
            margin: 0;
            text-align: right;
        }
    #data-venue-gallerye li
        {
            width: calc(50% - 20px);
            margin: 0 20px 20px 0;
        }
    #data-venue-gallery li
        {
            height: 250px;
        }
    #data-venue-gallery li:nth-child(even)
        {
            margin-right: 0;
        }
    #data-venue-gallery li:nth-child(2)
        {
            display: block;
        }
}

@media (min-width: 481px) {
    .result-left
        {
            height:                             250px;
        }
    h2, h2 a
        {
            font-size:                          28px;
            line-height:                        40px;
        }
    h3 {
            font-size: 18px;
            line-height: 30px;
        }
    #data-venue-title
        {
            font-size:                          50px;
            line-height:                        70px;
        }
    #data-venue-gallery li
        {
            width: calc(50% - 10px);
            height: 200px;
        }
    .tile span
        {
            font-size: 22px;
        }
    
}

@media (min-width: 641px) {
    .result-left
        {
            height:                             320px;
        }
    .result-right
        {
            width:                              calc(100% - 60px);
            padding:                            30px 30px 130px 30px;
        }
    .capacities li 
        {
            width: calc(50% - 40px)
        }
    .capacities li:nth-child(even)
        {
            margin-right: 20px;
        }
    #data-venue-gallery li
        {
            width: calc(25% - 10px);
            height: 150px;
        }
    #data-venue-gallery li:nth-child(4n)
        {
            margin-right: 0;
        }
    #data-venue-gallery li:nth-child(3), .image li:nth-child(4)
        {
            display: block;
        }
    .row
        {
            width: calc(33.3333% - 14px);
            float: left;
            margin-right: 20px;
        }
    .row:nth-child(3n):not(.row-checkbox)
        {
            margin-right: 0;
        }
    .row-checkbox
        {
            width: 20%;
            text-align: center;
        }
    .row-checkbox:last-of-type
        {
            margin-right: 0;
        }
    .tile
        {
            width: calc(50% - 10px);
            margin-right: 20px;
        }
    .tile:nth-child(even)
        {
            margin-right: 0;
        }
}

@media (min-width: 961px) {
    .field-col
        {
            width:                              calc(40% - 10px);;
            margin:                             0 20px 0 0;
        }
    .field-col:nth-last-child(2)
        {
            width: 67px;
            /* background-color: blue; */
        }
    .field-col:last-child
        {
            margin-right: 0;
            width: 81px;
            /* background-color: red; */
        }
    .result
        {
            display:                            flex;
            flex-flow:                          row wrap;
        }
    .result-left
        {
            width:                              350px;
            height:                             350px;
        }
    .result-right
        {
            width:                              calc(100% - 410px);
            height:                             290px;
            float:                              right;
            padding:                            30px;
        }
    h2, h2 a
        {
            font-size:                          34px;
            line-height:                        46px;
        }
    h3
        {
            font-size: 20px;
            line-height: 32px;
        }
    .icons span
        {
            width:                              auto;
            display:                            inline-block;
            margin:                             0 30px 0 0;
        }
    .btn-caps
        {
            width:                              200px;
        }
    .btn-list
        {
            width:                              100px;
            right:                              200px;
            bottom:                             0;
        }
    .section-padding
        {
            padding: 40px 0;
        }
    #venue-overlay-container-top
        {
           
        }
    #venue-overlay-container-left
        {
            width: calc(100% - 330px);
        }
    #venue-overlay-container-right
        {
            width: 300px;
            float: right;
            margin-left: 30px;
        }
    .result-bottom {
            width: calc(100% - 60px);
            padding: 30px 30px 30px 30px;
        }
    .capacities li {
            width: calc(50% - 50px);
            padding: 20px;
        }
    #data-venue-gallery li
        {
            display: block;
        }
    #overlay-meeting-room
        {
            top: 50%;
            left: 50%;
            margin-top: -340px;
            margin-left: -400px;
            width: 720px;
            height: 600px;
            padding: 40px;
            box-shadow: 0 0 30px #e1e1e1;
        }
    #overlay-accommodation
        {
            top: 50%;
            left: 50%;
            margin-top: -365px;
            margin-left: -400px;
            width: 720px;
            height: 650px;
            padding: 40px;
            box-shadow: 0 0 30px #e1e1e1;
        }
    #shortlist ul li
        {
            width: calc(50% - 32px);
        }
    #shortlist ul li:nth-child(2n)
        {
            margin-left: 20px;
        }
    h1
        {
            font-size: 42px;
        }
}

@media (min-width: 1025px) {

    .container
        {
            width:                              1000px;
            padding:                            0;
        }
    #data-venue-title
        {
            font-size:                          58px;
            line-height:                        78px;
        }
}