*,
*:after,
*:before {
    box-sizing: border-box;
    text-rendering: optimizeLegibility
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

nav ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent
}

ins,
mark {
    background: yellow;
    color: #444;
    text-decoration: none
}

mark {
    display: inline-block;
    padding: .1em;
    text-shadow: none;
    background: #f2d3a9;
    color: #a93901
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

::selection {
    text-shadow: none;
    background: #a0232e;
    color: var(--white)
}

form {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    /* *margin-left: -7px */
}

button,
input,
select,
textarea {
    font-size: 100%;
    font-family: inherit;
    margin: 0;
    vertical-align: baseline;
    /* *vertical-align: middle */
}

button,
input {
    line-height: normal
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    /* *overflow: visible */
}

button[disabled],
input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    /* *height: 13px;
    *width: 13px */
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

.fade-in {
    -webkit-animation: fadein .25s;
    animation: fadein .25s
}

@keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@font-face {
font-display:swap;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/playfair-display/playfair-display-v21-latin-regular.eot");
    src: local(""), url("../fonts/playfair-display/playfair-display-v21-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/playfair-display/playfair-display-v21-latin-regular.woff2") format("woff2"), url("../fonts/playfair-display/playfair-display-v21-latin-regular.woff") format("woff"), url("../fonts/playfair-display/playfair-display-v21-latin-regular.ttf") format("truetype"), url("../fonts/playfair-display/playfair-display-v21-latin-regular.svg#PlayfairDisplay") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/playfair-display/playfair-display-v21-latin-600.eot");
    src: local(""), url("../fonts/playfair-display/playfair-display-v21-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/playfair-display/playfair-display-v21-latin-600.woff2") format("woff2"), url("../fonts/playfair-display/playfair-display-v21-latin-600.woff") format("woff"), url("../fonts/playfair-display/playfair-display-v21-latin-600.ttf") format("truetype"), url("../fonts/playfair-display/playfair-display-v21-latin-600.svg#PlayfairDisplay") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/playfair-display/playfair-display-v21-latin-500.eot");
    src: local(""), url("../fonts/playfair-display/playfair-display-v21-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/playfair-display/playfair-display-v21-latin-500.woff2") format("woff2"), url("../fonts/playfair-display/playfair-display-v21-latin-500.woff") format("woff"), url("../fonts/playfair-display/playfair-display-v21-latin-500.ttf") format("truetype"), url("../fonts/playfair-display/playfair-display-v21-latin-500.svg#PlayfairDisplay") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/playfair-display/playfair-display-v21-latin-700.eot");
    src: local(""), url("../fonts/playfair-display/playfair-display-v21-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/playfair-display/playfair-display-v21-latin-700.woff2") format("woff2"), url("../fonts/playfair-display/playfair-display-v21-latin-700.woff") format("woff"), url("../fonts/playfair-display/playfair-display-v21-latin-700.ttf") format("truetype"), url("../fonts/playfair-display/playfair-display-v21-latin-700.svg#PlayfairDisplay") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/playfair-display/playfair-display-v21-latin-900.eot");
    src: local(""), url("../fonts/playfair-display/playfair-display-v21-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/playfair-display/playfair-display-v21-latin-900.woff2") format("woff2"), url("../fonts/playfair-display/playfair-display-v21-latin-900.woff") format("woff"), url("../fonts/playfair-display/playfair-display-v21-latin-900.ttf") format("truetype"), url("../fonts/playfair-display/playfair-display-v21-latin-900.svg#PlayfairDisplay") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/playfair-display/playfair-display-v21-latin-800.eot");
    src: local(""), url("../fonts/playfair-display/playfair-display-v21-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/playfair-display/playfair-display-v21-latin-800.woff2") format("woff2"), url("../fonts/playfair-display/playfair-display-v21-latin-800.woff") format("woff"), url("../fonts/playfair-display/playfair-display-v21-latin-800.ttf") format("truetype"), url("../fonts/playfair-display/playfair-display-v21-latin-800.svg#PlayfairDisplay") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/playfair-display/playfair-display-v21-latin-italic.eot");
    src: local(""), url("../fonts/playfair-display/playfair-display-v21-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/playfair-display/playfair-display-v21-latin-italic.woff2") format("woff2"), url("../fonts/playfair-display/playfair-display-v21-latin-italic.woff") format("woff"), url("../fonts/playfair-display/playfair-display-v21-latin-italic.ttf") format("truetype"), url("../fonts/playfair-display/playfair-display-v21-latin-italic.svg#PlayfairDisplay") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 500;
    src: url("../fonts/playfair-display/playfair-display-v21-latin-500italic.eot");
    src: local(""), url("../fonts/playfair-display/playfair-display-v21-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/playfair-display/playfair-display-v21-latin-500italic.woff2") format("woff2"), url("../fonts/playfair-display/playfair-display-v21-latin-500italic.woff") format("woff"), url("../fonts/playfair-display/playfair-display-v21-latin-500italic.ttf") format("truetype"), url("../fonts/playfair-display/playfair-display-v21-latin-500italic.svg#PlayfairDisplay") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 600;
    src: url("../fonts/playfair-display/playfair-display-v21-latin-600italic.eot");
    src: local(""), url("../fonts/playfair-display/playfair-display-v21-latin-600italic.eot?#iefix") format("embedded-opentype"), url("../fonts/playfair-display/playfair-display-v21-latin-600italic.woff2") format("woff2"), url("../fonts/playfair-display/playfair-display-v21-latin-600italic.woff") format("woff"), url("../fonts/playfair-display/playfair-display-v21-latin-600italic.ttf") format("truetype"), url("../fonts/playfair-display/playfair-display-v21-latin-600italic.svg#PlayfairDisplay") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 700;
    src: url("../fonts/playfair-display/playfair-display-v21-latin-700italic.eot");
    src: local(""), url("../fonts/playfair-display/playfair-display-v21-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/playfair-display/playfair-display-v21-latin-700italic.woff2") format("woff2"), url("../fonts/playfair-display/playfair-display-v21-latin-700italic.woff") format("woff"), url("../fonts/playfair-display/playfair-display-v21-latin-700italic.ttf") format("truetype"), url("../fonts/playfair-display/playfair-display-v21-latin-700italic.svg#PlayfairDisplay") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 900;
    src: url("../fonts/playfair-display/playfair-display-v21-latin-900italic.eot");
    src: local(""), url("../fonts/playfair-display/playfair-display-v21-latin-900italic.eot?#iefix") format("embedded-opentype"), url("../fonts/playfair-display/playfair-display-v21-latin-900italic.woff2") format("woff2"), url("../fonts/playfair-display/playfair-display-v21-latin-900italic.woff") format("woff"), url("../fonts/playfair-display/playfair-display-v21-latin-900italic.ttf") format("truetype"), url("../fonts/playfair-display/playfair-display-v21-latin-900italic.svg#PlayfairDisplay") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 800;
    src: url("../fonts/playfair-display/playfair-display-v21-latin-800italic.eot");
    src: local(""), url("../fonts/playfair-display/playfair-display-v21-latin-800italic.eot?#iefix") format("embedded-opentype"), url("../fonts/playfair-display/playfair-display-v21-latin-800italic.woff2") format("woff2"), url("../fonts/playfair-display/playfair-display-v21-latin-800italic.woff") format("woff"), url("../fonts/playfair-display/playfair-display-v21-latin-800italic.ttf") format("truetype"), url("../fonts/playfair-display/playfair-display-v21-latin-800italic.svg#PlayfairDisplay") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/dm-sans/dm-sans-v4-latin-regular.eot");
    src: local("DM Sans Regular"), local("DMSans-Regular"), url("../fonts/dm-sans/dm-sans-v4-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/dm-sans/dm-sans-v4-latin-regular.woff2") format("woff2"), url("../fonts/dm-sans/dm-sans-v4-latin-regular.woff") format("woff"), url("../fonts/dm-sans/dm-sans-v4-latin-regular.ttf") format("truetype"), url("../fonts/dm-sans/dm-sans-v4-latin-regular.svg#DMSans") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/dm-sans/dm-sans-v4-latin-italic.eot");
    src: local("DM Sans Italic"), local("DMSans-Italic"), url("../fonts/dm-sans/dm-sans-v4-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/dm-sans/dm-sans-v4-latin-italic.woff2") format("woff2"), url("../fonts/dm-sans/dm-sans-v4-latin-italic.woff") format("woff"), url("../fonts/dm-sans/dm-sans-v4-latin-italic.ttf") format("truetype"), url("../fonts/dm-sans/dm-sans-v4-latin-italic.svg#DMSans") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/dm-sans/dm-sans-v4-latin-500.eot");
    src: local("DM Sans Medium"), local("DMSans-Medium"), url("../fonts/dm-sans/dm-sans-v4-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/dm-sans/dm-sans-v4-latin-500.woff2") format("woff2"), url("../fonts/dm-sans/dm-sans-v4-latin-500.woff") format("woff"), url("../fonts/dm-sans/dm-sans-v4-latin-500.ttf") format("truetype"), url("../fonts/dm-sans/dm-sans-v4-latin-500.svg#DMSans") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 500;
    src: url("../fonts/dm-sans/dm-sans-v4-latin-500italic.eot");
    src: local("DM Sans Medium Italic"), local("DMSans-MediumItalic"), url("../fonts/dm-sans/dm-sans-v4-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/dm-sans/dm-sans-v4-latin-500italic.woff2") format("woff2"), url("../fonts/dm-sans/dm-sans-v4-latin-500italic.woff") format("woff"), url("../fonts/dm-sans/dm-sans-v4-latin-500italic.ttf") format("truetype"), url("../fonts/dm-sans/dm-sans-v4-latin-500italic.svg#DMSans") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/dm-sans/dm-sans-v4-latin-700.eot");
    src: local("DM Sans Bold"), local("DMSans-Bold"), url("../fonts/dm-sans/dm-sans-v4-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/dm-sans/dm-sans-v4-latin-700.woff2") format("woff2"), url("../fonts/dm-sans/dm-sans-v4-latin-700.woff") format("woff"), url("../fonts/dm-sans/dm-sans-v4-latin-700.ttf") format("truetype"), url("../fonts/dm-sans/dm-sans-v4-latin-700.svg#DMSans") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 700;
    src: url("../fonts/dm-sans/dm-sans-v4-latin-700italic.eot");
    src: local("DM Sans Bold Italic"), local("DMSans-BoldItalic"), url("../fonts/dm-sans/dm-sans-v4-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/dm-sans/dm-sans-v4-latin-700italic.woff2") format("woff2"), url("../fonts/dm-sans/dm-sans-v4-latin-700italic.woff") format("woff"), url("../fonts/dm-sans/dm-sans-v4-latin-700italic.ttf") format("truetype"), url("../fonts/dm-sans/dm-sans-v4-latin-700italic.svg#DMSans") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 300;
    src: url("../fonts/raleway-v12-latin-300italic.eot");
    src: local("Raleway Light Italic"), local("Raleway-LightItalic"), url("../fonts/raleway-v12-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-v12-latin-300italic.woff2") format("woff2"), url("../fonts/raleway-v12-latin-300italic.woff") format("woff"), url("../fonts/raleway-v12-latin-300italic.ttf") format("truetype"), url("../fonts/raleway-v12-latin-300italic.svg#Raleway") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/raleway-v12-latin-regular.eot");
    src: local("Raleway"), local("Raleway-Regular"), url("../fonts/raleway-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-v12-latin-regular.woff2") format("woff2"), url("../fonts/raleway-v12-latin-regular.woff") format("woff"), url("../fonts/raleway-v12-latin-regular.ttf") format("truetype"), url("../fonts/raleway-v12-latin-regular.svg#Raleway") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/raleway-v12-latin-italic.eot");
    src: local("Raleway Italic"), local("Raleway-Italic"), url("../fonts/raleway-v12-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-v12-latin-italic.woff2") format("woff2"), url("../fonts/raleway-v12-latin-italic.woff") format("woff"), url("../fonts/raleway-v12-latin-italic.ttf") format("truetype"), url("../fonts/raleway-v12-latin-italic.svg#Raleway") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/raleway-v12-latin-500.eot");
    src: local("Raleway Medium"), local("Raleway-Medium"), url("../fonts/raleway-v12-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-v12-latin-500.woff2") format("woff2"), url("../fonts/raleway-v12-latin-500.woff") format("woff"), url("../fonts/raleway-v12-latin-500.ttf") format("truetype"), url("../fonts/raleway-v12-latin-500.svg#Raleway") format("svg")
}

@font-face {
font-display:swap;
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 500;
    src: url("../fonts/raleway-v12-latin-500italic.eot");
    src: local("Raleway Medium Italic"), local("Raleway-MediumItalic"), url("../fonts/raleway-v12-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-v12-latin-500italic.woff2") format("woff2"), url("../fonts/raleway-v12-latin-500italic.woff") format("woff"), url("../fonts/raleway-v12-latin-500italic.ttf") format("truetype"), url("../fonts/raleway-v12-latin-500italic.svg#Raleway") format("svg")
}

/* html {
    font-size: 100%;
    font-family: "DM Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
} */

body {
    font-style: normal;
    font-weight: 400;
    font-variant-numeric: lining-nums;
    font-size: 0.875rem;
    line-height: 20px;
    font-size: .875rem;
    line-height: 1.25rem
}

@media only screen and (min-width: 1024px) {
    body {
        font-size: 16px;
        line-height: 24px;
        font-size: 1rem;
        line-height: 1.5rem
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 1.5rem;
    font-size: 24px;
    line-height: 28px;
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 700;
    font-family: "Playfair Display", Times New Roman, serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin: 0 0 1.5rem 0
}

p {
    margin: 0 0 1.5rem
}

a {
    color: var(--primary-color);
    font-weight: 700;
    text-decoration: none
}

a:active,
a:focus {
    outline: medium none
}

a:hover {
    text-decoration: none
}

figure {
    margin: 0 0 1.5rem
}

figcaption {
    font-size: 0.8rem;
    line-height: 22.4px;
    font-size: .8rem;
    line-height: 1.4rem;
    font-style: italic;
    color: #9E9E9E
}

blockquote {
    color: #666;
    margin: 0 0 20px;
    padding: 10px 0 50px 20px;
    position: relative
}

blockquote::before {
    color: #efefef;
    content: "";
    font-family: "icomoon";
    font-size: 8.125rem;
    font-style: normal;
    left: -20px;
    margin: 0 10px 0 0;
    position: absolute;
    top: -25px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    z-index: 0
}

blockquote::after {
    content: ""
}

blockquote p {
    display: inline;
    font-family: "Playfair Display", Times New Roman, serif;
    font-size: 18.4px;
    line-height: 32px;
    font-size: 1.15rem;
    line-height: 2rem;
    position: relative
}

blockquote cite {
    margin-top: 1rem;
    border-top: 1px solid #ccc;
    color: #6d6367;
    display: block;
    font-style: normal;
    line-height: 1.875rem;
    text-align: right;
    width: 70%
}

#Search,
#EnquireBox {
    background: var(--bs-header-bg-color);
    border-top: 1px solid #495056;
    border-bottom: 4px solid #495056;
    color: var(--white);
    display: block;
    padding: 30px 20px;
    position: absolute;
    z-index: -1;
    top: 100%;
    width: 100%;
    right: -100%;
    visibility: hidden;
    opacity: 0;
    transition: visibility ease-in-out 0.4s, right ease-in-out 0.6s, opacity ease-in-out 0.3s;
    min-height: 650px
}

#Search.active,
#EnquireBox.active {
    visibility: visible;
    opacity: 1;
    right: 0
}

#Search {
    height: auto;
    min-height: 250px
}

#EnquireBox textarea,
#EnquireBox input,
#EnquireBox select {
    border-color: #5E676F;
    color: #909EAA;
    color: var(--white)
}

#BrochureOrder select,
.sortbox select,
#EnquireBox select {
    -webkit-appearance: none;
    appearance: none
}

#BrochureOrder label,
.sortbox label,
#EnquireBox label {
    position: relative;
    z-index: 0
}

#BrochureOrder label i,
.sortbox label i,
#EnquireBox label i {
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    line-height: 2.625rem;
    z-index: -1;
    color: #909EAA
}

#EnquireBox h3,
#EnquireBox h2 {
    margin-bottom: 30px
}

#EnquireBox #btnEnquire {
    border: none;
    background: var(--primary-color);
    color: var(--white);
    font-weight: 500
}

#EnquireBox #btnEnquire:hover {
    background: #972577
}

.enquiry-privacy a {
    text-decoration: underline
}

input,
select {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    border-radius: 0;
    color: var(--bs-body-color);
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 45px;
    margin: 0 0 8px;
    padding: 4px 10px;
    width: 100%
}

select {
    -webkit-appearance: none;
    appearance: none;
    padding: 8px;
    background: url(../img/arrow.png) 98.5% center no-repeat
}

select:focus,
input:not([type="radio"]):not([type="checkbox"]):focus,
textarea:focus {
    border-color: var(--bs-body-color);
    color: var(--bs-body-color);
    outline: medium none
}

select:disabled,
input:disabled {
    border-color: var(--white);
    background: var(--white)
}

input[type="checkbox"],
input[type="submit"],
input[type="radio"],
input[type="button"] {
    display: inline-block;
    vertical-align: middle;
    width: auto
}

input[type="radio"],
input[type="checkbox"] {
    height: auto;
    padding: 0
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition-delay: 9999s
}

select option {
    background-color: #fafafa;
    color: #2B3135;
    padding: 4px
}

textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    color: #5E676F;
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 150px;
    margin: 0 0 8px;
    padding: 14px 10px;
    width: 100%
}

label {
    display: block;
    margin-bottom: 8px;
    vertical-align: top
}

label.no-show {
    display: none
}

label>span {
    line-height: 2.5rem
}

input[type="button"],
input[type="submit"] {
    cursor: pointer;
    display: inline-block;
    width: auto
}

textarea[class*="box-"],
select[class*="box-"],
input[type="text"][class*="box-"],
input[type="password"][class*="box-"],
input[type="button"][class*="box-"],
input[type="submit"][class*="box-"] {
    display: inline-block;
    margin: 0 -2px 8px
}

input[type="checkbox"]+[class*="box-"] {
    padding: 0 10px
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important
}

:-webkit-input-placeholder {
    color: var(--bs-body-color);
    opacity: 1
}

:-moz-placeholder {
    color: var(--bs-body-color);
    opacity: 1
}

::-moz-placeholder {
    color: var(--bs-body-color);
    opacity: 1
}

:-ms-input-placeholder {
    color: var(--bs-body-color);
    opacity: 1
}

::-ms-input-placeholder {
    color: var(--bs-body-color);
    opacity: 1
}

:placeholder-shown {
    color: var(--bs-body-color);
    opacity: 1
}

:-moz-placeholder {
    opacity: 1
}

::-webkit-input-placeholder {
    opacity: 1;
    color: var(--bs-body-color)
}

::-ms-input-placeholder {
    opacity: 1;
    color: var(--bs-body-color)
}

::placeholder {
    opacity: 1;
    color: var(--bs-body-color)
}

#EnquireBox ::-webkit-input-placeholder {
    opacity: 1;
    color: var(--white)
}

#EnquireBox ::-ms-input-placeholder {
    opacity: 1;
    color: var(--white)
}

#EnquireBox ::placeholder {
    opacity: 1;
    color: var(--white)
}

#EnquireBox :-ms-input-placeholder {
    color: var(--white);
    opacity: 1
}

#EnquireBox ::-ms-input-placeholder {
    color: var(--white);
    opacity: 1
}

.enquirybox p.enquire-button,
.enquirybox p.human {
    text-align: right
}

.NLbox {
    display: block;
    margin: 0
}

.gdpr {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    min-height: 30px
}

.gdpr .message {
    display: block;
    border: 1px solid #ccc;
    background: var(--white);
    margin: 20px 0;
    padding: 20px;
    border-radius: 4px;
    bottom: 200%;
    right: 0;
    position: absolute;
    width: 500%;
    max-width: 450px;
    opacity: 0;
    visibility: hidden;
    transition: bottom 0.4s ease-in-out 0s, opacity 0.3s ease-in-out 0s, visibility 0.3s ease-in-out 0s
}

.gdpr:hover .message {
    opacity: 1;
    visibility: visible;
    bottom: 95%
}

.gdpr .message:after {
    content: "\e950";
    font-family: "icomoon";
    position: absolute;
    padding: 0;
    margin: 0;
    color: #ccc;
    bottom: -15px;
    right: 40px;
    height: 15px;
    line-height: 0.8125rem;
    font-size: 1.875rem
}

.NLbox .gdpr>p {
    margin: 0;
    cursor: pointer;
    font-size: 0.8125rem;
    text-transform: uppercase;
    color: #5E676F;
    font-weight: 500;
    white-space: nowrap;
    padding: 0 10px
}

#masthead .gdpr>p {
    color: #ccc;
    padding-left: 20px
}

#masthead .gdpr:hover>p {
    color: var(--primary-color)
}

#EnquireBox .gdpr>p i,
.gdpr>p i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
    font-size: 1.25rem;
    position: relative;
    right: auto
}

.gdpr .message p {
    color: #2B3135;
    text-align: left
}

#EnquireBox label>span {
    padding-right: 10px
}

label[for="newsletter"] span {
    cursor: pointer
}

#EnquireBox #Whatisit {
    width: 150px
}

label[for="Whatisit"] {
    text-align: right
}

#EnquireBox label.signup span {
    font-size: 0.75rem;
    line-height: 1rem
}

.select-css {
    display: block;
    font-size: 1rem;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
    border-radius: .5em;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--white);
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, var(--white) 0%, #e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%
}

.select-css::-ms-expand {
    display: none
}

.select-css:hover {
    border-color: #888
}

.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none
}

.select-css option {
    font-weight: normal
}

*[dir="rtl"] .select-css,
:root:lang(ar) .select-css,
:root:lang(iw) .select-css {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em
}

.select-css:disabled,
.select-css[aria-disabled=true] {
    color: graytext;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, var(--white) 0%, #e5e5e5 100%)
}

.select-css:disabled:hover,
.select-css[aria-disabled=true] {
    border-color: #aaa
}

.autocomplete {
    background: var(--white);
    z-index: 1000;
    font-family: "DM Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 0.9375rem;
    line-height: 22px;
    font-size: .9375rem;
    line-height: 1.375rem;
    overflow: auto;
    box-sizing: border-box;
    border: 2px solid #a7afbc;
    border-top-width: 0
}

.autocomplete>div {
    padding: .375rem .75rem;
    color: var(--bs-body-color);
}

.autocomplete .group {
    background: var(--bs-body-color);
    color: var(--white);
    font-weight: 700;
    text-transform: uppercase
}

.autocomplete .selected {
    background: var(--primary-color);
    color: var(--white)
}

.autocomplete>div:hover:not(.group) {
    background: #dadada;
    color: var(--bs-body-color);
    cursor: pointer
}

.autocomplete>div:not(.group):nth-child(odd) {
    background: #f3f3f3;
    color: var(--bs-body-color);
}

.autocomplete>div:not(.group):nth-child(odd):hover {
    background: #dadada;
    color: var(--bs-body-color);
}

.autocomplete>div:not(.group).selected {
    background: var(--primary-color);
    /* color: var(--white) */
}

#cookie_law_notification {
    transition: all .5s;
    padding: 15px;
    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.5);
    line-height: 1.5;
    box-sizing: border-box;
    visibility: visible !important;
    color: var(--bs-body-color) !important;
    font-weight: normal !important
}

#cookie_law_notification.cookielaw3.cookie_bottom_left {
    bottom: auto !important;
    top: 150px !important
}

@media only screen and (min-width: 768px) {
    #cookie_law_notification.cookielaw3.cookie_bottom_left {
        bottom: 50px !important;
        top: auto !important
    }
}

#cookie_learnmore_link {
    font-size: 0.75rem !important;
    float: none !important
}

#cookie_law_notification blockquote {
    padding: 0;
    margin: 0 0 15px
}

#cookie_accept_button {
    cursor: pointer
}

#cookie_law_notification.cookielaw1 {
    font-size: 0.8125rem;
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    background-color: var(--bs-body-color);
    z-index: 9999999
}

#cookie_law_notification a {
    color: var(--white) !important;
    text-decoration: underline !important
}

.cookielaw1 #cookie_message {
    width: calc(100% - 130px);
    color: #D9D9D9;
    font-size: 0.9375rem;
    text-align: justify
}

.cookielaw1 #cookie_accept_button {
    background-color: var(--white);
    border-color: var(--white);
    width: 100px;
    line-height: 2.25rem;
    height: 36px;
    font-size: 0.9375rem;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -18px;
    border-radius: 4px;
    color: #000;
    font-weight: 700;
    text-align: center
}

#cookie_law_notification.cookielaw2 {
    bottom: 20px;
    position: fixed;
    left: 20px;
    width: 400px;
    background-color: #262626;
    z-index: 9999999;
    padding: 25px
}

.cookielaw2 #cookie_message {
    width: 100%;
    color: #D9D9D9;
    font-size: 0.9375rem;
    padding-bottom: 25px;
    display: block;
    text-align: justify
}

.cookielaw2 #cookie_accept_button,
.cookielaw3 #cookie_accept_button {
    border-color: var(--white);
    font-size: 0.9375rem;
    border-radius: 4px;
    text-align: center;
    display: block
}

.cookielaw2 #cookie_accept_button {
    background-color: var(--white);
    width: calc(100% - 40px);
    margin: auto;
    line-height: 2.25rem;
    height: 36px;
    color: #000;
    font-weight: 700
}

.cookielaw4 #cookie_accept_button,
.cookielaw5 #cookie_accept_button {
    line-height: 2.25rem;
    height: 36px;
    top: 50%;
    margin-top: -18px;
    font-weight: 700
}

#cookie_law_notification.cookielaw3 {
    transition: all .5s;
    position: fixed;
    width: 400px;
    background-color: var(--white);
    border-radius: 4px;
    bottom: 20px;
    right: 20px;
    z-index: 9999999;
    padding: 25px
}

.cookielaw3 #cookie_message {
    width: 100%;
    color: #000;
    font-size: 0.9375rem;
    padding: 0 0 25px;
    display: block
}

.cookielaw3 #cookie_accept_button {
    background-color: var(--primary-color) !important;
    float: none !important;
    padding: 0 15px;
    margin-right: 0;
    color: var(--white);
    font-weight: 700
}

#cookie_law_notification.cookielaw4 {
    font-size: 0.8125rem;
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #c64444;
    z-index: 9999999
}

#cookie_law_notification.cookielaw4 a {
    color: var(--white);
    text-decoration: underline
}

.cookielaw4 #cookie_message {
    width: calc(100% - 140px);
    color: var(--white);
    font-size: 0.9375rem;
    text-align: justify
}

.cookielaw4 #cookie_accept_button {
    background-color: var(--white);
    border-color: #c64444;
    width: 110px;
    font-size: 0.9375rem;
    position: absolute;
    right: 20px;
    color: #c64444;
    text-align: center
}

#cookie_law_notification.cookielaw5 {
    font-size: 0.8125rem;
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #237AFC;
    z-index: 9999999
}

#cookie_law_notification.cookielaw5 a {
    color: var(--white);
    text-decoration: underline overline
}

.cookielaw5 #cookie_message {
    width: calc(100% - 140px);
    color: var(--white);
    font-size: 0.9375rem;
    text-align: justify
}

.cookielaw5 #cookie_accept_button {
    border: 2px solid var(--white);
    width: 110px;
    font-size: 0.9375rem;
    position: absolute;
    right: 20px;
    color: var(--white);
    text-align: center
}

.cookie_bottom_left,
.cookie_bottom_right {
    bottom: 20px !important;
    top: auto !important
}

.cookie_bottom_left {
    left: 20px !important;
    right: auto !important
}

.cookie_bottom_right {
    right: 20px !important;
    left: auto !important
}

.cookie_top_left,
.cookie_top_right {
    top: 20px !important;
    bottom: auto !important
}

.cookie_top_left {
    left: 20px !important;
    right: auto !important
}

.cookie_top_right {
    right: 20px !important;
    left: auto !important
}

.cookie_bottom,
.cookie_top {
    right: 0 !important;
    left: 0 !important
}

.cookie_top {
    top: 0 !important;
    bottom: auto !important
}

.cookie_bottom {
    top: auto !important;
    bottom: 0 !important
}

#cookie_law_notification.shake {
    -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

@-webkit-keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }
    20%,
    80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }
    40%,
    60% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }
    20%,
    80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }
    40%,
    60% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

#cookie_law_notification.shake2 {
    -webkit-animation: shake2 .5s;
    animation: shake2 .5s
}

@-webkit-keyframes shake2 {
    0% {
        -webkit-transform: translate(1px, 1px) rotate(0);
        transform: translate(1px, 1px) rotate(0)
    }
    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-1deg);
        transform: translate(-1px, -2px) rotate(-1deg)
    }
    20% {
        -webkit-transform: translate(-3px, 0) rotate(1deg);
        transform: translate(-3px, 0) rotate(1deg)
    }
    30% {
        -webkit-transform: translate(3px, 2px) rotate(0);
        transform: translate(3px, 2px) rotate(0)
    }
    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
        transform: translate(1px, -1px) rotate(1deg)
    }
    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg);
        transform: translate(-1px, 2px) rotate(-1deg)
    }
    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0);
        transform: translate(-3px, 1px) rotate(0)
    }
    70% {
        -webkit-transform: translate(3px, 1px) rotate(-1deg);
        transform: translate(3px, 1px) rotate(-1deg)
    }
    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg);
        transform: translate(-1px, -1px) rotate(1deg)
    }
    90% {
        -webkit-transform: translate(1px, 2px) rotate(0);
        transform: translate(1px, 2px) rotate(0)
    }
    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg);
        transform: translate(1px, -2px) rotate(-1deg)
    }
}

@keyframes shake2 {
    0% {
        -webkit-transform: translate(1px, 1px) rotate(0);
        transform: translate(1px, 1px) rotate(0)
    }
    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-1deg);
        transform: translate(-1px, -2px) rotate(-1deg)
    }
    20% {
        -webkit-transform: translate(-3px, 0) rotate(1deg);
        transform: translate(-3px, 0) rotate(1deg)
    }
    30% {
        -webkit-transform: translate(3px, 2px) rotate(0);
        transform: translate(3px, 2px) rotate(0)
    }
    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
        transform: translate(1px, -1px) rotate(1deg)
    }
    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg);
        transform: translate(-1px, 2px) rotate(-1deg)
    }
    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0);
        transform: translate(-3px, 1px) rotate(0)
    }
    70% {
        -webkit-transform: translate(3px, 1px) rotate(-1deg);
        transform: translate(3px, 1px) rotate(-1deg)
    }
    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg);
        transform: translate(-1px, -1px) rotate(1deg)
    }
    90% {
        -webkit-transform: translate(1px, 2px) rotate(0);
        transform: translate(1px, 2px) rotate(0)
    }
    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg);
        transform: translate(1px, -2px) rotate(-1deg)
    }
}

@media (max-width: 767px) {
    #cookie_law_notification {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important
    }
    #cookie_law_notification.cookielaw2,
    #cookie_law_notification.cookielaw3 {
        left: 15px !important;
        right: 15px !important;
        width: auto !important
    }
}

#main {
    display: block;
    margin: 0;
    min-height: 100px;
    position: relative;
    z-index: 10;
    border-bottom: 1.5rem solid var(--white)
}

#content {
    display: block;
    margin: 0;
    background-color: var(--white);
    padding: 50px 0 1px;
    position: relative
}

.document-countryContainer #content {
    padding: 1px 0
}

#content.no-pad-top {
    padding-top: 0
}

#intro {
    margin-top: -300px
}

#navbar .innerframe {
    height: 100%;
    position: relative
}

ul.nav-menu {
    display: block;
    min-height: 40px;
    position: relative;
    text-align: left
}

ul.nav-menu li {
    display: inline-block;
    list-style-type: none;
    margin: 0 0 0 20px;
    vertical-align: top;
    font-weight: 500
}

ul.nav-menu>li>span,
ul.nav-menu>li>a {
    color: var(--white);
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    height: 40px;
    padding: 0 10px
}

ul.nav-menu>li a:hover {
    color: var(--white)
}

ul.nav-menu>li:hover>a {
    color: #be5da3
}

ul.nav-menu li ul {
    background: var(--white) none repeat scroll 0 0;
    display: none;
    left: 0;
    min-width: 200px;
    padding: 10px 0 0;
    position: absolute
}

ul.nav-menu li ul li {
    border-bottom: 1px solid #e6e5e6;
    display: block;
    margin: 4px 0 0;
    padding: 0
}

ul.nav-menu li ul li span,
ul.nav-menu li ul li a {
    color: var(--bs-body-color);
    display: block;
    font-size: 0.9375rem;
    font-weight: 500;
    padding: 8px 10px
}

ul.nav-menu li.hasdrop:not(.meganav) {
    position: relative
}

.global-alert {
    padding: .375rem;
    background-color: var(--white)3cd;
    border-bottom: 1px solid #ffeeba
}

.global-alert p {
    font-size: 0.75rem;
    line-height: 16px;
    font-size: .75rem;
    line-height: 1rem;
    color: #856404;
    text-align: center;
    margin-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .global-alert p {
        font-size: 0.8125rem;
        line-height: 20px;
        font-size: .8125rem;
        line-height: 1.25rem
    }
}

.global-alert a {
    font-weight: 700;
    text-decoration: underline
}

.global-alert a:hover {
    text-decoration: none
}

button,
.button,
.purple {
    border: 0;
    background: var(--primary-color);
    color: var(--white);
    cursor: pointer;
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 12px 20px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    transition: all 0.25s ease 0s;
    border-radius: 40px
}

button:hover,
.button:hover,
.purple:hover {
    background: #972577
}

.button.white {
    background: var(--white);
    color: #4c4d4e
}

.button.white:hover {
    background: #f3f3f3
}

.button.line {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid var(--white)
}

.button.line.black {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #4c4d4e;
    color: #4c4d4e
}

.button.line:hover {
    background: var(--white) none repeat scroll 0 0;
    color: #484d54
}

.button.line.black:hover {
    background: #4c4d4e none repeat scroll 0 0;
    border: 1px solid #4c4d4e;
    color: var(--white)
}

button {
    border: none
}

.header-breadcrumb {
    margin: 0 0 .5rem;
    text-shadow: 0 0 5px #111;
    font-size: 0.9375rem;
    line-height: 24px;
    font-size: .9375rem;
    line-height: 1.5rem
}

.header-breadcrumb li {
    display: inline-block;
    list-style: none;
    position: relative;
    font-weight: 400
}

.header-breadcrumb li:after {
    content: "\00BB";
    color: rgba(255, 255, 255, 0.75);
    margin-right: .5rem;
    margin-left: .5rem
}

.header-breadcrumb li:last-of-type:after {
    content: ""
}

.header-breadcrumb a {
    font-weight: 700;
    color: var(--white);
    text-decoration: underline
}

#upperbox {
    color: var(--white);
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.35) 100%);
    height: 400px
}

@media only screen and (min-width: 768px) {
    #upperbox {
        height: 60vh
    }
}

.document-search #upperbox {
    height: 380px
}

@media only screen and (min-width: 768px) {
    .document-search #upperbox {
        height: 60vh
    }
}

#upperbox .innerframe {
    height: 100%;
    display: block;
    position: relative
}

@media only screen and (min-width: 1280px) {
    #upperbox .innerframe {
        opacity: 1;
        visibility: visible;
        padding: 0 20px
    }
}

#upperbox .section {
    width: 100%;
    bottom: 130px;
    text-align: center;
    padding: 0 30px;
    left: 0;
    position: absolute
}

@media only screen and (min-width: 1280px) {
    #upperbox .section {
        left: 30px;
        bottom: 10px;
        text-align: left;
        width: 48%;
        bottom: 0;
        padding: 20px 20px 20px 0
    }
}

#upperbox .section.awardbox {
    text-align: center;
    bottom: 10px;
    padding: 0;
    left: auto;
    right: 0
}

@media only screen and (min-width: 1280px) {
    #upperbox .section.awardbox {
        right: 30px;
        text-align: right
    }
}

#upperbox .section.pagetitle {
    text-align: center;
    padding: 0 30px;
    left: 0;
    bottom: 10px
}

@media only screen and (min-width: 768px) {
    #upperbox .section.pagetitle {
        bottom: 130px
    }
}

@media only screen and (min-width: 1280px) {
    #upperbox .section.pagetitle {
        bottom: 10px;
        left: 30px;
        text-align: left;
        padding: 0
    }
}

#upperbox .section h1 {
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(250, 250, 250, 0.13)
}

#upperbox .section h1::first-letter {
    text-transform: capitalize
}

@media only screen and (min-width: 1280px) {
    #upperbox .section h1 {
        font-size: 42.4px;
        line-height: 58px;
        font-size: 2.65rem;
        line-height: 3.625rem;
        font-weight: 700;
        letter-spacing: normal;
        text-shadow: 0 0 5px #111
    }
}

#upperbox .section p {
    font-size: 0.8125rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.03125rem;
    min-height: 24px
}

#upperbox .centerbox {
    max-width: initial
}

@media only screen and (min-width: 1280px) {
    .document-myAccount #upperbox .section.pagetitle {
        width: 80%;
        max-width: 1120px;
        right: 0;
        padding: 50px 0;
        margin: 0 auto
    }
}

#upperbox .section.pagetitle p {
    color: var(--white);
    font-size: 0.875rem;
    margin: 10px 0
}

#upperbox .section.pagetitle p:empty {
    display: none
}

#upperbox .title,
#upperbox .award {
    height: 130px
}

#upperbox .title {
    padding: 0
}

#upperbox .title p {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.03125rem;
    margin: 0;
    display: block;
    padding: 0 10px
}

#upperbox .title span {
    display: block;
    font-size: 1rem;
    letter-spacing: normal;
    margin: 0 3px;
    text-align: center;
    vertical-align: middle
}

#upperbox .title span::before {
    display: none
}

@media only screen and (min-width: 1280px) {
    #upperbox .title span {
        margin: 5px 0 0;
        text-align: right
    }
}

#upperbox .announcement-title {
    position: absolute;
    top: 90px;
    left: 30px
}

#upperbox .announcement-title.right {
    right: 30px;
    left: auto
}

#upperbox .announcement-title.center {
    left: auto;
    width: 100%;
    text-align: center
}

@media only screen and (max-width: 767px) {
    #upperbox .announcement-title {
        top: 120px
    }
}

#upperbox .awardbox span {
    font-size: 0.8125rem
}

#upperbox .award {
    width: 130px;
    height: 130px;
    background: url(../img/TI_award.svg) center/contain no-repeat
}

@media only screen and (min-width: 1280px) {
    #upperbox .pagetitle {
        width: 57%
    }
}

@media only screen and (min-width: 1280px) {
    #upperbox .awardbox {
        width: 40%
    }
}

@media only screen and (min-width: 1024px) {
    .Newsletter {
        max-width: 50%;
        margin: 0 auto
    }
}

.search-results-wrap .search-results {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media only screen and (min-width: 1024px) {
    .search-results-wrap .search-results {
        max-width: 60%;
        margin: 0 auto 30px;
        padding-left: 0;
        padding-right: 0
    }
}

.search-results-wrap.innerframe {
    margin: 1.5rem auto;
    padding: 0
}

.search-result-group {
    margin-bottom: 1.5rem
}

.search-result-group.innerframe {
    padding: 0
}

.search-results-types {
    background: #e5dfdd;
    border: 2px solid #f2ede9;
    border-left-width: 0;
    border-right-width: 0
}

.search-results-types.innerframe {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin-top: 0;
    max-width: none
}

.search-results-filters {
    margin-bottom: 0
}

.search-results-filters a {
    margin: 0 .5rem .5rem 0
}

.search-result-group-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1.5rem
}

.search-result-group-header .search-result-group-filter {
    flex: 1;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center
}

.search-result-group-header .form-group {
    margin-left: .5rem
}

.search-result-group-header p {
    margin: 0
}

.search-result-group-header select {
    height: auto;
    margin-bottom: 0;
    padding: .5rem
}

.search-result-group-header-title {
    display: inline-block;
    flex: 1;
    margin: 0;
    font-size: 32px;
    line-height: 40px;
    font-size: 2rem;
    line-height: 2.5rem
}

.search-result-group-header-title--block {
    display: block;
    width: 100%;
    margin: 0 auto 15px;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media only screen and (min-width: 1024px) {
    .search-result-group-header-title--block {
        padding-left: 0;
        padding-right: 0;
        max-width: 60%;
        text-align: center
    }
}

.general-content-snippet {
    font-size: 0.8125rem;
    line-height: 1.5
}

.tour-item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 1.5rem
}

.tour-item-image-link {
    flex: 1;
    max-width: 25%;
    border-width: 2px;
    border-style: solid;
    border-color: #e5dfdd;
    border-radius: 2px;
    background: var(--white);
    padding: 3px;
    display: inline-block;
    box-shadow: 0 0 3px #e5dfdd;
    transition: all 0.25s ease 0s
}

.tour-item-image-link img {
    border-radius: 2px;
    display: block;
    width: 100%
}

.tour-item-image-link:hover {
    background: #f3f3f3
}

.tour-item-content {
    flex: 1;
    padding-left: 1.5rem
}

.tour-item-content-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 0;
    margin-bottom: 1rem
}

@media only screen and (min-width: 1024px) {
    .tour-item-content-title {
        font-size: 24px;
        line-height: 28px;
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

.tour-item-content-title a {
    font-weight: inherit;
    text-decoration: underline
}

.tour-item-content-title a:hover {
    text-decoration: none
}

.tour-options i {
    color: #a7afbc;
    margin-right: .5rem
}

.hotel-item-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem
}

.hotel-item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 1024px) {
    .hotel-item {
        flex: 1 0 50%;
        max-width: 50%
    }
}

.hotel-item-image-link {
    border-width: 2px;
    border-style: solid;
    border-color: #e5dfdd;
    border-radius: 2px;
    background: var(--white);
    padding: 3px;
    display: inline-block;
    box-shadow: 0 0 3px #e5dfdd;
    transition: all 0.25s ease 0s
}

.hotel-item-image-link img {
    border-radius: 2px;
    display: block
}

.hotel-item-image-link:hover {
    background: #f3f3f3
}

.hotel-item-content {
    flex: 1;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.hotel-item-content-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 0;
    margin-bottom: .375rem
}

.hotel-item-content-title a {
    color: var(--bs-body-color);
    font-weight: inherit;
    text-decoration: none
}

.hotel-item-content-title a:hover {
    text-decoration: underline
}

.hotel-location {
    color: #a7afbc;
    margin: 0
}

.document-Home #upperbox,
.document-search #upperbox {
    display: none
}

.document-search #main #content {
    padding-top: 0
}

.search-header {
    margin-top: 0
}

.search-header.search-component {
    padding-top: 0;
    background-color: #f2ede9;
    position: relative;
    border: 2px solid #e5dfdd;
    border-left-width: 0;
    border-right-width: 0
}

.search-header.search-component:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    opacity: .5;
    z-index: 1;
    background-image: url(../img/pattern-2.png);
    background-repeat: repeat
}

.search-header-inner {
    position: relative;
    height: 50vh;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-gap: .5rem;
    padding: 0 2rem;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .search-header-inner {
        height: 60vh;
        grid-gap: 1rem
    }
}

.search-header-results .search-header-inner {
    height: auto;
    min-height: 25vh;
    padding-top: 50px;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.search-component .search-header-inner {
    height: auto;
    margin-bottom: 0;
    padding-top: 3rem;
    padding-bottom: 3rem;
    grid-template-rows: auto;
    max-width: 1240px;
    margin: 0 auto
}

.search-header-content {
    position: relative;
    z-index: 5;
    grid-column: 1 / 12;
    grid-row: 2
}

@media only screen and (min-width: 1024px) {
    .search-header-content {
        grid-column: 3 / 11;
        padding: 0px
    }
}

@media only screen and (min-width: 1280px) {
    .search-header-content {
        grid-column: 4 / 10
    }
}

.search-header-results .search-header-content {
    width: 100%;
    padding: 1.5rem;
    margin: auto
}

@media only screen and (min-width: 1024px) {
    .search-header-results .search-header-content {
        max-width: 60%
    }
}

.search-component .search-header-content {
    grid-column: 1 / 13
}

@media only screen and (min-width: 1024px) {
    .search-component .search-header-content {
        grid-column: 1 / 13;
        padding: 0px
    }
}

@media only screen and (min-width: 1280px) {
    .search-component .search-header-content {
        grid-column: 1 / 13
    }
}

.search-header-content .search-header-title {
    color: var(--white);
    font-weight: 700;
    text-align: center;
    margin: 0 auto 1.5rem;
    text-shadow: 1px 1px 3px var(--bs-body-color);
    font-size: 24px;
    line-height: 28px;
    font-size: 1.5rem;
    line-height: 1.75rem
}

@media only screen and (min-width: 1024px) {
    .search-header-content .search-header-title {
        max-width: 20ch;
        font-size: 56px;
        line-height: 60px;
        font-size: 3.5rem;
        line-height: 3.75rem
    }
}

.search-header-results .search-header-content .search-header-title,
.search-component .search-header-content .search-header-title {
    font-size: 24px;
    line-height: 28px;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: var(--bs-body-color);
    font-weight: 700;
    text-shadow: none;
    max-width: none;
    text-align: left;
    margin: 0 0 1.5rem
}

.search-header-results .search-header-content .search-header-title {
    color: var(--bs-body-color);
    width: 100%;
    margin: 0 0 .75rem;
    font-size: 28px;
    line-height: 32px;
    font-size: 1.75rem;
    line-height: 2rem
}

.search-header-terms {
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.search-header-terms-detail {
    font-weight: 700
}

.search-header-search {
    flex: 1 0 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    font-size: 24px;
    line-height: 24px;
    font-size: 1.5rem;
    line-height: 1.5rem;
    position: relative
}

.search-field--search {
    flex: 1 0 100%
}

@media only screen and (min-width: 1024px) {
    .search-field--search {
        flex: 1;
        min-width: 60%
    }
}

.search-field--month {
    flex: 1
}

@media only screen and (min-width: 1024px) {
    .search-field--month {
        min-width: 20%
    }
}

.search-field--submit {
    flex: 0
}

.tt-search,
.tt-month,
.tt-submit {
    min-height: 3rem;
    padding: .5rem 1rem;
    margin: 0;
    border-radius: 0;
    border-width: 1px;
    border-color: #a7afbc;
    background-color: var(--white);
    color: var(--bs-body-color);
    font-family: inherit;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-size: 1rem;
    line-height: 1.5rem;
    transition: all 0.25s ease 0s
}

.tt-search:active,
.tt-search:hover,
.tt-search:focus,
.tt-month:active,
.tt-month:hover,
.tt-month:focus,
.tt-submit:active,
.tt-submit:hover,
.tt-submit:focus {
    background-color: #f3f3f3;
    border-color: #a7afbc !important
}

@media only screen and (min-width: 1024px) {
    .tt-search,
    .tt-month,
    .tt-submit {
        min-height: 4.5rem;
        border-width: 2px;
        border-right-width: 0;
        font-size: 24px;
        line-height: 32px;
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.search-component .tt-search,
.search-component .tt-month,
.search-component .tt-submit {
    font-size: 18px;
    line-height: 24px;
    font-size: 1.125rem;
    line-height: 1.5rem
}

.tt-search {
    margin-bottom: .5rem
}

.tt-search::-webkit-input-placeholder {
    color: #a7afbc
}

.tt-search::-ms-input-placeholder {
    color: #a7afbc
}

.tt-search::placeholder {
    color: #a7afbc
}

@media only screen and (min-width: 1024px) {
    .tt-search {
        margin-bottom: 0
    }
}

.search-component .tt-search {
    background-color: var(--white)
}

.tt-month {
    cursor: pointer;
    background-image: url(../img/search-form-select-dropdown.svg);
    background-position: right center 1.5rem;
    background-repeat: no-repeat;
    background-size: 1.5rem
}

@media only screen and (min-width: 1024px) {
    .tt-month {
        border-left-width: 1px
    }
}

.search-component .tt-month {
    background-color: var(--white)
}

.tt-submit {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--white);
    background-image: url(../img/icon-search.svg);
    background-position: center left 1rem;
    background-repeat: no-repeat;
    background-size: 1rem;
    padding-left: 2.25rem;
    color: var(--white);
    font-weight: 700;
    border-right-width: 1px;
    border-left-width: 0
}

.tt-submit:active,
.tt-submit:hover,
.tt-submit:focus {
    background-color: #cdcdcd !important
}

@media only screen and (min-width: 1024px) {
    .tt-submit {
        border-right-width: 2px;
        padding-left: 3.75rem;
        background-size: 1.5rem;
        background-position: center left 1.5rem
    }
    .tt-submit:active,
    .tt-submit:hover,
    .tt-submit:focus {
        border-color: #a7afbc !important;
        background-image: url(../img/icon-search.svg) !important;
        background-repeat: no-repeat !important;
        background-size: 1.5rem !important;
        background-position: center left 1.5rem !important
    }
}

.search-component .tt-submit {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.search-header-lead {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.search-header-results .search-header-lead {
    opacity: .5
}

.search-header-lead img {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    object-fit: cover;
    display: block
}

.search-header-lead-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 2;
    background: var(--bs-body-color);
    background: radial-gradient(circle, rgba(44, 49, 53, 0.1) 35%, rgba(0, 0, 0, 0.5) 100%)
}

.search-header-results .search-header-lead-overlay {
    background: var(--white);
    background: radial-gradient(circle, rgba(255, 255, 255, 0.25) 35%, var(--white) 100%)
}

.search-header-usp-list {
    width: 100%;
    position: absolute;
    bottom: -1rem;
    left: 0;
    right: 0;
    background: var(--white)
}

@media only screen and (min-width: 1024px) {
    .search-header-usp-list {
        grid-template-columns: repeat(3, 1fr);
        display: grid;
        grid-gap: 0.5rem
    }
}

@media only screen and (min-width: 1024px) {
    .search-header-usp-list {
        background: transparent;
        position: relative
    }
}

.usp-item {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
    font-size: 0.8125rem;
    line-height: 20px;
    font-size: .8125rem;
    line-height: 1.25rem;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    margin-bottom: .75rem
}

@media only screen and (min-width: 1024px) {
    .usp-item {
        width: auto;
        color: var(--white);
        text-shadow: 1px 1px 3px var(--bs-body-color);
        text-align: left;
        margin-bottom: 0;
        padding: 0;
        position: relative;
        padding-right: 4.5rem
    }
}

.usp-item--1 {
    -webkit-animation: fade 10s infinite;
    animation: fade 10s infinite
}

@media only screen and (min-width: 1024px) {
    .usp-item--1 {
        -webkit-animation: none;
        animation: none;
        padding-right: 0
    }
}

.usp-item--2 {
    -webkit-animation: fade2 10s infinite;
    animation: fade2 10s infinite
}

@media only screen and (min-width: 1024px) {
    .usp-item--2 {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-animation: none;
        animation: none
    }
}

.usp-item--3 {
    -webkit-animation: fade3 10s infinite;
    animation: fade3 10s infinite
}

@media only screen and (min-width: 1024px) {
    .usp-item--3 {
        padding-right: 0;
        margin-left: auto;
        text-align: right;
        -webkit-animation: none;
        animation: none
    }
}

.search-component .usp-item {
    text-shadow: none;
    color: #8c8c8c
}

@-webkit-keyframes fade {
    0% {
        opacity: 1
    }
    33.333% {
        opacity: 0
    }
    66.666% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 1
    }
    33.333% {
        opacity: 0
    }
    66.666% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fade2 {
    0% {
        opacity: 0
    }
    33.333% {
        opacity: 1
    }
    66.666% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes fade2 {
    0% {
        opacity: 0
    }
    33.333% {
        opacity: 1
    }
    66.666% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes fade3 {
    0% {
        opacity: 0
    }
    33.333% {
        opacity: 0
    }
    66.666% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fade3 {
    0% {
        opacity: 0
    }
    33.333% {
        opacity: 0
    }
    66.666% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.experts {
    background-color: #f2ede9;
    border: 2px solid #e5dfdd;
    border-left-width: 0;
    border-right-width: 0;
    padding: 50px 20px;
    position: relative
}

@media only screen and (min-width: 1280px) {
    .experts {
        padding: 50px 30px
    }
}

.experts:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    opacity: .5;
    z-index: 1;
    background-image: url(../img/pattern-2.png);
    background-repeat: repeat
}

.experts .inner {
    position: relative;
    z-index: 5;
    max-width: 768px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap
}

.experts-person-wrap {
    flex: 1 0 40%;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width: 768px) {
    .experts-person-wrap {
        flex: 1 0 50%
    }
}

.experts-person {
    padding-top: 0;
    padding-bottom: 1.5rem;
    padding-right: 1.5rem
}

@media only screen and (min-width: 768px) {
    .experts-person {
        flex: 1;
        min-width: 50%
    }
}

@media only screen and (min-width: 768px) {
    .experts-person:nth-child(n+3) {
        max-width: 50%
    }
}

.experts-person-photo {
    border-width: 2px;
    border-style: solid;
    border-color: #e5dfdd;
    border-radius: 2px;
    background: var(--white);
    padding: 3px;
    display: inline-block;
    box-shadow: 0 0 3px #e5dfdd
}

.experts-person-photo img {
    border-radius: 2px;
    display: block
}

.experts-person-name {
    font-size: 0.8125rem;
    line-height: 16px;
    font-size: .8125rem;
    line-height: 1rem;
    margin: 0
}

.experts-person-name strong {
    display: block;
    text-transform: uppercase
}

.experts-content {
    flex: 1 0 60%
}

@media only screen and (min-width: 768px) {
    .experts-content {
        flex: 1 0 50%
    }
}

.experts-content-title {
    margin-top: 0;
    font-weight: 700;
    margin-bottom: 1.5rem
}

.innerframe--split {
    display: flex ;
    flex-wrap: wrap;
    align-items: flex-start
}

#Brochures .brochure-container {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap
}

@media only screen and (min-width: 1024px) {
    #Brochures .brochure-container {
        max-width: 70%
    }
}

.brochure-panel-title {
    width: 100%
}

.brochure-item {
    flex: 1 0 auto;
    max-width: 150px;
    margin-bottom: 5px;
    margin-right: 5px
}

@media only screen and (min-width: 768px) {
    .brochure-item {
        max-width: 160px
    }
}

@media only screen and (min-width: 1024px) {
    .brochure-item {
        margin-bottom: 0;
        padding-bottom: 15px;
        min-width: 180px;
        max-width: 20%;
        padding-right: 15px
    }
}

.brochure-item div {
    width: auto !important;
    height: auto !important
}

.brochure-item div a {
    min-width: 170px
}

.brochure-item div a div {
    width: 150px !important;
    height: 192px !important;
    max-width: 95% !important;
    max-height: none !important
}

@media only screen and (min-width: 1024px) {
    .brochure-item div a div {
        width: 170px !important;
        height: 225px !important
    }
}

.brochure-item div a div img {
    width: 150px !important;
    height: 192px !important;
    max-width: none !important;
    max-height: none !important
}

@media only screen and (min-width: 1024px) {
    .brochure-item div a div img {
        width: 170px !important;
        height: 225px !important
    }
}

.brochure-item div a div div {
    width: 60px !important;
    height: 60px !important
}

.brochure-order-button {
    flex: 1 0 100%;
    padding-top: 1.5rem;
    margin: 0
}

.hotel--tours {
    padding-top: 3rem
}

.hover-wrapper {
    overflow: hidden
}

.hover-wrapper .lazy.loaded:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .5s ease 0s
}

.footer {
    padding: 4.5rem 20px;
    background: var(--bs-body-color);
    color: #f3f3f3;
    display: block;
    margin: 0;
    position: relative
}

#footer_content {
    padding: 3rem 20px
}

.footer-title {
    padding-bottom: .375rem;
    border-bottom: 1px solid #4d4d4d
}

.footernav {
    padding: 0 0 20px;
    margin: 0 2px;
    display: flex;
    flex-wrap: wrap
}

.footernav li {
    padding: 0 30px 0 0;
    margin: 0 0 5px 0;
    flex: 1 0 50%;
    list-style: none
}

.footernav a {
    font-size: .8125rem;
    display: inline-block;
    color: #f3f3f3;
    text-decoration: underline
}

.footernav a:hover,
.footernav a:active,
.footernav a:focus {
    color: var(--white);
    text-decoration: none
}

.copyright {
    color: #666;
    display: block;
    margin: 1.5rem 0;
    padding: 0 0 1.5rem 0;
    position: relative;
    width: 100%
}

.copyright p {
    margin-bottom: .375rem
}

.copyright a {
    color: #666
}

.social a {
    color: #a7afbc;
    display: inline-block;
    line-height: 3rem ;
    margin: 0 .5rem 0 0;
    width: 3rem;
    height: 3rem;
    position: relative
}

.social a:before {
    font-size: 3rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.social a:hover {
    color: var(--white)
}

.footerlogos-link img {
    display: inline-block;
    margin-right: .5rem
}

.enquiry-form.innerframe {
    max-width: 850px
}

.enquiry-form input[type=checkbox] {
    width: auto;
    vertical-align: middle;
    display: inline-block;
    margin-left: 0px
}

.enquiry-form textarea,
.enquiry-form select,
.enquiry-form input[type=text],
.enquiry-form input[type=tel],
.enquiry-form input[type=email] {
    width: 95%;
    margin-left: 15px;
    text-align: left
}

.enquiry-form input {
    margin-left: 15px;
    text-align: left
}

.enquiry-form .NLbox {
    width: auto;
    vertical-align: middle;
    margin-left: 15px;
    display: inline-block;
    padding-bottom: 10px
}

.enquiry-form .required:after {
    color: red;
    content: " *";
    float: left;
    font-size: 1.375rem;
    padding-left: 5px
}

.enquiry-form .required-notification {
    margin-left: 10px;
    font-size: 0.8125rem;
    font-size: 13px;
    font-weight: 700;
    float: left;
    width: 50%
}

#additional_details_to_share {
    display: none !important
}

.row {
    font-size: 16px;
    line-height: 24px;
    font-size: 1rem;
    line-height: 1.5rem
}

@media only screen and (min-width: 1280px) {
    .row {
        font-size: 17.6px;
        line-height: 25.6px;
        font-size: 1.1rem;
        line-height: 1.6rem
    }
}

.row--content,
.row--two-column {
    max-width: 1240px;
    margin: 0 auto;
    padding: 20px 2rem;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    position: relative
}

@media only screen and (min-width: 768px) {
    .row--content,
    .row--two-column {
        grid-column-gap: 2rem
    }
}

.row--two-column {
    grid-row-gap: 0
}

@media only screen and (min-width: 768px) {
    .row--two-column {
        gap: 2rem
    }
}

.row--content+.row--two-column,
.row--two-column+.row--content {
    padding-top: 0;
    margin-top: -20px
}

.row--content+.row--widget .widget-map {
    padding-top: 0;
    margin-top: -20px
}

.row--content+.row--widget .widget~.widget-map {
    padding-top: 20px;
    margin-top: 0
}

.row--inner {
    grid-column: 1 / 13
}

.column {
    grid-column: 1 / 13
}

@media only screen and (min-width: 1024px) {
    .column--index-0,
    .column--text {
        grid-column: 1 / 7
    }
}

@media only screen and (min-width: 1024px) {
    .column--index-1,
    .column--map {
        grid-column: 7 / 13
    }
}

@media only screen and (min-width: 1024px) {
    .widget-map--left .column--map {
        grid-column: 1 / 7;
        grid-row-start: 1
    }
}

@media only screen and (min-width: 1024px) {
    .widget-map--left .column--text {
        grid-column: 7 / 13;
        grid-row-start: 1
    }
}

.widget--two-column {
    max-width: 1240px;
    margin: 0 auto;
    padding: 20px 2rem;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    position: relative;
    gap: 2rem;
    grid-row-gap: 0
}

.widget--inner {
    max-width: 1240px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    position: relative;
    grid-row-gap: 0;
    padding: 20px 2rem
}

@media only screen and (min-width: 768px) {
    .widget--inner {
        gap: 2rem
    }
}

.widget__wide .widget--inner {
    max-width: 1600px
}

.widget--center {
    text-align: center
}

.widget--primary {
    background-color: var(--secondary-color)
}

.widget--intro {
    grid-column: 1 / 13
}

.widget--brand {
    padding: 20px 0 40px;
    font-size: 20.8px;
    line-height: 28.8px;
    font-size: 1.3rem;
    line-height: 1.8rem
}

.widget--usps {
    grid-column: 1 / 13
}

@media only screen and (min-width: 768px) {
    .widget--usps {
        grid-template-columns: repeat(3, 1fr);
        display: grid;
        grid-gap: 0.5rem
    }
}

@media only screen and (min-width: 1024px) {
    .widget--usps {
        grid-gap: 2rem
    }
}

@media only screen and (min-width: 1280px) {
    .widget--usps {
        margin: 0 -3.5rem;
        grid-gap: 3rem
    }
}

.widget--cta {
    text-align: center
}

.widget--cta h2 {
    color: var(--primary-color)
}

.widget--cta .tel {
    font-size: 36px;
    line-height: 38px;
    font-size: 2.25rem;
    line-height: 2.375rem;
    font-weight: 300;
    margin: 10px 0;
    letter-spacing: 0.03125rem
}

.usp {
    font-size: 18.4px;
    line-height: 25.6px;
    font-size: 1.15rem;
    line-height: 1.6rem;
    color: #9E9E9E;
    font-weight: 700
}

.usp--icon {
    display: inline-block;
    vertical-align: middle;
    max-width: 32px
}

@media only screen and (min-width: 768px) {
    .usp--icon {
        max-width: 62px
    }
}

.usp--text {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 48px);
    margin-left: 10px;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .usp--text {
        max-width: calc(100% - 72px)
    }
}

.image-with-text {
    padding-bottom: 40px
}

.image-with-text--headline,
.image-with-text--image,
.image-with-text--content {
    grid-column: 1 / 13
}

@media only screen and (min-width: 768px) {
    .image-with-text--image {
        grid-column: 1 / 6
    }
    .image-with-text--content {
        grid-column: 6 / 13
    }
    .image-with-text--right .image-with-text--image {
        grid-column: 7 / 13;
        grid-row: 2
    }
    .image-with-text--right .image-with-text--content {
        grid-column: 1 / 7;
        grid-row: 2
    }
}

.quote-widget--title {
    grid-column: 1 / 13;
    position: relative;
    z-index: 2
}

.quote-widget--content {
    grid-column: 1 / 13;
    width: 100%;
    line-height: 1.6rem
}

.quote-widget--related {
    width: 70%;
    text-align: right
}

.quote-widget blockquote {
    padding-bottom: 0
}

@media only screen and (min-width: 768px) {
    .quote-widget--image {
        grid-column: 1 / 6
    }
    .quote-widget--content {
        grid-column: 1 / 13
    }
    .quote-widget--image+.quote-widget--content {
        grid-column: 6 / 13
    }
}

.list-icons {
    grid-column: 1 / 13
}

@media only screen and (min-width: 768px) {
    .list-icons {
        display: flex;
        margin: 0 -1rem;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: center
    }
}

.list-icon-item {
    position: relative;
    text-align: center;
    color: #9E9E9E;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: solid 1px var(--secondary-color);
    font-size: 19.2px;
    line-height: 28.8px;
    font-size: 1.2rem;
    line-height: 1.8rem
}

@media only screen and (min-width: 768px) {
    .list-icon-item {
        padding-bottom: 0;
        margin: 0 1rem;
        margin-bottom: 0;
        border-bottom: none;
        flex-grow: 5;
        flex-basis: 14%
    }
}

.list-icon-item--icon {
    display: block;
    margin: 0 auto 1rem;
    width: 40%
}

.related--blog {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(1, 1fr)
}

@media only screen and (min-width: 1280px) {
    .related--blog {
        grid-template-columns: repeat(2, 1fr)
    }
}

.content-picker .main-carousel {
    margin-bottom: 2rem;
    grid-column: 1 / 13
}

.content-picker--tall .picked-content--name {
    font-family: "DM Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    line-height: 24px;
    font-size: 1rem;
    line-height: 1.5rem
}

.content-picker--tall .picked-content--name a {
    color: var(--bs-body-color)
}

.content-picker--pagination {
    text-align: center;
    display: block;
    width: 100%;
    grid-column: 1 / 13;
    margin-bottom: 1.5rem
}

.content-picker--pagination li {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.content-picker--pagination .pagination-link {
    padding: 10px 15px;
    margin: .375rem .25rem;
    color: var(--bs-body-color);
    border: solid 1px #f3f3f3
}

.content-picker--pagination .pagination-link:hover,
.content-picker--pagination .pagination-link.active {
    border: solid 1px #a7afbc
}

.picked-content {
    display: grid;
    gap: 1rem;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
    grid-template-columns: repeat(1, 1fr);
    grid-column: 1 / 13
}

@media only screen and (min-width: 768px) {
    .picked-content {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width: 1280px) {
    .picked-content {
        grid-row-gap: 2rem;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width: 768px) {
    .picked-content--headline {
        grid-column: 1/3
    }
}

@media only screen and (min-width: 1280px) {
    .picked-content--headline {
        grid-column: 1/4
    }
}

.picked-content--link {
    position: relative;
    display: block
}

.picked-content--tags {
    position: absolute;
    top: 1rem;
    right: -.5rem;
    background: var(--secondary-color);
    padding: .25rem 1rem;
    text-transform: uppercase
}

@media only screen and (min-width: 1024px) {
    .content-picker--two-column .picked-content--tags {
        right: -1rem
    }
}

.picked-content--name {
    margin-bottom: .25rem
}

.picked-content--price-duration {
    font-style: italic;
    font-size: 0.9rem;
    line-height: 19.2px;
    font-size: .9rem;
    line-height: 1.2rem;
    color: #9E9E9E;
    margin-bottom: .5rem
}

.widget--center .picked-content {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -.5rem
}

@media only screen and (min-width: 1280px) {
    .widget--center .picked-content {
        margin: 0 -1rem
    }
}

.picked-content--blog {
    display: flex;
    flex-flow: wrap;
    align-items: flex-start;
    align-content: flex-start;
    margin: 0 -1rem
}

@media only screen and (min-width: 768px) {
    .picked-content--blog {
        grid-column-gap: 1rem;
        grid-template-columns: none
    }
}

@media only screen and (min-width: 1280px) {
    .picked-content--blog {
        grid-template-columns: none
    }
}

.picked-content--blog .picked-content--headline {
    display: block;
    width: 100%;
    margin: 15px 1rem
}

@media only screen and (min-width: 1280px) {
    .content-picker--two-column .picked-content {
        grid-template-columns: repeat(2, 1fr)
    }
}

.content-picker--two-column .picked-content--name {
    margin-top: 0
}

@media only screen and (min-width: 768px) {
    .content-picker--two-column .picked-content--name {
        font-size: 17.6px;
        line-height: 22.4px;
        font-size: 1.1rem;
        line-height: 1.4rem
    }
}

@media only screen and (min-width: 1280px) {
    .content-picker--two-column .picked-content--name {
        font-size: 20px;
        line-height: 28px;
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.main-carousel .picked-content--item {
    width: 100%;
    margin: 0 1rem 1rem
}

@media only screen and (min-width: 768px) {
    .main-carousel .picked-content--item {
        width: 50%
    }
}

@media only screen and (min-width: 1280px) {
    .main-carousel .picked-content--item {
        width: 33%
    }
}

.content-picker--tall .picked-content--item {
    width: 70%;
    margin: 0 .2rem 1rem;
    border-bottom: solid 1px var(--bs-body-color)
}

@media only screen and (min-width: 768px) {
    .content-picker--tall .picked-content--item {
        width: 40%
    }
}

@media only screen and (min-width: 1024px) {
    .content-picker--tall .picked-content--item {
        width: 28%
    }
}

.content-picker--tall .picked-content--item:hover {
    transition: all 0.25s ease 0s;
    border-bottom: solid 1px var(--primary-color)
}

.content-picker--tall .picked-content--item:hover a {
    color: var(--primary-color)
}

.widget__wide.content-picker--tall .picked-content--item {
    width: 45%
}

@media only screen and (min-width: 768px) {
    .widget__wide.content-picker--tall .picked-content--item {
        width: 30%
    }
}

@media only screen and (min-width: 1280px) {
    .widget__wide.content-picker--tall .picked-content--item {
        width: 23%
    }
}

.content-picker--two-column .picked-content--item {
    width: 100%;
    display: grid;
    grid-gap: .5rem;
    text-align: left
}

@media only screen and (min-width: 768px) {
    .content-picker--two-column .picked-content--item {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width: 1024px) {
    .content-picker--two-column .picked-content--item {
        grid-gap: 2rem
    }
}

@media only screen and (min-width: 1280px) {
    .content-picker--two-column .picked-content--item {
        width: 100%
    }
}

.widget--center .picked-content--item {
    width: 100%;
    margin: 0 .5rem 1rem
}

@media only screen and (min-width: 768px) {
    .widget--center .picked-content--item {
        width: calc(50% - 1rem)
    }
}

@media only screen and (min-width: 1280px) {
    .widget--center .picked-content--item {
        width: calc(33% - 2rem)
    }
}

@media only screen and (min-width: 1280px) {
    .widget--center.content-picker--two-column .picked-content--item {
        width: calc(50% - 2rem)
    }
}

.picked-content--blog .picked-content--item {
    width: calc(50% - 2rem)
}

.picked-content--promotion .picked-content--content {
    overflow: auto;
    padding: 0 1.5rem;
    background: #f3f3f3
}

.picked-content--promotion .picked-content--tags {
    background: #568a8e;
    color: var(--white)
}

.picked-content--promotion .picked-content--footer {
    padding: 1.5rem;
    border-top: solid 1px #a7afbc;
    text-align: center
}

.picked-content--promotion .picked-content--more-link {
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 500
}

.picked-content--intro {
    width: 80%;
    padding: 1.5rem
}

@media only screen and (min-width: 768px) {
    .picked-content--intro {
        width: 45%
    }
}

@media only screen and (min-width: 1024px) {
    .picked-content--intro {
        width: 30%;
        padding: 3rem
    }
}

@media only screen and (min-width: 1280px) {
    .picked-content--intro {
        padding: 4.5rem 3.3rem;
        width: 23%
    }
}

.content-picker--two-column .main-carousel .picked-content--item {
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .content-picker--two-column .main-carousel .picked-content--item {
        width: 50%;
        margin: 0 1rem
    }
}

.flickity-button {
    background: white
}

.flickity-button:disabled {
    display: none
}

.flickity-button:hover {
    background: white
}

.flickity-prev-next-button {
    width: 100px;
    height: 100px
}

.flickity-prev-next-button.previous {
    left: -3.5rem
}

@media only screen and (min-width: 1280px) {
    .flickity-prev-next-button.previous {
        left: -110px
    }
}

@media only screen and (min-width: 1280px) {
    .widget__wide .flickity-prev-next-button.previous {
        left: -3.5rem
    }
}

.flickity-prev-next-button.next {
    right: -3.5rem
}

@media only screen and (min-width: 1280px) {
    .flickity-prev-next-button.next {
        right: -110px
    }
}

@media only screen and (min-width: 1280px) {
    .widget__wide .flickity-prev-next-button.next {
        right: -3.5rem
    }
}

.flickity-button-icon {
    fill: var(--primary-color)
}

.flickity-button-icon:hover {
    fill: var(--bs-body-color)
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body {
    background: #d8d8d8 none repeat scroll 0 0;
    color: var(--bs-body-color)
}

#site_container {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%
}

#headerimg {
    background-color: rgba(0, 0, 0, 0);
    background-url: url("");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#headerimg::after {
    background: rgba(0, 0, 0, 0.06) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#masthead {
    background: transparent;
    display: block;
    position: relative;
    z-index: 9000
}

#masthead #navbar {
    color: var(--white);
    display: block;
    min-height: 40px;
    padding: 0;
    text-align: left;
    width: 100%;
    z-index: 5000
}

a#logo {
    background: rgba(0, 0, 0, 0) url("../img/TransIndus_logo_white.svg") no-repeat scroll 0 center;
    display: inline-block;
    height: 100px;
    padding-top: 100px;
    overflow: hidden;
    position: relative;
    z-index: 9000;
    text-indent: -9000px
}

a#gotop {
    background: rgba(167, 175, 188, 0.4) none repeat scroll 0 0;
    border-radius: 50%;
    color: var(--white);
    display: block;
    font-size: 1.375rem;
    height: 40px;
    left: 0;
    line-height: 2.8125rem;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 20px;
    width: 40px;
    z-index: 10
}

a#gomain {
    background-color: rgba(255, 255, 255, 0.13);
    border-radius: 50%;
    color: var(--white);
    display: block;
    font-size: 1.375rem;
    height: 40px;
    line-height: 2.8125rem;
    margin: 50px auto 0;
    text-align: center;
    width: 40px;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 10
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 15px 0
}

a#dd_tag {
    color: #616e7e
}

[class*="box-"],
div[class*="box-"],
input[class*="box-"] {
    display: inline-block;
    margin: 0 -2px;
    vertical-align: top
}

.box-10,
input.box-10[type="text"],
input.box-10[type="password"] {
    width: 10%
}

.box-20,
input.box-20[type="text"],
input.box-20[type="password"] {
    width: 20%
}

.box-25,
input.box-25[type="text"],
input.box-25[type="password"] {
    width: 25%
}

.box-30,
input.box-30[type="text"],
input.box-30[type="password"] {
    width: 30%
}

.box-33,
input.box-33[type="text"],
input.box-33[type="password"] {
    width: 33.3%
}

.box-35,
input.box-35[type="text"],
input.box-35[type="password"] {
    width: 35%
}

.box-40,
input.box-40[type="text"],
input.box-40[type="password"] {
    width: 40%
}

.box-45,
input.box-45[type="text"],
input.box-45[type="password"] {
    width: 45%
}

.box-50,
input.box-50[type="text"],
input.box-50[type="password"] {
    width: 50%
}

.box-55,
input.box-55[type="text"],
input.box-55[type="password"] {
    width: 55%
}

.box-60,
input.box-60[type="text"],
input.box-60[type="password"] {
    width: 60%
}

.box-65,
input.box-65[type="text"],
input.box-65[type="password"] {
    width: 65%
}

.box-70,
input.box-70[type="text"],
input.box-70[type="password"] {
    width: 70%
}

.box-75,
input.box-75[type="text"],
input.box-75[type="password"] {
    width: 75%
}

.box-80,
input.box-80[type="text"],
input.box-80[type="password"] {
    width: 80%
}

.box-90,
input.box-90[type="text"],
input.box-90[type="password"] {
    width: 90%
}

.box-100,
input.box-100[type="text"],
input.box-100[type="password"] {
    width: 100%
}

.pad-5 {
    padding: 5px
}

.pad-0-5 {
    padding: 0 5px
}

.pad-10 {
    padding: 10px
}

.pad-0-10 {
    padding: 0 10px
}

.pad-10-l {
    padding: 0 0 0 10px
}

.pad-10-r {
    padding: 0 10px 0 0
}

.pad-20 {
    padding: 20px
}

.pad-0-20 {
    padding: 0 20px
}

.pad-20-l {
    padding: 0 0 0 20px
}

.pad-20-r {
    padding: 0 20px 0 0
}

.pad-40 {
    padding: 40px
}

.pad-0-40 {
    padding: 0 40px
}

.pad-40-l {
    padding: 0 0 0 40px
}

.pad-40-r {
    padding: 0 40px 0 0
}

.pad-50 {
    padding: 50px
}

.pad-0-50 {
    padding: 0 50px
}

.pad-50-l {
    padding: 0 0 0 50px
}

.pad-50-r {
    padding: 0 50px 0 0
}

.pad-30-bottom {
    padding-bottom: 30px
}

.pad-50-bottom {
    padding-bottom: 50px
}

img {
    display: block;
    height: auto;
    max-width: 100%
}

iframe {
    display: block;
    max-width: 100%
}

.innerframe {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 1600px;
    padding: 0 20px
}

.center-txt {
    text-align: center
}

h2.subcaption,
p.subcaption {
    display: block;
    margin: 0;
    position: relative
}

h2.subcaption::after,
p.subcaption::after {
    background-color: var(--primary-color);
    content: "";
    display: block;
    height: 4px;
    margin: 20px auto 30px;
    position: relative;
    width: 100px
}

.intro {
    display: block;
    margin: 0 auto;
    width: 60%
}

.padbox {
    padding: 50px 0
}

.imgband {
    background: #333 url("") no-repeat scroll center center/cover;
    display: block;
    margin: 0 -16px;
    position: relative
}

.imgband.fixedimg {
    background-attachment: fixed
}

.imgband::after {
    background-color: rgba(0, 0, 0, 0.61);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.imgband.padbox {
    padding: 100px 0
}

.imgband .innerframe {
    color: var(--white);
    position: relative;
    z-index: 100
}

.imgband .intro {
    width: 50%
}

.centerbox {
    width: 100%;
    max-width: 600px;
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    margin: 0 auto
}

.alphabox {
    background: #f0f0f0 none repeat scroll 0 0;
    display: block;
    margin: 0 auto 1px;
    position: relative
}

.alphabox .content {
    padding: 30px 50px
}

.alphabox h1 {
    margin-top: 0
}

.aligncenter {
    text-align: center
}

.alignright {
    text-align: right
}

.color1 {
    color: var(--primary-color)
}

.bkg1 {
    background-color: #dbd8d3;
    color: #696260
}

.section.bkg1 {
    margin: 0 -16px;
    padding: 0 16px
}

#CTAbox {
    display: block;
    position: relative
}

#CTAbox h2 {
    color: var(--primary-color)
}

#CTAbox p.tel {
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 2.375rem;
    margin: 10px 0;
    letter-spacing: 0.03125rem
}

.document-TextPage #Section1 .intro {
    padding-bottom: 50px;
    border-bottom: 1px solid #d8d8d8
}

p.cta {
    margin: 30px 0
}

.QuoteFrame {
    display: block;
    margin: 0 auto;
    max-width: 600px
}

.rte ul,
.rte ol {
    padding: 0 0 0 20px;
    margin: 20px 0
}

.rte ul li,
.rte ol li {
    padding: 0 0 0 20px;
    margin: 10px 0
}

.rte a {
    font-weight: 500;
    text-decoration: underline
}

.boxframe {
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: left
}

.boxframe.tours {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: left
}

.boxframe--center {
    text-align: center
}

.boxframe--center.tours {
    text-align: center
}

.boxframe-pad {
    padding-left: 16px;
    padding-right: 16px
}

.boxframe:after {
    content: ".";
    display: inline-block;
    height: 0;
    overflow: hidden;
    vertical-align: top;
    width: 100%
}

.boxgrid {
    background: #fafafa url("") no-repeat scroll center center/cover;
    display: inline-block;
    min-height: 150px;
    margin: 1px -2px 4px;
    margin-right: .2%;
    margin-bottom: .2%;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: left;
    vertical-align: top
}

.boxgrid--image-row {
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: auto
}

.boxframe.region .boxgrid {
    padding: 0 2px
}

@media only screen and (min-width: 1280px) {
    .boxframe.region .boxgrid {
        max-width: calc(100%/3)
    }
}

.boxframe.tours .boxgrid {
    max-width: calc(100% / 3 - 4px);
    flex: 1 0 calc( 100% / 3 - 4px)
}

@media (max-width: 1023px) {
    .boxframe.tours .boxgrid {
        max-width: calc(100% / 2);
        flex: 1 0 calc( 100% / 2)
    }
}

.boxgrid .featimg img {
    width: 100%;
    height: auto;
    display: block;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.35) 100%)
}

#search_results .boxgrid {
    background: var(--white)
}

#main .boxframe .boxgrid.blank {
    height: 1px;
    background: none;
    border: none;
    min-height: initial;
    margin: 0 -2px;
    padding: 0
}

.boxgrid .infobox {
    top: 78%;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    color: var(--white);
    padding: 20px 20px;
    transition: top 0.4s ease-in-out 0.6s, background 0.3s ease-in-out 0.6s;
    text-shadow: 1px 1px 1px #111;
    top: calc(100% - 82px)
}

.boxframe.tours .boxgrid .infobox .tourtype {
    margin-top: 5px
}

.boxframe.tours .boxgrid .infobox .tourtype span:first-of-type {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    color: var(--white)
}

.boxframe.tours .boxgrid .infobox .tourtype span:first-of-type:after {
    content: "\e93e";
    font-family: "icomoon";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    font-weight: normal
}

.boxframe.tours .boxgrid .infobox .txt {
    display: none
}

.boxgrid .infobox .tframe {
    display: block;
    width: 100%;
    min-height: 60px
}

.boxgrid .infobox h4 {
    border-bottom: 1px solid rgba(250, 250, 250, 0.13);
    position: relative;
    margin: 0;
    padding: 0 0 3px
}

.boxframe.hotel .boxgrid .infobox h4 {
    padding: 20px 0 3px;
    height: 60px
}

.boxframe.region .boxgrid .tframe,
.boxframe.highlights .infobox .tframe {
    display: table;
    border-bottom: 1px solid rgba(250, 250, 250, 0.13)
}

.boxframe.region .boxgrid .tframe h4,
.boxframe.highlights .boxgrid .tframe h4 {
    display: table-cell;
    vertical-align: bottom;
    border: none;
    height: 60px;
    width: 100%
}

.boxframe.highlights .boxgrid .type-tag {
    display: inline-block;
    background: var(--white);
    color: var(--bs-body-color);
    font-size: 0.6875rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 10px;
    letter-spacing: 0.03125rem;
    position: absolute;
    top: 20px;
    right: 0;
    margin: 0;
    display: none !important
}

.boxgrid i.trigger {
    position: absolute;
    bottom: 0;
    right: 0;
    color: var(--white);
    background: rgba(255, 255, 255, 0.2);
    width: 40px;
    line-height: 2.5rem;
    text-align: center;
    z-index: 500;
    display: none
}

.boxframe .boxgrid a {
    display: block;
    position: relative;
    margin: 0
}

.boxgrid .infobox p {
    font-size: 0.875rem;
    line-height: 1.25rem
}

.boxgrid .infobox span.button {
    margin-top: 10px
}

.document-countryContainer .boxframe.country {
    max-width: 1900px;
    padding: 0 30px
}

.document-tourType .boxframe.country,
.boxframe.highlights,
.document-highlight .boxframe.holidayType,
.document-holidayType .boxframe.country,
.document-holidayTypes .boxframe.holidayType,
.boxframe.tours {
    max-width: 1900px;
    padding: 0 30px
}

#TourHighlights .boxframe.highlights {
    padding: 0
}

.boxframe.hotel .boxgrid,
.boxframe.highlights .boxgrid,
.boxframe.tours .boxgrid {
    width: 49.95%
}

.boxframe .featband,
.boxgrid .infobox p.more,
.boxgrid .infobox p.tourtype span {
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.03125rem;
    padding: 0 20px 0 0
}

.boxframe .featband {
    position: absolute;
    top: 10px;
    right: 0;
    padding: 6px 30px 6px 10px;
    background: #568a8e;
    color: var(--white);
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.0625rem
}

.boxframe.tours .featband.blank {
    display: none
}

.boxframe.region .boxgrid.current .infobox {
    top: 0;
    background: rgba(110, 27, 87, 0.8)
}

.boxframe.region .boxgrid .infobox p {
    margin: 10px 0
}

.boxframe.region .boxgrid.current:hover .infobox .txt,
.boxframe.region .boxgrid.current .infobox .txt {
    display: none !important
}

.boxframe.holidayType .boxgrid {
    width: 24.7%;
    text-shadow: 1px 1px 1px #111
}

.boxframe.holidayType .boxgrid .infobox {
    top: auto;
    height: auto;
    bottom: 0
}

.boxframe.holidayType .boxgrid .infobox h4 {
    min-height: initial;
    border-bottom: none
}

.boxframe.holidayType .boxgrid:hover .infobox {
    top: auto;
    background: none
}

.boxframe.holidayType .boxgrid .featimg {
    background-size: 105% auto;
    transition: background 0.3s ease-in-out 0s
}

.boxframe.holidayType .boxgrid:hover .featimg {
    background-size: 115% auto
}

.sortbox {
    display: block;
    text-align: center;
    margin: 0 0 20px 0;
    padding: 0
}

.sortbox.hide {
    visibility: hidden;
    position: absolute;
    z-index: -1
}

.sortbox label {
    display: inline-block;
    vertical-align: top;
    margin: 0
}

.sortbox select {
    display: inline-block;
    width: auto;
    min-width: 200px
}

.sortbox h6 {
    float: left
}

#OpenBrochure:hover,
#OpenBrochure.active {
    background: var(--primary-color);
    color: var(--white)
}

#Brochures {
    display: block
}

#Brochures .Newsletter {
    padding: 0 0 0 50px
}

#Brochures .boxframe.brochures .boxgrid {
    width: 18%;
    background: none
}

#Brochures .boxframe.brochures .button {
    border-radius: 0px;
    width: 100%;
    margin: 5px 0 0;
    text-align: center
}

.brochure-head {
    position: relative;
    padding-right: 100px
}

.brochure-head>h2 {
    min-height: 40px
}

.brochure-head #OpenBrochure {
    width: auto
}

#Brochures .boxframe.brochures h6 {
    font-weight: 500
}

#Brochures .featimg img {
    background: none
}

#BrochureOrder {
    display: block;
    margin: 0;
    padding: 0 0 50px;
    background: var(--white)
}

#BrochureOrder .innerframe {
    padding: 0 0 50px
}

#BrochureOrder select option {
    background: var(--white)
}

#BrochureOrder #OrderBrochureBrochure {
    height: auto
}

#BrochureOrder .brochurelist {
    display: block;
    padding: 0 0 20px 0
}

#BrochureOrder input[type="checkbox"] {
    margin-left: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 15px
}

#BrochureOrder input[type="checkbox"]+span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    font-weight: 600;
    font-size: 0.8125rem;
    text-transform: uppercase;
    color: #5E676F;
    margin-bottom: 15px;
    line-height: 1.25rem;
    max-width: 90%
}

#BrochureOrder input#pcaButtonYY36 {
    padding: 4px 6px;
    border-color: var(--white);
    font-weight: 600;
    font-size: 0.8125rem;
    color: #5E676F;
    background: var(--white)
}

#BrochureOrder #pcaButtonYY36 {
    display: inline-block
}

#BrochureOrder #pcaDivYY36 a {
    display: none
}

#BrochureOrder #pcaSelectYY36 {
    margin-left: -2px;
    height: 75px
}

#BrochureOrder #pcaSelectYY36 option {
    padding: 6px
}

#BrochureOrder #pcaDivYY36 br {
    display: none
}

#signup table {
    background: none
}

.gdpr p {
    font-size: 0.875rem;
    line-height: 1.5rem
}

#signup input {
    border-color: #C7B39F;
    color: #568a8e
}

#signup input:focus {
    background: var(--white);
    color: #131313
}

.boxframe.country .boxgrid {
    width: 24.7%;
    text-shadow: 1px 1px 1px #111
}

.boxframe.country .boxgrid:hover .infobox {
    top: auto;
    background: none
}

.boxframe.country .boxgrid .featimg {
    background-size: 115% auto;
    transition: background 0.3s ease-in-out 0s
}

.boxframe.country .boxgrid:hover .featimg {
    background-size: 105% auto
}

.boxframe.country .boxgrid.current .infobox {
    background: rgba(110, 27, 87, 0.8) none repeat scroll 0 0;
    top: 0
}

.boxframe.holidayType .boxgrid h4,
.boxframe.country .boxgrid h4 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 20px;
    margin: 0;
    color: var(--white)
}

.boxframe.trending {
    padding: 50px 0 0
}

.boxframe.trending .boxgrid {
    width: 23%;
    margin-bottom: 30px;
    background-color: #f5f5f5
}

.boxframe.trending .boxgrid .featimg p {
    position: absolute;
    bottom: 0;
    color: var(--white);
    left: 0;
    width: 100%;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 20px;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.125rem;
    text-shadow: 1px 1px 1px #111
}

.boxframe.trending .boxgrid .featimg {
    background-size: 115% auto;
    transition: background 0.3s ease-in-out 0s
}

.boxframe.trending .boxgrid:hover .featimg {
    background-size: 105% auto
}

.boxframe.trending .boxgrid .txtbox {
    padding: 5px 20px 20px
}

.boxframe.trending .boxgrid .txtbox a.more {
    display: block;
    text-align: center;
    border-top: 1px solid #e6e5e6;
    padding: 10px 0;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03125rem;
    margin: 30px 0 0
}

.trendbox {
    display: block;
    margin: 50px 0;
    padding: 10px 12px;
    border: 1px solid #efefef;
    background-color: #fafafa;
    position: relative
}

.trendbox .featimg {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    margin: 0 -2px
}

.trendbox .txtbox {
    display: inline-block;
    vertical-align: top;
    width: 60%;
    margin: 0 -2px;
    padding: 10px 40px 20px
}

.trendbox .featimg p {
    position: absolute;
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.875rem;
    padding: 8px 30px 8px 10px;
    text-transform: uppercase;
    top: 20px;
    right: 0;
    background: #fafafa;
    margin: 0
}

.trendbox .txtbox p:last-of-type {
    margin-bottom: 0
}

iframe {
    margin: 0;
    max-width: 100%
}

p [class*="icon-"] {
    display: inline-block;
    line-height: 1.875rem;
    margin: 0 20px 0 0;
    vertical-align: middle
}

.featimg {
    background-color: #efefef;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    display: block;
    position: relative
}

#Video {
    margin: 20px auto 50px;
    border: 1px solid #efefef;
    background-color: #fafafa;
    max-width: 890px
}

.videobox {
    margin: 0;
    padding: 20px
}

#Video .content {
    padding: 5px 20px 20px
}

.bandframe .bandbox {
    display: block;
    margin: 8px auto;
    padding: 0 2px;
    position: relative
}

.bandframe .bandbox::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    overflow: hidden
}

.bandframe .bandbox .featimg {
    background: rgba(0, 0, 0, 0) url("") no-repeat scroll center center/cover
}

.bandframe .bandbox .txtbox {
    height: 380px;
    padding: 20px 30px
}

.bandframe .bandbox:nth-of-type(2n) .featimg {
    float: right
}

ul.pagelinks {
    display: block;
    margin: 0;
    padding: 8px 0 0;
    text-align: justify
}

ul.pagelinks::after {
    content: ".";
    display: inline-block;
    font-size: 0;
    height: 0;
    overflow: hidden;
    width: 100%
}

ul.pagelinks li {
    background-color: #d8d8d8;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 300px;
    margin: 8px 0;
    overflow: hidden;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 32.6%
}

ul.pagelinks li a {
    border: 4px solid var(--white);
    display: block;
    height: 100%;
    width: 100%
}

ul.pagelinks li a .info {
    background-color: var(--white);
    color: #191d21;
    display: block;
    height: 100%;
    margin: 0;
    padding: 10px 20px 20px;
    position: absolute;
    top: 100%;
    transition: top 0.6s ease-in-out 0s;
    width: 100%
}

ul.pagelinks li:hover a .info {
    top: 110px
}

ul.pagelinks li .info h3 {
    background-color: var(--white);
    display: inline-block;
    height: 50px;
    left: 0;
    margin: 0;
    min-width: 220px;
    padding: 8px 20px;
    position: absolute;
    top: -50px
}

ul.pagelinks li .info span {
    color: #873551;
    display: block;
    text-align: right
}

.socialbox {
    display: block;
    margin-top: 8px;
    padding: 0 2px
}

.socialbox .box {
    background-color: var(--white);
    display: inline-block;
    margin: 0;
    min-height: 300px;
    padding: 20px;
    vertical-align: top;
    width: 49.7%
}

.socialbox .box.instagram-frame {
    float: right
}

#twitterBox ul.tweet-list {
    margin: 0 auto;
    padding: 20px 0;
    width: 80%
}

#twitterBox ul.tweet-list li {
    display: block;
    margin: 10px 0 20px
}

.socialbox h4 {
    color: #7b072d
}

.socialbox h4 span {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.accordion {
    display: block;
    margin: 15px auto
}

#MyBookings .accordion {
    max-width: 1120px
}

.accordion .title {
    border-bottom: 1px solid #d5cbcf;
    color: #a5959d;
    cursor: pointer;
    display: block;
    margin: 10px 0;
    padding: 5px 40px 5px 0;
    position: relative;
    text-transform: uppercase
}

.accordion.active .title {
    color: var(--primary-color);
    border-color: var(--white)
}

.accordion .title p {
    text-transform: none;
    color: var(--bs-body-color)
}

.accordion .title span {
    color: inherit;
    display: block;
    height: 40px;
    line-height: 2.5rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
    font-size: 1.25rem
}

.accordion.active .title span.icon-squared-plus {
    display: none
}

.accordion .title span.icon-squared-minus {
    display: none
}

.accordion.active .title span.icon-squared-minus {
    display: block
}

.accordion .title i {
    font-size: 1rem;
    margin: 15px 0;
    color: #A4AEB5
}

.accordion-content {
    display: none;
    padding: 10px 0
}

.accordion.active .accordion-content {
    display: block
}

.accordion.active .title span {
    color: var(--primary-color)
}

#MyBookings .accordion-content {
    border: 1px solid #d5cbcf;
    padding: 10px 50px
}

#MyBookings .accordion-content .booking-header {
    display: block;
    margin: 30px 0;
    border-bottom: 1px solid #e6e5e6;
    padding-bottom: 10px;
    text-align: center
}

#MyBookings .accordion-content .booking-header .status {
    text-transform: uppercase
}

#MyBookings .accordion-content .booking-header .SagePay i {
    font-size: 1.25rem
}

#MyBookings .accordion-content ul.tour-info {
    display: block;
    padding: 0 2px;
    margin: 20px 0;
    text-align: justify
}

#MyBookings .accordion-content ul.tour-info:after {
    content: ".";
    display: inline-block;
    width: 100%;
    height: 1px;
    margin: 0;
    overflow: hidden
}

#MyBookings .accordion-content ul.tour-info li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 10px -2px 20px;
    padding: 0;
    text-align: left
}

#MyBookings .accordion-content ul.tour-info li.twoCol {
    width: 48%
}

#MyBookings .accordion-content ul.tour-info li span {
    display: inline-block;
    vertical-align: top;
    padding: 0 22px 0 2px;
    margin: 5px -2px;
    font-size: 0.875rem
}

#MyBookings .accordion-content ul.tour-info li span.label {
    width: 40%;
    border-right: 1px solid #ccc;
    text-transform: uppercase;
    color: #A4AEB5;
    font-size: 0.8125rem
}

#MyBookings .accordion-content ul.tour-info li span.data {
    width: 60%;
    padding-left: 20px
}

#MyBookings .accordion-content ul.tour-info li h4 {
    border-bottom: 1px solid #e6e5e6
}

#MyBookings .accordion-content ul.tour-info li.travellerframe {
    width: 100%;
    border-top: 1px solid #e6e5e6
}

#MyBookings .accordion-content ul.travellers {
    padding: 0;
    margin: 0;
    text-align: justify
}

#MyBookings .accordion-content ul.travellers:after {
    content: ".";
    display: inline-block;
    width: 100%;
    height: 1px;
    margin: 0;
    overflow: hidden
}

h2.offer {
    color: var(--primary-color)
}

.closebox {
    font-weight: 500;
    height: 40px;
    line-height: 2.5rem;
    padding: 0;
    position: absolute;
    right: 16px;
    text-align: center;
    top: 16px;
    width: 40px;
    z-index: 500
}

#Search .DocType label {
    display: inline-block;
    padding-right: 20px;
    min-width: 20%;
    padding: 10px 0
}

#Search .DocType label input {
    margin-right: 5px
}

#SignIn {
    border-top: 1px solid #495056;
    border-bottom: 4px solid #495056;
    display: block;
    padding: 0;
    position: absolute;
    height: auto;
    top: 100px;
    right: -105%;
    visibility: hidden;
    opacity: 0;
    background: rgba(21, 24, 26, 0.95) none repeat scroll 0 0;
    color: var(--white);
    width: 100%;
    transition: visibility ease-in-out 0.4s, right ease-in-out 0.6s, opacity ease-in-out 0.4s;
    z-index: 5000
}

#SignIn.active {
    right: 0;
    visibility: visible;
    opacity: 1
}

#SignIn .featimg {
    display: inline-block;
    vertical-align: top;
    width: 49%
}

#SignIn .txtbox {
    padding: 30px 50px;
    display: inline-block;
    vertical-align: top;
    width: 50%
}

#SignIn .txtbox>h3 {
    margin: 0 0 15px 0
}

#SignIn ul.loginLinks {
    margin: 0 0 30px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    border-top: 1px solid rgba(255, 255, 255, 0.13);
    padding: 5px 0
}

#SignIn ul.loginLinks li {
    display: block;
    margin: 5px 0
}

#SignIn ul.loginLinks li a {
    display: block;
    padding: 5px 0;
    color: #C7B39F;
    font-size: 0.8125rem;
    font-weight: 500;
    text-transform: uppercase
}

#SignIn ul.loginLinks li:hover a {
    color: var(--white)
}

#SignIn .user {
    color: #5E676F;
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.03125rem;
    padding: 0;
    text-transform: uppercase;
    vertical-align: middle
}

#SignIn .user p {
    margin: 0 0 5px
}

#SignIn textarea,
#SignIn input {
    border-color: #5e676f;
    color: #909eaa
}

#cNav {
    display: inline-block;
    vertical-align: top;
    padding: 8px 10px 5px 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #909eaa;
    text-transform: uppercase;
    cursor: auto
}

#cNav i {
    margin-right: 5px;
    font-size: 1.125rem;
    display: inline-block;
    vertical-align: middle
}

#cNav span {
    display: none
}

#CountryNav {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    position: relative;
    height: 40px;
    z-index: 10
}

#CountryNav li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 -4px 5px 0;
    border-left: 1px solid #e6e5e6;
    position: relative
}

#CountryNav li>span,
#CountryNav li a {
    display: block;
    padding: 0 20px 6px;
    line-height: 1.875rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: inherit;
    text-transform: uppercase;
    border-bottom: 4px solid var(--white)
}

#CountryNav li.label,
#CountryNav li.label a {
    padding-left: 0
}

#CountryNav li:hover>span,
#CountryNav li a:hover,
.current-page {
    color: var(--primary-color);
    border-color: #909EAA;
    cursor: pointer
}

#CountryNav li a.current-page {
    border-color: var(--primary-color)
}

#CountryNav li ul {
    display: none;
    width: 280px;
    position: absolute;
    left: -1px;
    background: var(--white);
    border: 1px solid #e6e5e6;
    border-top: 1px solid #909EAA;
    padding: 0;
    margin: 0
}

#CountryNav li:hover>ul {
    display: block
}

#CountryNav li ul li {
    display: block;
    border: none;
    border-bottom: 1px solid #e6e5e6;
    margin: 0
}

#CountryNav li ul li:last-of-type {
    border-bottom: none
}

#CountryNav li ul li a {
    border: none;
    padding: 6px 20px
}

#NavFrame {
    display: block;
    padding: 8px 20px 0;
    background: #fafafa;
    border-bottom: 1px solid #e6e5e6;
    border-top: 1px solid #e6e5e6;
    margin: -50px -20px 50px
}

.no-pad-top #NavFrame {
    margin-top: 0
}

.document-toursContainer #NavFrame {
    margin-bottom: 20px
}

.page-16993 #CountryNav li.gtTour a,
.page-17058 #CountryNav li.tmTour a,
.document-tour #CountryNav li.navTour a,
.document-toursContainer #CountryNav li.navTour a,
.document-holidayType #CountryNav li.navTypes a,
.document-holidayTypes #CountryNav li.navTypes a,
.document-whenToGo #CountryNav li.navWhen a,
.document-travelGuide #CountryNav li.navGuides a,
.document-hotel #CountryNav li.navHotel a,
.document-hotels #CountryNav li.navHotel a,
.document-highlight #CountryNav li.navHighlight.show a,
.document-highlights #CountryNav li.navHighlight.show a,
.document-country #CountryNav li.navCountry a,
.document-region #CountryNav li.navRegion>span {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.document-hotel #Section1 {
    z-index: 0;
    position: relative
}

#SearchFrame {
    display: block;
    position: absolute;
    height: 150px;
    top: -150px;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: var(--white);
    padding: 10px 20px
}

#SearchFrame.searchbox {
    position: relative;
    top: auto;
    height: auto;
    color: var(--bs-body-color);
    background: none;
    padding: 0 20px 50px
}

#Search .innerframe,
#SearchFrame .innerframe {
    max-width: 1020px;
    position: relative
}

#Search #KeywordSearch,
#SearchFrame #KeywordSearch {
    display: block;
    padding: 10px 0
}

#Search #KeywordSearch {
    border: none
}

#Search input#searchText,
#SearchFrame input#searchText {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    border: 1px solid rgba(255, 255, 255, 0.13);
    height: 40px;
    color: var(--white)
}

#Search .DocType,
#SearchFrame .DocType {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    min-height: 40px
}

#Search #KeywordSearch .DocType,
#SearchFrame #KeywordSearch .DocType {
    border: 1px solid rgba(255, 255, 255, 0.13)
}

#Search .DocType label,
#SearchFrame .DocType label {
    display: inline-block;
    vertical-align: top;
    line-height: 1.25rem;
    padding: 10px 20px 5px;
    color: #ccc;
    cursor: pointer;
    margin-bottom: 0;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.03125rem;
    text-transform: uppercase
}

#SearchFrame .DocType label input:not([type="radio"]) {
    margin-right: 0
}

#SearchFrame .DocType label input[type="radio"] {
    margin-right: 10px
}

#Search input#btnKeywordSearch,
#SearchFrame input#btnadvancetourSearch,
#SearchFrame input#btnKeywordSearch {
    display: inline-block;
    vertical-align: top;
    width: 10%;
    margin: 0;
    height: 40px;
    border-radius: 0;
    background: #5E676F;
    border-color: #5E676F
}

#SearchFrame h4 {
    margin: 0 0 10px
}

#SearchFrame #AdvancedSearch {
    display: block;
    padding: 10px 0
}

#SearchFrame #AdvancedSearch .DocType {
    width: 89.8%
}

#SearchFrame #AdvancedSearch .DocType select {
    display: inline-block;
    vertical-align: top;
    width: 32.6%;
    margin: 0 6px 5px 0;
    float: left;
    border: 1px solid rgba(255, 255, 255, 0.13);
    height: 40px
}

#SearchFrame #AdvancedSearch #btnReset {
    position: absolute;
    top: 20px;
    right: 0;
    padding: 0;
    border: none;
    height: auto;
    font-weight: 500;
    font-size: 0.75rem;
    letter-spacing: 0.0625rem
}

#SearchFrame #AdvancedSearch #btnadvancetourSearch {
    float: right;
    width: 10%
}

#SearchFrame.searchbox input#searchText,
#SearchFrame.searchbox #KeywordSearch .DocType,
#SearchFrame.searchbox input[type="button"] {
    border-color: #ccc;
    color: inherit
}

#SearchFrame.searchbox .DocType label {
    color: inherit
}

.document-search #Search.active {
    display: none
}

#Feedback {
    display: block;
    padding: 30px 0;
    width: 100%;
    max-width: 800px;
    margin: 0 auto
}

ul.paged {
    display: block;
    padding: 0;
    text-align: center
}

ul.paged li {
    display: inline-block;
    vertical-align: top;
    margin: 5px
}

ul.paged li a {
    display: block;
    padding: 10px 15px;
    color: #131313;
    border: 1px solid #e6e5e6
}

ul.paged li a:hover {
    background-color: #e6e5e6
}

ul.paged li a.active {
    border-color: #131313
}

.document-aboutUs #Section1 .intro {
    margin-bottom: 100px
}

.document-aboutUs #Stepslist ol {
    margin: 30px 0;
    padding: 0;
    counter-reset: custom-counter
}

.document-aboutUs #Stepslist ol li {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-left: 250px;
    position: relative;
    min-height: 200px;
    margin: 20px 0 30px;
    max-width: 800px
}

.document-aboutUs #Stepslist ol li:before {
    background: #30353A none repeat scroll 0 0;
    color: #f5f5f5;
    content: counter(custom-counter, decimal);
    counter-increment: custom-counter;
    font-size: 1rem;
    height: 40px;
    left: -5px;
    line-height: 2.25rem;
    position: absolute;
    text-align: center;
    top: 5px;
    font-weight: bold;
    width: 40px;
    z-index: 500;
    border-radius: 50%;
    border: 2px solid #BEC6CD
}

.document-aboutUs #Stepslist ol li img {
    position: absolute;
    top: -20px;
    left: 0;
    width: 40%;
    max-width: 200px;
    max-height: 200px;
    border: 3px solid #BEC6CD;
    border-radius: 50%;
    background-color: #36767B
}

.document-aboutUs #Brochures {
    margin: 0
}

.boxframe.events .boxgrid {
    width: 100%;
    background-color: var(--white);
    border-bottom: 1px solid #e6e5e6;
    padding-bottom: 10px;
    margin-bottom: 50px
}

.boxframe.events .boxgrid .txtbox {
    padding: 0 0 0 50px;
    position: relative
}

.boxframe.events .boxgrid .txtbox p {
    margin: 5px 0
}

.boxframe.events .boxgrid .txtbox h3 {
    font-weight: 500;
    color: var(--primary-color)
}

.boxframe.events .boxgrid .register {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 50px;
    height: 100%;
    background: var(--white);
    padding: 0
}

.boxframe.events .boxgrid .register.active {
    display: block
}

.boxframe.events .boxgrid .register .closebox {
    position: relative;
    top: auto;
    right: auto;
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.8125rem;
    line-height: 1.125rem;
    letter-spacing: 0.03125rem;
    font-weight: 600;
    z-index: 500;
    float: right;
    width: auto;
    height: auto;
    margin: 0 0 10px 0
}

.boxframe.events .button {
    display: inline-block
}

.document-tour .introbox {
    padding: 0 2px 10px;
    display: block;
    border-bottom: 1px solid #e6e5e6;
    margin: 0 auto 20px;
    min-height: 60px
}

.document-tour #leftSide h4.title,
.document-tour .introbox .title {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    color: var(--primary-color);
    font-weight: 600;
    padding: 0
}

.document-tour #leftSide h4.title span,
.document-tour .introbox .title span {
    display: inline-block;
    padding: 0 20px 0 0;
    color: var(--bs-body-color)
}

 .tag {
    display: inline-block;
    vertical-align: middle;
    padding: 6px 15px;
    background: #568a8e;
    color: var(--white);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03125rem;
    margin: 0 30px 0 0;
    border-radius: 4px
}

.document-hotel .specialOffer,
.document-tour .specialOffer {
    display: block;
    padding: 1px 20px;
    background: #EFE9E3;
    color: #568a8e;
    border-radius: 6px;
    text-align: center
}

.document-tour .introbox .cta {
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin: 0
}

.document-tour h5.places {
    display: block;
    margin: 30px 0 20px;
    border-bottom: 1px solid #e6e5e6;
    padding: 0 0 5px 0
}

.document-tour h5.places span {
    color: #568a8e;
    margin-left: 20px
}

.document-tour h5.places i {
    color: #5E676F
}

.document-tour .maintxt {
    margin-left: 2px;
    margin-right: -4px;
    padding: 0 100px 0 0
}

.document-tour .sidetxt .types span {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    color: #B5A99D;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03125rem;
    margin: 0 10px 0 0
}

.document-tour #content #NavFrame+div ul {
    display: block;
    padding: 0 0 0 20px;
    margin: 30px 0
}

.document-tour #content #NavFrame+div ul li {
    padding: 0 0 0 20px;
    margin: 4px 0
}

.document-tour #Itinerary {
    display: block;
    position: relative;
    padding: 0 2px
}

.document-tour #Itinerary #leftSide {
    padding: 0 100px 0 0;
    min-height: 660px
}

.document-tour #Itinerary #rightSide {
    padding: 0;
    max-width: 616px
}

.document-tour #Quotes {
    margin-bottom: 50px
}

#Itinerary .accordion-frame {
    padding: 0;
    margin: 30px 0
}

#Itinerary .accordion-frame.extension {
    display: none
}

#Itinerary .accordion-frame.extension.active {
    display: block
}

#Itinerary .accordion {
    display: block;
    margin: 0 0 10px
}

#Itinerary .accordion .title {
    border-bottom: 1px solid #d5cbcf;
    display: block;
    margin: 0;
    padding: 5px 40px 10px 0;
    position: relative
}

#Itinerary .ShowExtention:hover,
#Itinerary .ShowExtention.active {
    color: #a5959d;
    border-color: #a5959d;
    background: var(--white)
}

#Itinerary .accordion .title .dest>h5,
#Itinerary .accordion .title .day {
    color: #a5959d;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 2px
}

#Itinerary .accordion .title .dest>h5 {
    margin: 0;
    padding: 0
}

#Itinerary .accordion .title .dest p {
    margin: 10px 0 0
}

#Itinerary .accordion.active .title span {
    color: #909EAA
}

#Itinerary .accordion .title span {
    color: #d5cbcf;
    display: block;
    height: 40px;
    line-height: 2.5rem;
    position: absolute;
    right: 0;
    text-align: center;
    bottom: 0;
    width: 40px;
    cursor: pointer
}

#Itinerary .accordion.active .title span.icon-squared-plus {
    display: none
}

#Itinerary .accordion .title span.icon-squared-minus {
    display: none
}

#Itinerary .accordion.active .title span.icon-squared-minus {
    display: block
}

#Itinerary .accordion .accordion-content {
    display: none;
    padding: 0 0 30px;
    border-bottom: 1px solid #d5cbcf
}

#Itinerary .accordion.active .accordion-content {
    display: block
}

#Extensions h2 {
    margin-bottom: 30px
}

#Extensions .txtbox,
#Extensions .featimg {
    margin-bottom: 30px
}

#Itinerary .boxframe.itinerary .boxgrid {
    padding: 0 2px;
    width: 100%;
    display: block;
    background: var(--white);
    margin: 0
}

#Itinerary .boxframe.itinerary .boxgrid .featimg {
    display: inline-block;
    vertical-align: top;
    margin: 15px -2px 0;
    width: 40%
}

#Itinerary .boxframe.itinerary .boxgrid .featimg img {
    background: none
}

#Itinerary .boxframe.itinerary .boxgrid .txtbox {
    display: inline-block;
    vertical-align: top;
    margin: 0 -2px;
    width: 60%;
    padding: 0 0 0 20px
}

#Itinerary .boxframe.hotel {
    height: 185px
}

#Itinerary .boxframe.hotel .boxgrid {
    background: var(--white);
    width: 32%
}

#Itinerary .boxframe.hotel .boxgrid h6 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 10px;
    color: var(--white)
}

.map {
    display: block;
    height: 400px;
    border: 1px solid #e6e5e6;
    background: #fafafa
}

#googlemap.map {
    height: 450px
}

#Itinerary #googleMap {
    position: relative;
    width: 100%;
    height: 450px;
    margin: 0;
    display: block;
    border: 1px solid #e6e5e6;
    background: #fafafa
}

.document-tour .boxframe.itinerary+h4 {
    margin-top: 0
}

.document-tour #content ul.tourinfo {
    padding: 0 !important;
    margin: 0
}

.document-tour #content #Section1 ul.tourinfo li {
    display: block;
    padding: 0 2px
}

.document-tour ul.tourinfo li span {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.03125rem;
    margin: 5px -2px 5px;
    width: 30%
}

.document-tour ul.tourinfo li span:last-of-type {
    border-left: 1px solid #ccc;
    padding-left: 10px;
    width: 70%
}

.document-tour #Extensions {
    display: block;
    padding: 30px 0 0
}

#Itinerary #Extensions .accordion-frame {
    margin-bottom: 0
}

.document-tour #TourPrices {
    padding-top: 50px;
    position: relative
}

.document-tour #TourPrices table.pricing {
    margin-bottom: 50px
}

.document-tour #TourHighlights {
    padding: 50px 0 0
}

.document-tour #ExtenseionsMessage {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 30px;
    background: rgba(0, 0, 0, 0.9);
    color: var(--white);
    z-index: 8000;
    overflow-y: auto;
    border: 1px solid #444
}

.document-tour #ExtenseionsMessage .extframe {
    display: block;
    margin: 20px 0
}

.document-tour #ExtenseionsMessage table {
    color: #222;
    margin: 0
}

table a.jump {
    padding: 0;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03125rem;
    margin: 0
}

table a.jump i {
    margin-right: 10px
}

table {
    background: white none repeat scroll 0 0;
    border: 1px solid #efefef;
    margin: 20px auto;
    width: 100%
}

table thead,
table tfoot {
    background: whitesmoke none repeat scroll 0 0
}

table thead tr th,
table thead tr td,
table tfoot tr th,
table tfoot tr td {
    color: #222222;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 5px;
    text-align: left;
    letter-spacing: 0.03125rem;
    text-transform: uppercase
}

table tbody tr th,
table tbody tr td {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 5px;
    text-align: left
}

table tr.even,
table tr.alt,
table tr:nth-of-type(2n) {
    background: #f9f9f9 none repeat scroll 0 0
}

table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
    display: table-cell;
    line-height: 1.125rem
}

table button[type="button"] {
    display: block;
    margin: 2px auto;
    padding: 6px 15px;
    background: #4d753a;
    color: var(--white);
    border-radius: 4px;
    border: none;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.03125rem;
    text-transform: uppercase;
    cursor: pointer
}

table button[type="button"]:hover {
    background: #313131
}

.document-myAccount a#gomain,
.document-myAccount #upperbox .section.awardbox {
    display: none
}

.document-myAccount #upperbox .user p {
    padding: 0 5px
}

.document-myAccount #upperbox .loginLinks p {
    display: inline-block;
    vertical-align: top
}

.document-myAccount #upperbox .loginLinks {
    position: relative
}

.document-myAccount #upperbox .loginLinks .logout {
    margin: 0;
    position: absolute;
    top: -60px;
    right: 0
}

.document-myAccount #upperbox .loginLinks .logout button {
    background-color: var(--white);
    color: var(--primary-color)
}

.document-myAccount #upperbox .loginLinks a {
    color: var(--white);
    display: inline-block;
    margin: 0 20px 5px 0;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.03125rem;
    text-transform: uppercase
}

.page-1648 #upperbox .loginLinks a.tour,
.page-1651 #upperbox .loginLinks a.bookings,
.page-1650 #upperbox .loginLinks a.address,
.page-1649 #upperbox .loginLinks a.details,
.document-myAccount #upperbox .loginLinks a.active {
    padding-bottom: 5px;
    border-bottom: 2px solid var(--white)
}

.document-myAccount #upperbox .loginLinks a:hover {
    color: #C7B39F
}

.page-9143 #upperbox {
    display: none
}

.page-9143 #main #content {
    background-color: rgba(0, 0, 0, 0.61);
    color: #ccc;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444
}

#MyAccount #mainbox.loginbox {
    padding-top: 150px
}

.page-9143 #MyAccount a {
    color: #BE5DA3
}

.page-9143 #MyAccount button {
    background-color: #BE5DA3;
    margin-top: 10px
}

.page-9143 #MyAccount #mainbox form {
    border-bottom: none
}

#MyAccount #mainbox.loginbox {
    display: block;
    max-width: 400px
}

#MyAccount #mainbox {
    display: block;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 0 100px
}

#MyBookings>h2,
#MyAccount #mainbox h2 {
    border-bottom: 1px solid #BEC6CD;
    padding-bottom: 10px;
    margin-bottom: 30px
}

#MyAccount #mainbox form {
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid #BEC6CD
}

#MyAccount #UpdatePW {
    border-top: 1px solid #d8d8d8;
    margin-top: 30px
}

#MyAccount input:not(#btnsubmit),
#MyAccount select {
    color: #5E676F
}

#MyAccount #SignIn2 input:not(#btnsubmit) {
    color: var(--white)
}

#MyAccount #returnMessage {
    display: block;
    padding: 20px;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    color: var(--primary-color);
    font-weight: 600;
    text-transform: uppercase
}

#MyBookings {
    display: block;
    padding: 0 0 50px;
    max-width: 1120px;
    margin: 0 auto
}

#MyBookings ul {
    padding: 0 0 0 20px
}

#MyBookings ul li {
    padding: 0 0 0 20px
}

#MyBookings fieldset {
    border: 1px solid #d8d8d8;
    margin: 20px 0;
    padding: 20px
}

#MyAccount ul.myDocs {
    display: block;
    padding: 0;
    margin: 30px 0
}

#MyAccount ul.myDocs li {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    height: 200px;
    margin: 0 20px 20px 0;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    position: relative;
    padding: 0;
    overflow: hidden
}

#MyAccount ul.myDocs li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #5E676F
}

#MyAccount ul.myDocs li a:hover {
    background: #5E676F
}

#MyAccount ul.myDocs li a:hover * {
    color: var(--white)
}

#MyAccount ul.myDocs li a span {
    position: absolute;
    bottom: 20%;
    left: 0;
    right: 0;
    padding: 10px;
    text-align: center;
    font-size: 0.8125rem;
    text-transform: uppercase;
    font-weight: 600
}

#MyAccount ul.myDocs li a i {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    padding: 10px;
    text-align: center;
    font-size: 1.875rem;
    font-weight: normal;
    color: #909EAA
}

.document-myAccount #Register h3 {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 5px;
    margin-bottom: 20px
}

.document-myAccount .validation-summary-errors ul li {
    display: block;
    background: var(--primary-color);
    color: var(--white);
    text-align: center;
    padding: 5px 10px;
    margin: 0 0 5px 0
}

#BookTour {
    display: block;
    padding: 0 20px 50px;
    margin: 0 auto;
    max-width: 1120px
}

#BookTour .form-required:after {
    content: "*";
    color: #D979BE;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    padding: 5px;
    font-size: 1.875rem;
    line-height: 0.9375rem
}

#BookTour h2 {
    border-bottom: 1px solid #666;
    padding-bottom: 10px;
    margin-bottom: 30px
}

#BookTour h3 {
    padding: 0 0 5px 0;
    margin: 30px 0 15px 0
}

ul.BookTourHead {
    display: block;
    padding: 20px 22px;
    margin: 0 0 30px;
    text-align: justify;
    border: 1px solid #d8d8d8;
    border-radius: 4px
}

ul.BookTourHead:after {
    content: "";
    display: inline-block;
    width: 100%
}

.BookTourHead li {
    display: inline-block;
    vertical-align: top;
    padding: 0 2px;
    margin: 5px -2px;
    width: 48%;
    text-align: left
}

.BookTourHead li:nth-of-type(2) {
    border-right: 1px solid #d8d8d8
}

.BookTourHead li.head {
    display: block;
    width: 100%
}

#BookTour .BookTourHead li.head h3,
.BookTourHead li.head h3 {
    margin: 0 0 15px
}

.BookTourHead li span {
    display: inline-block;
    vertical-align: top;
    margin: 5px -2px;
    line-height: 1.375rem
}

.BookTourHead li span.label {
    text-transform: uppercase;
    font-size: 0.8125rem;
    color: #909EAA;
    font-weight: 600;
    width: 40%
}

.BookTourHead li span.data {
    width: 60%
}

.note {
    color: #BE5DA3;
    font-weight: 500
}

.error {
    color: #d0061b;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase
}

#BookTour #RegisterForm label span {
    display: none
}

#BookTour #RegisterForm .NLbox label span {
    display: inline-block;
    width: auto;
    padding-right: 20px;
    max-width: 90%;
    line-height: 1.375rem;
    vertical-align: top
}

#BookTour #RegisterForm label span,
#BookTour #RegisterForm label input:not([type="radio"]):not([type="checkbox"]),
#BookTour #RegisterForm label select {
    width: 100%
}

#RegisterForm .regPerson {
    padding-right: 10px
}

#RegisterForm .regAddress {
    padding-left: 10px
}

#regLogin {
    padding-right: 20px;
    width: 30%
}

#regForm {
    padding-left: 20px;
    width: 70%
}

#regForm h2 {
    margin-bottom: 10px
}

#regForm #pcaSelectYY36 {
    margin-left: -2px;
    height: 75px;
    color: var(--bs-body-color);
    border: 1px solid var(--bs-body-color);
    padding: 0
}

#regForm #pcaSelectYY36 option {
    padding: 4px;
    color: var(--bs-body-color)
}

#regForm #returnMessage,
#regForm #emailIsregisteredMessage {
    color: #DB080C;
    font-size: 0.8125rem;
    padding: 0 10px;
    font-weight: bold
}

#regForm p.submit span.loadicon,
.loadicon {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: bold;
    letter-spacing: 0.0625rem;
    text-transform: uppercase;
    vertical-align: middle;
    margin: 0 20px;
    line-height: 1.875rem;
    padding: 0 40px 0 0;
    background: url(../img/spinner.svg) right center/contain no-repeat;
    visibility: hidden
}

#regForm p.submit span.loadicon.active,
.loadicon.active {
    visibility: visible
}

#EnquireBox .loadicon {
    background-image: url(../img/spinner.svg);
    line-height: 2.5rem;
    padding: 0 50px 0 0
}

p.submit input {
    float: right
}

p.small-note,
p.submit span {
    display: inline-block;
    vertical-align: middle;
    max-width: 60%;
    padding: 5px 20px 0 0;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.0625rem
}

p.small-note {
    max-width: 100%;
    display: block;
    padding: 0;
    text-transform: none
}

#BrochureOrder label.txt input[type="checkbox"]+span {
    text-transform: none
}

#regLogin #SignIn2 {
    display: block;
    margin: 0 auto;
    max-width: 500px
}

#regLogin #RecoveryPassword {
    display: block;
    margin: 0 auto;
    max-width: 600px
}

#regLogin #RecoveryPassword #WhatisitRP {
    display: inline-block;
    margin: 0 10px;
    width: 50px
}

#BookTour.success .info {
    margin: 0 auto 20px;
    text-align: center;
    max-width: 750px
}

#BookTour.success .tourinfo {
    margin: 0 auto 50px
}

#RecoveryPasswordResult.loading {
    display: block;
    height: 50px;
    background: url(../img/spinner.svg) center/contain no-repeat
}

.document-blogContainer ul.category-list li:nth-of-type(2) a {
    color: #7fadbb
}

.document-blogContainer p.bigmargin {
    display: block;
    margin: 70px 0 150px 0
}

#blogFrame {
    display: block;
    padding: 0 0 50px 0
}

.boxframe.News {
    display: block;
    margin: 0 auto
}

.boxframe.News .boxgrid {
    width: 30%;
    max-width: 480px;
    margin: 0 auto 30px;
    background: var(--white)
}

.boxframe.News .boxgrid a {
    color: inherit
}

.boxframe.News .boxgrid .featimg {
    background-size: 100% auto;
    transition: background ease-in-out 0.4s
}

.boxframe.News .boxgrid:hover .featimg {
    background-size: 110% auto
}

.boxframe.News .boxgrid .featimg img {
    background: none
}

.boxframe.News .boxgrid .txt {
    padding: 0 2px
}

.boxframe.News .boxgrid:hover .txt p.link,
.boxframe.News .boxgrid a .rte h4 {
    color: var(--primary-color)
}

.boxframe.News .boxgrid h6 {
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.03125rem;
    text-transform: uppercase
}

.boxframe.News .boxgrid h6 i {
    color: #7fadbb;
    margin-right: 10px
}

.boxframe.News .boxgrid .txt p.link {
    font-weight: 600
}

ul.category-list {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #e6e5e6;
    margin: 0 0 50px 0
}

ul.category-list li {
    display: inline-block;
    margin: 0 20px 5px 0;
    vertical-align: top
}

ul.category-list li,
ul.category-list li a {
    color: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.03125rem;
    text-transform: uppercase
}

.document-blogContainer ul.category-list li:first-of-type a,
ul.category-list li:hover a,
ul.category-list li.active a {
    color: #7FADBB
}

#newsFrame {
    max-width: 1395px;
    display: block;
    margin: 0 auto 50px;
    position: relative;
    z-index: 10;
    padding: 0
}

#newsFrame .main {
    max-width: 800px;
    position: relative
}

#newsFrame .side {
    background: #ecf0f1;
    max-width: 480px;
    float: right;
    padding: 0 40px 25px;
    z-index: 10;
    margin: 0
}

#newsFrame .side .bloghome {
    display: block;
    height: 250px;
    margin: 0 -40px 40px;
    position: relative;
    background: url() center/cover no-repeat
}

#newsFrame .side .bloghome a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 200px 20px 20px;
    background: rgba(0, 0, 0, 0.16);
    color: var(--white);
    text-transform: uppercase
}

#newsFrame .side .bloghome a:hover {
    background: rgba(0, 0, 0, 0.2)
}

#newsFrame .side .widget {
    display: block;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px
}

#newsFrame .side .widget:last-of-type {
    border-bottom: none
}

#newsFrame .side .alt {
    margin-top: 20px
}

#newsFrame .side .alt:nth-of-type(2) {
    margin-top: 40px
}

#newsFrame .side ul.sidelist {
    padding: 0 2px;
    margin: 20px 0;
    display: block
}

#newsFrame .side ul.sidelist li {
    padding: 0;
    margin: 0 0 10px;
    display: block
}

#newsFrame .side .cat ul.sidelist li {
    padding: 0 20px 0 0;
    margin: 0 -2px 10px;
    display: inline-block;
    width: 50%
}

#newsFrame .side ul.sidelist li a {
    color: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.03125rem;
    text-transform: uppercase
}

#newsFrame .side ul.sidelist li a span {
    color: #7FADBB
}

#newsFrame .side ul.sidelist li a:hover {
    color: #7FADBB
}

#newsFrame .side .backbutton {
    margin: 80px 0 0
}

#newsFrame .main h4.cat {
    color: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.03125rem;
    text-transform: uppercase
}

#newsFrame .main h4.cat i {
    margin-right: 10px;
    color: #7FADBB
}

#newsFrame.profile .main h4.cat {
    border-bottom: 1px solid #7FADBB;
    padding-bottom: 10px
}

#newsFrame.profile .main .kaption {
    text-align: right;
    margin-bottom: 30px;
    display: block
}

#newsFrame .main .post {
    border-bottom: 2px solid #7FADBB;
    padding: 0 0 30px
}

#newsFrame .main .sharebar {
    display: block;
    height: 50px;
    margin: 60px 0 0 0
}

#newsFrame .main .sharebar h4 {
    display: inline-block;
    vertical-align: middle;
    color: var(--primary-color);
    margin: 0;
    padding-right: 10px
}

#newsFrame .main .sharebar .addthis_inline_share_toolbox {
    display: inline-block;
    vertical-align: middle
}

#newsFrame .main .related {
    margin: 30px -2px
}

#newsFrame .main .related a {
    color: var(--primary-color)
}

#relatedNews {
    display: block;
    padding: 1px 0;
    margin: 0
}

.boxframe.team {
    padding: 50px 0 0
}

.boxframe.team .boxgrid {
    width: 30%;
    background-color: var(--white);
    margin-bottom: 30px
}

.document-Home #main #content {
    padding-bottom: 0
}

.document-Home h2 {
    /* margin: 50px 0 */
}

.document-Home .row h2 {
    /* margin: 15px 0 */
}

.document-Home #Quotes {
    margin-bottom: 100px
}

#Quotes h2 {
    margin-top: 50px
}

.document-Home #Trending {
    padding: 50px 0
}

.document-Home #Brochures {
    margin: 0
}

.document-Home #Aboutbox ul {
    margin: 0;
    padding: 20px 2px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13)
}

.document-Home #Aboutbox ul li {
    display: inline-block;
    vertical-align: top;
    margin: 5px -2px 10px;
    width: 33.3%;
    padding: 0 20px 0 30px;
    position: relative;
    text-align: left
}

.document-Home #Aboutbox ul li:before {
    content: "\e9fa";
    font-family: "icomoon";
    position: absolute;
    top: 0;
    left: 0;
    color: #909EAA
}

.document-Home #Aboutbox a {
    color: var(--white);
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 500
}

#Quotes iframe body .tp-widget-review .text {
    font-family: 'Raleway', "Century Gothic", Helvetica, serif !important;
    font-size: 1rem;
    font-style: normal;
    border: 1px solid #ff6600
}

#SearchBox {
    display: block;
    padding: 0 2px
}

#SearchBox #filters {
    border-right: 1px solid #d8d8d8;
    padding-top: 5px
}

#SearchBox #filters h5 {
    margin: 5px 0 0
}

#SearchBox #searchText {
    margin-right: 5px
}

#SearchBox input {
    border-color: #ccc;
    width: 100%;
    text-align: center
}

#search_results {
    display: block;
    padding: 10px 2px 0
}

.group-select,
.group-filter {
    min-height: 40px;
    border-right: 1px solid #d8d8d8
}

#keyword .group-select {
    border: none
}

.group-select h6,
.group-filter h6 {
    margin: 0 0 10px
}

.group-filter label {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 15px 0;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    color: #3C4145;
    text-align: center;
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: 600;
    padding: 15px 20px;
    min-width: 80px;
    letter-spacing: 0.0625rem;
    float: left;
    text-transform: uppercase
}

.group-filter label:hover {
    background: #f9f9f9
}

.group-filter input[type="radio"]:checked+label {
    border-color: var(--primary-color);
    color: var(--primary-color)
}

.group-filter input[type="radio"] {
    display: none
}

.group-filter label span {
    padding: 10px 0;
    display: block;
    min-height: 50px;
    border-bottom: 1px solid #e6e5e6
}

.group-filter label strong {
    display: block;
    padding: 10px 0 0
}

.group-filter label.checked {
    color: #CEAD74
}

.bx-wrapper {
    margin-bottom: 50px
}

ul#slider {
    padding: 0 2px;
    margin: 0
}

ul#slider li {
    width: 100%
}

ul#slider li .featimg img {
    background: none
}

ul#slider li p.caption {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 8px 20px;
    color: var(--white);
    font-size: 0.8125rem;
    font-weight: 500;
    letter-spacing: 0.03125rem;
    background: rgba(0, 0, 0, 0.4);
    margin: 0;
    text-align: center
}

.document-highlight #Video {
    margin-top: 50px
}

.SEObox {
    display: block;
    margin: 0 auto;
    max-width: 860px;
    padding: 0 30px 50px
}

.SEObox+#TourList {
    padding-top: 0
}

.document-contact #CTAbox .innerframe {
    padding: 0
}

.document-contact #CTAbox .intro {
    text-align: left;
    padding: 0 0 20px;
    width: 100%
}

.document-contact .success {
    display: block;
    padding: 20px;
    color: var(--white);
    background: #568a8e;
    text-align: center;
    max-width: 600px;
    margin: 0 auto 30px;
    border-radius: 4px
}

#BookTour input[type="submit"] {
    background: #4d753a;
    border: none;
    color: var(--white);
    font-weight: 500
}

#BookTour input[type="submit"]:hover {
    background: #499624
}

#BookTour label {
    padding: 0 2px
}

#BookTour label span,
#BookTour label input:not([type="radio"]):not([type="checkbox"]),
#BookTour label select {
    display: inline-block;
    vertical-align: middle;
    margin: 0 -2px 10px
}

#BookTour label span {
    width: 40%
}

#BookTour label input:not([type="radio"]):not([type="checkbox"]) {
    width: 60%
}

#BookTour label select {
    width: 60%
}

#BookTour label input[type="radio"],
#BookTour label input[type="checkbox"] {
    margin-right: 10px
}

#BookTour label input {
    color: #000
}

#BookTour #termsbox {
    display: block;
    padding: 20px 0;
    margin: 40px 0 0;
    border-top: 1px solid #666;
    text-align: right
}

#BookTour #termsbox a {
    color: #BE5DA3;
    font-weight: 600
}

#BookTour #termsbox span {
    width: auto;
    padding: 0 20px 0 0
}

.document-region #Quotes {
    padding: 80px 0 50px
}

.document-region #Quotes h2 {
    margin-bottom: 40px
}

.document-region #hbox {
    padding: 50px 0
}

.page-1123 #pagedHolidayTypes {
    display: none
}

@media only screen and (min-width: 1024px) {
    .innerframe {
        padding: 0 30px
    }
    .alphabox {
        max-width: 974px;
        width: 974px
    }
}

@media only screen and (min-width: 1280px) {
    a#logo {
        height: 100px;
        padding: 100px 0 0;
        width: 260px
    }
    #masthead {
        width: 100%;
        display: block;
        z-index: 9000;
        background: var(--bs-header-bg-color)
    }
    #masthead #navbar {
        position: absolute;
        bottom: 0;
        right: 0;
        text-align: right
    }
    #masthead #navbar ul.nav-menu {
        text-align: right;
        width: initial;
        padding: 0
    }
    #masthead #navbar ul.nav-menu li {
        text-align: left
    }
    #masthead #navbar ul.nav-menu li#enq>a {
        background: var(--primary-color)
    }
    #masthead .innerframe {
        position: relative;
        max-height: 100%
    }
    #masthead #navbar a#menu {
        display: none
    }
    #masthead ul.nav-menu span.trigger {
        display: none
    }
    .alphabox {
        margin: 0 auto 1px;
        max-width: 1580px
    }
    #main #content {
        min-height: 800px
    }
    .document-search #main #content {
        min-height: auto
    }
    .document-Home #main #content {
        padding-bottom: 0
    }
    #NavFrame.docked {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        margin: 0;
        padding: 8px 0 0;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2)
    }
    ul.nav-menu {
        display: block;
        margin: 0;
        position: relative;
        text-align: left;
        width: 100%
    }
    ul.nav-menu>li {
        margin-left: 10px
    }
    ul.nav-menu>li.icon {
        max-width: 40px;
        margin: 0
    }
    ul.nav-menu>li.icon span {
        padding: 0;
        width: 40px;
        text-align: center
    }
    ul.nav-menu>li>span,
    ul.nav-menu>li>a {
        display: block;
        font-size: 0.9375rem;
        font-weight: 500;
        letter-spacing: 0.03125rem;
        line-height: 2.1875rem;
        padding: 0 10px;
        text-transform: uppercase
    }
    ul.nav-menu li ul {
        border-top: 1px solid #909EAA;
        background-color: rgba(26, 30, 32, 0.91);
        display: none;
        left: 0;
        min-width: 200px;
        padding: 0;
        position: absolute
    }
    ul.nav-menu>li>ul:before {
        content: "\e92c";
        color: #909EAA;
        position: absolute;
        top: -15px;
        left: 0;
        height: 20px;
        width: 100%;
        text-align: left;
        padding: 0 20px;
        font-family: "icomoon"
    }
    ul.nav-menu>li:last-of-type ul {
        left: auto;
        right: 0
    }
    ul.nav-menu>li:last-of-type ul:before {
        text-align: right
    }
    ul.nav-menu li ul li {
        border-bottom: 1px solid #444
    }
    ul.nav-menu>li:hover ul {
        display: block
    }
    ul.nav-menu>li:hover>a {
        color: #909EAA
    }
    ul.nav-menu>li>span:hover,
    ul.nav-menu>li>a:hover {
        color: #909EAA;
        cursor: pointer;
        background: none
    }
    ul.nav-menu>li.activate:hover>span,
    ul.nav-menu>li.activate:hover>a,
    ul.nav-menu>li.activate>span,
    ul.nav-menu>li.activate>a {
        border-bottom: 5px solid #495056;
        color: #909EAA;
        cursor: pointer
    }
    ul.nav-menu li ul li a {
        color: #909EAA
    }
    ul.nav-menu li.meganav {
        position: initial
    }
    ul.nav-menu li.meganav ul {
        background: transparent none repeat scroll 0 0;
        margin: 0;
        padding: 0
    }
    ul.nav-menu li.meganav>ul {
        left: -100%;
        margin: 0 auto;
        opacity: 0;
        padding: 50px 0;
        position: fixed;
        right: 0;
        transition: visibility ease-in-out 0.6s, left ease-in-out 0.8s, opacity ease-in-out 0.4s;
        visibility: hidden;
        max-width: 1220px;
        z-index: -1;
        border-top: none;
        top: 100px;
        overflow-x: hidden;
        overflow-y: auto;
        bottom: 0
    }
    ul.nav-menu li.meganav>ul:before {
        background: var(--bs-header-bg-color);
        border-top: 1px solid #495056;
        content: "";
        left: 0;
        position: fixed;
        top: 100px;
        height: auto;
        bottom: 0;
        width: 100%;
        z-index: -1;
        border-bottom: 4px solid #495056
    }
    ul.nav-menu li.meganav.activate>ul {
        opacity: 1;
        visibility: visible;
        left: 0
    }
    ul.nav-menu li.meganav>ul>li {
        border: medium none;
        display: block;
        margin: 0;
        padding: 0;
        position: initial;
        vertical-align: top;
        width: 25%;
        max-width: 250px
    }
    ul.nav-menu li.meganav>ul>li:last-child {
        margin-bottom: 60px
    }
    ul.nav-menu li.meganav>ul>li>span,
    ul.nav-menu li.meganav>ul>li>a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
        color: #909EAA;
        display: block;
        padding: 8px;
        cursor: pointer
    }
    ul.nav-menu li.meganav>ul.country>li>span,
    ul.nav-menu li.meganav>ul.country>li>a {
        padding: 4px 8px
    }
    ul.nav-menu li.meganav>ul>li.activate>a,
    ul.nav-menu li.meganav>ul>li:hover>span,
    ul.nav-menu li.meganav>ul>li:hover>a {
        color: var(--white);
        background-color: var(--primary-color)
    }
    .baselink:after,
    ul.nav-menu li.meganav>ul>li.activate>a:after,
    ul.nav-menu li.meganav>ul>li:hover>span:after,
    ul.nav-menu li.meganav>ul>li:hover>a:after {
        content: "\e923";
        font-family: "icomoon";
        display: inline-block;
        padding: 0;
        float: right
    }
    ul.nav-menu li.meganav>ul>li .sub-menu {
        display: none;
        position: absolute;
        top: 30px;
        left: 250px;
        width: 950px;
        border: none;
        padding: 0 10px
    }
    ul.nav-menu li.meganav>ul>li .sub-menu:before {
        content: "";
        position: absolute;
        top: -10px;
        height: 100%;
        width: 30px;
        border-top: 1px solid var(--primary-color);
        border-bottom: 1px solid var(--primary-color);
        min-height: 102%
    }
    ul.nav-menu li.meganav>ul>li .sub-menu:before {
        border-left: 1px solid var(--primary-color);
        left: 0
    }
    ul.nav-menu li.meganav>ul>li.activate .sub-menu,
    ul.nav-menu li.meganav>ul>li:hover .sub-menu {
        display: block
    }
    ul.nav-menu li.meganav>ul>li .sub-menu>li {
        display: inline-block;
        vertical-align: top;
        float: left;
        min-height: 450px;
        height: 100%;
        width: 28%;
        margin: 20px 2.5% 0
    }
    ul.nav-menu li.meganav>ul.type>li .sub-menu>li {
        min-height: 550px
    }
    ul.nav-menu li.meganav>ul.country>li .sub-menu>li {
        min-height: 620px
    }
    ul.nav-menu li.meganav>ul>li .sub-menu>li.section-head {
        width: 95%;
        margin: 0 auto;
        padding: 10px 0;
        position: relative;
        display: block;
        min-height: 50px;
        float: none
    }
    ul.nav-menu li.meganav>ul>li .sub-menu>li.section-head>span {
        display: block
    }
    ul.nav-menu li.meganav>ul>li .sub-menu>li.section-head .phone {
        position: absolute;
        top: 20px;
        right: 20px
    }
    ul.nav-menu li.meganav>ul>li .sub-menu>li.section-head .phone i {
        font-style: normal;
        padding: 0 10px
    }
    ul.nav-menu li.meganav>ul>li .sub-menu>li h3 {
        font-weight: 300
    }
    ul.nav-menu li.meganav>ul>li .sub-menu>li .section-title {
        display: block;
        color: #e6e5e6;
        padding: 0;
        margin: 0;
        font-size: 1.125rem
    }
    ul.nav-menu li.meganav ul li ul {
        display: block;
        position: relative;
        margin: 10px 0;
        padding-bottom: 10px;
        border-top: 1px solid rgba(255, 255, 255, 0.13)
    }
    ul.nav-menu li.meganav ul ul li {
        border: none
    }
    ul.nav-menu li.meganav ul ul li a {
        line-height: 1.25rem;
        padding: 2px 10px 2px 0;
        text-transform: none
    }
    ul.nav-menu li.meganav>ul>li .sub-menu>li a.baselink {
        padding: 6px 0;
        display: inline-block;
        color: #4d753a
    }
    .baselink:after {
        margin-left: 10px;
        color: inherit
    }
    ul.nav-menu>li.meganav.activate ul {
        display: block;
        opacity: 1;
        visibility: visible
    }
    ul.nav-menu li.meganav>ul>li .sub-menu>li a.baselink:hover,
    ul.nav-menu .sub-menu li a:hover {
        color: var(--white)
    }
    ul.upper-menu {
        position: relative;
        height: 40px;
        display: inline-block;
        padding: 8px 5px 0;
        margin: 0 0 10px 0
    }
    ul.upper-menu li {
        display: inline-block;
        vertical-align: top;
        margin: 0 0 0 10px;
        padding: 0;
        color: var(--white);
        line-height: 1.875rem
    }
    ul.upper-menu li a {
        color: #909EAA;
        display: inline-block;
        vertical-align: middle;
        padding: 0 15px;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.03125rem;
        border: 1px solid #5E676F;
        margin-left: 5px;
        border-radius: 4px
    }
    ul.upper-menu li a i:before {
        font-size: 0.875rem;
        display: inline-block;
        vertical-align: bottom;
        line-height: 0.625rem;
        margin-right: 5px;
        top: -2px;
        position: relative
    }
    ul.upper-menu li p {
        margin: 0;
        padding: 0;
        color: var(--white);
        line-height: 1.875rem;
        display: inline-block;
        vertical-align: middle;
        font-size: 0.75rem;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.03125rem
    }
    #phonebox p {
        margin: 0 0 0 20px;
        letter-spacing: 0.03125rem;
        font-size: 1.125rem;
        line-height: 1.125rem;
        font-weight: 500
    }
    #phonebox p span {
        padding: 0 5px
    }
    #phonebox a {
        border: none;
        padding: 0;
        font-size: 1.125rem;
        font-weight: 500;
        color: var(--white)
    }
    #login .active a {
        color: var(--white);
        border: 1px solid #efefef
    }
    #login .active a:hover,
    ul.upper-menu li a:hover {
        color: var(--white);
        border-color: #efefef
    }
    p [class*="icon-"] {
        display: inline-block;
        line-height: 0.75rem;
        margin: 0 5px 0 0;
        vertical-align: middle
    }
    ul.upper-menu li#enq a {
        display: block;
        background: var(--primary-color);
        color: var(--white);
        border-color: var(--primary-color);
        transition: all 0.25s ease 0s
    }
    ul.upper-menu li#enq a:hover {
        background: #972577
    }
    ul.upper-menu li#enq a i {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px
    }
    .document-myAccount .openLogin,
    ul.upper-menu li a.active,
    ul.upper-menu li#enq a.active,
    .document-search ul.upper-menu li#topsearch a {
        border-color: var(--white);
        color: var(--white)
    }
    .alphabox {
        width: 100%
    }
    #Itinerary #rightSide.docked {
        position: fixed;
        top: 155px;
        margin: 0 2px
    }
    #Itinerary #rightSide.docked.end {
        position: absolute;
        bottom: 0;
        top: auto
    }
    #main #content .boxframe .boxgrid:hover .infobox {
        top: 0;
        background: rgba(0, 0, 0, 0.61)
    }
    #main #content .boxframe .boxgrid:hover .infobox .txt {
        display: block
    }
    .document-tour #ExtenseionsMessage {
        top: 90px;
        bottom: 0;
        margin: 0;
        border: 1px solid #444
    }
}

@media only screen and (min-width: 1580px) {
    a#logo {
        height: 100px;
        padding: 100px 0 0;
        width: 260px
    }
    ul.upper-menu {
        padding: 0 5px
    }
    .document-Home #EnquireBox {
        height: 780px
    }
    .alphabox .content {
        padding: 5px 50px 20px
    }
    .alphabox {
        width: 100%
    }
    #map {
        height: 500px
    }
    h1 {
        font-size: 2.625rem;
        line-height: 3rem
    }
    .h2,
    h2 {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
    h3 {
        font-size: 1.625rem;
        line-height: 2rem
    }
    h4 {
        font-size: 1.25rem;
        letter-spacing: initial;
        line-height: 1.75rem
    }
    h5 {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
    h6 {
        font-size: 1rem;
        line-height: 1.5rem
    }
    ul.nav-menu li.meganav>ul>li .sub-menu {
        width: 1280px
    }
    ul.nav-menu li.meganav>ul {
        height: auto;
        padding: 50px 0 50px;
        max-width: 1520px;
        margin-bottom: 50px
    }
    ul.nav-menu li.meganav>ul>li .sub-menu:before {
        border-bottom: 1px solid var(--primary-color);
        border-top: 1px solid var(--primary-color);
        content: "";
        height: 100%;
        min-height: 700px;
        position: absolute;
        top: 0;
        width: 30px
    }
    ul.nav-menu li.meganav>ul.country>li .sub-menu>li:not(.section-head) {
        min-height: 630px
    }
    ul.nav-menu li.meganav>ul>li .sub-menu {
        top: 20px
    }
    .boxframe.tours .boxgrid {
        width: 33.2%;
        margin-bottom: 6px
    }
    .boxframe.hotel .boxgrid,
    .boxframe.highlights .boxgrid,
    .boxframe.region .boxgrid {
        width: 24.7%;
        margin-bottom: 6px
    }
    #NavFrame+#TourList,
    .document-holidayType #Section2 {
        padding-top: 0
    }
}

@media only screen and (max-width: 1579px) {
    a#logo {
        width: 220px;
        height: 90px;
        padding-top: 90px
    }
    #phonebox p {
        font-size: 0.9375rem
    }
    ul.nav-menu>li {
        margin-left: 5px
    }
    ul.nav-menu>li>span,
    ul.nav-menu>li>a {
        font-size: 0.875rem;
        padding: 0 6px
    }
    ul.nav-menu li.meganav>ul:before,
    #SignIn {
        top: 90px
    }
    #main #content {
        min-height: 550px
    }
    h1,
    h2,
    h3,
    .h2 {
        font-weight: 300;
        letter-spacing: -0.03125rem;
        margin: 10px 0
    }
    h1 {
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 3.125rem
    }
    .pagetitle h1 {
        text-shadow: 0 0 5px #111
    }
    .h2,
    h2 {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
    .h2-alt,
    h2.alt {
        font-size: 3.75rem;
        font-weight: 300;
        letter-spacing: initial;
        line-height: 4.375rem;
        text-transform: none
    }
    h3 {
        font-size: 1.625rem;
        letter-spacing: -0.03125rem;
        line-height: 2rem
    }
    h4 {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
    h5 {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
    h6 {
        font-size: 1rem;
        line-height: 1.5rem
    }
    .boxframe.hotel .boxgrid.txtbox {
        width: 66.4%
    }
    .document-Home .boxframe.trending {
        padding: 50px 20px
    }
    #Brochures {
        padding: 30px 2px
    }
    #Brochures .boxframe.brochures .boxgrid {
        width: 19%
    }
    #Brochures .boxframe.brochures h6 {
        min-height: 50px
    }
    #Brochures .Newsletter {
        padding: 0 0 0 30px;
        width: 30%
    }
    .document-tour #Section1,
    .document-region #Section1,
    .document-country #Section1 {
        padding: 0 30px
    }
    .document-tour #Itinerary #leftSide {
        padding: 0 30px 0 0
    }
    .document-tour #Itinerary #rightSide {
        padding: 0
    }
    #Itinerary #rightSide.docked {
        padding-left: 22px;
        padding-right: 2px;
        right: 30px
    }
    #Itinerary #googleMap {
        height: 380px
    }
    .document-holidayTypes .boxframe.holidayType .boxgrid {
        width: 24.7%
    }
    #NavFrame+#TourList,
    .document-holidayType #Section2 {
        padding-top: 0
    }
    .boxframe.highlights .boxgrid .infobox h4 {
        min-height: 35px
    }
    .document-tour .boxframe.highlights .boxgrid {
        width: 33.1%
    }
    .boxframe.hotel .boxgrid {
        width: 33.2%
    }
    .document-holidayTypes #HolidayTypesList {
        padding: 0 0 50px
    }
    .document-holidayTypes #NavFrame {
        margin-bottom: 4px
    }
    .document-myAccount #Register {
        padding: 0 20px
    }
    #newsFrame .side {
        max-width: 450px
    }
    .videobox {
        padding: 10px
    }
    .boxframe.hotel .boxgrid,
    .boxframe.highlights .boxgrid {
        width: 33.1%
    }
    .boxframe.tours .boxgrid {
        width: 49.9%
    }
    #EnquireBox {
        padding: 10px 20px
    }
    #CountryNav li>span,
    #CountryNav li a {
        padding: 0 15px 6px
    }
}

@media only screen and (max-width: 1279px) {
    #masthead {
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 9000
    }
    #masthead #navbar ul.nav-menu,
    #masthead,
    #Search,
    #EnquireBox {
        background-color: var(--bs-header-bg-color)
    }
    a#logo {
        width: 200px;
        padding-top: 80px;
        height: 80px
    }
    #masthead #navbar {
        top: 0;
        right: 0;
        left: 0;
        background-color: var(--bs-header-bg-color);
        position: absolute;
        padding: 15px 0 0 0
    }
    #masthead #navbar a#menu {
        border: 1px solid var(--white);
        color: var(--white);
        display: block;
        font-size: 1.375rem;
        height: 40px;
        line-height: 2.625rem;
        position: absolute;
        right: 30px;
        text-align: center;
        top: 0;
        width: 40px;
        border-radius: 50%
    }
    #masthead #navbar a#menu span {
        font-weight: normal
    }
    .document-myAccount .openLogin i,
    .document-search ul.upper-menu li#topsearch a i,
    ul.upper-menu li#topsearch a.active i,
    ul.upper-menu li#login a.active i,
    ul.upper-menu li#enq a.active i,
    #masthead #navbar a#menu.active {
        border-color: var(--primary-color);
        color: var(--white);
        background: var(--primary-color)
    }
    ul.upper-menu {
        display: block;
        margin: 0 60px 10px 0;
        padding: 0;
        position: relative;
        text-align: right
    }
    ul.upper-menu li {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        padding: 0;
        color: var(--white);
        line-height: 1.875rem
    }
    ul.upper-menu li a {
        color: var(--white);
        display: inline-block;
        vertical-align: middle;
        padding: 0 15px 0 0;
        font-size: 0.75rem;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.03125rem
    }
    ul.upper-menu li p {
        margin: 0;
        padding: 0;
        color: var(--white);
        line-height: 1.875rem;
        display: inline-block;
        vertical-align: middle;
        font-size: 0.75rem;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.03125rem
    }
    ul.upper-menu li a span {
        display: none
    }
    ul.upper-menu li a i {
        font-size: 1.125rem;
        line-height: 2.5rem;
        margin: 0;
        width: 40px;
        height: 40px;
        text-align: center;
        color: #a7afbc;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 50%
    }
    ul.upper-menu li#login a i {
        font-size: 0.9375rem
    }
    ul.upper-menu li#login a i:before {
        position: relative;
        top: -2px
    }
    ul.upper-menu li#enq a {
        margin: 0;
        padding: 0
    }
    ul.upper-menu li#enq a i {
        display: block;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 50%;
        line-height: 2.5rem;
        margin: 0;
        width: 40px;
        height: 40px;
        text-align: center
    }
    #phonebox p {
        margin: 0 10px 4px 0;
        letter-spacing: 0.03125rem;
        font-size: 1.125rem;
        line-height: 1.25rem;
        font-weight: 500;
        display: inline-block;
        padding: 10px 0 0
    }
    #phonebox a {
        letter-spacing: 0.03125rem;
        font-size: 1.125rem;
        line-height: 1.25rem;
        font-weight: 500;
        display: inline-block;
        padding: 0
    }
    #phonebox p span {
        padding: 0 5px
    }
    #phonebox p .loc {
        color: #909EAA;
        vertical-align: middle
    }
    #login .active a i {
        border: 1px solid var(--white);
        color: var(--white)
    }
    #masthead #navbar ul.nav-menu {
        background: var(--bs-header-bg-color);
        border-top: 1px solid #495056;
        border-bottom: 4px solid #495056;
        color: #191e21;
        display: block;
        margin: 0;
        padding: 40px 20px 30px;
        position: fixed;
        top: 80px;
        right: -100%;
        transition: visibility 0.4s ease-in-out 0s, right 0.6s ease-in-out 0s;
        visibility: hidden;
        width: 100%;
        z-index: 5000;
        bottom: 0;
        overflow-y: auto
    }
    #masthead #navbar ul.nav-menu.active {
        right: 0;
        visibility: visible
    }
    #masthead #navbar ul.nav-menu li {
        border-bottom: 1px solid #444;
        display: block;
        font-weight: 500;
        margin: 2px 0;
        position: relative
    }
    #masthead #navbar ul.nav-menu li>span,
    #masthead #navbar ul.nav-menu li a {
        color: #BEC6CD;
        font-size: 0.875rem;
        padding: 10px 0;
        line-height: 1.875rem
    }
    #masthead #navbar ul.nav-menu>li:hover>a {
        background: none
    }
    #masthead #navbar ul.nav-menu>li>span,
    #masthead #navbar ul.nav-menu>li>a {
        color: #BEC6CD;
        display: inline-block;
        padding: 10px 0 15px;
        font-size: 1.125rem;
        height: auto
    }
    #masthead #navbar ul.nav-menu li>span,
    #masthead #navbar ul.nav-menu li>a {
        display: inline-block
    }
    #masthead #navbar ul.nav-menu li ul {
        padding: 0 0 0 20px;
        margin: 0;
        position: relative;
        background: none
    }
    #masthead #navbar ul.nav-menu li.active {
        border-bottom: 1px solid var(--primary-color)
    }
    #masthead #navbar ul.nav-menu li.active>ul {
        display: block
    }
    #masthead #navbar ul.nav-menu li.active ul {
        border-top: 1px solid var(--primary-color)
    }
    #masthead #navbar ul.nav-menu li.active ul li.hasdrop {
        background: #444
    }
    #masthead #navbar ul.nav-menu li.hasdrop .trigger {
        cursor: pointer;
        display: block;
        height: 40px;
        position: absolute;
        right: 0;
        text-align: right;
        top: 5px;
        width: 50%
    }
    #masthead #navbar ul.nav-menu li .section-head {
        display: none
    }
    #masthead #navbar ul.nav-menu li.hasdrop .trigger:after {
        color: #909EAA;
        content: "\ea1b";
        font-family: "icomoon";
        line-height: 2.5rem;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        font-size: 1.25rem
    }
    #masthead #navbar ul.nav-menu li.active>.trigger:after {
        content: "\ea1a";
        color: var(--primary-color)
    }
    #masthead #navbar ul.nav-menu>li.active>.trigger:after,
    #masthead #navbar ul.nav-menu li.active>a,
    #masthead #navbar ul.nav-menu li.active>span {
        color: #a73b89
    }
    #masthead #navbar ul.nav-menu li.active ul li.hasdrop>a,
    #masthead #navbar ul.nav-menu li.active ul li.hasdrop>span:not(.trigger) {
        color: inherit;
        display: inline-block;
        height: 38px;
        padding: 8px 10px;
        text-transform: none
    }
    #masthead #navbar ul.nav-menu li.active ul li.hasdrop ul {
        display: none
    }
    #masthead #navbar ul.nav-menu li.active ul li.hasdrop.active ul {
        display: block
    }
    #masthead #navbar ul.nav-menu li ul li {
        float: none
    }
    #masthead #navbar ul.nav-menu>li.hasdrop>span,
    #masthead #navbar ul.nav-menu>li.hasdrop>a {
        display: inline-block
    }
    #masthead #navbar ul.nav-menu ul.sub-menu li a {
        color: #BEC6CD;
        text-transform: none
    }
    #masthead ul.nav-menu li.img {
        display: none
    }
    #masthead #navbar ul.toplist li,
    #masthead #navbar ul.nav-menu li:empty,
    #masthead #navbar ul.nav-menu ul li:last-child {
        border-bottom: none
    }
    #masthead #navbar ul.nav-menu>li:last-child {
        margin-bottom: 50px
    }
    #masthead #navbar ul li ul.toplist {
        padding: 20px
    }
    #masthead #navbar ul li ul.toplist li {
        display: inline-block;
        vertical-align: top;
        margin: 0 -2px;
        width: 50%
    }
    #SignIn {
        min-height: 330px
    }
    #SignIn .featimg {
        width: 45%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
    #SignIn .txtbox {
        width: 55%;
        margin-left: 45%
    }
    a#gomain {
        display: none
    }
    #main #intro {
        margin-top: -170px
    }
    .alphabox .content {
        padding: 30px
    }
    ul.pagelinks li {
        height: 220px
    }
    .videobox iframe {
        height: 540px
    }
    #CTAbox .txtbox {
        padding: 20px
    }
    .boxgrid i.trigger {
        display: block
    }
    .intro {
        width: 80%
    }
    .padbox {
        padding: 30px 0
    }
    .boxframe .boxgrid.active .infobox {
        top: 0;
        background: rgba(0, 0, 0, 0.61)
    }
    .document-Home .imgband .intro {
        width: 80%
    }
    #NavFrame {
        height: 50px;
        position: relative;
        z-index: 500;
        margin: -50px 0 30px;
        padding: 8px 0 0
    }
    #NavFrame #cNav {
        display: block;
        line-height: 2.1875rem;
        height: 40px;
        font-size: 0.8125rem;
        font-weight: 600;
        letter-spacing: 0.03125rem;
        text-transform: uppercase;
        color: #2B3135;
        padding: 0
    }
    #NavFrame #cNav i {
        font-size: 1.125rem;
        display: inline-block;
        vertical-align: middle;
        padding: 0 10px 0 0
    }
    #NavFrame #cNav span {
        display: inline-block
    }
    #NavFrame #CountryNav {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: var(--white);
        border: 1px solid #e6e5e6;
        padding: 20px;
        height: auto;
        display: none;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4)
    }
    #NavFrame.active #CountryNav {
        display: block
    }
    #NavFrame.active #cNav {
        color: var(--primary-color)
    }
    #NavFrame #CountryNav li {
        display: block;
        border: none;
        border-bottom: 1px solid #e6e5e6;
        padding: 0
    }
    #NavFrame #CountryNav li>span,
    #NavFrame #CountryNav li>a {
        padding: 6px 0;
        display: block;
        border: none
    }
    #NavFrame #CountryNav li>span:after {
        content: "\e921";
        font-family: "icomoon";
        position: relative;
        float: right;
        line-height: 1.875rem;
        display: inline-block;
        vertical-align: middle;
        padding: 0 10px;
        color: #5E676F
    }
    #NavFrame #CountryNav li ul {
        display: none;
        position: relative;
        width: 100%;
        border-left: none;
        border-right: none
    }
    #NavFrame #CountryNav li.active ul {
        display: block
    }
    #NavFrame #CountryNav li ul li {
        display: block;
        border: none
    }
    #NavFrame #CountryNav li ul li a {
        padding: 6px 20px 4px;
        display: block
    }
    .document-holidayType .boxframe.country .boxgrid,
    .document-holidayTypes .boxframe.holidayType .boxgrid {
        width: 33.2%
    }
    .document-tour #Itinerary #rightSide,
    .document-tour #Itinerary #leftSide,
    .document-tour .maintxt,
    .document-tour .sidetxt {
        display: block;
        width: 100%;
        padding: 0
    }
    .document-tour #Itinerary #rightSide {
        padding-top: 30px;
        max-width: 100%
    }
    .document-tour #Itinerary #rightSide #googleMap {
        margin-bottom: 30px
    }
    .document-tour .boxframe.highlights .boxgrid {
        width: 49.7%
    }
    .document-tour #ExtenseionsMessage {
        top: 80px
    }
    #newsFrame .side {
        max-width: 300px;
        padding: 20px
    }
    #newsFrame .main {
        max-width: 740px;
        width: 65%
    }
    #newsFrame .main .post.rte img {
        height: auto !important
    }
    .boxframe.News .boxgrid {
        width: 31.5%
    }
    .boxframe.events .boxgrid .txtbox {
        padding: 0 0 0 30px
    }
    .boxframe.events .boxgrid .register {
        height: auto;
        left: auto;
        padding: 10px 0 0;
        position: relative;
        right: auto;
        top: -60px;
        border-top: 1px solid #e6e5e6
    }
    #SignIn {
        top: 80px
    }
    #SignIn .closebox {
        display: none
    }
    #MyAccount #mainbox.loginbox {
        padding: 90px 16px 0
    }
    .document-Home .boxframe.country .boxgrid {
        width: 49.7%
    }
    .document-Home .boxframe.holidayType .boxgrid {
        width: 33.2%
    }
    .document-Home .boxframe.trending .boxgrid {
        width: 48%
    }
    #OrderBrochureForm .brochurelist label {
        width: 100%
    }
    #BrochureOrder .box-50.pad-40-r {
        padding-right: 20px
    }
    #BrochureOrder .box-50.pad-40-l {
        padding-left: 20px
    }
    .brochure-head {
        padding-right: 30px
    }
    .brochure-head #OpenBrochure {
        right: 30px
    }
    #NavFrame #CountryNav {
        padding: 20px 30px
    }
    #SearchBox #filters,
    #SearchBox #keyword {
        width: 100%;
        display: block;
        margin: 0;
        padding: 0 2px 10px;
        border: none;
        min-height: auto
    }
    #SearchBox #filters {
        margin-bottom: 20px
    }
    #SearchBox #keyword>.box-60>.box-20 input {
        width: 100%;
        text-align: center;
        padding: 8px
    }
    .boxframe.highlights .boxgrid,
    .boxframe.tours .boxgrid {
        margin: 2px 0 3px;
        width: 49.7%
    }
    #main #content .boxframe .boxgrid.active .infobox {
        top: 0;
        background: rgba(0, 0, 0, 0.65)
    }
    #main #content .boxframe .boxgrid.active .infobox .txt {
        display: block
    }
    .document-travelGuide .intro {
        width: 100%;
        padding: 0 50px
    }
    .document-trendingContainer .boxframe.trending .boxgrid {
        width: 48%
    }
    .document-offers .boxframe.trending .boxgrid {
        width: 32%
    }
    .document-contact #Section1>.mapbox {
        width: 100%;
        padding: 0
    }
    .document-contact #Section1>.address {
        width: 100%;
        padding: 0 2px 30px
    }
    #footer .boxcol {
        width: 33.3%;
        padding: 0
    }
    #Search,
    #EnquireBox,
    #masthead #navbar ul.nav-menu {
        background-position: 0 -80px
    }
    .document-hotel .boxgrid>div {
        width: 50%
    }
    .document-hotel .boxgrid .imgbox {
        padding-right: 20px
    }
    .document-hotel .boxgrid .info {
        padding-left: 20px
    }
    .document-region #Quotes {
        padding: 50px 0 50px
    }
}

@media only screen and (max-width: 1023px) {
    .innerframe {
        padding: 0 20px
    }
    #masthead #navbar a#menu {
        right: 16px
    }
    #phonebox p {
        display: block;
        padding: 0;
        line-height: 1.125rem;
        font-size: 0.9375rem
    }
    #main #intro {
        margin-top: -170px
    }
    #SignIn {
        position: fixed;
        bottom: 0
    }
    #SignIn .featimg,
    #SignIn .txtbox {
        position: relative;
        display: block;
        height: auto;
        width: 100%;
        margin: 0
    }
    #SignIn .featimg {
        height: 300px
    }
    #SignIn .logout {
        display: inline-block;
        position: absolute;
        top: 15px;
        right: 50px
    }
    #regLogin,
    #regForm {
        display: block;
        padding: 0;
        width: 100%;
        max-width: 600px;
        margin: 0 auto 30px
    }
    .document-Home #Quotes {
        margin-bottom: 50px
    }
    #upperbox .section.awardbox p {
        text-align: center
    }
    .alphabox {
        margin: 0 1px 1px
    }
    .intro {
        width: 100%
    }
    .padbox {
        padding: 20px 0
    }
    #newsframe .article {
        width: 48.5%
    }
    #newsframe .article .featimg {
        height: 200px
    }
    #Article .article_content {
        display: block;
        margin: 0;
        width: 100%
    }
    #Article .article_content .pad-0-40 {
        padding: 0
    }
    .alphabox .txtframe,
    .alphabox .sideframe {
        padding: 20px 0;
        width: 100%
    }
    ul.pagelinks li {
        height: 220px;
        width: 49.2%
    }
    ul.pagelinks li:hover a .info {
        top: 100%
    }
    .bandframe .bandbox {
        padding: 0
    }
    .bandframe .bandbox:nth-of-type(2n) .featimg,
    .bandframe .bandbox .featimg,
    .bandframe .bandbox .txtbox {
        display: block;
        float: none;
        margin: 0;
        width: 100%
    }
    .bandframe .bandbox .txtbox {
        height: auto;
        padding: 20px
    }
    .videobox iframe {
        height: 400px
    }
    #CTAbox {
        padding: 0
    }
    #CTAbox .featimg,
    #CTAbox .txtbox {
        display: block;
        margin: 0;
        position: relative;
        width: 100%
    }
    .boxframe.hotel .boxgrid.imgbox,
    .boxframe.hotel .boxgrid.txtbox {
        display: block;
        margin: 0;
        width: 100%
    }
    .boxframe.hotel .boxgrid.txtbox {
        height: auto
    }
    .boxframe.hotel .boxgrid.txtbox .box-50 {
        padding: 0 20px
    }
    .boxframe.hotel .boxgrid.txtbox .cta {
        margin-bottom: 20px
    }
    .boxframe.hotel .boxgrid.txtbox h6 {
        margin-top: 15px
    }
    .boxframe.gallery,
    .boxframe.hotel {
        margin: 0
    }
    .boxframe.gallery .boxgrid {
        display: block;
        height: 350px;
        margin: 5px 0;
        width: 100%
    }
    .document-hotel .boxframe.gallery {
        margin-bottom: 0;
        padding-bottom: 0
    }
    .document-hotel .boxframe.gallery::after {
        display: none
    }
    #map {
        display: block;
        height: 350px;
        margin: 0 0 20px
    }
    .document-Home .boxframe.country .boxgrid {
        width: 49.7%
    }
    .document-Home .boxframe.holidayType .boxgrid {
        width: 32.9%
    }
    .document-Home .boxframe.trending .boxgrid {
        width: 48.5%
    }
    .document-Home .imgband .intro {
        width: 90%
    }
    #Brochures {
        padding: 30px 0 0
    }
    #Brochures .Newsletter {
        padding: 0;
        width: 100%
    }
    #Brochures .brochure-head {
        width: 100%;
        padding: 0
    }
    #BrochureOrder .box-50.pad-40-l,
    #BrochureOrder .box-50.pad-40-r {
        padding: 5px 2px
    }
    #BrochureOrder label {
        margin: 0
    }
    .brochure-head #OpenBrochure {
        right: 0
    }
    .boxframe.highlights,
    .boxframe.tours {
        padding: 0 20px
    }
    .boxframe.tours .boxgrid {
        width: 100%;
        margin-bottom: 10px
    }
    .boxframe.tours .boxgrid .infobox {
        padding: 20px
    }
    .boxframe.tours .boxgrid .infobox .tourtype {
        display: none
    }
    .boxframe.tours .boxgrid i.trigger {
        display: none
    }
    .boxframe.region .boxgrid .infobox .txt {
        display: none
    }
    .document-holidayType .boxframe.country .boxgrid,
    .document-holidayTypes .boxframe.holidayType .boxgrid {
        width: 49.7%
    }
    .document-tour #Section1,
    .document-region #Section1,
    .document-country #Section1 {
        padding: 0 20px
    }
    .document-highlight #Section1 .maintxt,
    .document-highlight #Section1 .gallerybox,
    .document-region #Section1 .maintxt,
    .document-region #Section1 .mapbox,
    .document-country #Section1 .maintxt,
    .document-country #Section1 .mapbox {
        width: 100%;
        padding: 0
    }
    .mapbox iframe {
        width: 100%;
        max-width: 100%
    }
    .document-region .boxframe.region .boxgrid,
    .document-region .boxframe.holidayType .boxgrid,
    .document-country .boxframe.holidayType .boxgrid,
    .document-country .boxframe.highlights .boxgrid,
    .document-country .boxframe.region .boxgrid {
        width: 49.7%
    }
    .document-tour .introbox .cta {
        width: 100%;
        padding: 0;
        display: block;
        float: none;
        margin: 30px 0 0
    }
    #Itinerary .boxframe.hotel {
        height: 155px
    }
    .document-tour .boxframe.highlights {
        padding: 0
    }
    .document-highlight #Section1 .maintxt {
        padding: 0 0 20px
    }
    .document-highlight .boxframe.holidayType .boxgrid {
        width: 33%
    }
    #newsFrame .main,
    #newsFrame .side {
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
        display: block;
        float: none
    }
    #newsFrame .side {
        margin-top: 50px
    }
    .boxframe.News .boxgrid {
        width: 48.5%
    }
    ul.category-list {
        border-bottom: 1px solid #e6e5e6;
        display: block;
        margin: 0 0 30px;
        padding: 0;
        text-align: justify
    }
    ul.category-list li:not(#OpenList) {
        display: none;
        width: 48%;
        margin: 0 -2px
    }
    ul.category-list.active li:not(#OpenList) {
        display: inline-block
    }
    ul.category-list li a {
        display: block;
        padding: 10px 0
    }
    ul.category-list li#OpenList {
        display: block;
        width: 100%;
        padding: 0 0 10px 0;
        cursor: pointer
    }
    ul.category-list.active li#OpenList {
        color: #D979BE;
        border-bottom: 1px solid #e6e5e6
    }
    .boxframe .boxgrid {
        width: 49.7%;
        margin: 2px 0
    }
    .boxframe.events {
        padding: 0 50px
    }
    .boxframe.events .boxgrid .featimg {
        width: 100%
    }
    .boxframe.events .boxgrid .txtbox {
        padding: 10px 0;
        position: relative;
        margin: 0;
        width: 100%
    }
    .document-trendingContainer .boxframe.trending .boxgrid {
        width: 48.5%
    }
    .document-search #main #content {
        padding-top: 0
    }
    .document-search #SearchFrame {
        height: auto;
        position: relative;
        top: auto;
        padding: 20px 50px;
        background: #15181a
    }
    #Search {
        height: auto;
        padding: 20px 50px 50px
    }
    #SearchFrame h4 {
        margin: 10px 0
    }
    #Search input#searchText,
    #SearchFrame input#searchText {
        width: 100%
    }
    #Search #KeywordSearch .DocType,
    #SearchFrame #AdvancedSearch .DocType,
    #SearchFrame #KeywordSearch .DocType {
        width: 100%
    }
    #Search input#btnKeywordSearch,
    #SearchFrame #AdvancedSearch #btnadvancetourSearch,
    #SearchFrame input#btnKeywordSearch {
        width: 100%;
        margin-top: 5px;
        float: none
    }
    #SearchFrame #AdvancedSearch .DocType select {
        width: 100%;
        margin: 5px 0
    }
    .trendbox {
        padding: 0;
        margin: 30px 0
    }
    .trendbox .featimg,
    .trendbox .txtbox {
        width: 100%;
        margin: 0
    }
    .trendbox .txtbox {
        padding: 10px 20px 20px
    }
    #EnquireBox {
        padding: 50px 0;
        height: auto
    }
    #EnquireBox .closebox {
        display: none
    }
    #EnquiryForm>.box-50 {
        width: 100%;
        padding: 0;
        margin: 0;
        display: block
    }
    #OrderBrochureForm>.box-50 {
        width: 100%;
        padding: 0
    }
    #Brochures .boxframe.brochures {
        margin-bottom: 0
    }
    #Brochures .Newsletter {
        margin-bottom: 30px
    }
    .document-Home .boxframe.trending {
        padding: 30px 20px 0
    }
    .boxframe:not(.brochures) .boxgrid.blank {
        display: none
    }
    .document-region #Section1 .maintxt,
    .document-country #Section1 .maintxt {
        padding-bottom: 20px
    }
    .document-holidayType .boxframe.country {
        padding: 0 20px
    }
    .document-holidayTypes .boxframe.holidayType {
        padding: 30px 20px
    }
    #NavFrame #CountryNav {
        padding: 20px
    }
    #search_results {
        padding: 20px 0 0
    }
    #Search .innerframe,
    #SearchFrame .innerframe {
        max-width: 600px
    }
    #SearchBox #filters>.box-60 {
        padding-right: 0
    }
    .boxframe.team .boxgrid,
    .document-offers .boxframe.trending .boxgrid {
        width: 48%
    }
    #footer .boxcol {
        width: 50%;
        padding: 0
    }
    #BookTour .BookTourHead li span {
        width: 100%
    }
    .document-TextPage #Section1 {
        padding: 50px 30px
    }
    .document-hotel .boxgrid>div {
        width: 100%
    }
    .document-hotel .boxgrid .imgbox {
        padding: 0 30px
    }
    .document-hotel .boxgrid .info {
        padding: 30px 30px
    }
}

@media only screen and (max-width: 767px) {
    #Search,
    #EnquireBox {
        background-position: 0 -80px
    }
    #masthead #navbar ul.nav-menu {
        background-position: 0 -120px;
        top: 120px;
        padding-top: 20px
    }
    #masthead #navbar {
        height: 115px
    }
    a#logo {
        background-size: contain;
        height: 80px;
        padding-top: 80px
    }
    .document-myAccount #upperbox .section.pagetitle {
        text-align: left
    }
    ul.upper-menu li#phonebox {
        display: block;
        position: absolute;
        top: 60px;
        left: 0;
        right: -60px;
        width: auto;
        text-align: center;
        margin: 0;
        height: 40px;
        padding: 0
    }
    #phonebox p {
        display: inline-block;
        vertical-align: top;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 4px;
        padding: 6px 15px
    }
    ul.upper-menu li#enq a {
        margin: 0;
        padding: 0
    }
    #upperbox .title {
        display: none
    }
    #upperbox .h2 {
        font-size: 3.125rem;
        line-height: 3.75rem;
        margin-bottom: 40px
    }
    h1,
    h2,
    h3,
    .h2 {
        font-weight: 300;
        margin: 10px 0
    }
    h1 {
        font-size: 1.875rem;
        line-height: 2.125rem
    }
    .h2,
    h2 {
        font-size: 1.625rem;
        line-height: 2rem
    }
    h3 {
        font-size: 1.25rem;
        letter-spacing: -0.03125rem;
        line-height: 1.625rem
    }
    h4 {
        font-size: 1.125rem;
        line-height: 1.375rem
    }
    h5 {
        font-size: 1rem;
        line-height: 1.5rem
    }
    h6 {
        font-size: 0.875rem;
        line-height: 1.375rem
    }
    p {
        font-size: 0.875rem;
        line-height: 1.375rem;
        margin: 10px 0
    }
    #newsframe .article .featimg {
        height: 180px
    }
    ul.usp li {
        display: block;
        width: 100%
    }
    ul.pagelinks li {
        height: 200px
    }
    .videobox iframe {
        height: 300px
    }
    .socialbox .box.instagram-frame,
    .socialbox .box.twitter-frame {
        display: block;
        float: none;
        margin: 10px 0;
        min-height: initial;
        width: 100%
    }
    .boxframe.hotel .boxgrid.txtbox .box-50 {
        display: block;
        margin: 0;
        width: 100%
    }
    #masthead #navbar ul li ul.toplist {
        padding: 10px 0 10px 20px
    }
    #masthead #navbar ul li ul.toplist li {
        display: block;
        margin: 0;
        width: 100%
    }
    .document-Home .boxframe.holidayType .boxgrid {
        width: 49.7%
    }
    .document-Home #Aboutbox ul li {
        width: 50%
    }
    #Brochures .innerframe {
        padding: 30px 16px
    }
    #Brochures .boxframe.brochures .boxgrid {
        width: 32%
    }
    .boxframe.hotel .boxgrid,
    .boxframe.highlights .boxgrid,
    .document-country .boxframe.region .boxgrid,
    .boxframe.tours .boxgrid {
        width: 100%;
        margin-bottom: 10px
    }
    .document-search #SearchFrame {
        padding: 20px 30px
    }
    .document-tour .boxframe.highlights .boxgrid,
    .document-holidayType .boxframe.country .boxgrid,
    .document-highlight .boxframe.holidayType .boxgrid {
        width: 49.6%
    }
    #EnquireBox {
        padding: 30px 0 100px
    }
    .boxframe.highlights .boxgrid,
    .document-tour .boxframe.highlights .boxgrid,
    .document-region .boxframe.highlights .boxgrid,
    .document-country .boxframe.highlights .boxgrid {
        width: 100%
    }
    .document-region .boxframe.region .boxgrid,
    .document-region .boxframe.holidayType .boxgrid,
    .document-country .boxframe.holidayType .boxgrid,
    .document-country .boxframe.highlights .boxgrid,
    .document-country .boxframe.region .boxgrid,
    .document-holidayTypes .boxframe.holidayType .boxgrid,
    .document-Home .boxframe.holidayType .boxgrid,
    .document-Home .boxframe.country .boxgrid,
    .document-region .boxframe.holidayType .boxgrid,
    .document-country .boxframe.holidayType .boxgrid {
        width: 49.6%
    }
    .boxframe.highlights {
        padding: 0 20px
    }
    #SearchBox #keyword,
    #SearchBox #filters {
        padding: 0;
        margin: 0
    }
    #SearchBox #filters {
        margin-bottom: 10px
    }
    #SearchBox #keyword>.box-40,
    #SearchBox #filters>.box-40 {
        width: 30%
    }
    #SearchBox #keyword>.box-60,
    #SearchBox #filters>.box-60 {
        width: 70%;
        padding: 0
    }
    #SearchBox #keyword>.box-60>.box-80 {
        width: 75%;
        padding-left: 2px
    }
    #SearchBox #keyword>.box-60>.box-20 {
        width: 25%;
        padding-right: 0
    }
    #SignIn .featimg {
        height: 250px
    }
    .SEObox,
    .document-travelGuide .intro {
        padding: 0 20px
    }
    .document-trendingContainer .boxframe.trending .boxgrid {
        width: 100%
    }
    .document-contact #Section1>.address .boxcol {
        width: 100%;
        padding: 0
    }
    #footer .boxcol {
        width: 100%;
        padding: 0
    }
    .boxgrid .featimg img {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.55) 100%)
    }
    .document-tour table.extensions thead,
    .document-tour table.pricing thead {
        display: none
    }
    .document-tour table.extensions tbody tr,
    .document-tour table.pricing tbody tr {
        border: 1px solid #e6e5e6;
        margin-bottom: 30px
    }
    .document-tour table.extensions tbody tr td,
    .document-tour table.pricing tbody tr td {
        display: block;
        width: 100%;
        border-top: none
    }
    .document-tour table.extensions tbody tr td:before,
    .document-tour table.pricing tbody tr td:before {
        content: "";
        display: inline-block;
        width: 50%;
        color: #5E676F;
        font-size: 0.75rem;
        font-weight: 500;
        text-transform: uppercase
    }
    .document-tour table.pricing tbody tr td:nth-child(1):before {
        content: "Departure Date"
    }
    .document-tour table.pricing tbody tr td:nth-child(2):before {
        content: "Price Per Person"
    }
    .document-tour table.pricing tbody tr td:nth-child(3):before {
        content: "Single Room Suppliment"
    }
    .document-tour table.pricing tbody tr td:nth-child(4):before {
        content: "Availability"
    }
    .document-tour table.pricing tbody tr td:nth-child(5):before {
        content: ""
    }
    .document-tour table button[type="button"] {
        max-width: 100%;
        margin: 5px 0 10px
    }
    .document-tour table form {
        display: inline-block;
        margin: 0 0 0 -4px
    }
    .document-tour table.extensions tbody tr td:nth-child(1):before {
        content: "Extension"
    }
    .document-tour table.extensions tbody tr td:nth-child(2):before {
        content: "Price Per Person"
    }
    .document-tour table.extensions tbody tr td:nth-child(3):before {
        content: "Single Room Suppliment"
    }
    .document-tour table.extensions tbody tr td:nth-child(4):before {
        content: "Itinerary"
    }
    .document-tour table.extensions tbody tr td:nth-child(5):before {
        content: "Include Extension";
        margin-bottom: 20px
    }
    .document-tour #ExtenseionsMessage {
        position: fixed
    }
    #Extensions .txtbox {
        padding: 0 0 0 20px
    }
    .document-TextPage #Section1 {
        padding: 0 20px
    }
    .document-hotel .boxgrid .imgbox {
        padding: 0
    }
    .document-hotel .boxgrid .info {
        padding: 30px 0
    }
    .document-tour #ExtenseionsMessage {
        top: 120px;
        padding: 30px
    }
}

@media only screen and (max-width: 599px) {
    a#gomain {
        display: none
    }
    #main .rte img {
        height: auto !important
    }
    #masthead #navbar ul li ul.toplist {
        padding: 10px 0 10px 20px
    }
    #upperbox .h2 {
        font-size: 2.5rem;
        line-height: 3.125rem;
        margin-bottom: 40px
    }
    #main #intro {
        margin-top: -100px
    }
    .alphabox .content {
        padding: 20px
    }
    #CTAbox .txtbox,
    #CTAbox .featimg {
        min-height: initial
    }
    #CTAbox .txtbox {
        padding: 20px
    }
    blockquote::before {
        font-size: 5rem;
        left: -10px
    }
    blockquote {
        padding-left: 0
    }
    blockquote p {
        font-size: 1rem;
        line-height: 1.375rem
    }
    ul.pagelinks li {
        height: 220px;
        width: 100%
    }
    #main .boxframe .boxgrid {
        width: 100%
    }
    .videobox iframe {
        height: 220px
    }
    .boxframe.holidayType .boxgrid h4,
    .boxframe.country .boxgrid h4 {
        padding: 20px
    }
    #Brochures .boxframe.brochures .boxgrid {
        width: 48%
    }
    #Brochures .boxframe.brochures h6 {
        min-height: 45px
    }
    .brochure-head #OpenBrochure {
        position: relative;
        width: 100%;
        text-align: center
    }
    .boxframe.region .boxgrid .featimg,
    .boxframe.highlight .boxgrid .featimg,
    .boxframe.tour .boxgrid .featimg {
        padding-top: 20px
    }
    .document-tour .introbox .cta {
        text-align: center
    }
    .document-tour .introbox .cta a:first-of-type {
        margin-right: 0;
        margin-bottom: 10px
    }
    #Itinerary .accordion .title {
        padding: 5px 0 10px
    }
    #Itinerary .accordion .title span {
        bottom: auto;
        top: 0
    }
    #Itinerary .accordion .accordion-content {
        padding: 0
    }
    #Itinerary .boxframe.hotel {
        height: auto
    }
    #Itinerary .boxframe.hotel .boxgrid,
    #Itinerary .boxframe.itinerary .boxgrid .featimg,
    #Itinerary .boxframe.itinerary .boxgrid .txtbox {
        width: 100%;
        margin: 10px 0;
        padding: 0
    }
    #Itinerary .accordion .title .day,
    #Itinerary .accordion .title .dest {
        width: 100%;
        min-height: 30px
    }
    #Extensions .featimg,
    #Extensions .txtbox {
        width: 100%;
        margin: 10px 0;
        padding: 0;
        height: auto
    }
    #Itinerary #Extensions .accordion-frame {
        margin: 0;
        border-top: 1px solid #d5cbcf;
        padding-top: 10px
    }
    .document-tour #rightSide ul.tourinfo li span:last-of-type,
    .document-tour #rightSide ul.tourinfo li span {
        width: 100%;
        margin: 0 0 10px 0;
        border: none;
        padding: 0
    }
    ul.category-list li:not(#OpenList) {
        width: 100%
    }
    .document-Home h2 {
        margin-bottom: 30px
    }
    .document-Home .boxframe.country,
    .document-Home .boxframe.holidayType {
        padding: 0 20px
    }
    .boxframe.tours {
        padding: 0
    }
    .boxframe.tours .boxgrid .infobox .tourtype {
        margin-top: 5px
    }
    .boxframe.events {
        padding: 0
    }
    .document-search #SearchFrame {
        padding: 20px
    }
    #Search {
        padding: 30px 20px 50px
    }
    #SignIn {
        top: 70px
    }
    #SignIn .featimg {
        height: 150px
    }
    #SignIn .txtbox {
        padding: 30px 20px
    }
    #SignIn .logout {
        right: 20px
    }
    #Brochures .innerframe {
        padding: 0 20px
    }
    #SearchBox #keyword>.box-40,
    #SearchBox #filters>.box-40,
    #SearchBox #keyword>.box-60,
    #SearchBox #filters>.box-60 {
        width: 100%;
        padding: 0
    }
    #SearchBox #filters h5,
    #SearchBox #keyword h5 {
        margin: 0 0 10px
    }
    #SearchBox #keyword>.box-60>.box-20 input {
        padding: 8px
    }
    .document-contact #Section1 #googlemap.map {
        height: 300px
    }
    .document-Home #Aboutbox ul li {
        width: 100%
    }
}

@media only screen and (max-width: 479px) {
    ul.upper-menu li#phonebox {
        top: 50px;
        right: -45px
    }
    ul.upper-menu li#phonebox p:last-of-type {
        display: none
    }
    a#logo {
        width: 130px;
        margin-left: -10px;
        height: 70px;
        padding-top: 70px
    }
    #EnquireBox,
    #masthead #navbar ul.nav-menu {
        background-position: 0 -110px;
        top: 110px;
        padding-top: 20px
    }
    ul.upper-menu {
        margin-right: 45px
    }
    ul.upper-menu li a {
        padding: 0 5px 0 0
    }
    #SignIn .user span {
        display: block
    }
    #newsframe .article {
        width: 100%
    }
    #newsframe .article .featimg {
        height: 210px
    }
    #Article .pad-40 {
        padding: 16px
    }
    #CTAbox .button {
        text-align: center;
        width: 100%
    }
    .videobox iframe {
        height: 180px
    }
    #EnquireBox {
        padding: 20px 0 100px;
        height: 480px;
        overflow-y: auto
    }
    textarea {
        border-radius: 0
    }
    .boxframe .boxgrid {
        margin-bottom: 10px
    }
    .sortbox label {
        margin: 0
    }
    .sortbox label span {
        padding: 0 10px 0 0
    }
    #MyBookings>h2,
    #MyAccount #mainbox h2 {
        margin-bottom: 0
    }
    .document-myAccount #upperbox .loginLinks a {
        display: block;
        padding: 6px 0
    }
    .document-myAccount #main #content {
        padding: 30px 0
    }
    #MyLocationsForm .box-60,
    #MyLocationsForm .box-40,
    #MyDetailsForm .box-60,
    #MyDetailsForm .box-40 {
        width: 100%
    }
    #MyBookings .accordion .title {
        font-size: 0.9375rem;
        line-height: 1.375rem;
        font-weight: 500
    }
    #MyBookings .accordion-content {
        padding: 10px
    }
    #MyBookings .accordion-content ul.tour-info li.twoCol {
        width: 100%
    }
    #MyBookings .accordion-content ul.tour-info li span.data,
    #MyBookings .accordion-content ul.tour-info li span.label {
        width: 100%;
        padding: 0;
        border: none
    }
    #MyAccount ul.myDocs li {
        width: 100%;
        height: 120px;
        margin: 0 0 20px 0
    }
    #MyAccount ul.myDocs li a span {
        bottom: 10%
    }
    #MyAccount ul.myDocs li a i {
        top: 10%
    }
    #RegisterForm .regPerson,
    #RegisterForm .regAddress {
        padding: 0;
        width: 100%
    }
    #BookTour .BookTourHead li {
        width: 100%;
        border: none
    }
    ul.BookTourHead {
        padding: 0 14px
    }
    #BookTour label span,
    #BookTour label input:not([type="radio"]):not([type="checkbox"]),
    #BookTour label select {
        width: 100%;
        margin-bottom: 5px;
        color: #000;
        opacity: 1
    }
    #BookTour input {
        border-color: var(--white);
        font-size: 1rem
    }
    #BookTour input:disabled {
        padding: 0
    }
    #BookTour #termsbox [class*="box-"] {
        width: 100%
    }
    #regForm .alignright span,
    #BookTour #termsbox span {
        width: 100%;
        max-width: 100%;
        padding: 0 0 20px 0
    }
    label>span {
        line-height: 1.5rem
    }
    #BookTour #termsbox p {
        text-align: center;
        margin-top: 20px
    }
    .gdpr {
        display: block
    }
    .gdpr .message {
        max-width: 100%;
        width: 100%
    }
     .tag {
        margin-bottom: 20px
    }
    .document-tour #ExtenseionsMessage {
        top: 110px;
        padding: 60px 10px 30px
    }
    .document-tour #ExtenseionsMessage .extframe {
        margin: 10px 0 10px
    }
    .boxframe .boxgrid .infobox {
        top: calc(100% - 100px)
    }
    .boxframe.tours .boxgrid .infobox .tourtype span {
        display: block
    }
    .boxframe.tours .boxgrid .infobox .tourtype span:first-of-type:after {
        display: none
    }
}

@media only screen and (max-width: 359px) {
    a#logo {
        width: 120px;
        margin-left: -10px;
        height: 70px;
        padding-top: 70px
    }
    ul.upper-menu {
        margin-right: 35px
    }
    #masthead #navbar a#menu,
    ul.upper-menu li#enq a i,
    ul.upper-menu li a i {
        height: 35px;
        line-height: 2.1875rem;
        width: 35px
    }
    #masthead #navbar a#menu {
        right: 10px
    }
    #masthead #navbar a#menu {
        line-height: 2.375rem
    }
    #masthead .innerframe {
        padding: 0 16px
    }
}

@media only screen and (min-width: 1024px) {
    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0px, 100%, 0px);
            transform: translate3d(0px, 100%, 0px)
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0px, 100%, 0px);
            transform: translate3d(0px, 100%, 0px)
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0px, 100%, 0px);
            transform: translate3d(0px, 100%, 0px)
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp
    }
    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0px, -100%, 0px);
            transform: translate3d(0px, -100%, 0px)
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    @keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0px, -100%, 0px);
            transform: translate3d(0px, -100%, 0px)
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    @keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0px, -100%, 0px);
            transform: translate3d(0px, -100%, 0px)
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown
    }
    .delay1 {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s
    }
    .delay2 {
        -webkit-animation-delay: 0.85s;
        animation-delay: 0.85s
    }
    .delay3 {
        -webkit-animation-delay: 1.4s;
        animation-delay: 1.4s
    }
}

.lazy {
    opacity: 0;
    transition: all .15s ease 0s
}

.lazy.loaded {
    opacity: 1
}

.boxframe.tours {
    padding: 0 20px 20px
}

.boxframe.tours .boxgrid {
    margin: 2px 0 3px;
    padding: 0 2px;
    width: 100%;
    max-width: none;
    flex: auto
}

@media only screen and (min-width: 768px) {
    .boxframe.tours .boxgrid {
        width: 50%;
        max-width: calc(100% / 2 - 4px);
        flex: calc(100% / 2 - 4px)
    }
}

@media only screen and (min-width: 1280px) {
    .boxframe.tours .boxgrid {
        max-width: calc(100% / 3 - 4px);
        flex: 1 0 calc( 100% / 3 - 4px)
    }
}

.boxframe.tours .boxgrid .infobox {
    height: auto;
    top: auto;
    bottom: 0;
    background: rgba(0, 0, 0, 0.25);
    transition: all 0.25s ease 0s
}

.boxframe.tours .boxgrid .more {
    display: none
}

@media only screen and (min-width: 768px) {
    .boxframe.tours .boxgrid .more {
        display: block;
        margin-bottom: 0
    }
}

.boxframe.tours .boxgrid .tourtype {
    margin-bottom: 0
}

@media only screen and (min-width: 1280px) {
    .boxframe.tours .boxgrid .tourtype {
        margin-bottom: 10px
    }
}

.boxframe.tours .boxgrid .tframe {
    min-height: auto
}

.boxframe.tours .boxgrid i.trigger {
    display: none
}

@media only screen and (min-width: 768px) {
    .boxframe.tours .boxgrid i.trigger {
        display: block
    }
}

@media only screen and (min-width: 1280px) {
    .boxframe.tours .boxgrid i.trigger {
        display: none
    }
}

@media only screen and (min-width: 1280px) {
    #main #content .boxframe .boxgrid:hover .infobox {
        height: 100%;
        top: 0
    }
}

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

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-add-to-list:before {
    content: "\e900"
}

.icon-classic-computer:before {
    content: "\e901"
}

.icon-controller-fast-backward:before {
    content: "\e902"
}

.icon-creative-commons-attribution:before {
    content: "\e903"
}

.icon-creative-commons-noderivs:before {
    content: "\e904"
}

.icon-creative-commons-noncommercial-eu:before {
    content: "\e905"
}

.icon-creative-commons-noncommercial-us:before {
    content: "\e906"
}

.icon-creative-commons-public-domain:before {
    content: "\e907"
}

.icon-creative-commons-remix:before {
    content: "\e908"
}

.icon-creative-commons-share:before {
    content: "\e909"
}

.icon-creative-commons-sharealike:before {
    content: "\e90a"
}

.icon-creative-commons:before {
    content: "\e90b"
}

.icon-document-landscape:before {
    content: "\e90c"
}

.icon-remove-user:before {
    content: "\e90d"
}

.icon-warning:before {
    content: "\e90e"
}

.icon-arrow-bold-down:before {
    content: "\e90f"
}

.icon-arrow-bold-left:before {
    content: "\e910"
}

.icon-arrow-bold-right:before {
    content: "\e911"
}

.icon-arrow-bold-up:before {
    content: "\e912"
}

.icon-arrow-down:before {
    content: "\e913"
}

.icon-arrow-left:before {
    content: "\e914"
}

.icon-arrow-long-down:before {
    content: "\e915"
}

.icon-arrow-long-left:before {
    content: "\e916"
}

.icon-arrow-long-right:before {
    content: "\e917"
}

.icon-arrow-long-up:before {
    content: "\e918"
}

.icon-arrow-right:before {
    content: "\e919"
}

.icon-arrow-up:before {
    content: "\e91a"
}

.icon-arrow-with-circle-down:before {
    content: "\e91b"
}

.icon-arrow-with-circle-left:before {
    content: "\e91c"
}

.icon-arrow-with-circle-right:before {
    content: "\e91d"
}

.icon-arrow-with-circle-up:before {
    content: "\e91e"
}

.icon-bookmark:before {
    content: "\e91f"
}

.icon-bookmarks:before {
    content: "\e920"
}

.icon-chevron-down:before {
    content: "\e921"
}

.icon-chevron-left:before {
    content: "\e922"
}

.icon-chevron-right:before {
    content: "\e923"
}

.icon-chevron-small-down:before {
    content: "\e924"
}

.icon-chevron-small-left:before {
    content: "\e925"
}

.icon-chevron-small-right:before {
    content: "\e926"
}

.icon-chevron-small-up:before {
    content: "\e927"
}

.icon-chevron-thin-down:before {
    content: "\e928"
}

.icon-chevron-thin-left:before {
    content: "\e929"
}

.icon-chevron-thin-right:before {
    content: "\e92a"
}

.icon-chevron-thin-up:before {
    content: "\e92b"
}

.icon-chevron-up:before {
    content: "\e92c"
}

.icon-chevron-with-circle-down:before {
    content: "\e92d"
}

.icon-chevron-with-circle-left:before {
    content: "\e92e"
}

.icon-chevron-with-circle-right:before {
    content: "\e92f"
}

.icon-chevron-with-circle-up:before {
    content: "\e930"
}

.icon-cloud:before {
    content: "\e931"
}

.icon-controller-fast-forward:before {
    content: "\e932"
}

.icon-controller-jump-to-start:before {
    content: "\e933"
}

.icon-controller-next:before {
    content: "\e934"
}

.icon-controller-paus:before {
    content: "\e935"
}

.icon-controller-play:before {
    content: "\e936"
}

.icon-controller-record:before {
    content: "\e937"
}

.icon-controller-stop:before {
    content: "\e938"
}

.icon-controller-volume:before {
    content: "\e939"
}

.icon-dot-single:before {
    content: "\e93a"
}

.icon-dots-three-horizontal:before {
    content: "\e93b"
}

.icon-dots-three-vertical:before {
    content: "\e93c"
}

.icon-dots-two-horizontal:before {
    content: "\e93d"
}

.icon-dots-two-vertical:before {
    content: "\e93e"
}

.icon-download:before {
    content: "\e93f"
}

.icon-emoji-flirt:before {
    content: "\e940"
}

.icon-flow-branch:before {
    content: "\e941"
}

.icon-flow-cascade:before {
    content: "\e942"
}

.icon-flow-line:before {
    content: "\e943"
}

.icon-flow-parallel:before {
    content: "\e944"
}

.icon-flow-tree:before {
    content: "\e945"
}

.icon-install:before {
    content: "\e946"
}

.icon-layers:before {
    content: "\e947"
}

.icon-open-book:before {
    content: "\e948"
}

.icon-resize-100:before {
    content: "\e949"
}

.icon-resize-full-screen:before {
    content: "\e94a"
}

.icon-save:before {
    content: "\e94b"
}

.icon-select-arrows:before {
    content: "\e94c"
}

.icon-sound-mute:before {
    content: "\e94d"
}

.icon-sound:before {
    content: "\e94e"
}

.icon-trash:before {
    content: "\e94f"
}

.icon-triangle-down:before {
    content: "\e950"
}

.icon-triangle-left:before {
    content: "\e951"
}

.icon-triangle-right:before {
    content: "\e952"
}

.icon-triangle-up:before {
    content: "\e953"
}

.icon-uninstall:before {
    content: "\e954"
}

.icon-upload-to-cloud:before {
    content: "\e955"
}

.icon-upload:before {
    content: "\e956"
}

.icon-add-user:before {
    content: "\e957"
}

.icon-address:before {
    content: "\e958"
}

.icon-adjust:before {
    content: "\e959"
}

.icon-air:before {
    content: "\e95a"
}

.icon-aircraft-landing:before {
    content: "\e95b"
}

.icon-aircraft-take-off:before {
    content: "\e95c"
}

.icon-aircraft:before {
    content: "\e95d"
}

.icon-align-bottom:before {
    content: "\e95e"
}

.icon-align-horizontal-middle:before {
    content: "\e95f"
}

.icon-align-left:before {
    content: "\e960"
}

.icon-align-right:before {
    content: "\e961"
}

.icon-align-top:before {
    content: "\e962"
}

.icon-align-vertical-middle:before {
    content: "\e963"
}

.icon-archive:before {
    content: "\e964"
}

.icon-area-graph:before {
    content: "\e965"
}

.icon-attachment:before {
    content: "\e966"
}

.icon-awareness-ribbon:before {
    content: "\e967"
}

.icon-back-in-time:before {
    content: "\e968"
}

.icon-back:before {
    content: "\e969"
}

.icon-bar-graph:before {
    content: "\e96a"
}

.icon-battery:before {
    content: "\e96b"
}

.icon-beamed-note:before {
    content: "\e96c"
}

.icon-bell:before {
    content: "\e96d"
}

.icon-blackboard:before {
    content: "\e96e"
}

.icon-block:before {
    content: "\e96f"
}

.icon-book:before {
    content: "\e970"
}

.icon-bowl:before {
    content: "\e971"
}

.icon-box:before {
    content: "\e972"
}

.icon-briefcase:before {
    content: "\e973"
}

.icon-browser:before {
    content: "\e974"
}

.icon-brush:before {
    content: "\e975"
}

.icon-bucket:before {
    content: "\e976"
}

.icon-cake:before {
    content: "\e977"
}

.icon-calculator:before {
    content: "\e978"
}

.icon-calendar:before {
    content: "\e979"
}

.icon-camera:before {
    content: "\e97a"
}

.icon-ccw:before {
    content: "\e97b"
}

.icon-chat:before {
    content: "\e97c"
}

.icon-check:before {
    content: "\e97d"
}

.icon-circle-with-cross:before {
    content: "\e97e"
}

.icon-circle-with-minus:before {
    content: "\e97f"
}

.icon-circle-with-plus:before {
    content: "\e980"
}

.icon-circle:before {
    content: "\e981"
}

.icon-circular-graph:before {
    content: "\e982"
}

.icon-clapperboard:before {
    content: "\e983"
}

.icon-clipboard:before {
    content: "\e984"
}

.icon-clock:before {
    content: "\e985"
}

.icon-code:before {
    content: "\e986"
}

.icon-cog:before {
    content: "\e987"
}

.icon-colours:before {
    content: "\e988"
}

.icon-compass:before {
    content: "\e989"
}

.icon-copy:before {
    content: "\e98a"
}

.icon-credit-card:before {
    content: "\e98b"
}

.icon-credit:before {
    content: "\e98c"
}

.icon-cross:before {
    content: "\e98d"
}

.icon-cup:before {
    content: "\e98e"
}

.icon-cw:before {
    content: "\e98f"
}

.icon-cycle:before {
    content: "\e990"
}

.icon-database:before {
    content: "\e991"
}

.icon-dial-pad:before {
    content: "\e992"
}

.icon-direction:before {
    content: "\e993"
}

.icon-document:before {
    content: "\e994"
}

.icon-documents:before {
    content: "\e995"
}

.icon-drink:before {
    content: "\e996"
}

.icon-drive:before {
    content: "\e997"
}

.icon-drop:before {
    content: "\e998"
}

.icon-edit:before {
    content: "\e999"
}

.icon-email:before {
    content: "\e99a"
}

.icon-emoji-happy:before {
    content: "\e99b"
}

.icon-emoji-neutral:before {
    content: "\e99c"
}

.icon-emoji-sad:before {
    content: "\e99d"
}

.icon-erase:before {
    content: "\e99e"
}

.icon-eraser:before {
    content: "\e99f"
}

.icon-export:before {
    content: "\e9a0"
}

.icon-eye:before {
    content: "\e9a1"
}

.icon-feather:before {
    content: "\e9a2"
}

.icon-flag:before {
    content: "\e9a3"
}

.icon-flash:before {
    content: "\e9a4"
}

.icon-flashlight:before {
    content: "\e9a5"
}

.icon-flat-brush:before {
    content: "\e9a6"
}

.icon-folder-images:before {
    content: "\e9a7"
}

.icon-folder-music:before {
    content: "\e9a8"
}

.icon-folder-video:before {
    content: "\e9a9"
}

.icon-folder:before {
    content: "\e9aa"
}

.icon-forward:before {
    content: "\e9ab"
}

.icon-funnel:before {
    content: "\e9ac"
}

.icon-game-controller:before {
    content: "\e9ad"
}

.icon-gauge:before {
    content: "\e9ae"
}

.icon-globe:before {
    content: "\e9af"
}

.icon-graduation-cap:before {
    content: "\e9b0"
}

.icon-grid:before {
    content: "\e9b1"
}

.icon-hair-cross:before {
    content: "\e9b2"
}

.icon-hand:before {
    content: "\e9b3"
}

.icon-heart-outlined:before {
    content: "\e9b4"
}

.icon-heart:before {
    content: "\e9b5"
}

.icon-help-with-circle:before {
    content: "\e9b6"
}

.icon-help:before {
    content: "\e9b7"
}

.icon-home:before {
    content: "\e9b8"
}

.icon-hour-glass:before {
    content: "\e9b9"
}

.icon-image-inverted:before {
    content: "\e9ba"
}

.icon-image:before {
    content: "\e9bb"
}

.icon-images:before {
    content: "\e9bc"
}

.icon-inbox:before {
    content: "\e9bd"
}

.icon-infinity:before {
    content: "\e9be"
}

.icon-info-with-circle:before {
    content: "\e9bf"
}

.icon-info:before {
    content: "\e9c0"
}

.icon-key:before {
    content: "\e9c1"
}

.icon-keyboard:before {
    content: "\e9c2"
}

.icon-lab-flask:before {
    content: "\e9c3"
}

.icon-landline:before {
    content: "\e9c4"
}

.icon-language:before {
    content: "\e9c5"
}

.icon-laptop:before {
    content: "\e9c6"
}

.icon-leaf:before {
    content: "\e9c7"
}

.icon-level-down:before {
    content: "\e9c8"
}

.icon-level-up:before {
    content: "\e9c9"
}

.icon-lifebuoy:before {
    content: "\e9ca"
}

.icon-light-bulb:before {
    content: "\e9cb"
}

.icon-light-down:before {
    content: "\e9cc"
}

.icon-light-up:before {
    content: "\e9cd"
}

.icon-line-graph:before {
    content: "\e9ce"
}

.icon-link:before {
    content: "\e9cf"
}

.icon-list:before {
    content: "\e9d0"
}

.icon-location-pin:before {
    content: "\e9d1"
}

.icon-location:before {
    content: "\e9d2"
}

.icon-lock-open:before {
    content: "\e9d3"
}

.icon-lock:before {
    content: "\e9d4"
}

.icon-log-out:before {
    content: "\e9d5"
}

.icon-login:before {
    content: "\e9d6"
}

.icon-loop:before {
    content: "\e9d7"
}

.icon-magnet:before {
    content: "\e9d8"
}

.icon-magnifying-glass:before {
    content: "\e9d9"
}

.icon-mail:before {
    content: "\e9da"
}

.icon-man:before {
    content: "\e9db"
}

.icon-map:before {
    content: "\e9dc"
}

.icon-mask:before {
    content: "\e9dd"
}

.icon-medal:before {
    content: "\e9de"
}

.icon-megaphone:before {
    content: "\e9df"
}

.icon-menu:before {
    content: "\e9e0"
}

.icon-message:before {
    content: "\e9e1"
}

.icon-mic:before {
    content: "\e9e2"
}

.icon-minus:before {
    content: "\e9e3"
}

.icon-mobile:before {
    content: "\e9e4"
}

.icon-modern-mic:before {
    content: "\e9e5"
}

.icon-moon:before {
    content: "\e9e6"
}

.icon-mouse:before {
    content: "\e9e7"
}

.icon-music:before {
    content: "\e9e8"
}

.icon-network:before {
    content: "\e9e9"
}

.icon-new-message:before {
    content: "\e9ea"
}

.icon-new:before {
    content: "\e9eb"
}

.icon-news:before {
    content: "\e9ec"
}

.icon-note:before {
    content: "\e9ed"
}

.icon-notification:before {
    content: "\e9ee"
}

.icon-old-mobile:before {
    content: "\e9ef"
}

.icon-old-phone:before {
    content: "\e9f0"
}

.icon-palette:before {
    content: "\e9f1"
}

.icon-paper-plane:before {
    content: "\e9f2"
}

.icon-pencil:before {
    content: "\e9f3"
}

.icon-phone:before {
    content: "\e9f4"
}

.icon-pie-chart:before {
    content: "\e9f5"
}

.icon-pin:before {
    content: "\e9f6"
}

.icon-plus:before {
    content: "\e9f7"
}

.icon-popup:before {
    content: "\e9f8"
}

.icon-power-plug:before {
    content: "\e9f9"
}

.icon-price-ribbon:before {
    content: "\e9fa"
}

.icon-price-tag:before {
    content: "\e9fb"
}

.icon-print:before {
    content: "\e9fc"
}

.icon-progress-empty:before {
    content: "\e9fd"
}

.icon-progress-full:before {
    content: "\e9fe"
}

.icon-progress-one:before {
    content: "\e9ff"
}

.icon-progress-two:before {
    content: "\ea00"
}

.icon-publish:before {
    content: "\ea01"
}

.icon-quote:before {
    content: "\ea02"
}

.icon-radio:before {
    content: "\ea03"
}

.icon-reply-all:before {
    content: "\ea04"
}

.icon-reply:before {
    content: "\ea05"
}

.icon-retweet:before {
    content: "\ea06"
}

.icon-rocket:before {
    content: "\ea07"
}

.icon-round-brush:before {
    content: "\ea08"
}

.icon-rss:before {
    content: "\ea09"
}

.icon-ruler:before {
    content: "\ea0a"
}

.icon-scissors:before {
    content: "\ea0b"
}

.icon-share-alternitive:before {
    content: "\ea0c"
}

.icon-share:before {
    content: "\ea0d"
}

.icon-shareable:before {
    content: "\ea0e"
}

.icon-shield:before {
    content: "\ea0f"
}

.icon-shop:before {
    content: "\ea10"
}

.icon-shopping-bag:before {
    content: "\ea11"
}

.icon-shopping-basket:before {
    content: "\ea12"
}

.icon-shopping-cart:before {
    content: "\ea13"
}

.icon-shuffle:before {
    content: "\ea14"
}

.icon-signal:before {
    content: "\ea15"
}

.icon-sound-mix:before {
    content: "\ea16"
}

.icon-sports-club:before {
    content: "\ea17"
}

.icon-spreadsheet:before {
    content: "\ea18"
}

.icon-squared-cross:before {
    content: "\ea19"
}

.icon-squared-minus:before {
    content: "\ea1a"
}

.icon-squared-plus:before {
    content: "\ea1b"
}

.icon-star-outlined:before {
    content: "\ea1c"
}

.icon-star:before {
    content: "\ea1d"
}

.icon-stopwatch:before {
    content: "\ea1e"
}

.icon-suitcase:before {
    content: "\ea1f"
}

.icon-swap:before {
    content: "\ea20"
}

.icon-sweden:before {
    content: "\ea21"
}

.icon-switch:before {
    content: "\ea22"
}

.icon-tablet:before {
    content: "\ea23"
}

.icon-tag:before {
    content: "\ea24"
}

.icon-text-document-inverted:before {
    content: "\ea25"
}

.icon-text-document:before {
    content: "\ea26"
}

.icon-text:before {
    content: "\ea27"
}

.icon-thermometer:before {
    content: "\ea28"
}

.icon-thumbs-down:before {
    content: "\ea29"
}

.icon-thumbs-up:before {
    content: "\ea2a"
}

.icon-thunder-cloud:before {
    content: "\ea2b"
}

.icon-ticket:before {
    content: "\ea2c"
}

.icon-time-slot:before {
    content: "\ea2d"
}

.icon-tools:before {
    content: "\ea2e"
}

.icon-traffic-cone:before {
    content: "\ea2f"
}

.icon-tree:before {
    content: "\ea30"
}

.icon-trophy:before {
    content: "\ea31"
}

.icon-tv:before {
    content: "\ea32"
}

.icon-typing:before {
    content: "\ea33"
}

.icon-unread:before {
    content: "\ea34"
}

.icon-untag:before {
    content: "\ea35"
}

.icon-user:before {
    content: "\ea36"
}

.icon-users:before {
    content: "\ea37"
}

.icon-v-card:before {
    content: "\ea38"
}

.icon-video:before {
    content: "\ea39"
}

.icon-vinyl:before {
    content: "\ea3a"
}

.icon-voicemail:before {
    content: "\ea3b"
}

.icon-wallet:before {
    content: "\ea3c"
}

.icon-water:before {
    content: "\ea3d"
}

.icon-500px-with-circle:before {
    content: "\ea3e"
}

.icon-500px:before {
    content: "\ea3f"
}

.icon-basecamp:before {
    content: "\ea40"
}

.icon-behance:before {
    content: "\ea41"
}

.icon-creative-cloud:before {
    content: "\ea42"
}

.icon-dropbox:before {
    content: "\ea43"
}

.icon-evernote:before {
    content: "\ea44"
}

.icon-flattr:before {
    content: "\ea45"
}

.icon-foursquare:before {
    content: "\ea46"
}

.icon-google-drive:before {
    content: "\ea47"
}

.icon-google-hangouts:before {
    content: "\ea48"
}

.icon-grooveshark:before {
    content: "\ea49"
}

.icon-icloud:before {
    content: "\ea4a"
}

.icon-mixi:before {
    content: "\ea4b"
}

.icon-onedrive:before {
    content: "\ea4c"
}

.icon-paypal:before {
    content: "\ea4d"
}

.icon-picasa:before {
    content: "\ea4e"
}

.icon-qq:before {
    content: "\ea4f"
}

.icon-rdio-with-circle:before {
    content: "\ea50"
}

.icon-renren:before {
    content: "\ea51"
}

.icon-scribd:before {
    content: "\ea52"
}

.icon-sina-weibo:before {
    content: "\ea53"
}

.icon-skype-with-circle:before {
    content: "\ea54"
}

.icon-skype:before {
    content: "\ea55"
}

.icon-slideshare:before {
    content: "\ea56"
}

.icon-smashing:before {
    content: "\ea57"
}

.icon-soundcloud:before {
    content: "\ea58"
}

.icon-spotify-with-circle:before {
    content: "\ea59"
}

.icon-spotify:before {
    content: "\ea5a"
}

.icon-swarm:before {
    content: "\ea5b"
}

.icon-vine-with-circle:before {
    content: "\ea5c"
}

.icon-vine:before {
    content: "\ea5d"
}

.icon-vk-alternitive:before {
    content: "\ea5e"
}

.icon-vk-with-circle:before {
    content: "\ea5f"
}

.icon-vk:before {
    content: "\ea60"
}

.icon-xing-with-circle:before {
    content: "\ea61"
}

.icon-xing:before {
    content: "\ea62"
}

.icon-yelp:before {
    content: "\ea63"
}

.icon-dribbble-with-circle:before {
    content: "\ea64"
}

.icon-dribbble:before {
    content: "\ea65"
}

.icon-facebook-with-circle:before {
    content: "\ea66"
}

.icon-facebook:before {
    content: "\ea67"
}

.icon-flickr-with-circle:before {
    content: "\ea68"
}

.icon-flickr:before {
    content: "\ea69"
}

.icon-github-with-circle:before {
    content: "\ea6a"
}

.icon-github:before {
    content: "\ea6b"
}

.icon-google-with-circle:before {
    content: "\ea6c"
}

.icon-google:before {
    content: "\ea6d"
}

.icon-instagram-with-circle:before {
    content: "\ea6e"
}

.icon-instagram:before {
    content: "\ea6f"
}

.icon-lastfm-with-circle:before {
    content: "\ea70"
}

.icon-lastfm:before {
    content: "\ea71"
}

.icon-linkedin-with-circle:before {
    content: "\ea72"
}

.icon-linkedin:before {
    content: "\ea73"
}

.icon-pinterest-with-circle:before {
    content: "\ea74"
}

.icon-pinterest:before {
    content: "\ea75"
}

.icon-rdio:before {
    content: "\ea76"
}

.icon-stumbleupon-with-circle:before {
    content: "\ea77"
}

.icon-stumbleupon:before {
    content: "\ea78"
}

.icon-tumblr-with-circle:before {
    content: "\ea79"
}

.icon-tumblr:before {
    content: "\ea7a"
}

.icon-twitter-with-circle:before {
    content: "\ea7b"
}

.icon-twitter:before {
    content: "\ea7c"
}

.icon-vimeo-with-circle:before {
    content: "\ea7d"
}

.icon-vimeo:before {
    content: "\ea7e"
}

.icon-youtube-with-circle:before {
    content: "\ea7f"
}

.icon-youtube:before {
    content: "\ea80"
}

.pagetitle h1 a {
    color: white;
    text-decoration: underline
}

/*# sourceMappingURL=screen.css.map */



/* Custom Css */

.boxgrid a img{
    width: 100%;
    height: 382px;
    object-fit: cover;
}

#Extensions .featimg{
    height: 205px;
}

#TourHighlights .featimg{
    height: 240px;
}

#newsFrame .featimg{
    height: 500px;
}

.widget--content-picker .picked-content--item img{
    height: 388px;
    object-fit: cover;
}

#blogFrame .boxgrid a img{
    height: 295px;
    transform: scale(1);
    transition: all .5s ease 0s;
}

#blogFrame .boxgrid a img:hover{
    transform: scale(1.1);
    transition: all .5s ease 0s;
}

#TourList .featimg{
    height: 380px;
}

#RegionList .featimg{
    height: 235px;
}