* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
button {
    cursor:pointer;
}
html {
    font-family: 'Lato', sans-serif;
    margin:0;
}
body {
    margin:0;
    overflow-x: hidden;
}
#page-container {
    overflow-x: hidden!important;
    position:relative!important;
}
.header-area {
    background:radial-gradient(ellipse at 50% 120%, #389adf, #062c6b 50%);
    position: relative;
    z-index: 100;
}
.header-original.header-area {
    background:url('./circles-header.png') 50% 75% no-repeat,radial-gradient(ellipse at 50% 120%, #389adf, #062c6b 50%);
    background-size:100%;
}
.logo {
    float:left;
    position: relative;
}
.header-original .logo:before{
    content: "";
    background: var(--nb-light-blue);
    position: absolute;
    width: 1500px;
    height: 1500px;
    z-index: 0;
    mix-blend-mode: multiply;
    right:-60px;
    top: -820px;
    border-radius: 5000px;
    /*transition:0.5s ease;*/
}
@media only screen and (max-width: 1080px) {
    .logo:before {
        right: -6vw;
    }
}
@media only screen and (max-width: 1120px) {
    .logo:before {
        opacity:0;
    }
}
.logo a {
    display: block;
    margin-top:20px;
    z-index: 2;
    position: relative;
    max-width:131px;
    width:13vw;
}
@media only screen and (max-width: 700px) {
    .logo a {
        width:23vw;
    }
}


.logo a img {
    max-width:100%
}

.header-area header {
    max-width: 1920px;
    margin:0 auto;
    text-align: right;
}

@media only screen and (max-width: 1980px) {
    .header-area header {
        margin:0 20px;
    }
}

/*--------------------------- Menu styles ---------------------------*/
.menu-container {
    position:relative;
}
#menu {
    padding: 0px 0 0 0;
    font-size:0px;
    line-height:0;
    display: inline-block;
    position: relative;
}
.header-original #menu:before {
    display:block;
    content:'';
    width: 1280px;
    height:15vw;
    max-height:280px;
    position: absolute;
    top: 0;
    right:-2.8vw;
    background:url(menu-clouds.png) no-repeat;
    background-size: contain;
    background-position:100%;
    z-index: 0;
    transition:0.2s ease;
}
@media only screen and (max-width: 756px) {
  .header-original  #menu:before {
        display:none;
    }

}

.header-original #menu:after {
    content: "";
    background: var(--nb-light-blue);
    position: absolute;
    width: 1500px;
    height: 1500px;
    z-index: 0;
    mix-blend-mode: multiply;
    right: -1433px;
    top: -790px;
    border-radius: 5000px;
}
#menu > li {
    font-size:14px;
    padding:0;
    margin:20px 0 0 0;
    list-style: none;
    display:inline-block;
    z-index: 2;
    position: relative;
}
#menu > li > a {
    font-size:1.2em;
    color:#fff;
    text-decoration: none;
    padding:1.3em 1.4em 1.4em;
    display: inline-block;
    line-height:0em;
    text-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
@media only screen and (max-width: 950px) {
    #menu > li > a {
        padding:1.3em 1.2em 1.4em;
    }
}
.mobile-only {
    display:none;
}
@media only screen and (max-width: 600px) {
    .mobile-only {
        display:block;
    }
}
#menu li.demo-item a {
    background:var(--nb-orange);
    border-radius:0.4em;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:0.05em;
    text-shadow:1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: inset 0 -1px 0px 0 rgba(0,0,0,0.5), inset 0 -20px 20px var(--nb-dark-orange);
}
#menu li.demo-item a:hover {
    box-shadow: inset 0 -1px 0px 0 rgba(0,0,0,0.5), inset 0 -120px 20px var(--nb-light-orange);
}
#menu li.search-item a {
    text-indent:-9000em;
    text-align:left;
    background:url(search.svg) no-repeat 0.4em 50%;
    background-size:22px;
}
#menu li.big-item a {
    padding-bottom:2.0em;
}
#menu li.big-item.only-small {
    display:none;
}
@media only screen and (max-width: 1280px) {
    #menu li.big-item.only-small:not(.resources) {
        display:inline-block;
    }
    #menu li.big-item:not(.only-small) {
        display:none;
    }
}
@media only screen and (max-width: 950px) {
    #menu li.big-item.only-small.resources {
        display:inline-block;
    }
}
@media only screen and (max-width: 600px) {
    #menu li.big-item.only-small.resources {
        display:none;
    }
}
#menu li.big-item.only-small.resources {
    margin-right:0.7em;
}
#menu li.small-item.only-small {
    display:none;
}
@media only screen and (max-width: 950px) {
    #menu li.small-item.only-small {
        display:inline-block;
    }
    #menu li.small-item:not(.only-small) {
        display:none;
    }
}
@media only screen and (max-width: 600px) {
    #menu li.big-item {
       display:none!important;
    }
    #menu li.big-item.resources {
        display:none;
    }
}
#menu > li.small-item > a {
    font-size:1em!important;
    padding:1.3em 1em 1.4em!important;
}
#menu > li:nth-of-type(5), #menu > li:nth-of-type(6) {
    margin-left:1em;
}
@media only screen and (max-width: 556px) {
    #menu > li:nth-of-type(5), #menu > li:nth-of-type(6) {
        margin-left:0em;
    }
}
#menu > span.menu-line {
    position:absolute;
    margin:25px 0px 0 6px;
    height:40px;
    border-left:1px solid rgba(255,255,255,0.2)!important;
}
@media only screen and (max-width: 950px) {
    #menu > span.menu-line {
        display:none;
    }
}
#menu > li.small-item:hover {
    background:#fff;
    border-radius:0.4em;
}
#menu > li.small-item.has-children:hover {
    background:#fff;
    border-radius:0.4em 0.4em 0 0;
}
#menu > li.big-item:hover, #menu > li.big-item.hover {
    background-color:var(--nb-orange);
    margin-top:10px!important;
    border-radius:0.4em 0.4em 0 0;
}
#menu > li.big-item:hover > a {
}
#menu > li.small-item:hover > a {
    color:var(--nb-deep-blue);
    text-shadow:none;
}
#menu > li:hover > ul {
    display:block;
}
#menu > li > ul {
    display:none;
    position:absolute;
    background:#fff;
    text-align:left;
    padding:0 0 8px 0;
    margin:0;
    list-style:none;
    border-radius:0 0.5em 0.5em 0.5em;
    box-shadow:0 0.5em 1em -0.5em rgba(0,0,0,0.5)
}
#menu > li > ul > li {
    line-height:1em;
    margin:0;

}
#menu > li > ul > li a {
    text-decoration:none;
    color:var(--nb-light-blue);
    min-width:150px;
    display:block;
    padding:0.8em 1.5em 0.8em 1em;
    white-space:nowrap;
}
#menu > li.big-item > ul > li a {
    padding:0.8em 1.5em 0.8em 1em;
}
#menu > li > ul > li a:hover {
    color:var(--nb-orange);

}
#menu > li.big-item > ul {
    padding-top:0.7em;
    top:80%;
    box-shadow:0 0.5em 1em -0.5em rgba(0,0,0,0.5), inset 0 125px 0px -120px var(--nb-orange);
}
/*-------------------------- Mega Menu ----------------------*/


@media only screen and (max-width: 1280px) {
    header:before {
        /*transition: 0.5s ease;*/
        opacity:0;
        content:"";
        width:110vw;
        height:0vh;
        position:absolute;
        left:0;
        top:0;
        background:rgba(0,0,0,0.3);
        z-index:2;
        filter: blur(118px);
        -webkit-filter: blur(118px);
    }
    body.mega-open header:before {
        opacity:1;
        height:100vh;
    }
    body.mega-open .visual-placeholder{
        filter: blur(8px);
        -webkit-filter: blur(8px);
    }
    .mega-menu.open {
        opacity:1;
        display:flex;
    }
}
.mega-menu {
    display:none;
    opacity:0;
    /*transition:opacity 0.5s ease;*/
    background:#fff;
    /*     background:#fff url(city-scape.png) 0 100% no-repeat; */
    position:absolute;
    text-align:left;
    border-radius:0.5em;
    box-shadow:inset 0 104px 0px -100px var(--nb-orange), inset 0 -100px 100px -150px var(--nb-light-blue);
    padding:0 0.5em 0.5em;
    right:0;
    z-index: 2;
    font-size: 17px;
}
@media only screen and (max-width: 800px) {
    .mega-menu {

     box-shadow:inset 0 104px 0px -100px var(--nb-orange);
    }
}
@media only screen and (min-width: 930px) {
    #mega-menu.mega-menu:after {
        content:"";
        width:340px;
        height:280px;
        position:absolute;
        right:-20px;
        bottom:-111px;
        z-index:-1;
        /*         background:url(mega-menu-couple.png) 50% 50% no-repeat; */
    }
}
.mega-menu div {
    padding:1.5em 0.6em 1em;
}
.mega-menu div span {
    border-bottom:2px solid var(--nb-orange);
    display:block;
    color:var(--nb-deep-blue);
    font-weight:700;
    font-size:0.9em;
    padding-bottom:0.3em;
}
.mega-menu ul {
    list-style:square;
    color:var(--nb-orange);
    padding:0 0 0 1.5em;
    margin: 0.3em 1.5em 0 0;
    font-size:1em;
}
.mega-menu ul li {
    margin:0;
    line-height:0.93em;
}
.mega-menu ul li a {
    font-size:0.8em;
    text-decoration:none;
    color:var(--nb-deep-blue);
    display:block;
    padding:0.6em 0;
}
.mega-menu ul li a:hover {
    color:var(--nb-dark-orange);

}
@media only screen and (max-width: 800px) {
    .mega-menu {
        font-size:1.4em;
        flex:2;
        flex-wrap:wrap;
    }
    .mega-menu div {
        width:45%;
    }
    .mega-menu ul li a {
        padding:0.4em 0;
    }
}
@media only screen and (max-width: 563px) {
    .mega-menu {
        font-size:1.5em;
        flex:1;
    }
    .mega-menu div {
        width:100%;
    }
}
.search-item div {
    display:none;
    position:absolute;
    background:#fff;
    white-space:nowrap;
    padding:1em;
    transform:translate3d(-57%,5px,0);
    border-radius:0.5em;
    box-shadow:0 5px 5px -3px rgba(0,0,0,0.3)
}
@media only screen and (max-width: 435px) {
    .search-item div {
        position:fixed;
        transform:none;
        left:5px;
        width:calc(100% - 40px);
    }
}

    .search-item.hover div {
        display:block;
    }
    .search-item.hover a:after {
        content:"";
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        display:block;
        position:absolute;
        top:40px;
        right:32%;
    }

.search-item div:before {
    content:"";
    width:55px;
    height:20px;
    display:block;
    position:absolute;
    top:-20px;
    left:55%;
}

.search-item div input {
    -moz-appearance: none;
    -webkit-appearance: none;
    border:1px solid;
    border-radius:0.5em;
    margin-right:0.5em;
    font-size:0.9em;
    padding:0.8em;
    width:300px;
    max-width:calc(100vw - 160px);
    color:var(--nb-deep-blue)!important;
}
.search-item div button {
    cursor:pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    border:1px solid var(--nb-deep-blue);
    background:var(--nb-deep-blue);
    border-radius:0.5em;
    padding:1em 2em;
    text-transform:uppercase;
    font-size:0.8em;
    font-weight:700;
    color:#fff;
}
/*--------------------------- header-panel styles ---------------------------*/
.header-panel {
    clear:both;
    font-size:25px;
    transition:0.5s ease;
}
.header-panel-contents {
    max-width: 1920px;
    margin:0 auto;
}
.header-panel-contents-left-margin {
    padding-left:200px;
    padding-bottom: 4.5em;
    z-index: 1;
    position: relative;
    padding-top: 3em;
}

.header-panel-bottom .header-panel-contents-left-margin {
    padding-top: 0.21em;
    width: 50%;
}
.header-panel-top .header-panel-contents-left-margin {
    width:50%;
}

@media only screen and (max-width: 1120px) {
    .header-panel-contents-left-margin {
        padding-left:40px;
    }
    .header-panel-top {
        padding-top:30px;
    }
}

@media only screen and (max-width: 756px) {
    .header-panel-bottom .header-panel-contents-left-margin, .header-panel-top .header-panel-contents-left-margin {
        width:auto;
        padding-right:40px;
    }
}
.header-original .header-panel:after {
    content:"";
    display:block;
    background: url(bottom-white-curve.svg) 50% 0 no-repeat;
    background-size: 250%;
    height:50px;
    margin-bottom:0px;
}



ul#newbook-check-items {
    font-size: 0.8em;
    color: #666;
    margin: 0px 30px 37px 0px;
}

ul#newbook-check-items li {
    font-size: 0.9em;
    color: #fff;
    display: block;
    font-weight: normal!important;
    margin: 0px 0px 15px 20px;
    position: relative;
    padding-left: 40px;
    padding-top: 8px;
    font-weight: 700;
}

ul#newbook-check-items li::before {
    background: transparent url('coloured-tic-white.png') 0px 0px no-repeat;
    position: absolute;
    content: " ";
    top: 0px;
    left: 0px;
    width: 33px;
    height: 32px;
    display: block;
}

.header-panel .content-area {
    max-width:750px;
    margin-top:2em;
    transition:0.5s ease;
}

.header-panel h1 {
    color:#fff;
    font-size: 3.3em;
    margin: 0 0em 0.3em 0em;
    line-height: 1em;
    font-weight: 900 !important;
}

.header-panel h1 span:last-of-type {
    color:var(--nb-orange);
    display:block;
    font-size:0.8em;
    line-height: 1.1em;
}
.header-panel h1 strong {
    font-size:0.34em!important;
    display:block;
    margin-top:1.5em!important;
    margin-bottom:-0.7em;
    line-height:1.1em;
    font-weight:600;
}
/*
.header-panel ul {
    padding: 0;
    margin:0;
    list-style:none;
    line-height:0em;
}
.header-panel ul li {
    display:inline-block;
    font-size:1.45em;
    line-height:1em;
    font-weight:900;
    color:#fff;
}
.header-panel ul li:nth-of-type(1) {
    color:var(--nb-green);
}
.header-panel ul li:nth-of-type(2) {
    color:var(--nb-bright-blue);
}
.header-panel ul li:nth-of-type(3) {
    color:var(--nb-orange);
}
.header-panel ul li:nth-of-type(1):after,.header-panel ul li:nth-of-type(2):after {
    content:"+";
    display:inline-block;
    padding:0 10px;
    color:#fff;
}
*/
.header-original .header-panel p {
    font-size:0.8em;
    color:#fff;
    margin-top: 0;
}
.header-original .header-panel p {
    margin-bottom:23px;
}
.header-panel p.reducemargin {
    margin-bottom: 1em !important;
}

.visual-placeholder {
    max-width:1000px;
    float:right;
    z-index: 1;
    position: relative;
    width: 48%;
}

@media only screen and (max-width: 756px) {
    .visual-placeholder {
        display:none;
    }
    ul#newbook-check-items li {
        font-size:15px;
    }
}
@media only screen and (max-width: 1525px) {
    ul#newbook-check-items li {
        font-size:15px;
    }
    .header-original .header-panel p {
        font-size:15px;
    }
}

/*.visual-placeholder img {
    transition: transform 0.2s ease-in-out!important;
}
.visual-placeholder:hover img {
    transform: rotate(2deg)!important;
}*/


.page_image_grow_row .et_pb_column .et_pb_image img {
    transition: transform 0.2s ease-in-out!important;
}
.page_image_grow_row:hover .et_pb_column .et_pb_image img {
    transform: scale(1.1) rotate(2deg)!important;
}
body.home .visual-placeholder img {
    margin-top: 74px;
}
.nb-btn {
    color:#666;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size:0.68em;
    border:0;
    border-radius:0.3em;
    padding:0.8em 1.5em;
    font-weight:700;
    letter-spacing:-0.001em;
    transition:0.2s ease;
    text-transform: uppercase;
}
.btn-primary {
    color:#fff;
    background:var(--nb-orange);
    text-shadow:1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: inset 0 -1px 0px 0 rgba(0,0,0,0.5), inset 0 -20px 20px var(--nb-dark-orange);
    display: inline-block;
}
.btn-primary:hover {
    box-shadow: inset 0 -1px 0px 0 rgba(0,0,0,0.5), inset 0 -120px 20px var(--nb-light-orange);
}
.btn-hollow {
    color:#fff;
    background:transparent;
    box-shadow: inset 0 0px 0px 1px #fff;
    font-weight:600;
}
.btn-hollow:hover {
    background:#fff;
    color:#032a6a;
}
.mr-1 {
    margin-right:0.5em;
}

@media only screen and (max-width: 1980px) {
    .header-original .header-panel {
        font-size:1.3vw!important;
    }
}
@media only screen and (max-width: 1120px) {
    .header-original .header-panel {
        font-size:16px!important;
    }
}
@media only screen and (max-width: 1475px) {
    .header-original .header-panel-bottom {
        font-size:20px;
    }
}


/*----(s) header-generic----*/
.header-generic {
    background:radial-gradient(ellipse at 50% 220%, #389adf, #062c6b)!important;

}
.header-generic .header-panel {
    background:50% 100% no-repeat;
    box-shadow:inset 0 -1px 0px 0 #fff;
}
.header-generic .header-panel h1 {
    font-size:2.8em;
    margin:2em 1em 0;
}
.header-generic .header-panel p {
    width:900px;
    max-width:90%;
    margin:0 auto 1.5em;
    line-height:1.5em;
    font-size:0.8em;
    color:#fff;
    margin-bottom: 23px;
}
.header-generic .header-bottom-curve {
    text-align:center;
    padding-bottom:6em;
}

body .header-generic:not(.header-flat) .header-bottom-curve {
    background: url(bottom-white-curve-reversed.svg) 50% 100.2% no-repeat;
    background-size:110vw auto!important;
    padding-bottom: 8em;
}

body .header-generic.header-flat .header-panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

@media only screen and (max-width: 1980px) {
    .header-generic .header-panel {
        font-size:1.6em!important;
    }
}
@media only screen and (max-width: 730px) {
    .header-generic .header-panel {
        font-size:1.3em!important;
    }
}
/*----(e) header-generic----*/


/*----(s) header-products----*/
.header-area.header-product {
    background:var(--nb-deep-blue);
    background:url(banner-clouds2.png) 50% 0 repeat-x;
}
.header-product .header-panel h1 {
    color:var(--nb-deep-blue);
    text-shadow:1px 1px 0 #fff;
    line-height:0.95em;
}
.header-product .header-panel p {
    font-size:0.8em;
    color:var(--nb-deep-blue);
    line-height:1.3em;
    max-width:600px;
    margin-bottom: 23px;
}
.header-product ul#newbook-check-items {
    margin-bottom:2em;
}
.header-product ul#newbook-check-items li {
    color:var(--nb-deep-blue);
    font-weight:700!important;
}
.header-product .visual-placeholder {
    text-align: center;
}
.header-product .visual-placeholder img {
    max-height:660px;
    width:auto;
    margin:0 auto;
}
.header-product .btn-hollow {
    box-shadow:inset 0 0 0 2px #032a6a;
    color:#032a6a;
}
.header-product .btn-hollow:hover {
    box-shadow:inset 0 0 0 2px #032a6a;
    color:#ffffff;
    background:#032a6a;
}
@media only screen and (min-width: 890px) {
    .header-product .header-panel-top .header-panel-contents-left-margin {
        width:58%;
    }
}
.header-product ul#newbook-check-items li::before {
    background: transparent url('i-coloured-tic.png') 0px 0px no-repeat;
}

.header-panel-top {
    padding:0;
}
@media only screen and (max-width: 1980px) {
    .header-product .header-panel {
        font-size:1.5em!important;
    }
    .header-product .header-panel-contents-left-margin {
        padding-left:8vw!important
    }
}
@media only screen and (max-width: 1530px) {
    .header-product .header-panel {
        font-size:1.4em!important;
    }
    .header-panel-contents-left-margin {
        padding-top:5vw!important;
    }
    .header-product .visual-placeholder img {
        padding:0 2vw 0 0;
    }
}

/*----(e) header-products----*/


@media only screen and (min-width: 981px) {
    .big-clouds-left:before {
        content:"";
        display:block;
        width:1624px;
        height:909px;
        position:absolute;
        background:url(big-clouds.png) 0 50% no-repeat;
        background-size:contain;
        top:-70%;
        right:50%;
    }
    .big-clouds-right:before {
        content:"";
        display:block;
        width:1624px;
        height:909px;
        position:absolute;
        background:url(big-clouds.png) 0 50% no-repeat;
        background-size:contain;
        top:-70%;
        z-index:1;
        left:50%;
        opacity:0.3;
    }
    .big-clouds-right:first-of-type:before {
        top:-30%!important;
    }
}
.newbook-stats .et_pb_text_inner {
    text-align:center;
    background:#062c6b!important;
    box-shadow:inset 0 -200px 200px -200px var(--nb-light-blue);
    padding:20px 0px;
    border-radius:10px;
    vertical-align:center;
    text-shadow:1px 1px rgba(0,0,0,0.2);
}
.newbook-stats .et_pb_text_inner:before {
}
.newbook-stats .et_pb_text_inner span {
    text-transform:uppercase;
    font-size:14px;
    font-weight:800;
    color:#fff;
}
.newbook-stats .et_pb_text_inner strong {
    display:block;
    font-size:50px;
    line-height:50px;
    font-weight:800;
    color:var(--nb-orange);

}
.newbook-stats .et_pb_text_inner strong em {
    font-style:normal;
    font-size:0.5em;
    line-height:0.5em;
}
.header-original img {
    max-height:700px;
    width:auto;
    margin:0 auto;
    display:block;
}
.visual-placeholder img[src$="Booking-Engine-Header.svg"] {
    max-height:800px;
}
.visual-placeholder img[src$="About-Us-header-1.svg"] {
    max-height:450px;
}
.visual-placeholder img[src$="keypad-header_2.svg"] {
    max-height:550px;
    margin:100px 0 -100px;
}
.visual-placeholder img[src$="shaye-at-desk-header.png"] {
    max-height:100%;
    max-width:100%;
    padding-top:40px;
}
.login-bar {
    background:#071843;
    text-align:right;
    position:relative;
    z-index:1;
    /*box-shadow:inset 0 0px 15px rgba(255,255,255,0.1)*/
}
.login-container {
    max-width:1940px;
    margin:0 auto;    
}
.login-bar a{
     color:#fff;
     padding:4px 10px;
     text-transform:uppercase;
     font-size:10px;
     opacity:0.6;
     display:inline-block;
}
@media only screen and (max-width: 1940px) {
    .login-bar {
        padding:0 15px;
    }
}
#mobile-menu-toggle {
    display:none!important;
}
@media only screen and (max-width: 600px) {
    #mega-menu.mega-menu {
            box-shadow:inset 0 104px 0px -100px var(--nb-orange), 0 10px 10px rgba(0,0,0,0.1);

    }
    html #menu #mobile-menu-toggle{
        display:inline-block!important;
        margin-right:0.31em;
        vertical-align:top;
        margin-top:20px!important;
        width:50px;
        height:48px
    }
    html #menu #mobile-menu-toggle:not(.hover):hover{
        background:none!important;

    }
    #mobile-menu-toggle a {
        background:url(mobile-menu.svg) 50% 30% no-repeat;
        background-size:50%;
        width:50px;
    }
}

body.error404 .header-panel h1 {
    font-size:10em!important;
    margin-bottom:0em;
}
body.error404 .header-area {
    margin-bottom:10em
}
body.error404 .header-original img {
    max-height:500px
}