html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
body {
margin: 0 auto;
padding: 0;
max-width: 160em !important;
line-height: 1.3;
font-family: 'Roboto', 'Damascus', Arial, sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-x: hidden;
overflow-y: auto;
color: #262521; }
.icon::before {
display: inline-block;
margin-right: .5em;
margin-bottom: .2em;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-align: center;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.mainApp {
width: 100vw;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
#menuToggle, #socialToggle, #searchToggle, #quickToggle, #quickLangToggle {
z-index: 100;
display: none;
visibility: hidden; }
main {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
main .greet {
position: relative;
background-repeat: no-repeat;
background-size: cover;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
height: 100vh; }
main ol, main ul {
display: block;
list-style: unset;
margin: 1em 0 1.5em 1.2em; }
main ol li, main ul li {
margin: 0 0 .65em; }
.screen-reader-text {
display: none;
visibility: hidden; }
@-webkit-keyframes bake-pie {
from {
-webkit-transform: rotate(0deg) translate3d(0, 0, 0);
transform: rotate(0deg) translate3d(0, 0, 0); } }
@keyframes bake-pie {
from {
-webkit-transform: rotate(0deg) translate3d(0, 0, 0);
transform: rotate(0deg) translate3d(0, 0, 0); } }
.pie-chart {
font-family: "Open Sans", Arial; }
.pie-chart--wrapper {
width: 100%;
max-width: 22em;
margin: 2em auto;
text-align: center; }
.pie-chart__pie, .pie-chart__legend {
display: inline-block;
vertical-align: top; }
.pie-chart__pie {
position: relative;
height: 200px;
width: 200px;
margin: 10px auto 35px; }
.pie-chart__pie::before {
content: "";
display: block;
position: absolute;
z-index: 1;
width: 100px;
height: 100px;
background: #fff;
border-radius: 50%;
top: 50px;
left: 50px; }
.slice {
position: absolute;
width: 200px;
height: 200px;
clip: rect(0px, 200px, 200px, 100px);
-webkit-animation: bake-pie 1s;
animation: bake-pie 1s; }
.slice span {
display: block;
position: absolute;
top: 0;
left: 0;
background-color: black;
width: 200px;
height: 200px;
border-radius: 50%;
clip: rect(0px, 200px, 200px, 100px); }
.pie-chart__legend {
display: block;
list-style-type: none;
padding: 0;
margin: 0 auto;
background: #FFF;
padding: 0.75em 0.75em 0.05em;
font-size: 13px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
text-align: left;
width: 75%; }
.pie-chart__legend li {
height: 1.25em;
margin-bottom: 0.7em;
padding-left: 0.5em;
border-left: 1.25em solid black; }
.pie-chart__legend em {
font-style: normal; }
.pie-chart__legend span {
float: right; }
.pie-charts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-flex: 1;
-ms-flex: 1 1 180px;
flex: 1 1 180px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.slick-prev {
left: -25px;
height: 35px;
width: 35px; }
[dir="rtl"] .slick-prev {
left: auto;
right: 0; }
.slick-prev:before {
content: url("../images/svg/left-arrow.svg"); }
[dir="rtl"] .slick-prev:before {
content: url("../images/svg/left-arrow.svg"); }
.slick-next {
right: -25px;
height: 35px;
width: 35px; }
[dir="rtl"] .slick-next {
left: 0;
right: auto; }
.slick-next:before {
content: url("../images/svg/right-arrow.svg"); }
[dir="rtl"] .slick-next:before {
content: url("../images/svg/left-arrow.svg"); }
.flexbin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -5px; }
.flexbin:after {
content: '';
-webkit-box-flex: 999999999;
-ms-flex-positive: 999999999;
flex-grow: 999999999;
min-width: 260px;
height: 0; }
.flexbin > * {
position: relative;
display: block;
height: 260px;
margin: 5px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.flexbin > * > img {
height: 260px;
-o-object-fit: cover;
object-fit: cover;
max-width: 100%;
min-width: 100%;
vertical-align: bottom;
border-radius: .4em; }
.flexbin.flexbin-margin {
margin: 5px; }
@media (max-width: 980px) {
.flexbin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -5px; }
.flexbin:after {
content: '';
-webkit-box-flex: 999999999;
-ms-flex-positive: 999999999;
flex-grow: 999999999;
min-width: 120px;
height: 0; }
.flexbin > * {
position: relative;
display: block;
height: 120px;
margin: 5px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.flexbin > * > img {
height: 120px;
-o-object-fit: cover;
object-fit: cover;
max-width: 100%;
min-width: 100%;
vertical-align: bottom;
border-radius: .4em; }
.flexbin.flexbin-margin {
margin: 5px; } }
@media (max-width: 320px) {
.flexbin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -5px; }
.flexbin:after {
content: '';
-webkit-box-flex: 999999999;
-ms-flex-positive: 999999999;
flex-grow: 999999999;
min-width: 90px;
height: 0; }
.flexbin > * {
position: relative;
display: block;
height: 90px;
margin: 5px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.flexbin > * > img {
height: 90px;
-o-object-fit: cover;
object-fit: cover;
max-width: 100%;
min-width: 100%;
vertical-align: bottom;
border-radius: .4em; }
.flexbin.flexbin-margin {
margin: 5px; } }
.responsive-tabs {
position: relative;
margin: 1em 0; }
.responsive-tabs dt {
font-size: 1.2em;
font-weight: 600;
padding: .5em;
border-top: 1px solid #000;
color: #ff6666;
cursor: pointer; }
.responsive-tabs dt:first-child {
border-top: 0; }
.responsive-tabs .active {
padding: .5em;
color: #f00;
font-size: 1.2em;
font-weight: 600; }
.responsive-tabs .active + dd {
display: block; }
.responsive-tabs dd {
display: none;
padding: 0.5em; }
.responsive-tabs-placeholder {
display: none; }
.tabpanel__tab {
position: absolute;
left: -10000px;
top: 2em;
width: 1px;
height: 1px;
overflow: hidden; }
.tabpanel__tab:checked + .tabpanel__tablabel {
background: #ff6666;
color: #fff;
border: none; }
.tabpanel__tablabel {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
padding: .5em .8em;
background: #fff;
border: 1px solid #eee;
color: #ff6666;
font-weight: 600; }
.tabpanel__tablabel:hover {
cursor: pointer; }
.tabpanel__panel {
display: none; }
.tabpanel__panel > *:first-child {
margin-top: 0; }
.tabpanel__panel > *:last-child {
margin-bottom: 0; }
.tabpanel__panel > * + * {
margin-top: 24px; }
#tabpanel__tab-1:checked ~ .tabpanel__panels #tabpanel__panel-1,
#tabpanel__tab-2:checked ~ .tabpanel__panels #tabpanel__panel-2,
#tabpanel__tab-3:checked ~ .tabpanel__panels #tabpanel__panel-3 {
display: block;
position: relative;
top: 0px; }
.media__body ul {
position: relative;
margin-left: 1em; }
.media {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.tabpanel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative; }
@media (max-width: 33.99em) {
header {
position: fixed;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.95);
width: 99.9vw;
height: 3em;
z-index: 97;
-webkit-box-shadow: 1px 2px 10px 3px whitesmoke;
box-shadow: 1px 2px 10px 3px whitesmoke; }
header .logo {
margin: .4em auto;
width: 5.8em;
height: auto;
overflow: hidden;
z-index: 12; }
header .logo img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center; }
header {
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 98;
-webkit-box-shadow: 1px 2px 10px 3px whitesmoke;
box-shadow: 1px 2px 10px 3px whitesmoke; }
header {
height: 2.865em;
width: 100%;
background: rgba(255, 255, 255, 0.95); }
header .hamburger {
display: block;
position: fixed;
top: 0;
left: 0;
padding: 13px 0 0 21px;
height: 28px;
width: 28px;
cursor: pointer;
z-index: 98; }
header .line {
position: absolute;
display: block;
background: #000;
width: 28px;
height: .25rem;
border-radius: .3rem;
left: 0;
-webkit-transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2);
transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2); }
header .line-1 {
top: 13px;
left: 18px; }
header .line-2 {
top: 21px;
left: 18px;
width: 24px;
transform: translateX(2px);
-webkit-transform: translateX(2px); }
header .line-3 {
top: 29px;
left: 18px; }
header #menuToggle:checked ~ .hamburger {
width: 100%;
height: 100vh;
background: rgba(255, 255, 255, 0.75);
z-index: 99; }
header #menuToggle:checked ~ nav > .menulists {
display: block;
visibility: visible;
height: auto;
max-height: 80em;
-webkit-transition: all 1s cubic-bezier(0.5, 1, 0.22, 1);
transition: all 1s cubic-bezier(0.5, 1, 0.22, 1);
z-index: 100;
background: #fff; }
header #menuToggle:checked ~ label .line-1 {
top: 13px;
width: 28px;
border: .1em solid #ff0000;
background: #ff0000;
-webkit-transform: translateX(-11px) rotate(-45deg) translateY(12px);
transform: translateX(-11px) rotate(-45deg) translateY(12px); }
header #menuToggle:checked ~ label .line-2 {
opacity: 0; }
header #menuToggle:checked ~ label .line-3 {
top: 27px;
width: 28px;
border: .1em solid #ff0000;
background: #ff0000;
-webkit-transform: translateX(-8px) rotate(45deg) translateY(-8px);
transform: translateX(-8px) rotate(45deg) translateY(-8px); }
header .quickAssist {
position: fixed;
display: block;
top: .5em;
right: 3.25em;
padding: 30px 0 0 30px;
cursor: pointer;
z-index: 98; }
header .dots {
position: absolute;
top: -.1em;
right: 0;
width: auto;
height: 28px;
font-size: 1.76em;
font-weight: 500; }
header #quickToggle:checked ~ .quickAssist {
top: 0;
right: 0;
width: 100%;
height: 100vh;
background: rgba(255, 255, 255, 0.85);
z-index: 99;
overflow: hidden; }
header #quickToggle:checked ~ .quickAssist > .dots {
position: absolute;
top: 5px;
right: 1.85em;
z-index: 98;
color: red; }
header #quickToggle:checked ~ nav > .assists {
position: absolute;
top: 3.2em;
right: 2.68em;
z-index: 100;
color: gray;
display: block;
visibility: visible; }
header #quickToggle:checked ~ nav > .assists a {
color: #6666ff; }
header #quickToggle:checked ~ nav > .assists a:hover {
color: blue; }
nav {
position: relative;
padding: .5em;
width: 100%; }
nav .logo {
margin: .05em auto;
width: 5em; }
nav .menulists {
position: absolute;
width: 50%;
top: 52px;
left: 12px;
right: 4px;
width: 90%;
max-width: 11em;
max-height: 0px;
display: none;
visibility: hidden;
padding: .05em;
border-radius: .4em;
color: white; }
nav .menulists .pointer {
position: absolute;
top: -8px;
left: 6px;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #fff; }
nav .assists {
position: absolute;
top: 3.2em;
right: 2.78em;
width: 14.6em;
background-color: #fff;
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
border-radius: .4em;
padding: .5em;
display: none;
visibility: hidden; }
nav .assists h4 {
margin: .35em .3em .5em .2em;
padding-bottom: .5em;
font-weight: 600; }
nav .assists .pointer {
position: absolute;
top: -8px;
right: 10px;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #fff; }
nav .quick-assist {
margin: 0;
padding: 0;
list-style: none;
gap: 1em; }
nav .quick-assist li {
padding: .2em;
font-size: .96em;
font-weight: 500; }
nav .quick-assist li a {
text-decoration: none; }
nav .quick-assist li:first-of-type {
display: none;
visibility: hidden; }
nav .searchbox {
position: absolute;
top: .35em;
right: .3em;
font-size: 1.6em;
font-weight: 500; }
nav .searchbox a {
text-decoration: none;
color: black; }
.menulists {
position: relative;
background: #fff;
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.menulists .topmenu {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: .86em;
border-radius: 5px;
padding: .5em .86em;
height: auto; }
.menulists .topmenu a {
text-decoration: none;
display: block;
-webkit-transition: .3s linear;
transition: .3s linear;
margin: auto;
font-weight: 500;
color: gray; }
.menulists .topmenu a:hover {
color: black; }
.menulists .topmenu > li {
width: 100%;
display: inline-block;
padding: .15em 0;
position: relative;
padding: .5em; }
.menulists .topmenu > li > a {
font-size: 1.05em;
text-transform: initial; }
.menulists .topmenu > li:last-of-type {
margin-top: .4em;
padding-top: .86em;
border-top: 1px solid #1a1a1a; }
.menulists .topmenu > li:hover {
color: black; }
.menulists .topmenu .has-sub:hover:after {
color: black; }
.menulists .topmenu .has-sub::after {
position: absolute;
top: 12px;
right: 0;
content: "\f0da";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
text-align: center;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
color: gray; }
.menulists .submenu a:hover {
color: black; }
.menulists .submenu {
position: absolute;
padding: .2em;
left: 10em;
top: -.2em;
min-width: 9em;
list-style: none;
display: none;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transition: .3s linear;
transition: .3s linear;
border-radius: .4em;
background-color: white;
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.menulists .submenu .sub-has-sub::after {
position: absolute;
top: 13px;
right: -21px;
content: "\f0da";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
text-align: center;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
color: black; }
.menulists .submenu li {
position: relative;
left: 4px;
top: 1px; }
.menulists .submenu li a {
color: gray;
padding: .56em;
font-size: .95em;
margin-top: -1px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.menulists .submenu .submenu {
position: absolute;
left: 120%;
top: 5px;
-webkit-transition: .3s linear;
transition: .3s linear;
min-width: 12em; }
.menulists li:hover > .submenu {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
display: block; }
.searchBox {
position: fixed;
z-index: 98; }
.searchForm {
position: relative;
top: 5rem;
left: 0;
margin: 0 auto;
text-align: center;
width: 100%;
max-height: 0px;
overflow: hidden;
z-index: 100; }
.searchForm .formLabel {
position: relative;
padding-left: 1em;
margin-bottom: .2em;
text-align: left;
font-size: 1.5em;
font-weight: 600;
line-height: 1; }
.searchIcon {
display: block;
position: absolute;
top: -.15em;
right: 0;
padding: 11px 13px 1px 2px;
height: 29px;
width: 28px;
cursor: pointer;
font-size: 1.5em;
z-index: 98; }
.stripe {
position: absolute;
top: .1em;
display: block;
background: #000;
width: 28px;
height: .22rem;
border-radius: .3rem;
-webkit-transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2);
transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2); }
.stripe-1 {
display: block;
opacity: 0;
top: 13px; }
.searchglass {
display: block;
background-image: url("../images/svg/search.svg");
background-repeat: no-repeat;
background-size: contain;
width: 98%;
height: 98%; }
.stripe-2 {
display: block;
opacity: 0;
top: 32px; }
#searchToggle:checked ~ .searchIcon {
position: absolute;
top: -.15em;
left: 0;
width: 100%;
height: 100vh;
padding: 1.2em 0;
background: rgba(255, 255, 255, 0.85); }
#searchToggle:checked ~ .searchBox > .searchForm {
position: fixed;
width: 100%;
max-height: 10em;
-webkit-transition: all 1s cubic-bezier(0.5, 1, 0.22, 1);
transition: all 1s cubic-bezier(0.5, 1, 0.22, 1);
z-index: 100; }
#searchToggle:checked ~ .searchIcon > .searchglass {
opacity: 0; }
#searchToggle:checked ~ label .stripe-1 {
opacity: 1;
top: 14px;
right: 13px;
width: 28px;
border: .05em solid #ff0000;
background: #ff0000;
-webkit-transform: translateX(-11px) rotate(-45deg) translateY(12px);
transform: translateX(-11px) rotate(-45deg) translateY(12px); }
#searchToggle:checked ~ label .stripe-2 {
opacity: 1;
top: 28px;
right: 13px;
width: 28px;
border: .05em solid #ff0000;
background: #ff0000;
-webkit-transform: translateX(-8px) rotate(45deg) translateY(-8px);
transform: translateX(-8px) rotate(45deg) translateY(-8px); }
.searchTerm {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 94%;
border: 3px solid #000;
padding: 6px 8px;
height: 46px;
border-radius: 8px;
outline: none;
font-size: 1em;
z-index: 98; }
.searchButton {
opacity: 0; }
main {
position: relative;
top: 3em;
width: 100%;
height: auto; }
main .greet {
background-position: 50% 0%;
max-height: 16em;
overflow: hidden;
margin: 0; }
main .greet .subheader {
margin: 35% 2em .5em 1em;
font-size: .9em;
font-weight: 500;
line-height: 1.1;
width: 92vw;
color: #fff;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.85), 0 0 8px rgba(255, 255, 255, 0.45); }
main .greet h1 {
font-size: 1.6em;
font-weight: 600;
line-height: 1.1;
width: 92vw;
color: #fff;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.85), 0 0 8px rgba(255, 255, 255, 0.45);
padding: 0 .5em; }
main .alert {
max-width: 90vw;
margin: 1em auto;
border-radius: 0.5em;
overflow: hidden; }
main .block {
display: inline-block;
margin: 1em 0;
padding-left: 100%;
font-size: 1.2em;
white-space: nowrap;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
@-webkit-keyframes marquee {
from {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
to {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0); } }
@keyframes marquee {
from {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
to {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0); } }
main .animate {
-webkit-animation: marquee 20s linear 1s infinite;
animation: marquee 20s linear 1s infinite; }
main .centered_big {
position: relative;
text-align: center;
margin: 1.5em 1em; }
main .centered_big h1 {
font-size: 1.6em; }
main .centered_big .buttons {
margin: .5em auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto; }
main .centered_big .buttons #entry {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
font-size: 1.05em;
margin: 1em .5em;
background: #1D1E3A;
-ms-flex-item-align: stretch;
align-self: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
main .centered_big .buttons #terms {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
font-size: 1.05em;
margin: 1em .5em;
background: #FF4E60;
-ms-flex-item-align: stretch;
align-self: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
main .centered_big .buttons #price {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
font-size: 1.05em;
margin: 1em .5em;
background: #45E2E4;
-ms-flex-item-align: stretch;
align-self: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
main .centered_big .sub_medium {
font-size: 1.08em; }
main .centered_big .clause_small {
width: 14em;
padding: .5em;
border-radius: .4em;
border: 1px solid red;
margin: .86em auto;
font-size: 1.08em;
background: #D31027;
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(#EA384D), to(#D31027));
background: linear-gradient(to right, #EA384D, #D31027);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
main .centered_big a {
text-decoration: none;
color: #fff; }
main .centered_big a:hover {
color: yellow; }
main #openModal-winners h3 {
margin-bottom: 1em; }
main #openModal-winners ol {
margin: 1em 0 0;
padding: 0;
list-style: decimal-leading-zero; }
main #openModal-winners ol li {
font-size: .86em;
font-weight: 400;
display: grid;
grid-template-rows: repeat(2, 1fr);
text-align: left;
padding: .25em;
border-bottom: 1px dotted #999; }
main #openModal-winners ol li:nth-child(1) {
background-color: #999;
padding: .56em;
font-size: 1em;
font-weight: 500;
display: none;
visibility: hidden; }
main #openModal-winners ol li:last-child {
border-bottom: none; }
main #openModal-winners ol li .name {
font-size: 1em;
font-weight: 500; }
main #openModal-winners ol li .name:after {
content: ', you won';
font-size: 1em;
font-weight: normal; }
.page-404 {
position: relative;
margin: 0;
padding: 0;
min-height: 15em; }
.page-404 .errors {
position: relative;
top: 3em !important;
width: 99.6%;
text-align: center;
color: #000;
padding-bottom: 2em; }
.page-404 .errors #message {
font-size: 1.768em;
font-weight: 500; }
.page-404 .errors #code {
position: relative;
top: -.1em;
font-size: 10em;
font-weight: 600;
clear: both; }
.page-404 .errors #desc {
position: absolute;
top: 11em;
padding: 1em 1em 0;
font-size: 1em;
font-weight: normal;
line-height: 1.2; }
.page-404 .offers {
position: relative;
margin: 3em auto 0;
padding: 1.5em 1em 3em; }
.page-404 .offers a {
display: block;
text-decoration: none;
color: #000; }
.page-404 .offers a:hover {
color: #f00; }
.page-404 .offers h2 {
padding: 0 .8em;
color: #000;
padding-bottom: .6em; }
.page-404 .offers h3 {
color: #000;
font-weight: 500;
padding-bottom: .6em; }
.page-404 .go-places {
position: relative;
padding: 1em 1.3em .5em;
border-radius: .4em;
background: rgba(255, 255, 255, 0.65); }
.page-404 .go-places ul {
margin: 0;
padding: .5em .8em 0; }
.page-404 .activities {
position: relative;
top: 1em;
padding: 1em 1.3em .5em;
border-radius: .4em;
background: rgba(255, 255, 255, 0.65); }
.page-404 .activities ul {
margin: 0;
padding: .5em .8em 0; }
.page-404 .travelers {
position: relative;
top: 2em;
padding: 1em 1.3em .5em;
border-radius: .4em;
background: rgba(255, 255, 255, 0.65); }
.page-404 .travelers ul {
margin: 0;
padding: .5em .8em 0; }
.notice {
width: 100%;
height: 1em;
background-color: orange;
text-align: center;
padding: .8em 0 1em; }
.notice a {
color: white;
text-decoration: none;
padding-bottom: .15em;
border-bottom: 1px solid white; }
.notice a:hover {
color: red;
border-bottom: 1px solid red; }
.notice a:visited, .notice a:active {
color: white;
text-decoration: none;
padding-bottom: .15em;
border-bottom: 1px solid white; }
.sliders {
position: relative;
margin: 0;
padding: 0;
overflow: hidden; }
.sliders .owl-carousel {
position: relative;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: auto;
overflow: hidden;
margin: 0;
padding: 0; }
.sliders .owl-carousel .item {
position: relative;
text-align: center;
margin: 0;
padding: 0; }
.sliders .owl-carousel .item img {
display: block;
width: 100%;
height: auto;
cursor: grab;
cursor: -webkit-grab;
overflow: hidden; }
.sliders .owl-carousel .item .sliders-brief {
position: absolute;
z-index: 25;
bottom: 1.2em;
left: 2em;
text-align: left; }
.sliders .owl-carousel .item h3 {
position: relative;
font-size: .96em;
font-weight: 500;
line-height: 1.1;
width: 92vw;
color: #fff;
text-shadow: 0 0 1px #000, 0 0 3px #000; }
.sliders .owl-carousel .item h1 {
font-size: 1.6em;
font-weight: 600;
line-height: 1;
width: 92vw;
color: #fff;
text-shadow: 0 0 1px #000, 0 0 3px #000; }
.sliders .owl-carousel .link {
display: block;
cursor: pointer; }
.sliders .owl-carousel .link:hover {
opacity: 0.5; }
.sliders .owl-nav {
position: absolute;
top: 7%;
width: 100vw;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 15;
background-color: transparent;
-webkit-filter: drop-shadow(0 0 0.75rem crimson);
filter: drop-shadow(0 0 0.75rem crimson); }
.sliders .owl-nav .owl-prev {
background-color: transparent;
font-size: 3.3em;
margin-left: .25em; }
.sliders .owl-nav .owl-prev:hover {
background-color: transparent; }
.sliders .owl-nav .owl-next {
background-color: transparent;
font-size: 3.3em;
margin-right: .25em; }
.sliders .owl-nav .owl-next:hover {
background-color: transparent; }
.sliders .owl-nav .owl-next:focus,
.sliders .owl-nav .owl-prev:focus {
background-color: transparent;
outline: none; }
.sabahmap {
position: relative;
top: 0;
left: 0;
margin: 2em auto 2em;
overflow: hidden; }
.sabahmap h2 {
margin-left: .6em;
margin-bottom: .5em; }
.sabahmap svg {
margin-bottom: .5em; }
.sabahmap .in-title {
display: none;
visibility: hidden; }
.map {
max-width: 100vw;
overflow: hidden; }
.map #kudat {
fill: #f1a2a2; }
.map #kudat:hover {
fill: #cc2929; }
.map #westcoast {
fill: #80d4e2; }
.map #westcoast:hover {
fill: #29b5cc; }
.map #interior {
fill: #f7e9c8; }
.map #interior:hover {
fill: #ffbb20; }
.map #sandakan {
fill: #bff58d; }
.map #sandakan:hover {
fill: #8ed051; }
.map #tawau {
fill: #ece58a; }
.map #tawau:hover {
fill: #f7f013; }
#divs, .airports {
display: none;
visibility: hidden; }
.numbers circle {
fill: #5f8dd3; }
.numbers .number {
font-size: 2em;
font-weight: 600;
fill: #fff; }
.divisions {
list-style: none;
margin: 0;
padding: .5em .6em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around; }
.divisions li {
width: 10em !important;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin: .25em;
border: 1px solid #bec8b7;
border-radius: .2em; }
.divisions li a {
display: block;
padding: .3em .5em;
text-decoration: none;
color: #000;
font-weight: 500; }
.divisions li a:hover {
color: #C83737; }
.divisions li:hover {
border: 1px solid #C83737; }
.divisions li:hover + .markers ~ .marker {
border: 1px solid #C83737; }
.popular {
position: relative;
top: 0;
left: 0;
margin-bottom: 2em; }
.popular h2 {
margin-top: 1em;
margin-left: .6em;
margin-right: 2em;
margin-bottom: .5em;
line-height: 1; }
.popular h2 span {
color: red; }
.popular .see-all {
position: absolute;
top: .35em;
right: 1.125em;
font-size: .86em; }
.popular .see-all a {
text-decoration: none;
color: #3aa349; }
.popular .see-all a:hover {
color: #e63d55; }
.places {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: justify;
align-content: space-between;
max-width: 100vw;
margin: 0;
padding: .6em .6em 0 .8em;
overflow-x: auto; }
.places a {
text-decoration: none; }
.places figure {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 11em !important;
margin: 0 .1em 1em .1em; }
.places figure:last-of-type {
padding-right: .8em; }
.places figure img {
width: 100%;
height: 100%;
min-height: 7em;
max-height: 7em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.places figure figcaption {
position: absolute;
padding: 0 1.2em 0 .8em;
bottom: 1em;
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.places .cbt {
position: absolute;
top: 10px;
right: 22px;
width: 2.3em;
height: 2.3em;
border-radius: 100em;
overflow: hidden;
background: #ee0979 url("../images/svg/rural.svg") no-repeat;
background-size: contain;
background-position: 0 -5px;
-webkit-filter: drop-shadow(0 0 5px #fafafa);
filter: drop-shadow(0 0 5px #fafafa);
z-index: 11; }
.all {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow-x: hidden; }
.all figure {
width: 11.5em !important;
margin: 0 .4em .5em .5em; }
.all .cbt {
top: 10px;
right: 10px; }
.explores {
position: relative;
top: 0;
left: 0; }
.explores h2 {
margin-top: 1em;
margin-left: .6em;
margin-bottom: .5em; }
.explores h2 span {
color: #f00; }
.explores .see-all {
position: absolute;
top: .75em;
right: 1.125em;
font-size: .86em;
font-weight: 500; }
.explores .see-all a {
text-decoration: none;
color: #404040; }
.interests {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: justify;
align-content: space-between;
max-width: 100vw;
margin: 0;
padding: 0 .6em 0 .8em;
overflow-x: auto; }
.interests a {
text-decoration: none; }
.interests figure {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 11em !important;
margin: 0 .1em 1em .1em; }
.interests figure:last-child {
padding-right: .8em; }
.interests figure img {
width: 100%;
height: 100%;
min-height: 7em;
max-height: 7em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.interests figure figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.all {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: justify;
align-content: space-between;
max-width: 100vw;
margin: 0;
padding: 0 .5em; }
.all figure:last-of-type {
padding-right: 0; }
.traveler {
position: relative;
top: 0;
left: 0;
margin: 1em auto;
padding: .5em .6em;
overflow: hidden; }
.traveler h2 {
margin-left: .3em;
margin-bottom: .5em; }
.traveler .submit-article {
position: absolute;
top: .986em;
right: 1.125em;
font-size: 1em;
text-indent: 999px; }
.traveler .submit-article a {
text-decoration: none;
color: #3aa349; }
.traveler .submit-article a:hover {
color: #e63d55; }
.experience {
margin: .5em .5em 1em .5em; }
.experience a {
text-decoration: none;
color: #000; }
.experience img {
width: 100%;
height: 100%;
min-height: 10em;
max-height: 10em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.experience .meta {
line-height: 1;
padding: .12em .25em .5em .35em; }
.experience .meta .title {
font-size: 1.05em;
font-weight: bold; }
.experience .meta .author {
font-size: .8em;
font-weight: lighter; }
.news {
position: relative;
top: 0;
left: 0;
margin: 1em auto;
padding: .5em .6em; }
.news h2 {
margin-left: .3em; }
.news .see-all {
position: absolute;
top: 1.15em;
right: 1.125em;
font-size: .86em; }
.news .see-all a {
text-decoration: none;
color: #3aa349; }
.news .see-all a:hover {
color: #e63d55; }
.news .newslistings {
list-style: none;
margin: .5em; }
.news .newslistings li {
padding: .2em 0 1em;
height: auto;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.news .newslistings li:first-child {
border-top: none; }
.news .newslistings li:last-child {
border-bottom: none; }
.news .newslistings li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-decoration: none;
color: #000; }
.news .newslistings li .source-date {
display: none;
visibility: hidden; }
.news .newslistings li h4 {
position: relative;
top: .15em;
line-height: 1;
padding-bottom: .3em; }
.monthly {
position: relative;
top: 0;
left: 0;
margin: 1em auto;
padding: .5em .6em; }
.monthly h2 {
margin-left: .3em;
margin-bottom: .5em; }
.listof3 {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden;
border: 1px solid blue; }
.month {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 80%;
height: auto; }
.month a {
text-decoration: none; }
.month img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.month span {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1.5em;
font-weight: 600;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.slick-slide {
margin: .6em; }
.slick-prev:before,
.slick-next:before {
color: #fff; }
.slick-prev {
z-index: 2;
left: 3.2%; }
.slick-next {
z-index: 2;
right: 3.2%; }
.cuisines {
position: relative;
top: 0;
left: 0; }
.cuisines h2 {
margin-left: .6em;
margin-bottom: .5em; }
.foods {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: justify;
align-content: space-between;
max-width: 100vw;
margin: 0;
padding: 0 .6em 0 .8em;
overflow-x: auto; }
.foods a {
text-decoration: none; }
.foods figure {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 11em !important;
margin: 0 .1em 1em .1em; }
.foods figure:last-of-type {
padding-right: .8em; }
.foods figure img {
width: 100%;
height: 100%;
min-height: 7em;
max-height: 7em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.foods figure figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.banner {
position: relative;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
height: 20em;
overflow: hidden;
margin: -.05em 0 1em 0; }
.banner h2 {
position: absolute;
margin: 9.5em 2em 0 1.3em;
font-size: .96em;
font-weight: 500;
color: #fff;
text-shadow: 0 0 1px #000, 0 0 3px #000; }
.banner h3 {
position: relative;
font-size: .96em;
font-weight: 500;
margin: 11em 2em 0 1.2em;
line-height: 1.1;
width: 92vw;
color: #fff;
text-shadow: 0 0 1px #000, 0 0 3px #000; }
.banner h1 {
font-size: 1.6em;
font-weight: 600;
line-height: 1;
width: 92vw;
margin: .3em 2em 2em .67em;
color: #fff;
text-shadow: 0 0 1px #000, 0 0 3px #000; }
.banner #tenderForm {
position: relative;
top: -2em;
display: block;
margin: 0;
padding: .25em .86em; }
.banner #tenderForm .tenderIcon {
width: 2.5em;
margin: .3em 0 0 .35em; }
.banner #tenderForm span {
position: relative;
top: -1em;
margin: auto .5em; }
.banner #tenderForm a {
font-weight: 500;
text-decoration: none;
color: #fff;
text-shadow: 0 0 1px #000, 0 0 3px #000; }
.banner #tenderForm a:hover {
color: #fff;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.85), 0 0 8px rgba(255, 255, 255, 0.45); }
.contentframe {
margin: 1em auto 2em;
padding: 0;
overflow-x: hidden; }
.contentframe .requirements {
position: relative;
bottom: 0;
margin: 12em 1em 1em; }
.contentframe .requirements li {
font-size: .8em; }
.contentframe #openModal-prize h3 {
margin-bottom: 1.2em; }
.contentframe #openModal-prize ol {
margin: 0 0 0 1.8em;
padding: 0;
list-style: decimal-leading-zero; }
.contentframe #openModal-prize ol li {
font-size: 1em;
font-weight: 500; }
.contentframe #openModal-prize ol li ul {
list-style: disc;
margin: .5em 0;
padding: .25em 1em;
display: grid;
grid-template-columns: 1fr;
gap: .86em;
border: 1px solid #999;
border-radius: .4em; }
.contentframe #openModal-prize ol li ul li {
font-size: .86em;
font-weight: normal;
margin: 0 0 0 1em;
padding: .35em; }
.contentframe .side-info {
position: absolute;
top: 15.6em;
left: 0;
margin: 2em .5em;
padding: .6em;
overflow-x: hidden; }
.contentframe .side-info a {
text-decoration: none; }
.contentframe .side-info .tripadvisor {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 5em;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.contentframe .side-info .tripadvisor #button {
margin-bottom: 1.5em; }
.contentframe .side-info .tripadvisor #button img {
width: 3.56em;
height: auto;
-webkit-filter: drop-shadow(0 0 2px #777);
filter: drop-shadow(0 0 3px #777); }
.contentframe .side-info .tripadvisor #button img:hover {
-webkit-filter: drop-shadow(1px 1px 5px #222);
filter: drop-shadow(1px 1px 5px #222); }
.contentframe .side-info .tripadvisor .ratings {
position: relative;
margin: 0 0 .5em 1em; }
.contentframe .side-info .tripadvisor .ratings #title {
position: relative;
top: -.26em;
left: .2em;
margin-bottom: .3em;
font-size: 1em;
font-weight: 500;
color: #fff;
-webkit-filter: drop-shadow(0 1px 3px #222);
filter: drop-shadow(0 1px 3px #222); }
.contentframe .side-info .tripadvisor .ratings span {
position: relative;
top: -.3em;
font-size: .86em;
color: gray;
margin-left: 0;
padding-bottom: .01em;
border-bottom: 1px solid gray; }
.contentframe .breadcrumb {
position: relative;
margin: 1.5em 0 0 1.35em;
font-size: .86em; }
.contentframe .breadcrumb ul {
list-style: none;
margin: 0;
padding: 0; }
.contentframe .breadcrumb ul li {
display: inline; }
.contentframe .breadcrumb ul li a {
text-decoration: none;
color: inherit; }
.contentframe .breadcrumb ul li a:hover {
color: red; }
.contentframe .breadcrumb ul li::after {
content: " \25B8 ";
font-weight: 600;
color: black;
vertical-align: middle; }
.contentframe .breadcrumb ul li:last-of-type::after {
content: ''; }
.contentframe .medium-block {
margin: 2em auto;
position: relative;
max-width: 90vw;
height: auto; }
.contentframe .recentDeals {
position: relative;
margin: 0 auto;
padding: 0 1em .5em; }
.contentframe .recentDeals h2 {
margin: 1.5em 0 .8em;
font-size: 1.25em; }
.contentframe .recentDeals #new-promo {
position: relative;
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1em; }
.contentframe .recentDeals #new-promo li {
-webkit-box-shadow: 0 0 .2em 0 gray;
box-shadow: 0 0 .2em 0 gray;
border-radius: .8em; }
.contentframe .recentDeals #new-promo li:hover {
-webkit-box-shadow: 0 0 0.2em 0.1em #ccccff;
box-shadow: 0 0 0.2em 0.1em #ccccff; }
.contentframe .recentDeals #new-promo li a {
text-decoration: none;
color: #777; }
.contentframe .recentDeals #new-promo li a:hover {
color: black; }
.contentframe .recentDeals #new-promo li img {
top: 0;
left: 0;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
border-top-left-radius: .8em;
border-top-right-radius: .8em;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.contentframe .recentDeals #new-promo li .meta {
margin-bottom: 1em; }
.contentframe .recentDeals #new-promo li .meta h4, .contentframe .recentDeals #new-promo li .meta span {
padding: .5em .5em 0 1em; }
.contentframe .recentDeals #new-promo li .meta span {
display: block;
margin: 0 .1em;
font-size: .87em;
overflow: hidden; }
.contentframe .cat-filters {
margin: 1em; }
.contentframe .cat-filters h3 {
margin: 1em auto;
text-align: center; }
.contentframe .cat-filters .cat-lists {
list-style: none;
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: .5em; }
.contentframe .cat-filters .cat-lists li {
margin: .25em;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-item-align: auto;
align-self: auto; }
.contentframe .cat-filters .cat-lists li a {
display: block;
margin: 0;
padding: .45em .65em;
border: 1px solid #999;
border-radius: .5em;
text-decoration: none;
color: black;
text-align: center; }
.contentframe .cat-filters .cat-lists li a:hover {
color: blue;
border: 1px solid #ccccff;
-webkit-box-shadow: 0 0.1em 0.1em 0 #ccccff;
box-shadow: 0 0.1em 0.1em 0 #ccccff; }
.content {
position: relative;
margin: 0 1% 2em;
padding: .5em .8em;
text-align: justify;
text-justify: inter-word;
overflow: hidden;
/* Force table to not be like tables anymore */
/* Hide table headers (but not display: none;, for accessibility) */
/*
Label the data
*/ }
.content table, .content thead, .content tbody, .content th, .content td, .content tr {
display: block; }
.content thead tr {
position: absolute;
top: -9999px;
left: -9999px; }
.content tr {
border: 1px solid transparent;
margin-bottom: 5px; }
.content td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 48%;
line-height: 1; }
.content td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 0;
left: 0;
width: 46%;
white-space: nowrap; }
.content td:nth-of-type(1):before {
content: "Language";
background: #FF4500;
color: #fff;
font-size: 1em; }
.content td:nth-of-type(2):before {
content: "Hello (Translation)";
background: #FF4500;
color: #fff;
font-size: 1em; }
.content td:nth-of-type(3):before {
content: "Welcome (Translation)";
background: #FF4500;
color: #fff;
font-size: 1em; }
.content p > a {
text-decoration: none;
color: #3b80e8;
padding-bottom: .05em;
border-bottom: 1px dotted #666666; }
.content p > a:hover {
color: #e63d55; }
.content .buttons {
margin: .5em auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
text-align: center; }
.content .buttons #entry {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
font-size: 1.05em;
margin: 1em .5em;
background: #1D1E3A;
-ms-flex-item-align: stretch;
align-self: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.content .buttons #terms {
font-size: 1.05em;
margin: 1em .5em;
background: #FF4E60;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%; }
.content .buttons #price {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
font-size: 1.05em;
margin: 1em .5em;
background: #45E2E4;
-ms-flex-item-align: stretch;
align-self: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.content .buttons a {
text-decoration: none;
color: #fff;
font-size: 1.05em; }
.content .buttons a:hover {
color: yellow; }
.content .red-button {
width: 14em;
text-align: center;
padding: .5em;
border-radius: .4em;
border: 1px solid red;
margin: .86em auto;
font-size: 1.08em;
background: #D31027;
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(#EA384D), to(#D31027));
background: linear-gradient(to right, #EA384D, #D31027);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
.content .red-button a {
text-decoration: none;
color: #fff; }
.content .red-button a:hover {
color: yellow; }
.content .body-text li > a {
text-decoration: none;
color: #3b80e8;
padding-bottom: .05em;
border-bottom: 1px dotted #666666; }
.content .body-text li > a:hover {
color: #e63d55; }
.content .center-block {
margin: 2em 0;
text-align: center; }
.content .center-block h1, .content .center-block h2 {
margin: .25em 0;
padding: .2em;
line-height: .5; }
.content .center-block h2 {
margin: .1em 0;
padding: .15em; }
.content .center-block h3, .content .center-block h4, .content .center-block h5, .content .center-block h6 {
margin: 0;
padding: 0; }
.content .center-block h1, .content .center-block h2, .content .center-block h3, .content .center-block h4, .content .center-block h5, .content .center-block h6 {
line-height: 1.2; }
.content .center-block .logos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.content .center-block .logos .logo {
width: 8em;
height: auto;
-ms-flex-item-align: center;
align-self: center;
padding: .6em 1em 0; }
.content .center-block .logos .logo img {
width: 100%;
height: auto; }
.content .utils {
position: relative;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 2em;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 1.5em auto 1em;
border-top: 1px dotted #dbdbdb;
border-bottom: 1px dotted #dbdbdb; }
.content .utils li {
margin: .4em .5em .3em 1em; }
.content .utils li a {
display: block;
color: #000;
text-decoration: none; }
.content .utils li a:hover {
color: #e63d55; }
.content .utils li span {
display: none;
visibility: hidden; }
.content .brief {
position: relative;
top: .8em;
font-size: 1.10em;
font-weight: 600;
margin: 1.5em 0 1em;
padding: .03em .25em 0 3em;
background: url("../images/svg/quote-left.svg") no-repeat top left;
background-size: 2em; }
.content h2 {
margin: 1.8em 0 .5em;
padding: 0;
line-height: 1;
font-size: 1.38em; }
.content h2 span {
color: #f00; }
.content h3, .content h4 {
margin: 1em 0 .8em;
padding: 0; }
.content .stopper {
position: relative;
margin: 3em 0 .6em;
width: 5em;
height: .6em;
background-color: #f00;
border-radius: 2em; }
.content .bottom-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.content .bottom-block .rural-product {
margin: .86em auto .5em;
width: 10em;
height: auto;
overflow: hidden; }
.content .bottom-block .product-info a {
text-decoration: none;
padding-bottom: .05em;
border-bottom: none;
color: #f00; }
.content .bottom-block .product-info a:hover {
border-bottom: 1px solid #333333; }
.content .bottom-block .product-info ul {
list-style: none;
margin: 0; }
.content .bottom-block .product-info ul li {
margin-bottom: .2em; }
.content .contact-divider {
position: relative;
margin: 1.5em 0 1em;
width: 4em;
height: .35em;
background-color: #ff3d3d;
border-radius: 2em; }
.content .readFull {
position: relative;
margin: 0;
padding: 0;
font-weight: 500; }
.content .readFull a {
text-decoration: none;
color: #3b80e8;
padding-bottom: .05em;
border-bottom: none; }
.content .readFull a:hover {
border-bottom: 1px dotted #000; }
.content .event-meta {
position: relative;
margin: 1em 0 .5em;
padding: .2em .6em;
border: 1px dashed #cccccc;
border-radius: .45em; }
.content .event-meta h4 {
position: relative;
margin-top: .3em;
color: #e63d55; }
.content .metainfo {
position: relative;
margin: .5em 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: .8em; }
.content .metainfo li {
line-height: 1;
font-weight: 500;
-ms-flex-line-pack: justify;
align-content: space-between;
width: 45%;
margin: .15em;
padding: .3em .5em .3em 0; }
.content .metainfo li a {
text-decoration: none;
color: #3b80e8;
padding-bottom: .05em; }
.content .search-results a {
text-decoration: none;
color: green; }
.content .search-results a:hover {
color: red; }
.content .search-results h3 {
font-size: 1em;
line-height: 1.1; }
.content blockquote {
text-align: center;
margin: 1.2em .8em 2em;
padding: 1.65em .2em 1em;
font-size: 1.10em;
font-weight: 500;
background: url("../images/svg/quote-right.svg") no-repeat top right;
background-size: 1.6em;
background-blend-mode: luminosity; }
.content .lists-inline {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style: none; }
.content .lists-inline li {
width: 100%;
margin: .5em;
padding: .3em .5em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #e6e6e6;
text-align: center;
border-radius: .4em; }
.content .lists-list {
padding: 0; }
.content .lists-list li {
margin: .875em 0; }
.content .lists-list li .name {
font-size: .96em;
font-weight: 600; }
.content .lists-list li .sub {
position: relative;
margin: 0 0 0 .2em;
padding: 0;
font-size: .86em;
font-style: italic;
color: #4d4d4d; }
.content .lists-list li .meta {
font-size: .92em; }
.content .notes {
font-size: .8em;
font-weight: 400;
line-height: normal;
margin: .15em .85em 1.5em 0;
color: #4d4d4d; }
.content .pr-postdate {
font-size: .85em;
font-weight: 400;
line-height: 1; }
.content .pr-postdate::before {
content: "\f10d";
display: inline-block;
margin-right: .76em;
margin-bottom: .2em;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
text-align: center;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.content .contact-address:before {
content: "Contact Address:";
display: block;
font-size: 1em;
font-weight: 600; }
.content .contact-address a {
text-decoration: none;
padding-bottom: .05em;
border-bottom: none;
color: #f00; }
.content .contact-address a:hover {
border-bottom: 1px solid #333333; }
.content .contact-address ul {
list-style: none;
margin: 0; }
.content .contact-address ul li {
margin: 0 0 .2em .15em; }
.content .programme {
margin: 1em 0;
padding: .5em; }
.content .programme ._organizer {
font-size: 1.1em;
font-weight: 500; }
.content .programme ._title {
font-size: 1.2em;
font-weight: 600;
margin-bottom: .6em; }
.content .programme ._when:before {
content: "Date: ";
font-weight: bold; }
.content .programme ._where:before {
content: "Venue: ";
font-weight: bold; }
.content .programme ._host {
margin: .5em 0 1em;
font-size: .86em; }
.content .speaker {
margin: 2em 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.content .speaker ._image {
margin: 1em;
padding: 0;
min-width: 6em;
max-width: 6em;
max-height: 6em;
overflow: hidden; }
.content .speaker ._image img {
width: 100%;
height: 6em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 12em;
overflow: hidden; }
.content .speaker ._person {
margin: 0;
padding: 0 .5em 0 0; }
.content .speaker ._person ._name, .content .speaker ._person ._sub {
display: block;
margin: 0; }
.content .speaker ._person ._name {
font-weight: 600; }
.content .speaker ._person ._sub {
font-size: .86em;
font-weight: 500; }
.content .speaker_info {
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px dashed #cccccc; }
.content .career-meta {
margin: .2em 0;
padding: .3em 0 1em; }
.content .career-meta .availability, .content .career-meta .status, .content .career-meta .grade, .content .career-meta .grade-code, .content .career-meta .salary {
padding: .25em 0 .15em;
display: block; }
.content .career-meta .availability > span, .content .career-meta .status > span, .content .career-meta .grade > span, .content .career-meta .grade-code > span, .content .career-meta .salary > span {
font-weight: 600; }
.content .lines {
padding: .5em 0;
border-bottom: 1px dashed gray; }
.content .career-notes {
margin: 2em 0 1em;
font-size: .96em;
color: #4d4d4d; }
.content .career-notes_address {
font-weight: 600;
color: #000; }
.content .career-notes #submit-date {
color: #000;
font-weight: 600;
padding-bottom: .1em;
border-bottom: 1px solid #000; }
.content .calendar-meta {
margin-bottom: 2em; }
.content .calendar-meta h4 {
font-size: .95em;
font-weight: 600;
margin-bottom: .75em; }
.content .calendar-meta ul {
margin: 0;
padding: 0; }
.content .calendar-meta li {
list-style: none;
margin: 0;
padding: 0 2.5em .5em 0;
font-size: .95em; }
.content .calendar-meta li a {
text-decoration: none;
border-bottom: 1px dotted black; }
.content .calendar-meta li a:hover {
color: red;
border-bottom: 1px dotted red; }
.listings {
position: relative;
margin: 0 auto;
padding: 0;
overflow: hidden; }
.listings h3 {
margin: 0 1em;
padding: 0; }
.listings h4 {
margin: 0;
padding: 0;
line-height: 1; }
.listings .lists {
position: relative;
margin: 1em 1.2% 0;
padding: .8em; }
.listings li {
display: block;
padding: .8em 0 .3em 0;
height: auto;
border-bottom: 2px solid black; }
.listings li:first-child {
border-top: none; }
.listings li:last-child {
border-bottom: none; }
.listings li h4 {
position: relative;
line-height: 1; }
.listings li .meta {
position: relative; }
.listings li .meta .rating {
display: block;
margin: .85em 0 0; }
.listings li .meta .rating .fa {
color: #b3b3b3;
width: 12px;
font-size: .768em; }
.listings li .meta .rating .active {
color: #f00 !important; }
.listings li .meta .rating .orchid {
position: relative;
top: 2px;
display: inline-block;
width: 14px !important;
height: 15px !important;
background-image: url("../images/svg/orchid.svg");
background-repeat: no-repeat;
background-size: 170% 190%;
background-position: center 4px; }
.listings li .meta .rating .orchid-active {
position: relative;
top: 2px;
display: inline-block;
width: 14px !important;
height: 15px !important;
background-image: url("../images/svg/orchid.svg");
background-repeat: no-repeat;
background-size: 170% 190%;
background-position: center bottom; }
.listings li .meta .type {
font-size: .76em;
font-weight: lighter; }
.listings li .where {
margin-top: .5em;
padding-top: .7em;
margin-bottom: 1em;
font-size: .85em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.listings li .where:nth-of-type(1) {
color: #404040; }
.listings li a {
color: #000;
text-decoration: none; }
.listings li a:hover > .where span:nth-last-child(1) {
color: #b30000; }
.listings li a:hover > h4 {
color: #0000d6; }
.listings li .tripadvisor {
margin: .5em .5em 0 0; }
.listings li .tripadvisor a {
display: block; }
.listings li .tripadvisor span {
position: relative;
top: -.36em;
font-size: .8em;
color: gray;
margin-left: .3em;
padding-bottom: .02em;
border-bottom: 1px solid gray; }
.campaign_full {
position: relative;
margin: 1em auto 2em;
text-align: justify;
text-justify: inter-word;
overflow: hidden; }
.campaign_full .groupof-1 {
position: relative;
margin: 0 .1em 1em;
padding: 0; }
.campaign_full .groupof-1 a {
text-decoration: none; }
.campaign_full .groupof-1 figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: auto;
height: auto;
overflow: hidden;
border-radius: .4em; }
.campaign_full .groupof-1 figure img {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin: 0 auto;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: .4em;
overflow: hidden; }
.campaign_full .groupof-1 figcaption {
display: none;
visibility: hidden; }
.campaign_full .notes {
position: relative;
margin: 2em 1em 1em; }
.campaign_full .notes h4 {
color: #4d4d4d; }
.campaign_full .notes p, .campaign_full .notes ul {
font-size: .83em;
color: #666666; }
.campaign_full .notes a {
text-decoration: none;
color: inherit;
padding-bottom: .08em;
border-bottom: 1px dotted #8c8c8c; }
.campaign_full .notes a:hover {
color: red; }
.campaign_full .hf-form {
border: none;
border-radius: .4em;
margin: 2em 0; }
.campaign_full .hf-fields-wrap .header {
font-size: 1.15em;
font-weight: 600;
line-height: 1.3; }
.campaign_full .hf-fields-wrap .subheader {
font-size: .876em;
line-height: 1;
margin-bottom: 2em; }
.campaign_full .hf-fields-wrap p > label {
font-weight: bold;
display: block; }
.campaign_full .hf-fields-wrap p > label ~ label {
font-weight: normal; }
.campaign_full .hf-fields-wrap .type-image {
display: block;
margin: 1em 0; }
.campaign_full .hf-fields-wrap .type-image input[type="radio"] {
position: absolute;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
visibility: hidden; }
.campaign_full .hf-fields-wrap .type-image input[type=radio]:checked ~ .check {
color: #f3580f; }
.campaign_full .hf-fields-wrap .type-image input[type=radio]:checked ~ label {
color: #f3580f; }
.campaign_full .hf-fields-wrap .type-image input[type=radio]:checked ~ img {
-webkit-filter: grayscale(0);
filter: grayscale(0); }
.campaign_full .hf-fields-wrap .type-image input[type=radio]:checked ~ h4 {
top: .3em;
font-size: 1.05em;
color: white;
text-shadow: 0 0 2px #000; }
.campaign_full .hf-fields-wrap .type-image .images-block {
display: grid;
grid-template-columns: 1fr 1fr; }
.campaign_full .hf-fields-wrap .type-image .images-block label {
display: block;
position: relative;
margin: 0 0 .25em 0;
padding: .7em;
cursor: pointer; }
.campaign_full .hf-fields-wrap .type-image .images-block label h4 {
position: absolute;
font-size: .96em;
font-weight: 500;
top: .5em;
left: 1.3em;
z-index: 15;
color: #fff;
text-shadow: 0 0 1px #000; }
.campaign_full .hf-fields-wrap .type-image .images-block label .check {
display: block;
position: absolute;
content: "\f164";
font-family: 'FontAwesome';
font-size: 1.5em;
color: #999999;
text-shadow: 0 0 2px #000;
top: 15px;
right: 8px;
z-index: 5; }
.campaign_full .hf-fields-wrap .type-image .images-block label .check::before {
display: block;
position: absolute;
content: "\f164";
font-family: 'FontAwesome';
right: 15px; }
.campaign_full .hf-fields-wrap .type-image .images-block img {
width: 100%;
height: auto;
overflow: hidden;
border-radius: .4em;
margin-bottom: .5em;
-webkit-filter: grayscale(50);
filter: grayscale(50); }
.campaign_full .hf-fields-wrap .type-image .images-block span {
font-size: .86em;
text-justify: none; }
.campaign_full .hf-fields-wrap input[type="text"], .campaign_full .hf-fields-wrap input[type="email"] {
margin: .35em 0 .5em;
padding: .5em;
width: auto;
min-width: 94%;
border: 1px solid gray;
border-radius: .4em;
font-size: 1em; }
.campaign_full .hf-fields-wrap input[type="submit"] {
padding: .5em 1.2em;
font-weight: 600;
font-size: 1.2em;
background-color: #fff;
border: 1px solid gray;
border-radius: .4em; }
.campaign_full .hf-fields-wrap input[type="submit"].center-btn {
position: relative;
display: block;
border: 2px solid #ff8080;
width: 80%;
margin: 1em auto;
cursor: pointer; }
.campaign_full .hf-fields-wrap input[type="submit"].center-btn:hover {
border: 2px solid red; }
.campaign_full ul.winners {
margin: 0;
padding: 0 0 2em 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.campaign_full ul.winners li {
width: 98%;
height: auto;
margin: .25em 0 .25em 0;
padding: .2em .5em .2em .76em;
border-radius: .15em;
border-bottom: 1px dashed #bfbfbf; }
.closed input[type="text"] {
background-color: #e6e6e6;
cursor: not-allowed;
pointer-events: none; }
.closed input[type="submit"], .closed input[type="radio"] {
display: none;
visibility: hidden; }
.closed form {
display: none;
visibility: hidden; }
.video-embed {
position: relative;
margin: 1em 0 1.5em;
padding: .5em 0 64.75% 0;
height: 0;
border-radius: .4em;
overflow: hidden;
-webkit-transform: translateY(0px);
transform: translateY(0px); }
.video-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: .4em;
overflow: hidden; }
.fb-embed {
position: relative;
margin: 2em .1em;
padding: 0;
border-radius: .4em;
overflow: hidden; }
.fb-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
border-radius: .4em;
overflow: hidden; }
.groupof-1 {
position: relative;
margin: 0 auto 1.5em;
padding: 0; }
.groupof-1 a {
text-decoration: none; }
.groupof-1 .img {
width: 100%;
height: auto;
overflow: hidden;
border-radius: .4em; }
.groupof-1 .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.groupof-1 figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.groupof-2 {
position: relative;
margin: 0 auto 1.5em;
padding: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 1em; }
.groupof-2 a {
text-decoration: none; }
.groupof-2 .img {
position: relative;
max-height: 12em;
overflow: hidden;
border-radius: .4em; }
.groupof-2 .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.groupof-2 figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.groupof-3 {
position: relative;
margin: 0 auto 1.5em;
padding: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 1em;
grid-row-gap: 1em; }
.groupof-3 a {
text-decoration: none; }
.groupof-3 .img {
position: relative;
overflow: hidden;
border-radius: .4em; }
.groupof-3 .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.groupof-3 .img:nth-of-type(1) {
grid-column-start: 1;
grid-column-end: 3;
grid-row: 1;
max-height: 18em; }
.groupof-3 .img:nth-of-type(2) {
grid-column: 1;
grid-row: 2;
max-height: 12em; }
.groupof-3 .img:nth-of-type(3) {
grid-column: 2;
grid-row: 2;
max-height: 12em; }
.groupof-3 figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.press_release {
position: relative;
overflow: hidden; }
.press_release .image {
position: relative;
margin: 0 .1em 1em;
padding: 0; }
.press_release .image a {
text-decoration: none; }
.press_release .image figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: auto;
height: auto;
overflow: hidden;
border-radius: .4em; }
.press_release .image figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: .4em;
overflow: hidden; }
.press_release .image figcaption {
font-size: .786em;
color: #737373;
padding: 1em .25em 1.5em; }
p {
margin: .6em auto 1.5em; }
p a {
color: blue;
padding: 0 .08em;
text-decoration: none;
font-weight: 500;
border-bottom: 1px solid #000; }
a.fillbtn {
position: relative;
background: #ff4d4d;
border-radius: .4em;
display: block;
text-align: center;
margin: .8em auto;
padding: .4em 3em;
font-size: 1.05em;
font-weight: 500;
color: #fff;
text-decoration: none;
border: 2px solid transparent; }
a.fillbtn:hover {
background: #fff;
color: #000;
border: 2px solid #d60000; }
.product-info a {
text-decoration: none;
color: #f00; }
.product-info ul {
list-style: none;
margin: 0; }
.product-info ul li {
margin-bottom: .2em; }
.update-info {
position: relative;
margin: 2em 0;
padding: .5em .8em;
overflow: hidden;
font-size: .786em;
color: #b3b3b3;
border-top: 1px dotted #cccccc; }
.paginate {
text-align: center;
margin: 2em 0;
list-style: none; }
.paginate a {
text-decoration: none;
color: #000; }
.paginate li {
display: inline-block;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: .35em; }
.paginate li a {
font-size: 1em;
text-decoration: none;
color: #000; }
.paginate .page {
margin: .25em;
padding: .5em .8em;
width: .3em;
height: .3em;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: .35em;
line-height: 2.6em;
color: #000; }
.paginate .active {
color: #fff;
font-weight: 500;
background: #c80000;
-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65)); }
.paginate .active:hover {
background: red; }
.paginate .active a {
color: #fff;
font-weight: 600; }
.paginate .disabled {
cursor: not-allowed;
pointer-events: none;
border: none;
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none; }
.tenders {
position: relative;
top: 0;
left: 0;
margin: 1em auto;
padding: .5em .6em; }
.tenders h2 {
margin-left: .3em; }
.tenders .tender_item {
list-style: none;
margin: .5em; }
.tenders .tender_item li {
padding: .2em 0 1em;
height: auto;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.tenders .tender_item li:first-child {
border-top: none; }
.tenders .tender_item li:last-child {
border-bottom: none; }
.tenders .tender_item li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-decoration: none;
color: #000; }
.tenders .tender_item li .tender_meta ._ref {
display: none;
visibility: hidden; }
.tenders .tender_item li .tender_meta ._status:before {
position: absolute;
right: .8em;
content: "\f111";
font-family: FontAwesome;
display: inline-block;
margin-top: .35em;
margin-left: -1.25em;
width: 1.3em;
font-size: .76em;
font-weight: normal;
color: green; }
.tenders .tender_item li h4 {
position: relative;
top: .15em;
line-height: 1;
padding-right: 1.2em;
padding-bottom: .3em; }
.tenders .tender_item li .closed {
color: #999999; }
.tenders .tender_item li .closed > .tender_meta ._status:before {
content: "\f111";
font-family: FontAwesome;
display: inline-block;
margin-top: .35em;
margin-left: -1.25em;
width: 1.3em;
font-size: .76em;
font-weight: normal;
color: #ff8080; }
.tender a {
color: blue;
text-decoration: none;
padding-bottom: .1em;
border-bottom: 1px dotted gray; }
.tender a:hover {
color: red; }
.tender > div {
padding: .35em 0; }
.tender > div .closed {
font-size: .96em;
font-weight: 600;
color: red; }
.tender_ref strong, .tender_close strong, .tender_contract strong, .tender_award strong {
display: block; }
.tender_code ul {
margin: .25em 0 0 1.25em;
padding: 0;
list-style: none; }
.tender_code li {
margin-bottom: 1.25em; }
.tender_code li ._code {
display: block;
font-size: .96em;
font-weight: 600; }
.tender_code li ._name {
font-size: .8em;
color: #666666; }
.tender_code li:before {
position: absolute;
content: "\f046";
font-family: FontAwesome;
display: inline-block;
margin-top: .1em;
margin-left: -1.25em;
width: 1.3em;
font-size: .86em;
font-weight: normal; }
.tender_scope {
margin-bottom: .65em; }
.letterHead {
position: relative;
margin: 1.5em auto 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin-bottom: 1em; }
.letterHead .logo {
position: relative;
width: 5.65em;
height: 8.5em;
background: url("../images/logo/stb-logo.jpg") no-repeat;
display: block;
margin-bottom: 1em; }
.letterHead .stb, .letterHead .ministry {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto; }
.letterHead .stb {
position: relative;
font-size: 1.2em;
line-height: 1;
text-transform: uppercase;
font-weight: 700;
padding-bottom: .5em; }
.letterHead .ministry {
line-height: 1;
font-size: .7em;
text-transform: uppercase;
font-weight: 600;
padding-bottom: .5em; }
.letterHead .state {
position: relative;
font-size: .8em;
line-height: 1;
font-weight: 500;
padding-bottom: 1em; }
.letterHead .address span {
display: block;
font-size: .6em; }
.advisory {
position: relative;
top: 1.5em; }
.advisory .logo {
position: relative;
margin: 0 auto;
width: 5.65em;
height: 8.5em;
background: url("../images/logo/stb-logo.jpg") no-repeat;
display: block;
margin-bottom: 1em; }
.advisory .title {
text-align: center;
font-size: 1.6em;
font-weight: 600;
padding-top: 0; }
.advisory .subtitle {
text-align: center;
margin-bottom: 3em; }
.advisory .body-text .alert {
color: red; }
.advisory .body-text a {
text-decoration: none;
color: #3b80e8;
padding-bottom: .05em;
border-bottom: 1px dotted #666666; }
.advisory .body-text a:hover {
color: #e63d55; }
.advisory .body-text .closing {
margin: 2em 0; }
.advisory .body-text table {
width: 100%;
margin: 0;
padding: 2em; }
.advisory .body-text table tbody {
border: 2px solid black;
text-align: left; }
.advisory .body-text table tr {
padding: .5em;
border-bottom: 2px solid gray; }
.advisory .body-text table tr:last-of-type {
border: none; }
.advisory .body-text table td {
padding: 1em;
padding: .65em;
border: 1px solid gray; }
.advisory .body-text table .first-col {
width: 30% !important; }
.advisory .signatory {
position: relative;
margin-top: 3em;
margin-bottom: 2em; }
.advisory .signatory span {
display: block; }
.advisory .signatory #name {
text-transform: uppercase;
font-weight: 500;
padding-bottom: 1em; }
.advisory .signatory #designation {
position: relative;
padding-bottom: .4em; }
.advisory .signatory a {
position: relative;
color: blue;
text-decoration: none;
margin-top: .8em;
padding-bottom: 4px; }
.advisory .signatory a:hover {
color: #0000b3; }
.accommodations {
position: relative;
top: 0;
left: 0;
margin: 1em auto;
overflow: hidden; }
.accommodations h2 {
margin: 1em .8em 0 .7em;
padding: 0; }
.accommodations .pagination {
text-align: center;
margin: 2em 0;
list-style: none; }
.accommodations .pagination li {
display: inline-block;
margin: .35em;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: .35em; }
.accommodations .pagination li a {
font-size: 1em;
text-decoration: none;
color: #000; }
.accommodations .pagination .page {
display: block;
padding: .5em .8em; }
.accommodations .pagination .active {
color: #fff;
font-weight: 500;
background: #c80000;
-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65)); }
.accommodations .pagination .active:hover {
background: red; }
.accommodations .pagination .active a {
color: #fff;
font-weight: 600; }
.accommodations .pagination .disabled {
cursor: not-allowed;
pointer-events: none;
border: none;
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none; }
.stats {
position: relative;
margin: 0 1% 2em;
padding: .5em .8em;
overflow: hidden; }
.stats .notes {
font-size: .8em; }
.stats #smallnote h4 {
border-bottom: 1px solid #000;
margin-bottom: .5em; }
.stats #smallnote li {
font-size: .768em;
padding: .2em 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.2); }
.stats #smallnote li:last-child {
border-bottom: none; }
.stats h2 {
text-align: center;
margin: 0 auto; }
.stats .subheader {
text-align: center;
font-size: .95em;
font-weight: 500;
color: #666666; }
.stats .stats-pdf {
position: relative;
margin: 2em auto;
text-align: center;
font-size: .86em; }
.stats .stats-pdf a {
height: auto;
text-decoration: none;
color: black;
padding: .8em 2em;
border: 1px solid black;
border-radius: 4em;
font-weight: 500;
background: #fff; }
.stats .stats-pdf a:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.arrivals .summary {
position: relative;
margin: 1em 0 1.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around; }
.arrivals .summary li {
text-align: center;
min-width: 99.5vw;
margin-bottom: 1em; }
.arrivals .summary li:nth-child(1) > .info {
background-color: rgba(113, 135, 142, 0.92); }
.arrivals .summary li:nth-child(2) > .info {
background-color: rgba(0, 179, 89, 0.92); }
.arrivals .summary li:nth-child(3) > .info {
background-color: rgba(255, 204, 0, 0.92); }
.arrivals .summary li h3 {
font-size: 1.3em;
font-weight: 600;
line-height: 1;
padding: .5em 0 0; }
.info {
margin: .8em;
border-radius: .5em; }
.info .post-a {
margin: 0 0 2.1em;
font-size: 1.2em;
color: #fff;
font-weight: 500;
text-shadow: 1px 1px 3px #000; }
.info .sums {
padding: .8em 0 0;
font-size: 1.6em;
font-weight: 600;
color: #fff;
text-shadow: 0 0 2px #000; }
.info .verdict {
padding: .8em; }
.info .percentage {
font-size: 2em;
font-weight: 600;
text-shadow: 1px 1px 1px #666;
text-align: center; }
.info .verdict {
color: #fff;
font-size: 1.2em;
font-weight: 500;
text-shadow: 1px 1px 1px #000;
line-height: 0;
padding-bottom: 1.2em; }
.up {
background: url(../images/svg/caret-up.svg) no-repeat center 4em;
background-size: 9em; }
.up > .percentage {
color: green;
padding-top: .4em;
margin: .7em auto 0; }
.up > .percentage:before {
content: "+"; }
.up > .verdict:before {
content: "increase";
color: #fff; }
.down {
background: url(../images/svg/caret-down.svg) no-repeat center 3.8em;
background-size: 9em; }
.down > .percentage {
color: #f00;
padding-bottom: 1.05em;
margin: -.7em auto 0; }
.down > .percentage:before {
content: "-"; }
.down > .verdict:before {
content: "decrease";
color: #f00; }
.demographic {
margin: 2em auto; }
.demographic > div {
margin: 1em auto; }
.demographic ul > li > span:after {
content: "%"; }
.archives {
position: relative;
margin: 2em auto 3em;
max-width: 60em; }
.archives ul {
margin: 0;
padding: 0;
list-style: none; }
.archives ul li {
margin: 0;
padding: .6em 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: .5em;
font-size: .85em; }
.archives ul li:nth-child(even) {
background: #ebf9f7; }
.archives ul li a {
text-decoration: none;
color: #000; }
.archives ul li a:hover {
color: #f00;
font-weight: normal; }
.blocks {
position: relative;
top: 0;
left: 0; }
.blocks h2 {
margin-top: 1em;
margin-left: .6em;
margin-bottom: .5em;
line-height: 1; }
.tiles {
margin: 0 .3em 2em; }
.tiles .tile {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
overflow: hidden; }
.tiles .tile a {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 45%;
height: 100%;
min-height: 10em;
max-height: 10em;
overflow: hidden;
margin: .5em; }
.tiles .tile figure {
position: relative; }
.tiles .tile figure img {
width: 100%;
height: 100%;
min-height: 10em;
max-height: 10em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.tiles .tile figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.container {
position: relative;
top: 0;
left: 0;
padding: 1.5em .5em; }
.container h2 {
padding: 0 .3em; }
.container h2 span {
color: #f00; }
.container .hotel-filters {
position: relative;
margin: .8em .3em 0; }
.container .hotel-filters .search {
width: 88vw;
border: 2px solid #00B4CC;
padding: 8px;
height: 20px;
border-radius: 5px;
outline: none;
color: #000;
margin-bottom: .5em;
font-size: 1em; }
.container .hotel-filters .checkboxes {
position: relative;
margin-left: 0;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.container .hotel-filters .checkboxes label {
padding-right: 10px;
font-size: .86em;
font-weight: 500;
min-width: 12em !important;
padding: .5em 0; }
.container .hotel-filters .checkboxes input[type="checkbox"] {
height: 12px;
width: 16px;
position: relative;
cursor: default;
background: none;
border: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.container .hotel-filters .checkboxes input[type="checkbox"], .container .hotel-filters .checkboxes input[type="checkbox"]:checked, .container .hotel-filters .checkboxes input[type="checkbox"]:focus, .container .hotel-filters .checkboxes input[type="checkbox"]::before, .container .hotel-filters .checkboxes input[type="checkbox"]::after, .container .hotel-filters .checkboxes input[type="checkbox"]:checked::after, .container .hotel-filters .checkboxes input[type="checkbox"]:checked::before, .container .hotel-filters .checkboxes input[type="checkbox"]:hover {
outline: none;
outline-color: transparent; }
.container .hotel-filters .checkboxes input[type="checkbox"]::before {
content: '';
border: 1px solid #707070;
border-radius: 3px;
height: 18px;
width: 18px;
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 9; }
.container .hotel-filters .checkboxes input[type="checkbox"]:checked::after {
content: '';
display: block;
position: absolute;
left: 8px;
top: -3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 8px;
height: 18px;
border: solid #000;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 10; }
.container .list {
position: relative;
top: 1em;
margin: 0;
padding: 0;
list-style: none; }
.container .list a {
color: #000;
text-decoration: none; }
.container .list a:hover > h4 {
color: red; }
.container .list a:hover > .agent-info span:last-child {
color: blue; }
.container .list li {
position: relative;
border-bottom: 2px solid #000;
padding-bottom: .6em; }
.container .list h4 {
margin: 1em 0 0;
padding: 0 .5em; }
.container .list .tripadvisor {
margin: .5em .5em .5em .35em; }
.container .list .tripadvisor a {
display: block; }
.container .list .tripadvisor span {
position: relative;
top: -.36em;
font-size: .8em;
color: gray;
margin-left: .3em;
padding-bottom: .02em;
border-bottom: 1px solid gray; }
.container .list .meta {
margin: 0 .5em 0.5em;
padding-bottom: .5em; }
.container .list .meta .rates {
visibility: hidden; }
.container .list .meta .stars {
display: block;
margin: 0;
padding: 0; }
.container .list .meta .stars .fa {
color: #b3b3b3;
width: 12px;
font-size: .768em; }
.container .list .meta .stars .active {
color: #f00 !important; }
.container .list .meta .stars .orchid {
position: relative;
top: 2px;
display: inline-block;
width: 14px !important;
height: 15px !important;
background-image: url("../images/svg/orchid.svg");
background-repeat: no-repeat;
background-size: 170% 190%;
background-position: center 4px; }
.container .list .meta .stars .orchid-active {
position: relative;
top: 2px;
display: inline-block;
width: 14px !important;
height: 15px !important;
background-image: url("../images/svg/orchid.svg");
background-repeat: no-repeat;
background-size: 170% 190%;
background-position: center bottom; }
.container .list .meta .type {
font-size: .86em;
font-weight: normal; }
.container .list .where {
position: relative;
margin: 0 .5em .3em 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: .86em;
font-weight: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.container .pagination {
text-align: center;
margin: 2em 0;
list-style: none; }
.container .pagination li {
display: inline-block;
margin: .35em;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: .35em; }
.container .pagination li a {
font-size: 1em;
text-decoration: none;
color: #000; }
.container .pagination .page {
display: block;
padding: .5em .8em; }
.container .pagination .active {
color: #fff;
font-weight: 500;
background: #c80000;
-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65)); }
.container .pagination .active:hover {
background: red; }
.container .pagination .active a {
color: #fff;
font-weight: 600; }
.container .pagination .disabled {
cursor: not-allowed;
pointer-events: none;
border: none;
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none; }
.container .agent-filters {
position: relative;
margin: .8em .3em 0; }
.container .agent-filters .search {
width: 88vw;
border: 2px solid #00B4CC;
padding: 8px;
height: 20px;
border-radius: 5px;
outline: none;
color: #000;
margin-bottom: .5em;
font-size: 1em; }
.container .agent-filters .checkboxes {
position: relative;
margin-left: 0;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.container .agent-filters .checkboxes label {
padding-right: 10px;
font-size: .96em;
font-weight: 500;
min-width: 48% !important;
padding: .5em 0; }
.container .agent-filters .checkboxes input[type="checkbox"] {
height: 12px;
width: 16px;
position: relative;
cursor: default;
background: none;
border: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.container .agent-filters .checkboxes input[type="checkbox"], .container .agent-filters .checkboxes input[type="checkbox"]:checked, .container .agent-filters .checkboxes input[type="checkbox"]:focus, .container .agent-filters .checkboxes input[type="checkbox"]::before, .container .agent-filters .checkboxes input[type="checkbox"]::after, .container .agent-filters .checkboxes input[type="checkbox"]:checked::after, .container .agent-filters .checkboxes input[type="checkbox"]:checked::before, .container .agent-filters .checkboxes input[type="checkbox"]:hover {
outline: none;
outline-color: transparent; }
.container .agent-filters .checkboxes input[type="checkbox"]::before {
content: '';
border: 1px solid #707070;
border-radius: 3px;
height: 18px;
width: 18px;
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 9; }
.container .agent-filters .checkboxes input[type="checkbox"]:checked::after {
content: '';
display: block;
position: absolute;
left: 8px;
top: -3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 8px;
height: 18px;
border: solid #000;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 10; }
.container .list {
position: relative;
list-style: none; }
.container .list a {
color: #000;
text-decoration: none; }
.container .list a:hover > h4 {
color: red; }
.container .list a:hover > .agent-info span:last-child {
color: blue; }
.container .list li {
position: relative;
margin: .5em .3em .1em 0;
border-bottom: 2px solid #000;
background-color: #fff; }
.container .list .agent-info {
font-size: .9em;
font-weight: normal;
margin: 1em .6em 0;
padding-bottom: .1em;
color: #404040; }
.container .list .agent-info span {
display: block;
width: 100%;
margin: .2em 0 0; }
.container .list .services {
margin: 0 .5em 0 .4em;
color: #404040; }
.container .list .services .niche {
position: relative;
left: -.3em;
margin: 0;
padding: 0;
font-size: .9em;
font-weight: normal; }
.container .list .services .niche:after {
content: ", "; }
.container .list .services .niche:last-of-type:after {
content: ""; }
.container .pagination {
text-align: center;
margin: 2em 0;
list-style: none; }
.container .pagination li {
display: inline-block;
margin: .35em;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: .35em; }
.container .pagination li a {
font-size: 1em;
text-decoration: none;
color: #000; }
.container .pagination .page {
display: block;
padding: .5em .8em; }
.container .pagination .active {
color: #fff;
font-weight: 500;
background: #c80000;
-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65)); }
.container .pagination .active:hover {
background: red; }
.container .pagination .active a {
color: #fff;
font-weight: 600; }
.container .pagination .disabled {
cursor: not-allowed;
pointer-events: none;
border: none;
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none; }
.follows {
text-align: center; }
.follows .footlogo {
display: none; }
.follows h2 {
margin: 2em auto .6em; }
.follows h2 span {
font-size: 1.3em;
font-weight: 600;
color: #f00; }
.follows .socialmedia {
margin: 0 auto 2.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 72vw; }
.follows .socialmedia li {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin: 0 .3em;
padding: 0 .3em;
list-style: none; }
.follows .socialmedia li img {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: auto; }
.instas {
position: relative;
margin: 0 auto 2em;
padding: 0;
max-width: 80em;
overflow: hidden; }
.instas h2 {
margin: 1em auto 0;
font-size: 1.8em;
line-height: 1;
color: #e63d55; }
.instas .center {
text-align: center; }
.instas .follow-button {
position: relative;
margin: .8em auto 1.8em;
padding: .6em .8em;
font-size: 1em;
font-weight: 500;
max-width: 14em;
border-radius: 2em;
background: #e63d55; }
.instas .follow-button a {
text-decoration: none;
color: #fff; }
.instas .follow-button:hover {
background: #d51b36; }
#instagram {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: justify;
align-content: space-between;
max-width: 100vw;
margin: 0;
padding: 0 .6em 0 .8em;
overflow-x: auto; }
#instagram figure {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 8em !important;
margin: 0 .1em 1em .1em; }
#instagram figure:last-of-type {
padding-right: .8em; }
#instagram figure img {
width: 100%;
height: 100%;
min-height: 8em;
max-height: 8em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
#instagram figure figcaption {
position: absolute;
left: .76em;
bottom: .86em;
width: 80%; }
#instagram figure figcaption .likes {
color: #fff;
font-size: .9em;
font-weight: 500;
text-shadow: 1px 2px 3px #000; }
#instagram figure figcaption .likes #heart {
position: absolute;
margin-left: .2em;
bottom: -.1em;
color: #ff1a1a;
padding-right: .08em; }
#instagram figure figcaption .likes .icon {
position: absolute;
margin-left: 3.1em;
bottom: -.15em;
font-size: 1.35em;
color: #fff; }
.media {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: .5em 0 1em; }
.media .media__img {
margin: 0 auto; }
.tabpanel {
margin: 1em 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.tabpanel .tabpanel__tablabel {
font-size: 1.2em;
font-weight: 600;
border-radius: .4em; }
.tabpanel .tabpanel__tablabel + .tabpanel__tab + .tabpanel__tablabel {
margin-top: .2em; }
.tabpanel .tabpanel__tab:checked ~ .tabpanel__panels {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.tabpanel .tabpanel__tab:not(:checked) + .tabpanel__tablabel {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial; }
.tabpanel #tabpanel__tab-1 + .tabpanel__tablabel {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.tabpanel #tabpanel__tab-1:checked ~ .tabpanel__panels {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.tabpanel #tabpanel__tab-2 + .tabpanel__tablabel {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.tabpanel #tabpanel__tab-2:checked ~ .tabpanel__panels {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.tabpanel #tabpanel__tab-3 + .tabpanel__tablabel {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.tabpanel #tabpanel__tab-3:checked ~ .tabpanel__panels {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.tabpanel .tabpanel__panel {
padding: .6em .4em; }
.submit-articles {
position: relative;
margin: 5em auto 2em;
padding: 0; }
.submit-articles .separator {
position: relative;
margin: 2em auto .5em;
width: 75vw;
height: .6em;
background-color: #f00;
border-radius: 2em; }
.submit-articles .submission {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 1em auto;
text-align: center; }
.submit-articles .submission #go, .submit-articles .submission #collect, .submit-articles .submission #tell {
width: 100%;
text-align: center;
padding: .5em;
font-size: .86em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.submit-articles .submission #go img, .submit-articles .submission #collect img, .submit-articles .submission #tell img {
margin: 1em auto;
width: 5em; }
.submit-articles .submission #go span, .submit-articles .submission #collect span, .submit-articles .submission #tell span {
padding: .5em 1em;
display: block; }
.submit-articles .article-submit {
margin: 2em auto;
padding: 1em;
text-align: center; }
.submit-articles .article-submit a {
color: #000;
text-decoration: none; }
.submit-articles .article-submit #your-story {
margin: .8em auto;
padding: 1em 1.5em;
font-size: 1em;
font-weight: 500;
max-width: 8vw;
border-radius: 2em;
border: 1px solid green;
background: #fff; }
.submit-articles .article-submit #your-story:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.listof3 {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden;
border: none; }
.listof3 h2 {
margin: 1em auto 1em 1em; }
.listof3 h2 span {
color: #f00; }
.listof3 .see-all {
position: absolute;
top: 2.5em;
right: 3em;
font-size: 1em; }
.listof3 .see-all a {
text-decoration: none;
color: #3aa349; }
.listof3 .see-all a:hover {
color: #e63d55; }
.listof3 .lists {
margin: 1em .6em;
display: grid;
grid-template-columns: repeat(1, 1fr); }
.listof3 .lists a {
text-decoration: none; }
.listof3 .lists li {
position: relative;
margin: .4em .5em;
list-style: none; }
.listof3 .lists li img {
width: 100%;
height: 100%;
min-height: 12em;
max-height: 12em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.listof3 .lists li .label {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1.1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.listof3 .lists li .caption {
position: relative;
padding: .3em .8em;
border: 1px solid red; }
.listof3 #loadMore {
margin: 1.5em auto 2em;
padding: .5em 1em;
background: #fff;
border-radius: 2em;
border: 1px solid #e6e6e6;
max-width: 16em;
text-align: center;
color: #000;
text-decoration: none; }
.listof3 #loadMore:hover {
cursor: pointer;
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.campaign {
position: relative;
margin: .8em 1em .5em;
height: 7em;
padding: 0;
overflow: hidden; }
.campaign ._details {
height: 6em;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: .35em;
background: #fff; }
.campaign ._details .adthumb {
position: absolute;
right: 0;
margin: .5em;
width: 4.85em;
height: auto;
overflow: hidden; }
.campaign ._details .adthumb img {
width: 100%;
height: auto;
overflow: hidden;
padding: .2em; }
.campaign ._details .adtext {
position: absolute;
top: .2em;
left: .4em;
font-size: 8vw;
font-weight: 700;
color: #000; }
.campaign ._details .adtext > span {
position: relative;
margin: -.35em 0 0 .2em;
display: block;
font-size: .45em;
color: #666666; }
.campaign ._details:hover {
border: 1px solid rgba(0, 0, 0, 0.5); }
.four-columns {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.four-columns h2 {
margin: 1em .7em; }
.four-columns h2 span {
color: #f00; }
.items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column; }
.items a {
text-decoration: none; }
.items .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
position: relative;
margin: .4em .5em;
padding: .6em 0 .65em .75em;
overflow: hidden;
border-bottom: 2px solid black;
background-color: #fff; }
.items .item:last-child {
border-bottom: none; }
.items .item .category {
margin: .65em 0 .35em 4.5em;
font-size: .786em;
list-style: none; }
.items .item .category li {
display: inline; }
.items .item .category li::after {
content: ", "; }
.items .item .category li:last-child::after {
content: ""; }
.items .profile-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0;
padding: 0; }
.items .profile-info img {
min-width: 3em;
max-width: 3em;
height: 3em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: 50em; }
.items .profile-info .name {
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: .5em; }
.items .profile-info .name .uid {
font-size: .967em;
font-weight: 500;
line-height: 1;
padding-bottom: .35em; }
.items .profile-info .name .who {
font-size: .75em;
line-height: 1;
color: #8c8c8c; }
.items .profile-info .channels {
-ms-flex-item-align: end;
align-self: flex-end;
margin: 0;
padding: 0;
list-style: none; }
.items .profile-info .channels li {
display: inline-block; }
.items .profile-info .channels li a {
color: black; }
.items .profile-info .channels li a.facebook:hover {
color: #3b5998; }
.items .profile-info .channels li a.instagram:hover {
color: #c32aa3; }
.items .profile-info .channels li a.twitter:hover {
color: #1da1f2; }
.facebook, .instagram, .twitter, .email {
padding: 0 .25em;
font-size: 1.75em;
display: inline-block; }
.facebook::before {
font-family: FontAwesome;
content: "\f230"; }
.instagram::before {
font-family: FontAwesome;
content: "\f16d"; }
.twitter::before {
font-family: FontAwesome;
content: "\f099"; }
.email::before {
font-family: FontAwesome;
content: "\f003"; }
.quarterly {
position: relative;
top: 0;
left: 0;
margin-bottom: 2em; }
.quarterly h2 {
margin-top: 1em;
margin-left: .6em;
margin-right: 2em;
margin-bottom: .5em;
line-height: 1; }
.quarterly h2 span {
color: red; }
.quarterly .see-all {
position: absolute;
top: .35em;
right: 1.125em;
font-size: .86em; }
.quarterly .see-all a {
text-decoration: none;
color: #3aa349; }
.quarterly .see-all a:hover {
color: #e63d55; }
.ideas {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: justify;
align-content: space-between;
max-width: 100vw;
margin: 0;
padding: 0 .6em 0 .8em;
overflow-x: auto; }
.ideas a {
text-decoration: none; }
.ideas figure {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 11em !important;
margin: 0 .1em 1em .1em; }
.ideas figure:last-of-type {
padding-right: .8em; }
.ideas figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.ideas figure figcaption {
position: absolute;
padding: 0 1.2em 0 .8em;
bottom: 1em;
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.all {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow-x: hidden; }
.all figure {
width: 11.5em !important;
margin: 0 .4em .5em .5em; }
.packages {
position: relative;
padding: 1em 1.5em;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.packages h2 {
margin: 1em auto 1em 1.5em; }
.packages .submit-article {
position: absolute;
top: 1.86em;
right: 2.5em;
font-size: 1em; }
.packages .submit-article a {
text-decoration: none;
color: #3aa349; }
.packages .submit-article a:hover {
color: #e63d55; }
.packages #openModal-prize h3 {
margin-bottom: 1.2em; }
.packages #openModal-prize ol {
margin: 1em 0 0 1.8em;
padding: 0;
list-style: decimal-leading-zero; }
.packages #openModal-prize ol li {
font-size: 1em;
font-weight: 500; }
.packages #openModal-prize ol li ul {
list-style: disc;
margin: .5em 0;
padding: .25em 1em;
display: grid;
grid-template-columns: 1fr;
gap: .86em;
border: 1px solid #999;
border-radius: .4em; }
.packages #openModal-prize ol li ul li {
font-size: .86em;
font-weight: normal;
margin: 0 0 0 1em;
padding: .35em; }
.deals {
-webkit-column-count: 2;
column-count: 2;
margin: 2em 0;
padding: 1em; }
.deal {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
position: relative;
margin: 0 .2em .8em; }
.deal a {
text-decoration: none;
color: #000; }
.deal img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em;
border: 1px solid white; }
.deal img:hover {
border: 1px solid rgba(95, 156, 212, 0.856);
-webkit-filter: drop-shadow(0 0 3px rgba(95, 156, 212, 0.856));
filter: drop-shadow(0 0 3px rgba(95, 156, 212, 0.856)); }
.deal .meta {
display: none;
visibility: hidden;
line-height: 1;
padding: .12em .25em 1em .35em; }
.deal .meta .deal_name {
font-size: 1.05em;
font-weight: bold; }
.deal .meta .dealer {
font-size: .8em;
font-weight: lighter; }
footer {
position: relative;
margin: 3em 0 0;
padding: 0;
border-top: 2px solid #737373;
height: auto; }
footer .mobile-download {
position: relative;
margin: 2em auto .5em;
text-align: center; }
footer .mobile-download .gosabah {
position: relative;
margin: .5em auto;
width: 12em; }
footer .mobile-download .apps-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
width: 19em;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
footer .mobile-download .apps-icon li {
margin: .5em;
padding: 0 .3em; }
footer .mobile-download .apps-icon li img {
width: 100%;
height: auto;
overflow: hidden; }
footer .footsocials {
text-align: center; }
footer .footsocials .footlogo {
display: none; }
footer .footsocials h3 {
margin: 2em auto 1em; }
footer .footsocials h3 span {
font-size: 1.3em;
font-weight: 600;
color: #f00; }
footer .footsocials .socialmedia {
margin: 0 auto 2em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 72vw; }
footer .footsocials .socialmedia li {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin: 0 .3em;
padding: 0 .3em; }
footer .footsocials .socialmedia li img {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: auto; }
footer .footmenu {
position: relative;
margin: 2em auto 0;
padding: 0; }
footer .menus {
margin: .5em auto;
padding: .5em 1.2em; }
footer .menu {
margin-bottom: 1.5em; }
footer .menu h4 {
font-size: 1.35em;
font-weight: 600;
padding-bottom: .15em;
border-bottom: 2px solid #000;
margin-bottom: .5em; }
footer .menu ul {
margin: 0;
padding: 0; }
footer .menu li {
font-size: 1.15em;
line-height: 1;
padding: .35em 0;
border-top: 1px dotted #b3b3b3; }
footer .menu li:first-child {
border-top: none; }
footer .menu li a {
display: block;
padding: .25em;
text-decoration: none;
color: #000; }
footer .menu li a:hover {
color: #f00; }
footer .footlinks {
font-size: .8em;
position: relative;
top: 0;
left: 0;
padding: 0;
margin-bottom: .5em;
overflow: hidden; }
footer .footlinks .govts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: justify;
align-content: space-between;
max-width: 100vw;
margin: 0;
padding: 0;
overflow-x: auto; }
footer .footlinks .govts a {
text-decoration: none; }
footer .footlinks .govts figure {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 8em !important;
margin: 0 .3em;
text-align: center;
padding: 0 .1em; }
footer .footlinks .govts figure:last-of-type {
margin-right: 1.3em; }
footer .footlinks .govts figure img {
width: 100%;
height: 5em;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
overflow: hidden; }
footer .footlinks .govts figure figcaption {
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #000;
text-align: center;
padding-bottom: 1em; }
footer .ministries {
font-size: .8em;
position: relative;
top: 0;
left: 0;
padding: 0;
margin-bottom: .5em;
overflow: hidden; }
footer .ministries .minlinks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: justify;
align-content: space-between;
max-width: 100vw;
margin: 0;
padding: 0;
overflow-x: auto; }
footer .ministries .minlinks a {
text-decoration: none; }
footer .ministries .minlinks figure {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 8em !important;
margin: 0 .3em;
text-align: center;
padding: 0 .1em; }
footer .ministries .minlinks figure:last-of-type {
margin-right: 1.3em; }
footer .ministries .minlinks figure img {
width: 100%;
height: 5em;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
overflow: hidden; }
footer .ministries .minlinks figure figcaption {
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #000;
text-align: center;
padding-bottom: 1em; }
footer .foot-extlinks {
font-size: .8em;
position: relative;
top: 0;
left: 0;
padding: 0;
margin-bottom: 1em;
overflow: hidden; }
footer .foot-extlinks .links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: justify;
align-content: space-between;
max-width: 100vw;
margin: 0;
padding: 0;
text-align: center;
overflow-x: auto; }
footer .foot-extlinks .links a {
text-decoration: none; }
footer .foot-extlinks .links figure {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 8em !important;
margin: 0 .3em;
text-align: center;
padding: 0 .1em; }
footer .foot-extlinks .links figure:last-of-type {
margin-right: 1.3em; }
footer .foot-extlinks .links figure img {
width: 100%;
height: 5em;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
overflow: hidden; }
footer .foot-extlinks .links figure figcaption {
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #000;
text-align: center;
padding-bottom: 1em; }
footer .footaddress {
font-size: .8em;
text-align: center;
padding: 1.5em; }
footer .footaddress #footcontact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
footer .footaddress #footcontact li {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
margin: .1em;
padding: .5em .2em;
text-align: center;
font-size: .85em; }
footer .footaddress #footcontact li a {
text-decoration: none;
padding-bottom: .1em; }
footer .footaddress #footcontact li:last-child {
margin-bottom: 1em; }
footer .footaddress .lastupdate {
position: relative;
top: .3em;
font-size: .85em;
font-weight: 600; }
footer .footcopy {
position: relative;
bottom: 0;
margin-top: 2em;
text-align: center;
font-size: .6em; } }
@media (min-width: 34em) and (max-width: 69.99em) {
header {
position: fixed;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.95);
width: 100vw;
height: 3em;
z-index: 97;
-webkit-box-shadow: 1px 2px 10px 3px whitesmoke;
box-shadow: 1px 2px 10px 3px whitesmoke; }
header .logo {
top: .35em;
margin: 0 auto;
padding: .1em 0 .3em;
width: 7em;
height: auto;
overflow: hidden;
z-index: 12; }
header .logo img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center; }
header {
position: fixed;
z-index: 98;
-webkit-box-shadow: 1px 2px 10px 3px whitesmoke;
box-shadow: 1px 2px 10px 3px whitesmoke; }
header {
height: 4em;
width: 100%;
background: rgba(255, 255, 255, 0.95); }
header .hamburger {
display: block;
position: fixed;
top: 0;
left: 0;
padding: 30px 0 0 30px;
height: 25px;
width: 28px;
cursor: pointer;
z-index: 98; }
header .line {
position: absolute;
display: block;
background: #000;
width: 28px;
height: .25rem;
border-radius: .3rem;
left: 0;
-webkit-transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2);
transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2); }
header .line-1 {
top: 20px;
left: 21px; }
header .line-2 {
top: 29px;
left: 21px;
width: 24px;
transform: translateX(2px);
-webkit-transform: translateX(2px); }
header .line-3 {
top: 38px;
left: 21px; }
header #menuToggle:checked ~ .hamburger {
width: 100%;
height: 100vh;
background: rgba(255, 255, 255, 0.85);
z-index: 99; }
header #menuToggle:checked ~ nav > .menulists {
display: block;
visibility: visible;
height: auto;
max-height: 80em;
-webkit-transition: all 1s cubic-bezier(0.5, 1, 0.22, 1);
transition: all 1s cubic-bezier(0.5, 1, 0.22, 1);
z-index: 100;
background: #fff; }
header #menuToggle:checked ~ label .line-1 {
top: 23px;
width: 28px;
border: .1em solid #ff0000;
background: #ff0000;
-webkit-transform: translateX(-11px) rotate(-45deg) translateY(12px);
transform: translateX(-11px) rotate(-45deg) translateY(12px); }
header #menuToggle:checked ~ label .line-2 {
opacity: 0; }
header #menuToggle:checked ~ label .line-3 {
top: 37px;
width: 28px;
border: .1em solid #ff0000;
background: #ff0000;
-webkit-transform: translateX(-8px) rotate(45deg) translateY(-8px);
transform: translateX(-8px) rotate(45deg) translateY(-8px); }
header .quickAssist {
position: fixed;
display: block;
top: 1em;
right: 4em;
padding: 30px 0 0 30px;
cursor: pointer;
z-index: 98; }
header .dots {
position: absolute;
top: -.02em;
right: 0;
padding-left: .4em;
width: auto;
height: 28px;
font-size: 1.76em;
font-weight: 500; }
header #quickToggle:checked ~ .quickAssist {
top: 0;
right: 0;
width: 100%;
height: 100vh;
background: rgba(255, 255, 255, 0.85);
z-index: 99;
overflow: hidden; }
header #quickToggle:checked ~ .quickAssist > .dots {
position: fixed;
top: .55em;
right: 2.27em;
z-index: 98;
color: red; }
header #quickToggle:checked ~ nav > .assists {
position: fixed;
top: 3.9em;
right: 3.5em;
z-index: 100;
color: gray;
display: block;
visibility: visible; }
header #quickToggle:checked ~ nav > .assists a {
color: #6666ff; }
header #quickToggle:checked ~ nav > .assists a:hover {
color: blue; }
nav {
position: absolute;
padding: .5em;
width: 97vw; }
nav .logo {
margin: 0 auto;
width: 7em; }
nav .menulists {
position: absolute;
width: 50%;
top: 62px;
left: 13px;
right: 4px;
width: 90%;
max-width: 11em;
max-height: 0px;
display: none;
visibility: hidden;
z-index: 9999;
padding: .05em;
border-radius: .4em;
color: white;
font-weight: 500; }
nav .menulists .pointer {
position: absolute;
top: -8px;
left: 6px;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #fff; }
nav .assists {
position: absolute;
top: 3.9em;
right: 3.5em;
width: 14.6em;
background-color: #fff;
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
border-radius: .4em;
padding: .5em;
display: none;
visibility: hidden; }
nav .assists h4 {
margin: .35em .3em .5em .2em;
padding-bottom: .5em;
font-weight: 500; }
nav .assists .pointer {
position: absolute;
top: -8px;
right: 10px;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #fff; }
nav .quick-assist {
margin: 0;
padding: 0;
list-style: none;
gap: 1em; }
nav .quick-assist li {
padding: .2em;
font-size: .96em;
font-weight: 500; }
nav .quick-assist li a {
text-decoration: none; }
nav .quick-assist li:first-of-type {
display: none;
visibility: hidden; }
nav .searchbox {
top: .35em;
right: .3em;
font-size: 2em;
font-weight: 600;
border: 1px solid blue; }
nav .searchbox a {
text-decoration: none;
color: black; }
.menulists {
position: relative;
background: #fff;
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.menulists .topmenu {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: .86em;
border-radius: 5px;
padding: .5em .86em;
height: auto; }
.menulists .topmenu a {
text-decoration: none;
display: block;
-webkit-transition: .3s linear;
transition: .3s linear;
margin: auto;
font-weight: 500;
color: gray; }
.menulists .topmenu a:hover {
color: black; }
.menulists .topmenu > li {
width: 100%;
display: inline-block;
padding: .15em 0;
position: relative; }
.menulists .topmenu > li > a {
font-size: 1.05em;
text-transform: initial;
padding: .5em; }
.menulists .topmenu > li:last-of-type {
margin-top: .45em;
padding-top: .56em;
border-top: 1px solid #262626; }
.menulists .topmenu > li:hover {
color: black; }
.menulists .topmenu .has-sub:hover:after {
color: black; }
.menulists .topmenu .has-sub::after {
position: absolute;
top: 15px;
right: 0;
content: "\f0da";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
text-align: center;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
color: gray; }
.menulists .submenu a:hover {
color: black; }
.menulists .submenu {
position: absolute;
padding: .2em;
left: 9.8em;
top: 0;
min-width: 10em;
list-style: none;
display: none;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transition: .3s linear;
transition: .3s linear;
border-radius: .4em;
background-color: #fff;
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.menulists .submenu .sub-has-sub::after {
position: absolute;
top: 13px;
right: -21px;
content: "\f0da";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
text-align: center;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
color: gray; }
.menulists .submenu li {
position: relative;
left: 4px;
top: 1px; }
.menulists .submenu li a {
color: gray;
padding: .56em;
font-size: .95em;
margin-top: -1px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.menulists .submenu .submenu {
position: absolute;
left: 120%;
top: 5px;
-webkit-transition: .3s linear;
transition: .3s linear;
min-width: 12em; }
.menulists li:hover > .submenu {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
display: block; }
.searchBox {
position: fixed;
z-index: 98; }
.searchForm {
position: relative;
top: 6rem;
left: 0;
margin: 0 auto;
text-align: center;
width: 100%;
max-height: 0px;
overflow: hidden; }
.searchForm .formLabel {
position: relative;
padding-left: 1em;
margin-bottom: .2em;
text-align: left;
font-size: 2em;
font-weight: 600;
line-height: 1; }
.searchIcon {
display: block;
position: absolute;
top: .35em;
right: .2em;
padding: 11px 13px 1px 2px;
height: 29px;
width: 28px;
cursor: pointer;
font-size: 1.5em;
z-index: 98; }
.stripe {
position: absolute;
top: .1em;
display: block;
background: #000;
width: 28px;
height: .22rem;
border-radius: .3rem;
-webkit-transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2);
transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2); }
.stripe-1 {
display: block;
opacity: 0;
top: 15px; }
.searchglass {
display: block;
background-image: url("../images/svg/search.svg");
background-repeat: no-repeat;
background-size: contain;
width: 98%;
height: 98%; }
.stripe-2 {
display: block;
opacity: 0;
top: 34px; }
#searchToggle:checked ~ .searchIcon {
position: absolute;
top: .2em;
left: 0;
width: 100%;
height: 100vh;
padding: 1.2em 0;
background: rgba(255, 255, 255, 0.85);
z-index: 98; }
#searchToggle:checked ~ .searchBox > .searchForm {
position: fixed;
width: 100%;
max-height: 10em;
-webkit-transition: all 1s cubic-bezier(0.5, 1, 0.22, 1);
transition: all 1s cubic-bezier(0.5, 1, 0.22, 1);
z-index: 100; }
#searchToggle:checked ~ .searchIcon > .searchglass {
opacity: 0; }
#searchToggle:checked ~ label .stripe-1 {
opacity: 1;
top: 16px;
right: 15px;
width: 28px;
border: .05em solid #ff0000;
background: #ff0000;
-webkit-transform: translateX(-11px) rotate(-45deg) translateY(12px);
transform: translateX(-11px) rotate(-45deg) translateY(12px); }
#searchToggle:checked ~ label .stripe-2 {
opacity: 1;
top: 30px;
right: 15px;
width: 28px;
border: .05em solid #ff0000;
background: #ff0000;
-webkit-transform: translateX(-8px) rotate(45deg) translateY(-8px);
transform: translateX(-8px) rotate(45deg) translateY(-8px); }
.searchTerm {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 96%;
border: 3px solid #000;
padding: 16px;
height: 54px;
border-radius: 8px;
outline: none;
font-size: 1em;
z-index: 100; }
.searchButton {
opacity: 0; }
main {
position: relative;
top: 3em;
width: 100vw;
max-width: 70em;
overflow-x: hidden;
height: auto; }
main .greet {
background-position: 50% 50%;
max-height: 36em;
overflow: hidden; }
main .greet .subheader {
margin: 30% 2em .5em 1.1em;
font-size: 1.3em;
font-weight: 500;
line-height: 1.1;
width: 92vw;
color: #fff;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.85), 0 0 8px rgba(255, 255, 255, 0.45); }
main .greet h1 {
margin-left: .5em;
font-size: 2.8em;
font-weight: 600;
line-height: 1;
width: 92vw;
color: #fff;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.85), 0 0 8px rgba(255, 255, 255, 0.45); }
main .alert {
max-width: 30em;
margin: 1em auto;
border-radius: 0.5em;
overflow: hidden; }
main .block {
display: inline-block;
margin: 1em 0;
padding-left: 100%;
font-size: 1.2em;
white-space: nowrap;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
@-webkit-keyframes marquee {
from {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
to {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0); } }
@keyframes marquee {
from {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
to {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0); } }
main .animate {
-webkit-animation: marquee 20s linear 1s infinite;
animation: marquee 20s linear 1s infinite; }
main .centered_big {
position: relative;
text-align: center;
margin: 1.5em 1em; }
main .centered_big h1 {
font-size: 2.35em; }
main .centered_big .buttons {
margin: 1.5em auto;
display: inline-block; }
main .centered_big .buttons #entry {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
font-size: 1.2em;
font-weight: 500;
background: #1D1E3A; }
main .centered_big .buttons #terms {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
font-size: 1.2em;
font-weight: 500;
background: #FF4E60; }
main .centered_big .buttons #price {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
font-size: 1.2em;
font-weight: 500;
background: #45E2E4; }
main .centered_big .sub_medium {
font-size: 1.2em;
font-weight: 500; }
main .centered_big .clause_small {
width: 16em;
padding: .5em;
border-radius: .4em;
border: 1px solid red;
margin: .86em auto;
font-size: 1.2em;
font-weight: 500;
background: #D31027;
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(#EA384D), to(#D31027));
background: linear-gradient(to right, #EA384D, #D31027);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
main .centered_big a {
text-decoration: none;
color: #fff; }
main .centered_big a:hover {
color: yellow; }
main #openModal-winners h3 {
margin-bottom: 1em; }
main #openModal-winners ol {
margin: 1.5em 0 0;
padding: 0;
list-style: decimal-leading-zero; }
main #openModal-winners ol li {
font-size: .86em;
font-weight: 400;
display: grid;
grid-template-columns: repeat(2, 1fr);
text-align: left;
border-bottom: 1px dotted #999;
padding: 0 0 .25em 0; }
main #openModal-winners ol li:nth-child(1) {
background-color: #999;
padding: .56em;
font-size: 1em;
font-weight: 500; }
main #openModal-winners ol li:last-child {
border-bottom: none; }
.page-404 {
position: relative;
margin: 0;
padding: 0;
height: auto; }
.page-404 .errors {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
margin: 0 auto;
padding-top: 5em;
width: 80vw;
text-align: center;
color: #000; }
.page-404 .errors #message {
font-size: 1.768em;
font-weight: 500;
line-height: 1; }
.page-404 .errors #code {
margin: .1em auto 0;
font-size: 12em;
font-weight: 600;
line-height: 1; }
.page-404 .errors #desc {
font-size: 1em;
font-weight: normal;
line-height: 1; }
.page-404 .offers {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin: 3em auto 0;
padding: 1em;
-ms-flex-pack: distribute;
justify-content: space-around; }
.page-404 .offers a {
display: block;
text-decoration: none;
color: #000; }
.page-404 .offers a:hover {
color: #f00; }
.page-404 .offers h2 {
width: 99vw !important;
padding: 0 .6em;
color: #000; }
.page-404 .offers h3 {
color: #000;
font-weight: 500;
padding-bottom: .6em; }
.page-404 .go-places {
width: 28%;
margin: 1em 1em 0 0;
padding: 1em;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
border-radius: .4em;
background: rgba(255, 255, 255, 0.65); }
.page-404 .activities {
width: 28%;
margin: 1em 1em 0 0;
padding: 1em;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
border-radius: .4em;
background: rgba(255, 255, 255, 0.65); }
.page-404 .travelers {
width: 28%;
margin: 1em 1em 0 0;
padding: 1em;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
border-radius: .4em;
background: rgba(255, 255, 255, 0.65); }
.quickLanguage {
display: block;
position: absolute;
top: 2px;
right: 2.15em;
padding: 8px 6px 1px 18px;
height: 32px;
width: 12px;
cursor: pointer;
font-size: 1.5em; }
.dots {
display: block; }
.quickLanguageBox {
position: absolute;
top: 45px;
right: 2.5em;
width: 97%;
max-width: 13em;
max-height: 0px;
overflow: hidden;
z-index: 99; }
.quickLanguageBox .pointer {
position: relative;
top: 5px;
left: 10.37em;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #000; }
.quickLanguageBox .quickContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-radius: 5px;
padding: .5em;
background-color: #000;
color: #fff; }
.quickLanguageBox #quickCall {
position: relative;
margin: .2em .1em .5em .2em;
font-size: 1.1em;
font-weight: 500;
width: 100%;
border-bottom: 1px solid #fff; }
.quickLanguageBox .quickContact {
font-size: .86em;
margin: 0 .5em .5em .4em; }
.quickLanguageBox .quickContact a {
text-decoration: none;
color: #fff; }
.quickLanguageBox .quickContact li {
margin-bottom: .3em; }
.quickLanguageBox #switcher {
position: relative;
margin: .8em .1em .5em .2em;
font-size: 1.1em;
font-weight: 500;
width: 100%;
border-bottom: 1px solid #fff; }
.quickLanguageBox .switchLists {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.quickLanguageBox .switchLists li {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 40%;
margin: 0 .2em .5em .3em;
padding: .1em; }
.quickLanguageBox .switchLists a {
font-size: .86em;
font-weight: 500;
text-decoration: none;
color: #fff; }
#quickLangToggle:checked + .quickLanguage {
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100vh;
background: rgba(255, 255, 255, 0.85);
z-index: 99; }
#quickLangToggle:checked ~ .quickLanguageBox {
height: auto;
max-height: 80em;
-webkit-transition: all 1s cubic-bezier(0.5, 1, 0.22, 1);
transition: all 1s cubic-bezier(0.5, 1, 0.22, 1); }
#quickLangToggle:checked ~ .quickLanguage > .dots {
position: fixed;
top: 2px;
right: 1.96em;
padding: 8px 6px 1px 18px;
z-index: 99;
color: #f00; }
.notice {
position: relative;
top: 1em;
width: 100%;
height: 1em;
background-color: orange;
text-align: center;
padding: .8em 0 1em; }
.notice a {
color: white;
text-decoration: none;
padding-bottom: .15em;
border-bottom: 1px solid white; }
.notice a:hover {
color: red;
border-bottom: 1px solid red; }
.notice a:visited, .notice a:active {
color: white;
text-decoration: none;
padding-bottom: .15em;
border-bottom: 1px solid white; }
.sliders {
position: relative;
top: 1em;
overflow-x: hidden; }
.sliders .owl-carousel .item {
position: relative;
margin: 0;
padding: 0;
overflow: hidden; }
.sliders .owl-carousel .item img {
display: block;
width: 100%;
height: auto;
cursor: grab;
cursor: -webkit-grab;
overflow: hidden; }
.sliders .owl-carousel .item .sliders-brief {
position: absolute;
z-index: 25;
bottom: 2em;
left: 2em;
text-align: left; }
.sliders .owl-carousel .item h3 {
position: relative;
font-size: 1.3em;
font-weight: 400;
line-height: 1;
width: 92vw;
color: #fff;
text-shadow: 0 0 1px #fff, 0 0 3px #000; }
.sliders .owl-carousel .item h1 {
font-size: 2.8em;
font-weight: 600;
line-height: 1;
width: 92vw;
color: #fff;
text-shadow: 0 0 1px #fff, 0 0 3px #000; }
.sliders .owl-carousel .link {
display: block;
cursor: pointer; }
.sliders .owl-carousel .link:hover {
opacity: 0.5; }
.sliders .owl-nav {
position: absolute;
top: 26%;
width: 100vw;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 15;
background-color: transparent;
-webkit-filter: drop-shadow(0 0 0.75rem crimson);
filter: drop-shadow(0 0 0.75rem crimson); }
.sliders .owl-nav .owl-prev {
background-color: transparent;
font-size: 3.6em;
margin-left: .35em; }
.sliders .owl-nav .owl-prev:hover {
background-color: transparent; }
.sliders .owl-nav .owl-next {
background-color: transparent;
font-size: 3.6em;
margin-right: .35em; }
.sliders .owl-nav .owl-next:hover {
background-color: transparent; }
.sliders .owl-nav .owl-next:focus,
.sliders .owl-nav .owl-prev:focus {
background-color: transparent;
outline: none; }
.sabahmap {
position: relative;
margin: 1em auto;
padding: 1em 1.5em;
overflow: hidden; }
.sabahmap h2 {
display: none;
visibility: hidden; }
.sabahmap .in-title {
position: absolute;
top: 1em;
left: 1.1em;
font-size: 1.5em;
color: #000;
font-weight: 600; }
.numbers, .divisions {
display: none;
visibility: hidden; }
.div {
fill: #4d4d4d;
font-size: 1.1em;
font-weight: 600; }
.map #kudat {
fill: #f1a2a2; }
.map #kudat:hover {
fill: #cc2929; }
.map #westcoast {
fill: #80d4e2; }
.map #westcoast:hover {
fill: #29b5cc; }
.map #interior {
fill: #f7e9c8; }
.map #interior:hover {
fill: #ffbb20; }
.map #sandakan {
fill: #bff58d; }
.map #sandakan:hover {
fill: #8ed051; }
.map #tawau {
fill: #ece58a; }
.map #tawau:hover {
fill: #f7f013; }
.airports {
list-style: none;
margin: 0;
padding: 0; }
.airports .airport {
position: absolute; }
.airports .airport-kk {
left: 18%;
top: 38.6%; }
.airports .airport-sdk {
left: 68.5%;
top: 36%; }
.airports .airport-ld {
left: 78.6%;
top: 60%; }
.airports .airport-twu {
left: 63.8%;
top: 82.4%; }
.airports li {
font-size: 1em;
font-weight: 600;
color: #C83737; }
.airports li a {
padding: .3em .5em;
border-radius: .43em;
text-decoration: none;
color: #C83737; }
.airports li a:hover {
color: #fff;
background-color: #5f8dd3; }
.points {
display: none;
visibility: hidden; }
.popular {
position: relative;
top: 0;
left: 0;
margin: 0 auto;
padding: 1em; }
.popular h2 {
margin-left: .5em;
margin-bottom: .5em; }
.popular h2 span {
color: red; }
.popular .see-all {
position: absolute;
top: 1.5em;
right: 2em;
font-size: 1em; }
.popular .see-all a {
text-decoration: none;
color: #3aa349; }
.popular .see-all a:hover {
color: #e63d55; }
.places {
position: relative;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(33.33%, 1fr)); }
.places a {
text-decoration: none; }
.places figure {
position: relative;
min-width: 10em;
margin: .4em .5em; }
.places figure img {
width: 100%;
height: 100%;
min-height: 12em;
max-height: 12em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.places figure figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1.1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.places .cbt {
position: absolute;
top: 12px;
right: 12px;
width: 2.65em;
height: 2.65em;
border-radius: 100em;
overflow: hidden;
background: #ee0979 url("../images/svg/rural.svg") no-repeat;
background-size: contain;
background-position: 1px -4px;
-webkit-filter: drop-shadow(0 0 5px #fafafa);
filter: drop-shadow(0 0 5px #fafafa);
z-index: 11; }
.explores {
position: relative;
top: 0;
left: 0;
margin: 0 auto;
padding: 1em; }
.explores h2 {
margin-left: .3em;
margin-bottom: .5em; }
.explores h2 span {
color: red; }
.explores .see-all {
visibility: hidden;
display: none; }
.interests {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(33.33%, 1fr)); }
.interests a {
text-decoration: none; }
.interests figure {
position: relative;
min-width: 10em;
margin: .4em .5em; }
.interests figure img {
width: 100%;
height: 100%;
min-height: 12em;
max-height: 12em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.interests figure figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1.1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.traveler {
position: relative;
top: 0;
left: 0;
margin: 0 auto;
padding: 1em; }
.traveler h2 {
margin-left: .3em;
margin-bottom: .5em; }
.traveler .submit-article {
position: absolute;
top: 1.5em;
right: 2em;
font-size: 1em; }
.traveler .submit-article a {
text-decoration: none;
color: #3aa349; }
.traveler .submit-article a:hover {
color: #e63d55; }
.experiences {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)); }
.experience {
margin: .5em .5em 1em .5em; }
.experience a {
text-decoration: none;
color: #000; }
.experience img {
width: 100%;
height: 100%;
min-height: 13em;
max-height: 13em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.experience .meta {
line-height: 1;
padding: .12em .25em .5em .35em; }
.experience .meta .title {
font-size: 1.05em;
font-weight: bold; }
.experience .meta .author {
font-size: .8em;
font-weight: lighter; }
.news {
position: relative;
top: 0;
left: 0;
margin: 0 auto;
padding: 1em; }
.news h2 {
margin-left: .3em;
margin-bottom: .5em; }
.news .see-all {
position: absolute;
top: 1.5em;
right: 2em;
font-size: 1em; }
.news .see-all a {
text-decoration: none;
color: #3aa349; }
.news .see-all a:hover {
color: #e63d55; }
.newslistings {
list-style: none;
position: relative;
margin: 0;
display: -ms-grid;
-ms-grid-columns: repeat(2, 1fr);
display: grid;
grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 34em) and (max-width: 69.99em) and (min-width: 60em) {
.newslistings {
display: -ms-grid;
-ms-grid-columns: repeat(3, 1fr);
display: grid;
grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 34em) and (max-width: 69.99em) {
.newslistings li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: .8em .5em .1em;
padding: .6em;
height: auto;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: .4em;
background-color: #fff; }
.newslistings li:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.newslistings li a {
text-decoration: none;
color: #000; }
.newslistings li h4 {
-ms-flex-item-align: stretch;
align-self: stretch;
margin-top: .15em;
line-height: 1;
padding-bottom: .3em;
min-height: 2em; }
.newslistings li .source-date {
-ms-flex-item-align: end;
align-self: flex-end;
margin-top: 1.5em;
padding-top: .3em;
border-top: 1px dashed rgba(0, 0, 0, 0.2);
font-size: .85em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.monthly {
position: relative;
top: 0;
left: 0;
margin: 0 auto;
padding: 1em; }
.monthly h2 {
margin-left: .3em;
margin-bottom: .5em; }
.months {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: justify;
align-content: space-between; }
.month {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 100%;
height: auto; }
.month a {
text-decoration: none; }
.month img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.month span {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1.3em;
font-weight: 600;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.slick-slide {
margin: .5em; }
.slick-prev:before,
.slick-next:before {
color: #fff; }
.slick-prev {
z-index: 2;
left: 3.2%; }
.slick-next {
z-index: 2;
right: 3.2%; }
.cuisines {
position: relative;
top: 0;
left: 0;
margin: 0 auto;
padding: 1em; }
.cuisines h2 {
margin-left: .3em;
margin-bottom: .5em; }
.foods {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(33.33%, 1fr)); }
.foods a {
text-decoration: none; }
.foods figure {
position: relative;
min-width: 10em;
margin: .4em .5em; }
.foods figure img {
width: 100%;
height: 100%;
min-height: 12em;
max-height: 12em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.foods figure figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1.3em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.banner {
position: relative;
top: .86em;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
height: 100vh;
max-height: 35em;
overflow: hidden; }
.banner h2 {
position: absolute;
margin: 13.5em 2em 0 1.3em;
font-size: 1.3em;
font-weight: 400;
color: #fff;
text-shadow: 0 0 1px #fff, 0 0 3px #000; }
.banner h3 {
position: relative;
font-size: 1.3em;
font-weight: 400;
margin: 15em 2em 0 1.2em;
line-height: 1;
width: 92vw;
color: #fff;
text-shadow: 0 0 1px #fff, 0 0 3px #000; }
.banner h1 {
font-size: 2.8em;
font-weight: 600;
line-height: 1;
width: 92vw;
margin: .3em 2em 2em .5em;
color: #fff;
text-shadow: 0 0 1px #fff, 0 0 3px #000; }
.banner #tenderForm {
position: relative;
top: -4em;
display: block;
margin: 0;
padding: .25em .86em; }
.banner #tenderForm .tenderIcon {
fill: #000;
width: 2.5em;
margin: .3em 0 0 .5em; }
.banner #tenderForm span {
position: relative;
top: -1em;
margin: auto .5em; }
.banner #tenderForm a {
font-size: 1.2em;
font-weight: 500;
text-decoration: none;
color: #fff;
text-shadow: 0 0 1px #000, 0 0 3px #000; }
.banner #tenderForm a:hover {
color: #fff;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.85), 0 0 8px rgba(255, 255, 255, 0.45); }
.banner #tenderForm a:hover .tenderIcon {
fill: #fff;
-webkit-filter: drop-shadow(0 0 2px #000);
filter: drop-shadow(0 0 2px #000); }
.contentframe {
margin: 1em auto;
padding: 0;
max-width: 80em;
overflow-x: hidden; }
.contentframe .requirements {
position: relative;
bottom: 0;
margin: 12em 2em 2em; }
.contentframe .requirements li {
font-size: .8em; }
.contentframe #openModal-prize h3 {
margin-bottom: 1.2em; }
.contentframe #openModal-prize ol {
margin: 0 0 0 1.8em;
padding: 0;
list-style: decimal-leading-zero; }
.contentframe #openModal-prize ol li {
font-size: 1em;
font-weight: 500; }
.contentframe #openModal-prize ol li ul {
list-style: disc;
margin: .5em 0 .8em 0;
padding: .25em 1em;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: .86em;
border: 1px solid #999;
border-radius: .4em; }
.contentframe #openModal-prize ol li ul li {
font-size: .86em;
font-weight: normal;
margin: .15em .15em .15em 1em;
padding: .35em; }
.contentframe .side-info {
position: absolute;
top: 30em;
left: 0;
margin: 2em 1em;
padding: .6em;
overflow-x: hidden; }
.contentframe .side-info a {
text-decoration: none; }
.contentframe .side-info .tripadvisor {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 5em;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.contentframe .side-info .tripadvisor #button {
margin-bottom: 1.5em; }
.contentframe .side-info .tripadvisor #button img {
width: 5em;
height: auto;
-webkit-filter: drop-shadow(0 0 2px #777);
filter: drop-shadow(0 0 3px #777); }
.contentframe .side-info .tripadvisor #button img:hover {
-webkit-filter: drop-shadow(1px 1px 5px #222);
filter: drop-shadow(1px 1px 5px #222); }
.contentframe .side-info .tripadvisor .ratings {
position: relative;
margin: .8em 0 .5em 1em; }
.contentframe .side-info .tripadvisor .ratings #title {
position: relative;
top: -.8em;
left: .2em;
margin-bottom: 0;
font-size: 1em;
font-weight: 500;
color: #fff;
-webkit-filter: drop-shadow(0 1px 2px #222);
filter: drop-shadow(0 1px 2px #222); }
.contentframe .side-info .tripadvisor .ratings span {
position: relative;
top: -.4em;
font-size: .86em;
color: gray;
margin-left: .2em;
padding-bottom: .01em;
border-bottom: 1px solid gray; }
.contentframe .breadcrumb {
position: relative;
margin: 2em 0 0 1em; }
.contentframe .breadcrumb ul {
list-style: none;
margin: 0;
padding: 0; }
.contentframe .breadcrumb ul li {
display: inline; }
.contentframe .breadcrumb ul li a {
text-decoration: none;
color: inherit; }
.contentframe .breadcrumb ul li a:hover {
color: red; }
.contentframe .breadcrumb ul li::after {
content: " \25B8 ";
font-weight: 600;
color: black;
vertical-align: middle; }
.contentframe .breadcrumb ul li:last-of-type::after {
content: ''; }
.contentframe .medium-block {
margin: 2em auto;
position: relative;
max-width: 80vw;
height: auto; }
.contentframe .recentDeals {
position: relative;
margin: 0 auto;
padding: 0 1em .5em; }
.contentframe .recentDeals h2 {
margin: 1.5em 0 .8em;
font-size: 1.55em; }
.contentframe .recentDeals #new-promo {
position: relative;
margin: .5em .5em .5em .25em;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1em; }
.contentframe .recentDeals #new-promo li {
-webkit-box-shadow: 0 0 .2em 0 gray;
box-shadow: 0 0 .2em 0 gray;
border-radius: .8em; }
.contentframe .recentDeals #new-promo li:hover {
-webkit-box-shadow: 0 0 0.2em 0.1em #ccccff;
box-shadow: 0 0 0.2em 0.1em #ccccff; }
.contentframe .recentDeals #new-promo li a {
text-decoration: none;
color: #777; }
.contentframe .recentDeals #new-promo li a:hover {
color: black; }
.contentframe .recentDeals #new-promo li img {
top: 0;
left: 0;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
border-top-left-radius: .8em;
border-top-right-radius: .8em;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.contentframe .recentDeals #new-promo li .meta {
margin-bottom: 1em; }
.contentframe .recentDeals #new-promo li .meta h4, .contentframe .recentDeals #new-promo li .meta span {
padding: .5em .5em 0 1em; }
.contentframe .recentDeals #new-promo li .meta span {
display: block;
margin: 0 .1em;
font-size: .87em;
overflow: hidden; }
.contentframe .cat-filters {
margin: 1em; }
.contentframe .cat-filters h3 {
margin: 1em auto;
text-align: center; }
.contentframe .cat-filters .cat-lists {
list-style: none;
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: .5em; }
.contentframe .cat-filters .cat-lists li {
margin: .25em;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-item-align: auto;
align-self: auto; }
.contentframe .cat-filters .cat-lists li a {
display: block;
margin: 0;
padding: .45em .65em;
border: 1px solid #999;
border-radius: .5em;
text-decoration: none;
color: black;
text-align: center; }
.contentframe .cat-filters .cat-lists li a:hover {
color: blue;
border: 1px solid #ccccff;
-webkit-box-shadow: 0 0.1em 0.1em 0 #ccccff;
box-shadow: 0 0.1em 0.1em 0 #ccccff; }
.content {
position: relative;
max-width: 46em;
margin: 0 1.2% 2em;
padding: .5em 1.2em;
text-align: justify;
text-justify: inter-word;
overflow: hidden; }
.content table {
width: 100%;
border-collapse: collapse;
/* Zebra striping */ }
.content table tr:nth-of-type(odd) {
background: #fff6e6; }
.content table th {
background: #FF4500;
color: white;
font-weight: bold; }
.content table td, .content table th {
padding: 6px;
border: 1px solid #ccc;
text-align: left; }
.content p > a {
text-decoration: none;
color: #3b80e8;
padding-bottom: .05em;
border-bottom: 1px dotted #666666; }
.content p > a:hover {
color: #e63d55; }
.content .buttons {
margin: 1em auto;
display: inline-block; }
.content .buttons #entry {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
margin: 1em .5em;
background: #1D1E3A; }
.content .buttons #terms, .content .buttons #winners {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
margin: 1em .5em;
background: #FF4E60; }
.content .buttons #price {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
margin: 1em .5em;
background: #45E2E4; }
.content .buttons a {
text-decoration: none;
color: #fff;
font-size: 1.2em;
font-weight: 500; }
.content .buttons a:hover {
color: yellow; }
.content .red-button {
width: 16em;
text-align: center;
padding: .5em;
border-radius: .4em;
border: 1px solid red;
margin: .86em auto;
font-size: 1.2em;
font-weight: 500;
background: #D31027;
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(#EA384D), to(#D31027));
background: linear-gradient(to right, #EA384D, #D31027);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
.content .red-button a {
text-decoration: none;
color: #fff; }
.content .red-button a:hover {
color: yellow; }
.content .body-text li > a {
text-decoration: none;
color: #3b80e8;
padding-bottom: .05em;
border-bottom: 1px dotted #666666; }
.content .body-text li > a:hover {
color: #e63d55; }
.content .center-block {
margin: 2em 0;
text-align: center; }
.content .center-block h1, .content .center-block h2 {
margin: .25em 0;
padding: .2em; }
.content .center-block h2 {
margin: .1em 0;
padding: .15em; }
.content .center-block h3, .content .center-block h4, .content .center-block h5, .content .center-block h6 {
margin: 0;
padding: 0; }
.content .center-block h1, .content .center-block h2, .content .center-block h3, .content .center-block h4, .content .center-block h5, .content .center-block h6 {
line-height: 1.2; }
.content .center-block .logos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.content .center-block .logos .logo {
width: 8em;
height: auto;
-ms-flex-item-align: center;
align-self: center;
padding: .6em 1em 0; }
.content .center-block .logos .logo img {
width: 100%;
height: auto; }
.content .utils {
position: relative;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1em;
text-align: left;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 1em auto 2em; }
.content .utils .icon {
font-size: 1.25em; }
.content .utils li {
margin: .3em .5em;
background: #fff;
border-radius: 2em;
border: 1px solid #e6e6e6; }
.content .utils li a {
display: block;
padding: .5em 1em;
color: #000;
text-decoration: none; }
.content .utils li span {
font-size: 1em; }
.content .utils li:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.content .brief {
top: 1em;
font-size: 1.2em;
font-weight: 600;
margin: 3em 1em 1em .8em;
padding: .03em .25em 0 3.3em;
background: url("../images/svg/quote-left.svg") no-repeat top left;
background-size: 2.45em; }
.content h2 {
margin: 2em 0 1em;
padding: 0;
line-height: 1; }
.content h2 span {
color: #f00; }
.content h3, .content h4 {
margin: 1em 0;
padding: 0; }
.content .stopper {
position: relative;
margin: 3em 0 .6em;
width: 8em;
height: .6em;
background-color: #f00;
border-radius: 2em; }
.content .bottom-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.content .bottom-block .rural-product {
margin-top: 2.8em;
width: 10em;
height: auto;
overflow: hidden; }
.content .bottom-block .product-info a {
text-decoration: none;
padding-bottom: .05em;
border-bottom: none;
color: #f00; }
.content .bottom-block .product-info a:hover {
border-bottom: 1px solid #333333; }
.content .bottom-block .product-info ul {
list-style: none;
margin: 0; }
.content .bottom-block .product-info ul li {
margin-bottom: .2em; }
.content .contact-divider {
position: relative;
margin: 2em 0 1.3em;
width: 5em;
height: .35em;
background-color: #ff3d3d;
border-radius: 2em; }
.content .readFull {
position: relative;
margin: 0;
padding: 0;
font-weight: 500; }
.content .readFull a {
text-decoration: none;
color: #f00;
padding-bottom: .05em;
border-bottom: none; }
.content .readFull a:hover {
border-bottom: 1px dotted #000; }
.content .metainfo {
position: relative;
margin: 1.2em 0 0;
line-height: 1.5; }
.content .metainfo li {
line-height: 1.5;
font-weight: 500; }
.content .metainfo li a {
text-decoration: none;
color: #3b80e8;
padding-bottom: .05em;
border-bottom: 1px dotted gray; }
.content .search-results a {
text-decoration: none;
color: green; }
.content .search-results a:hover {
color: red; }
.content .search-results h3 {
font-size: 1em;
line-height: 1.1; }
.content blockquote {
text-align: center;
margin: 1em 1em 2em;
padding: 1em 3em;
font-size: 1.15em;
font-weight: 500;
background: url("../images/svg/quote-right.svg") no-repeat top right;
background-size: 2.25em; }
.content .lists-inline {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style: none; }
.content .lists-inline li {
width: 80%;
margin: .5em;
padding: .3em .5em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #e6e6e6;
text-align: center;
border-radius: .4em; }
.content .lists-list {
padding: 0; }
.content .lists-list li {
margin: .875em 0; }
.content .lists-list li .name {
font-size: .96em;
font-weight: 600; }
.content .lists-list li .sub {
position: relative;
margin: 0 0 0 .2em;
padding: 0;
font-size: .86em;
font-style: italic;
color: #4d4d4d; }
.content .lists-list li .meta {
font-size: .92em; }
.content .notes {
font-size: .8em;
font-weight: 400;
line-height: normal;
margin: .15em .85em 1.5em;
color: #4d4d4d; }
.content .pr-postdate {
font-size: .85em;
font-weight: 400;
line-height: 1; }
.content .pr-postdate::before {
content: "\f10d";
display: inline-block;
margin-right: .76em;
margin-bottom: .2em;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
text-align: center;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.content .contact-address:before {
content: "Contact Address:";
display: block;
font-size: 1em;
font-weight: 600; }
.content .contact-address a {
text-decoration: none;
padding-bottom: .05em;
border-bottom: none;
color: #f00; }
.content .contact-address a:hover {
border-bottom: 1px solid #333333; }
.content .contact-address ul {
list-style: none;
margin: 0; }
.content .contact-address ul li {
margin: 0 0 .2em .15em; }
.content .programme {
margin: 1em 0;
padding: .5em; }
.content .programme ._organizer {
font-size: 1.1em;
font-weight: 500; }
.content .programme ._title {
font-size: 1.2em;
font-weight: 600;
margin-bottom: .6em; }
.content .programme ._when:before {
content: "Date: ";
font-weight: bold; }
.content .programme ._where:before {
content: "Venue: ";
font-weight: bold; }
.content .programme ._host {
margin: .5em 0 1em;
font-size: .86em; }
.content .speaker {
margin: 2em 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.content .speaker ._image {
margin: 1em;
padding: 0;
width: 6em;
height: 6em;
overflow: hidden; }
.content .speaker ._image img {
width: 100%;
height: 6em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 12em;
overflow: hidden; }
.content .speaker ._person {
margin: 0;
padding: 0; }
.content .speaker ._person ._name, .content .speaker ._person ._sub {
display: block;
margin: 0; }
.content .speaker ._person ._name {
font-weight: 600; }
.content .speaker ._person ._sub {
font-size: .86em;
font-weight: 500; }
.content .speaker_info {
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px dashed #cccccc; }
.content .career-meta {
margin: .2em 0;
padding: .3em 0 1em; }
.content .career-meta .availability, .content .career-meta .status, .content .career-meta .grade, .content .career-meta .grade-code, .content .career-meta .salary {
padding: .25em 0 .15em;
display: block; }
.content .career-meta .availability > span, .content .career-meta .status > span, .content .career-meta .grade > span, .content .career-meta .grade-code > span, .content .career-meta .salary > span {
font-weight: 600; }
.content .lines {
padding: .5em 0;
border-bottom: 1px dashed gray; }
.content .career-notes {
margin: 2em 0 1em;
font-size: .96em;
color: #4d4d4d; }
.content .career-notes_address {
font-weight: 600;
color: #000; }
.content .career-notes #submit-date {
color: #000;
font-weight: 600;
padding-bottom: .1em;
border-bottom: 1px solid #000; }
.content .calendar-meta {
margin-bottom: 2em; }
.content .calendar-meta h4 {
font-size: .95em;
font-weight: 600;
margin-bottom: .75em; }
.content .calendar-meta ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.content .calendar-meta li {
list-style: none;
margin: 0;
padding: 0 2.5em .5em 0;
font-size: .95em; }
.content .calendar-meta li a {
text-decoration: none;
border-bottom: 1px dotted black; }
.content .calendar-meta li a:hover {
color: red;
border-bottom: 1px dotted red; }
.listings {
position: relative;
margin: 0 auto;
padding: 0;
overflow: hidden; }
.listings h3 {
margin: 0 1em 1em 1.3em;
padding: 0; }
.listings h4 {
margin-top: .15em;
line-height: 1;
padding-bottom: .3em;
min-height: 2em; }
.listings .lists {
position: relative;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
margin: 1em; }
.listings li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: .8em .5em .1em;
padding: .6em;
height: auto;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: .4em;
background-color: #fff; }
.listings li h4 {
color: #404040; }
.listings li:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.listings li .meta {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
min-height: 2.25em; }
.listings li .meta .rating {
display: block;
margin: .85em 0 0; }
.listings li .meta .rating .fa {
color: #b3b3b3;
width: 12px;
font-size: .768em; }
.listings li .meta .rating .active {
color: #f00 !important; }
.listings li .meta .rating .orchid {
position: relative;
top: 2px;
display: inline-block;
width: 14px !important;
height: 15px !important;
background-image: url("../images/svg/orchid.svg");
background-repeat: no-repeat;
background-size: 170% 190%;
background-position: center 4px; }
.listings li .meta .rating .orchid-active {
position: relative;
top: 2px;
display: inline-block;
width: 14px !important;
height: 15px !important;
background-image: url("../images/svg/orchid.svg");
background-repeat: no-repeat;
background-size: 170% 190%;
background-position: center bottom; }
.listings li .meta .type {
font-size: .76em;
font-weight: lighter; }
.listings li .where {
bottom: 0;
font-size: .85em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.listings li .where:nth-of-type(1) {
color: #404040; }
.listings li a {
color: #000;
text-decoration: none; }
.listings li a:hover > .where span:nth-last-child(1) {
color: #b30000; }
.listings li a:hover > h4 {
color: #0000d6; }
.listings .tripadvisor {
margin: 1em .5em 0 0; }
.listings .tripadvisor a {
display: block; }
.listings .tripadvisor span {
position: relative;
top: -.36em;
font-size: .8em;
color: gray;
margin-left: .3em;
padding-bottom: .02em;
border-bottom: 1px solid gray; }
.campaign_full {
position: relative;
margin: 2em auto;
overflow: hidden; }
.campaign_full .groupof-1 {
position: relative;
margin: 0 .1em 1em;
padding: 0; }
.campaign_full .groupof-1 a {
text-decoration: none; }
.campaign_full .groupof-1 figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: auto;
height: auto;
overflow: hidden;
border-radius: .4em; }
.campaign_full .groupof-1 figure img {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin: 0 auto;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: .4em;
overflow: hidden; }
.campaign_full .groupof-1 figcaption {
display: none;
visibility: hidden; }
.campaign_full .notes {
position: relative;
margin: 2em 1em 1em 0; }
.campaign_full .notes h4 {
color: #4d4d4d; }
.campaign_full .notes p, .campaign_full .notes ul {
font-size: .83em;
color: #666666; }
.campaign_full .notes a {
text-decoration: none;
color: inherit;
padding-bottom: .08em;
border-bottom: 1px dotted #8c8c8c; }
.campaign_full .notes a:hover {
color: red; }
.campaign_full .hf-form {
border: 1px solid #e6e6e6;
border-radius: .4em;
padding: 1em 1em 3em;
margin: 2em 0; }
.campaign_full .hf-fields-wrap .header {
font-size: 1.35em;
font-weight: 600;
line-height: 1.5; }
.campaign_full .hf-fields-wrap .subheader {
font-size: .876em;
line-height: 1;
margin-bottom: 2em; }
.campaign_full .hf-fields-wrap p > label {
font-weight: bold;
display: block; }
.campaign_full .hf-fields-wrap p > label ~ label {
font-weight: normal; }
.campaign_full .hf-fields-wrap .type-image {
display: block;
margin: 1em 0; }
.campaign_full .hf-fields-wrap .type-image input[type="radio"] {
position: absolute;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
visibility: hidden; }
.campaign_full .hf-fields-wrap .type-image input[type=radio]:checked ~ .check {
color: #f3580f; }
.campaign_full .hf-fields-wrap .type-image input[type=radio]:checked ~ label {
color: #f3580f; }
.campaign_full .hf-fields-wrap .type-image input[type=radio]:checked ~ img {
-webkit-filter: grayscale(0);
filter: grayscale(0); }
.campaign_full .hf-fields-wrap .type-image input[type=radio]:checked ~ h4 {
top: .8em;
left: 1.5em;
font-size: 1.15em;
color: white;
text-shadow: 0 0 2px #000; }
.campaign_full .hf-fields-wrap .type-image .images-block {
display: grid;
grid-template-columns: 1fr 1fr; }
.campaign_full .hf-fields-wrap .type-image .images-block label {
display: block;
position: relative;
margin: 0 0 .5em 0;
padding: .7em;
cursor: pointer; }
.campaign_full .hf-fields-wrap .type-image .images-block label h4 {
position: absolute;
top: 1em;
left: 2em;
z-index: 15;
color: #fff;
text-shadow: 0 0 2px #000; }
.campaign_full .hf-fields-wrap .type-image .images-block label .check {
display: block;
position: absolute;
content: "\f164";
font-family: 'FontAwesome';
font-size: 2em;
color: #999999;
text-shadow: 0 0 2px #000;
top: 20px;
right: 20px;
z-index: 5; }
.campaign_full .hf-fields-wrap .type-image .images-block label .check::before {
display: block;
position: absolute;
content: "\f164";
font-family: 'FontAwesome';
right: 10px; }
.campaign_full .hf-fields-wrap .type-image .images-block img {
width: 100%;
height: auto;
overflow: hidden;
border-radius: .4em;
margin-bottom: .5em;
-webkit-filter: grayscale(50);
filter: grayscale(50); }
.campaign_full .hf-fields-wrap input[type="text"], .campaign_full .hf-fields-wrap input[type="email"] {
margin: .35em 0 .5em;
padding: .5em;
width: auto;
min-width: 30em;
border: 1px solid gray;
border-radius: .4em;
font-size: 1em; }
.campaign_full .hf-fields-wrap input[type="submit"] {
padding: .5em 1.2em;
font-weight: 600;
font-size: 1.2em;
background-color: #fff;
border: 1px solid gray;
border-radius: .4em; }
.campaign_full .hf-fields-wrap input[type="submit"].center-btn {
position: relative;
display: block;
border: 2px solid #ff8080;
width: 80%;
margin: 1em auto;
cursor: pointer; }
.campaign_full .hf-fields-wrap input[type="submit"].center-btn:hover {
border: 2px solid red; }
.campaign_full ul.winners {
margin: 0;
padding: 0 0 2em 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.campaign_full ul.winners li {
min-width: 45%;
max-width: 50%;
height: auto;
margin: .25em .75em .25em 0;
padding: .2em .5em .2em .76em;
border-radius: .15em;
border-bottom: 1px dashed #bfbfbf; }
.closed input[type="text"] {
background-color: #e6e6e6;
cursor: not-allowed;
pointer-events: none; }
.closed input[type="submit"], .closed input[type="radio"] {
display: none;
visibility: hidden; }
.closed form {
display: none;
visibility: hidden; }
.video-embed {
position: relative;
margin: 2em .1em;
padding: .5em 0 65.45% 0;
height: 0;
border-radius: .4em;
overflow: hidden;
-webkit-transform: translateY(0px);
transform: translateY(0px); }
.video-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: .4em;
overflow: hidden; }
.fb-embed {
position: relative;
margin: 2em .1em;
padding: 0;
height: 395px;
border-radius: .4em;
overflow: hidden; }
.fb-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: .4em;
overflow: hidden; }
.groupof-1 {
position: relative;
margin: 0 auto 2em;
padding: 0; }
.groupof-1 a {
text-decoration: none; }
.groupof-1 .img {
margin: 0 auto;
width: 100%;
height: auto;
overflow: hidden;
border-radius: .4em; }
.groupof-1 .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.groupof-1 figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.groupof-2 {
position: relative;
margin: 0 auto 2em;
padding: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 1em; }
.groupof-2 a {
text-decoration: none; }
.groupof-2 .img {
position: relative;
margin: 0 auto;
max-height: 25em;
overflow: hidden;
border-radius: .4em; }
.groupof-2 .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.groupof-2 figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.groupof-3 {
position: relative;
margin: 0 auto 2em;
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 1em;
grid-row-gap: 1em; }
.groupof-3 a {
text-decoration: none; }
.groupof-3 .img {
position: relative;
overflow: hidden;
border-radius: .4em; }
.groupof-3 .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.groupof-3 .img:nth-of-type(1) {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3; }
.groupof-3 .img:nth-of-type(2) {
grid-column: 3;
grid-row: 1; }
.groupof-3 .img:nth-of-type(3) {
grid-column: 3;
grid-row: 2; }
.groupof-3 figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.press_release {
position: relative;
overflow: hidden; }
.press_release .image {
position: relative;
margin: 0 .1em 1em;
padding: 0; }
.press_release .image a {
text-decoration: none; }
.press_release .image figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: auto;
height: auto;
overflow: hidden;
border-radius: .4em; }
.press_release .image figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: .4em;
overflow: hidden; }
.press_release .image figcaption {
font-size: .86em;
color: #737373;
padding: 1em 1.25em 1.5em; }
p {
margin: 1.5em auto; }
p a {
color: blue;
padding: 0 .08em;
text-decoration: none;
font-weight: 500;
border-bottom: 1px solid #000; }
p a:hover {
color: #f00; }
a.fillbtn {
position: relative;
background: #ff4d4d;
border-radius: .4em;
display: block;
text-align: center;
margin: 1em auto;
padding: .6em 3em;
width: 13em;
font-size: 1.2em;
font-weight: 500;
color: #fff;
text-decoration: none;
border: 2px solid transparent; }
a.fillbtn:hover {
background: #fff;
color: #000;
border: 2px solid #d60000; }
.product-info a {
text-decoration: none;
color: #f00; }
.product-info ul {
list-style: none;
margin: 0; }
.product-info ul li {
margin-bottom: .2em; }
.update-info {
position: relative;
margin: 2em 0;
padding: .5em .8em;
overflow: hidden;
font-size: .86em;
color: #b3b3b3;
border-top: 1px dotted #cccccc; }
.paginate {
text-align: center;
margin: 2em 0;
list-style: none; }
.paginate a {
text-decoration: none;
color: #000; }
.paginate li {
display: inline-block;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: .35em; }
.paginate li a {
font-size: 1em;
text-decoration: none;
color: #000; }
.paginate .page {
margin: .25em;
padding: .5em .8em;
width: .3em;
height: .3em;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: .35em;
line-height: 2.6em;
color: #000; }
.paginate .active {
color: #fff;
font-weight: 500;
background: #c80000;
-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65)); }
.paginate .active:hover {
background: red; }
.paginate .active a {
color: #fff;
font-weight: 600; }
.paginate .disabled {
cursor: not-allowed;
pointer-events: none;
border: none;
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none; }
.tenders {
position: relative;
top: 0;
left: 0;
margin: 0 auto;
padding: 1em; }
.tenders h2 {
margin-left: .3em;
margin-bottom: .5em; }
.tenders .tender_item {
list-style: none;
position: relative;
margin: 0;
display: -ms-grid;
-ms-grid-columns: repeat(2, 1fr);
display: grid;
grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 34em) and (max-width: 69.99em) and (min-width: 60em) {
.tenders .tender_item {
display: -ms-grid;
-ms-grid-columns: repeat(3, 1fr);
display: grid;
grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 34em) and (max-width: 69.99em) {
.tenders .tender_item li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: .8em .5em .1em;
padding: .6em;
height: auto;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: .4em;
background-color: #fff; }
.tenders .tender_item li:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.tenders .tender_item li a {
text-decoration: none;
color: #000; }
.tenders .tender_item li h4 {
-ms-flex-item-align: stretch;
align-self: stretch;
margin-top: .15em;
line-height: 1;
padding-bottom: 1.3em;
min-height: 2em; }
.tenders .tender_item li .tender_meta {
-ms-flex-item-align: end;
align-self: flex-end;
margin-bottom: .5em;
padding-top: .3em;
border-top: 1px dashed rgba(0, 0, 0, 0.2);
font-size: .85em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.tenders .tender_item li .tender_meta ._status:before {
content: "\f111";
font-family: FontAwesome;
display: inline-block;
margin-top: .1em;
margin-left: -1.25em;
width: 1.3em;
font-size: .86em;
font-weight: normal;
color: green; }
.tenders .tender_item li .closed {
color: #999999; }
.tenders .tender_item li .closed > .tender_meta ._status:before {
content: "\f111";
font-family: FontAwesome;
display: inline-block;
margin-top: .1em;
margin-left: -1.25em;
width: 1.3em;
font-size: .86em;
font-weight: normal;
color: #ff8080; }
.tender a {
color: blue;
text-decoration: none;
padding-bottom: .1em;
border-bottom: 1px dotted gray; }
.tender a:hover {
color: red; }
.tender > div {
padding: .35em 0; }
.tender > div .closed {
font-size: .96em;
font-weight: 600;
color: red; }
.tender_code ul {
margin: .25em 0 0 1.25em;
padding: 0;
list-style: none; }
.tender_code li {
margin-bottom: 1.25em; }
.tender_code li ._code {
display: block;
font-size: .96em;
font-weight: 600; }
.tender_code li ._name {
font-size: .8em;
color: #666666; }
.tender_code li:before {
position: absolute;
content: "\f046";
font-family: FontAwesome;
display: inline-block;
margin-top: .1em;
margin-left: -1.25em;
width: 1.3em;
font-size: .86em;
font-weight: normal; }
.tender_scope {
margin-bottom: .65em; }
.letterHead {
position: relative;
margin: 2em auto 0;
width: 96%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1em; }
.letterHead .logo {
position: relative;
width: 8em;
min-width: 6.5em;
height: 9em;
background: url("../images/logo/stb-logo.jpg") no-repeat;
clear: both; }
.letterHead .stb, .letterHead .ministry {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto; }
.letterHead .stb {
position: relative;
margin-top: .1em;
font-size: 1.6em;
text-transform: uppercase;
font-weight: bold;
line-height: 1; }
.letterHead .ministry {
position: relative;
margin-top: .4em;
font-size: 1em;
text-transform: uppercase;
font-weight: 600;
line-height: 1; }
.letterHead .state {
position: relative;
margin-top: .2em;
margin-bottom: 1.25em;
font-weight: 500;
line-height: 1; }
.letterHead .address span {
display: block;
position: relative;
font-size: .9em; }
.advisory {
position: relative;
top: 2em; }
.advisory .logo {
position: relative;
width: 8em;
min-width: 6.5em;
height: 9em;
background: url("../images/logo/stb-logo.jpg") no-repeat;
clear: both; }
.advisory .title {
position: absolute;
top: 3em;
left: 5.5em;
font-size: 1.6em;
font-weight: 600;
padding-top: 0; }
.advisory .subtitle {
position: absolute;
top: 7em;
left: 8.9em; }
.advisory .body-text .alert {
color: red; }
.advisory .body-text a {
text-decoration: none;
color: #3b80e8;
padding-bottom: .05em;
border-bottom: 1px dotted #666666; }
.advisory .body-text a:hover {
color: #e63d55; }
.advisory .body-text .closing {
margin: 2em 0; }
.advisory .body-text table {
width: 98%;
margin: .5em;
padding: 2em; }
.advisory .body-text table tbody {
border: 2px solid black; }
.advisory .body-text table tr {
padding: .5em;
border-bottom: 2px solid gray; }
.advisory .body-text table tr:last-of-type {
border: none; }
.advisory .body-text table td {
padding: 1em;
padding: .65em;
border: 1px solid gray; }
.advisory .body-text table .first-col {
width: 30% !important; }
.advisory .signatory {
position: relative;
margin-top: 3em;
margin-bottom: 4em; }
.advisory .signatory span {
display: block; }
.advisory .signatory #name {
text-transform: uppercase;
font-weight: 500;
padding-bottom: .6em; }
.advisory .signatory a {
color: blue;
text-decoration: none;
padding-bottom: 4px; }
.advisory .signatory a:hover {
color: #0000b3; }
.accommodations {
position: relative;
top: 0;
left: 0;
margin: 0 auto;
padding: 1em; }
.accommodations h2 {
margin: 2em auto 0 1.2em;
padding: 0; }
.accommodations .pagination {
text-align: center;
margin: 2em 0;
list-style: none; }
.accommodations .pagination li {
display: inline-block;
margin: .35em;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: .35em; }
.accommodations .pagination li a {
font-size: 1em;
text-decoration: none;
color: #000; }
.accommodations .pagination .page {
display: block;
padding: .5em .8em; }
.accommodations .pagination .active {
color: #fff;
font-weight: 500;
background: #c80000;
-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65)); }
.accommodations .pagination .active:hover {
background: red; }
.accommodations .pagination .active a {
color: #fff;
font-weight: 600; }
.accommodations .pagination .disabled {
cursor: not-allowed;
pointer-events: none;
border: none;
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none; }
.stats {
position: relative;
top: 0;
left: 0;
margin: 0 auto;
padding: 1em 2em; }
.stats h2 {
margin: 1.5em 0 .3em;
text-align: center;
line-height: 1; }
.stats .subheader {
position: relative;
text-align: center;
font-size: .92em;
font-weight: 500;
margin-bottom: 2em; }
.stats .stats-pdf {
position: relative;
margin: 2em auto;
text-align: center;
font-size: .86em; }
.stats .stats-pdf a {
height: auto;
text-decoration: none;
color: black;
padding: .8em 2em;
border: 1px solid black;
border-radius: 4em;
font-weight: 500;
background: #fff; }
.stats .stats-pdf a:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.stats .notes {
width: 80vw;
margin: 0 auto;
font-size: .9em; }
.stats #smallnote h4 {
border-bottom: 1px solid #000;
margin-bottom: .5em; }
.stats #smallnote li {
font-size: .8em;
padding: .2em 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.2); }
.stats #smallnote li:last-child {
border-bottom: none; }
.arrivals .summary {
position: relative;
margin: 1em 0 1.5em;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around; }
.arrivals .summary li {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
text-align: center;
width: 15em; }
.arrivals .summary li:nth-child(1) > .info {
background-color: rgba(113, 135, 142, 0.92); }
.arrivals .summary li:nth-child(2) > .info {
background-color: rgba(0, 179, 89, 0.92); }
.arrivals .summary li:nth-child(3) > .info {
background-color: rgba(255, 204, 0, 0.92); }
.arrivals .summary li h3 {
padding: .5em 0 0; }
.info {
margin: .8em;
border-radius: .5em; }
.info .post-a {
margin: 0 0 2.1em;
font-size: 1.2em;
color: #fff;
font-weight: 500;
text-shadow: 1px 1px 3px #000; }
.info .sums {
padding: .8em 0 0;
font-size: 1.6em;
font-weight: 600;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.info .verdict {
padding: .8em; }
.info .percentage {
font-size: 2em;
font-weight: 600;
text-shadow: 1px 1px 3px #666;
text-align: center; }
.info .verdict {
color: #fff;
font-size: 1.2em;
font-weight: 600;
text-shadow: 2px 2px 4px #000;
line-height: 0;
padding-bottom: 1.2em; }
.up {
background: url(../images/svg/caret-up.svg) no-repeat center 4em;
background-size: 9em; }
.up > .percentage {
color: green;
padding-top: .4em;
margin: .7em auto 0; }
.up > .percentage:before {
content: "+"; }
.up > .verdict:before {
content: "increase";
color: #fff; }
.down {
background: url(../images/svg/caret-down.svg) no-repeat center 4em;
background-size: 9em; }
.down > .percentage {
color: red;
padding-bottom: 1.6em;
margin: -.6em auto; }
.down > .percentage:before {
content: "-"; }
.down > .verdict:before {
content: "decrease";
color: red; }
.demographic {
margin: 2em auto; }
.demographic > div {
margin: 1em auto; }
.demographic ul > li > span:after {
content: "%"; }
.archives {
position: relative;
margin: 2em auto 5em;
max-width: 60em; }
.archives ul {
margin: 0;
padding: 0;
list-style: none; }
.archives ul li {
margin: 0;
padding: .6em 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: .5em; }
.archives ul li:nth-child(even) {
background: #ebf9f7; }
.archives ul li a {
text-decoration: none;
color: #000; }
.archives ul li a:hover {
color: #f00;
font-weight: 600; }
.blocks {
position: relative;
top: 0;
left: 0;
margin: 2em auto;
padding: 1em;
overflow: hidden; }
.blocks h2 {
margin-left: .3em;
margin-bottom: .5em; }
.blocks h2 span {
color: red; }
.blocks .see-all {
visibility: hidden;
display: none; }
.tiles {
list-style: none;
margin: 0;
padding: 0; }
.tiles .tile {
margin: 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
overflow: hidden; }
.tiles .tile a {
text-decoration: none; }
.tiles .tile a figure {
position: relative;
margin: 0 .5em 1em; }
.tiles .tile a figure img {
width: 100%;
height: 100%;
min-height: 10em;
max-height: 10em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.tiles .tile a figure figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.tiles .tile:nth-child(odd) a:first-of-type {
grid-column: 1/3;
grid-row: 1/3; }
.tiles .tile:nth-child(odd) a:first-of-type img {
height: 100vh;
max-height: 21.3em;
overflow: hidden; }
.tiles .tile:nth-child(even) a:nth-child(3) {
grid-column: 3/5;
grid-row: 1/5; }
.tiles .tile:nth-child(even) a:nth-child(3) img {
height: 100vh;
max-height: 21.3em; }
.container {
margin: 1em auto;
padding: 1em;
max-width: 80em; }
.container h2 {
margin-left: .3em;
margin-bottom: .5em; }
.container .hotel-filters {
position: relative;
margin: 0 .5em; }
.container .hotel-filters .search {
width: 15em;
border: 2px solid #00B4CC;
padding: 5px;
height: 20px;
border-radius: 5px;
outline: none;
color: #000;
font-size: 1em; }
.container .hotel-filters .checkboxes {
position: relative;
margin-left: .8em;
border-left: 1px solid black; }
.container .hotel-filters .checkboxes label {
padding-left: 10px;
font-size: .86em;
font-weight: 500; }
.container .hotel-filters .checkboxes input[type="checkbox"] {
height: 12px;
width: 16px;
position: relative;
cursor: default;
background: none;
border: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.container .hotel-filters .checkboxes input[type="checkbox"], .container .hotel-filters .checkboxes input[type="checkbox"]:checked, .container .hotel-filters .checkboxes input[type="checkbox"]:focus, .container .hotel-filters .checkboxes input[type="checkbox"]::before, .container .hotel-filters .checkboxes input[type="checkbox"]::after, .container .hotel-filters .checkboxes input[type="checkbox"]:checked::after, .container .hotel-filters .checkboxes input[type="checkbox"]:checked::before, .container .hotel-filters .checkboxes input[type="checkbox"]:hover {
outline: none;
outline-color: transparent; }
.container .hotel-filters .checkboxes input[type="checkbox"]::before {
content: '';
border: 1px solid #707070;
border-radius: 3px;
height: 18px;
width: 18px;
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 9; }
.container .hotel-filters .checkboxes input[type="checkbox"]:checked::after {
content: '';
display: block;
position: absolute;
left: 8px;
top: -3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 8px;
height: 18px;
border: solid #000;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 10; }
.container .list {
position: relative;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(33.33%, 1fr));
margin: 1em 0;
list-style: none; }
.container .list a {
color: #000;
text-decoration: none; }
.container .list a:hover > h4 {
color: red; }
.container .list a:hover > .agent-info span:last-child {
color: blue; }
.container .list li {
position: relative;
margin: .8em .5em .1em;
padding: .3em;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: .4em;
background-color: #fff; }
.container .list li:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.container .list h4 {
margin: .5em 0 0;
padding: 0 .5em; }
.container .list .tripadvisor {
margin: .5em .5em .5em .35em;
display: block; }
.container .list .tripadvisor a {
display: block; }
.container .list .tripadvisor span {
position: relative;
top: -.36em;
font-size: .8em;
color: gray;
margin-left: .3em;
padding-bottom: .02em;
border-bottom: 1px solid gray; }
.container .list .meta {
margin: 0 .5em .5em;
padding-bottom: .5em; }
.container .list .meta .rates {
visibility: hidden; }
.container .list .meta .stars {
display: block; }
.container .list .meta .stars .fa {
color: #b3b3b3;
width: 12px;
font-size: .768em; }
.container .list .meta .stars .active {
color: #f00 !important; }
.container .list .meta .stars .orchid {
position: relative;
top: 2px;
display: inline-block;
width: 14px !important;
height: 15px !important;
background-image: url("../images/svg/orchid.svg");
background-repeat: no-repeat;
background-size: 170% 190%;
background-position: center 4px; }
.container .list .meta .stars .orchid-active {
position: relative;
top: 2px;
display: inline-block;
width: 14px !important;
height: 15px !important;
background-image: url("../images/svg/orchid.svg");
background-repeat: no-repeat;
background-size: 170% 190%;
background-position: center bottom; }
.container .list .meta .type {
font-size: .8em;
font-weight: normal; }
.container .list .where {
position: relative;
margin: 0 .5em .3em 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: .8em;
font-weight: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.container .pagination {
text-align: center;
margin: 2em 0;
list-style: none; }
.container .pagination li {
display: inline-block;
margin: .35em;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: .35em; }
.container .pagination li a {
font-size: 1em;
text-decoration: none;
color: #000; }
.container .pagination .page {
display: block;
padding: .5em .8em; }
.container .pagination .active {
color: #fff;
font-weight: 500;
background: #c80000;
-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65)); }
.container .pagination .active:hover {
background: red; }
.container .pagination .active a {
color: #fff;
font-weight: 600; }
.container .pagination .disabled {
cursor: not-allowed;
pointer-events: none;
border: none;
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none; }
.container .agent-filters {
position: relative;
margin: 0 .5em; }
.container .agent-filters .search {
width: 15em;
border: 2px solid #00B4CC;
padding: 5px;
height: 20px;
border-radius: 5px;
outline: none;
color: #000;
font-size: 1em; }
.container .agent-filters .checkboxes {
position: relative;
margin-left: .8em;
border-left: 1px solid black; }
.container .agent-filters .checkboxes label {
padding-left: 10px;
font-size: .96em;
font-weight: 500; }
.container .agent-filters .checkboxes input[type="checkbox"] {
height: 12px;
width: 20px;
position: relative;
cursor: default;
background: none;
border: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.container .agent-filters .checkboxes input[type="checkbox"], .container .agent-filters .checkboxes input[type="checkbox"]:checked, .container .agent-filters .checkboxes input[type="checkbox"]:focus, .container .agent-filters .checkboxes input[type="checkbox"]::before, .container .agent-filters .checkboxes input[type="checkbox"]::after, .container .agent-filters .checkboxes input[type="checkbox"]:checked::after, .container .agent-filters .checkboxes input[type="checkbox"]:checked::before, .container .agent-filters .checkboxes input[type="checkbox"]:hover {
outline: none;
outline-color: transparent; }
.container .agent-filters .checkboxes input[type="checkbox"]::before {
content: '';
border: 1px solid #707070;
border-radius: 3px;
height: 18px;
width: 18px;
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 9; }
.container .agent-filters .checkboxes input[type="checkbox"]:checked::after {
content: '';
display: block;
position: absolute;
left: 8px;
top: -3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 8px;
height: 18px;
border: solid #000;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 10; }
.container .list {
position: relative;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
list-style: none; }
.container .list a {
color: #000;
text-decoration: none; }
.container .list a:hover > h4 {
color: red; }
.container .list a:hover > .agent-info span:last-child {
color: blue; }
.container .list li {
position: relative;
margin: .8em .5em .1em;
padding: .3em;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: .4em;
background-color: #fff; }
.container .list li:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.container .list h4 {
margin: .5em 0;
padding: 0 .5em; }
.container .list .agent-info {
margin: 2em 1.5em .5em .5em;
padding: 0 1em .5em .3em;
color: #404040;
border-bottom: 1px dashed #bfbfbf; }
.container .list .agent-info span {
display: block;
margin: .2em 0 0;
font-size: .95em;
font-weight: normal; }
.container .list .general-agent {
border-bottom: none; }
.container .list .services {
margin: 0 .5em .3em .4em;
color: #404040; }
.container .list .services .niche {
position: relative;
left: -.3em;
margin: 0;
padding: 0;
font-size: .86em;
font-weight: normal; }
.container .list .services .niche:after {
content: ", "; }
.container .list .services .niche:last-of-type:after {
content: ""; }
.container .pagination {
text-align: center;
margin: 2em 0;
list-style: none; }
.container .pagination li {
display: inline-block;
margin: .35em;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: .35em; }
.container .pagination li a {
font-size: 1em;
text-decoration: none;
color: #000; }
.container .pagination .page {
display: block;
padding: .5em .8em; }
.container .pagination .active {
color: #fff;
font-weight: 500;
background: #c80000;
-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65)); }
.container .pagination .active:hover {
background: red; }
.container .pagination .active a {
color: #fff;
font-weight: 600; }
.container .pagination .disabled {
cursor: not-allowed;
pointer-events: none;
border: none;
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none; }
.responsive-tabs {
position: relative;
margin: 2em 0 1em; }
.responsive-tabs dt {
font-size: 1.3em;
font-weight: 600;
float: left;
border-top: 0;
padding: .5em 1.2em; }
.responsive-tabs .active {
font-size: 1.3em;
font-weight: 600;
background-color: #ff6666;
border-top-left-radius: .4em;
border-top-right-radius: .4em;
padding: .5em 1.2em;
color: #fff; }
.responsive-tabs .active + dd {
display: none; }
.responsive-tabs-placeholder {
clear: both;
display: block;
padding: 1em;
border-top: 1px solid #000; }
.follows {
text-align: center; }
.follows .footlogo {
display: none; }
.follows h2 {
text-align: center;
margin: 1em auto .6em;
font-size: 2em; }
.follows h2 span {
font-size: 1.35em;
font-weight: 600;
color: #f00; }
.follows .socialmedia {
margin: 0 auto 3em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-width: 22em;
width: 48vw; }
.follows .socialmedia li {
list-style: none;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin: 0 .3em;
padding: 0 .8em; }
.follows .socialmedia li img {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: auto; }
.instas {
position: relative;
margin: 0 auto 2em;
padding: 0;
max-width: 80em;
overflow: hidden; }
.instas h2 {
margin: 1em auto .3em;
font-size: 2em;
color: #e63d55; }
.instas .center {
text-align: center; }
.instas .follow-button {
position: relative;
margin: .8em auto 1.8em;
padding: .6em .8em;
font-size: 1.1em;
font-weight: 500;
max-width: 16em;
border-radius: 2em;
background: #e63d55; }
.instas .follow-button a {
text-decoration: none;
color: #fff; }
.instas .follow-button:hover {
background: #d51b36; }
#instagram {
position: relative;
display: grid;
grid-template-columns: repeat(4, 1fr);
margin: 1em 1.3em; }
#instagram figure {
position: relative;
margin: 0;
padding: .25em .38em; }
#instagram figure img {
width: 100%;
height: 100%;
min-height: 10em;
max-height: 10em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
#instagram figure figcaption {
position: absolute;
left: 1.5em;
bottom: 1.5em;
width: 80%; }
#instagram figure figcaption .likes {
color: #fff;
font-size: .9em;
font-weight: 500;
text-shadow: 1px 2px 3px #000; }
#instagram figure figcaption .likes #heart {
position: absolute;
margin-left: .2em;
bottom: -.1em;
color: #ff1a1a;
padding-right: .08em; }
#instagram figure figcaption .likes .icon {
position: absolute;
margin-left: 1.86em;
bottom: -.15em;
font-size: 1.35em;
color: #fff; }
.media {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: .5em 0 1em; }
.media .media__img {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
height: auto; }
.tabpanel {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.tabpanel .tabpanel__tablabel {
font-size: 1.3em;
font-weight: 600;
border-radius: .4em;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
padding-left: 24px;
padding-right: 24px; }
.tabpanel .tabpanel__tablabel + .tabpanel__tab + .tabpanel__tablabel {
margin-left: 6px; }
.tabpanel .tabpanel__panel {
padding: 12px; }
.tabpanel .tabpanel__panels {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%; }
.submit-articles {
position: relative;
margin: 5em auto 2em;
padding: 0;
max-width: 60em; }
.submit-articles .separator {
position: relative;
margin: 2em auto .5em;
width: 45vw;
height: .6em;
background-color: #f00;
border-radius: 2em; }
.submit-articles .submission {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 1em 1.3%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.submit-articles .submission #go, .submit-articles .submission #collect, .submit-articles .submission #tell {
text-align: center;
padding: .5em;
font-size: .86em; }
.submit-articles .submission #go img, .submit-articles .submission #collect img, .submit-articles .submission #tell img {
margin: 1em auto;
width: 4em; }
.submit-articles .submission #go span, .submit-articles .submission #collect span, .submit-articles .submission #tell span {
padding: .5em 1em;
display: block; }
.submit-articles .article-submit {
margin: 2em auto;
padding: 1em;
text-align: center; }
.submit-articles .article-submit a {
color: #000;
text-decoration: none; }
.submit-articles .article-submit #your-story {
margin: .8em auto;
padding: 1em 1.5em;
font-size: 1.15em;
font-weight: 500;
max-width: 10vw;
border-radius: 2em;
border: 1px solid green;
background: #fff; }
.submit-articles .article-submit #your-story:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.listof3 {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.listof3 h2 {
margin: 1em; }
.listof3 h2 span {
color: #f00; }
.listof3 .see-all {
position: absolute;
top: 2.5em;
right: 3em;
font-size: 1em; }
.listof3 .see-all a {
text-decoration: none;
color: #3aa349; }
.listof3 .see-all a:hover {
color: #e63d55; }
.listof3 .lists {
margin: 1em;
display: grid;
grid-template-columns: repeat(2, 1fr); }
.listof3 .lists a {
text-decoration: none; }
.listof3 .lists li {
position: relative;
margin: .4em .5em;
list-style: none; }
.listof3 .lists li img {
width: 100%;
height: 100%;
min-height: 12em;
max-height: 12em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.listof3 .lists li div {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1.1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.listof3 #loadMore {
margin: 1.5em auto 2em;
padding: .5em 1em;
background: #fff;
border-radius: 2em;
border: 1px solid #e6e6e6;
max-width: 16em;
text-align: center;
color: #000;
text-decoration: none; }
.listof3 #loadMore:hover {
cursor: pointer;
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.campaign {
position: relative;
margin: .8em auto .5em;
height: 7em;
padding: 0;
max-width: 32em;
overflow: hidden; }
.campaign ._details {
height: 6em;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: .35em;
background: #fff; }
.campaign ._details .adthumb {
position: absolute;
right: 0;
margin: .5em;
width: 4.85em;
height: auto;
overflow: hidden; }
.campaign ._details .adthumb img {
width: 100%;
height: auto;
overflow: hidden;
padding: .2em; }
.campaign ._details .adtext {
position: absolute;
top: .06em;
left: .4em;
font-size: 3em;
font-weight: 700;
color: #000; }
.campaign ._details .adtext > span {
position: relative;
margin: -.35em 0 0 .2em;
display: block;
font-size: .45em;
color: #666666; }
.campaign ._details:hover {
border: 1px solid rgba(0, 0, 0, 0.5); }
.more_articles {
position: relative;
margin: 0 auto;
padding: 1em 1.5em;
max-width: 80em;
overflow: hidden; }
.more_articles h2 {
margin: 1em auto 1em 1.5em; }
.more_articles h2 span {
color: #f00; }
.more_articles > div {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(33.33%, 1fr)); }
.more_articles > div a {
text-decoration: none; }
.more_articles > div figure {
position: relative;
min-width: 10em;
margin: .4em .5em; }
.more_articles > div figure img {
width: 100%;
height: 100%;
min-height: 12em;
max-height: 12em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.more_articles > div figure figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1.1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.four-columns {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.four-columns h2 {
margin: 1em auto 1em 1.5em; }
.four-columns h2 span {
color: #f00; }
.items {
margin: 1em 1.8em;
display: grid;
grid-template-columns: repeat(3, 1fr); }
.items a {
text-decoration: none; }
.item {
text-align: center;
margin: 1em .65em .86em; }
.item .category {
margin: 0;
padding: 0;
font-size: .786em;
list-style: none; }
.item .category li {
display: inline; }
.item .category li::after {
content: ", "; }
.item .category li:last-child::after {
content: ""; }
.profile-info {
padding: .56em 1em;
width: 86%; }
.profile-info img {
min-width: 180px;
max-width: 180px;
height: 180px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: 150em;
-webkit-box-shadow: 0 0 3px gray;
box-shadow: 0 0 3px gray; }
.profile-info .name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: .65em; }
.profile-info .name .uid {
font-weight: 500;
padding-bottom: .15em; }
.profile-info .name .who {
font-size: .75em;
color: #8c8c8c; }
.profile-info .channels {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: .6em 0 0 .6em;
padding: 0;
list-style: none; }
.profile-info .channels li {
padding: 0 .5em; }
.profile-info .channels li a {
color: black; }
.profile-info .channels li a.facebook:hover {
color: #3b5998; }
.profile-info .channels li a.instagram:hover {
color: #c32aa3; }
.profile-info .channels li a.twitter:hover {
color: #1da1f2; }
.profile-info .facebook, .profile-info .instagram, .profile-info .twitter, .profile-info .email {
font-size: 1.75em;
display: inline-block; }
.profile-info .facebook::before {
font-family: FontAwesome;
content: "\f230"; }
.profile-info .instagram::before {
font-family: FontAwesome;
content: "\f16d"; }
.profile-info .twitter::before {
font-family: FontAwesome;
content: "\f099"; }
.profile-info .email::before {
font-family: FontAwesome;
content: "\f003"; }
.quarterly {
position: relative;
top: 0;
left: 0;
margin: 0 auto;
padding: 1em; }
.quarterly h2 {
margin-left: .5em;
margin-bottom: .5em; }
.quarterly h2 span {
color: red; }
.ideas {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)); }
.ideas a {
text-decoration: none; }
.ideas figure {
position: relative;
min-width: 10em;
margin: .4em .5em; }
.ideas figure img {
width: 100%;
height: 100%;
min-height: 16em;
max-height: 16em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.ideas figure figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1.1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.packages {
position: relative;
padding: 1em 1.5em;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.packages h2 {
margin: 1em auto 1em 1.5em; }
.packages .submit-article {
position: absolute;
top: 1.86em;
right: 2.5em;
font-size: 1em; }
.packages .submit-article a {
text-decoration: none;
color: #3aa349; }
.packages .submit-article a:hover {
color: #e63d55; }
.packages #openModal-prize h3 {
margin-bottom: 1.2em; }
.packages #openModal-prize ol {
margin: 0 0 0 1.8em;
padding: 0;
list-style: decimal-leading-zero; }
.packages #openModal-prize ol li {
font-size: 1em;
font-weight: 500; }
.packages #openModal-prize ol li ul {
list-style: disc;
margin: .5em 0 .8em 0;
padding: .25em 1em;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: .86em;
border: 1px solid #999;
border-radius: .4em; }
.packages #openModal-prize ol li ul li {
font-size: .86em;
font-weight: normal;
margin: .15em .15em .15em 1em;
padding: .35em; }
.deals {
-webkit-column-count: 3;
column-count: 3;
margin: 3em 0;
padding: 1.15em; }
.deal {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
position: relative;
margin: 0 .2em .8em; }
.deal a {
text-decoration: none;
color: #000; }
.deal img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em;
border: 1px solid white; }
.deal img:hover {
border: 1px solid rgba(95, 156, 212, 0.856);
-webkit-filter: drop-shadow(0 0 3px rgba(95, 156, 212, 0.856));
filter: drop-shadow(0 0 3px rgba(95, 156, 212, 0.856)); }
.deal .meta {
display: none;
visibility: hidden;
line-height: 1;
padding: .12em .25em 1em .35em; }
.deal .meta .deal_name {
font-size: 1.05em;
font-weight: bold; }
.deal .meta .dealer {
font-size: .8em;
font-weight: lighter; }
footer {
position: relative;
margin: 5em 0 0;
padding: 0;
border-top: 1px solid #737373;
height: auto; }
footer .mobile-download {
position: relative;
margin: 2em auto .5em;
text-align: center; }
footer .mobile-download .gosabah {
position: relative;
margin: .5em auto;
width: 9em; }
footer .mobile-download .apps-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
max-width: 30vw;
min-width: 18em;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
footer .mobile-download .apps-icon li {
margin: .5em;
padding: 0 .2em; }
footer .mobile-download .apps-icon li img {
width: 100%;
height: auto;
overflow: hidden; }
footer .footsocials {
text-align: center; }
footer .footsocials .footlogo {
display: none; }
footer .footsocials h3 {
text-align: center;
margin: 1em auto 1.5em; }
footer .footsocials h3 span {
font-size: 1.3em;
font-weight: 600;
color: #f00; }
footer .footsocials .socialmedia {
margin: 0 auto 2em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-width: 18em;
width: 30vw; }
footer .footsocials .socialmedia li {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin: 0 .3em;
padding: 0 .3em; }
footer .footsocials .socialmedia li img {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: auto; }
footer .footmenu {
position: relative;
margin: 2em auto 0;
padding: 0; }
footer .menus {
margin: 1em auto;
padding: .5em .5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
footer .menu {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 40% !important;
padding: 0 1.25em;
margin-bottom: 1.5em; }
footer .menu h4 {
font-size: 1.2em;
font-weight: 600;
padding-bottom: .15em;
border-bottom: 2px solid #000;
margin-bottom: .5em; }
footer .menu ul {
margin: 0;
padding: 0; }
footer .menu li {
line-height: 1;
padding: .35em 0;
border-top: 1px dotted #b3b3b3; }
footer .menu li:first-child {
border-top: none; }
footer .menu li a {
display: block;
padding: .25em;
text-decoration: none;
font-size: 1em;
color: #000; }
footer .menu li a:hover {
color: #f00; }
footer .footlinks {
font-size: .8em;
position: relative;
top: 0;
left: 0;
padding: 0;
margin: 0 auto;
overflow: hidden;
text-align: center;
max-width: 56em; }
footer .footlinks .govts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: 0 auto;
padding: 0;
overflow-x: hidden;
text-align: center; }
footer .footlinks .govts a {
text-decoration: none; }
footer .footlinks .govts figure {
position: relative;
max-width: 10em;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding: 0 .2em; }
footer .footlinks .govts figure:last-of-type {
padding-right: .8em; }
footer .footlinks .govts figure img {
width: 100%;
height: 10em;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
overflow: hidden; }
footer .footlinks .govts figure figcaption {
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #000;
text-align: center;
padding-bottom: 1em; }
footer .ministries {
font-size: .8em;
position: relative;
top: 0;
left: 0;
padding: 0;
margin: 0 auto;
overflow: hidden;
text-align: center;
max-width: 40em; }
footer .ministries .minlinks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: 0 auto;
padding: 0;
overflow-x: hidden;
text-align: center; }
footer .ministries .minlinks a {
text-decoration: none; }
footer .ministries .minlinks figure {
position: relative;
max-width: 7em;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding: 0 .2em; }
footer .ministries .minlinks figure:last-of-type {
padding-right: .8em; }
footer .ministries .minlinks figure img {
width: 100%;
height: 5em;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
overflow: hidden; }
footer .ministries .minlinks figure figcaption {
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #000;
text-align: center;
padding-bottom: 1em; }
footer .foot-extlinks {
position: relative;
top: 0;
left: 0;
padding: 0;
margin: 1.5em auto 1em;
overflow: hidden;
text-align: center;
max-width: 40em; }
footer .foot-extlinks .links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: 0 auto;
padding: 0;
overflow-x: hidden;
text-align: center; }
footer .foot-extlinks .links a {
text-decoration: none; }
footer .foot-extlinks .links figure {
position: relative;
max-width: 7em;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding: 0 .2em; }
footer .foot-extlinks .links figure:last-of-type {
padding-right: .8em; }
footer .foot-extlinks .links figure img {
width: 100%;
height: 5em;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
overflow: hidden; }
footer .foot-extlinks .links figure figcaption {
font-size: .8em;
font-weight: 500;
line-height: 1;
color: #000;
text-align: center;
padding-bottom: 1em; }
footer .footaddress {
position: relative;
max-width: 35em;
margin: 3em auto .5em;
font-size: .9em; }
footer .footaddress #footcontact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
font-size: .86em; }
footer .footaddress #footcontact li {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
padding: .1em;
text-align: center; }
footer .footaddress #footcontact li a {
text-decoration: none;
padding-bottom: .1em; }
footer .footaddress #footcontact li:first-child {
margin-left: -6px; }
footer .footaddress .lastupdate {
position: relative;
top: 2em;
text-align: center;
font-size: .86em;
font-weight: 600; }
footer .footcopy {
position: relative;
margin-top: 4em;
text-align: center;
font-size: .7em; } }
@media (min-width: 70em) {
header {
position: fixed;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.95);
width: 100vw;
height: 4em;
z-index: 97;
-webkit-box-shadow: 1px 2px 10px 3px whitesmoke;
box-shadow: 1px 2px 10px 3px whitesmoke; }
header .logo {
position: absolute;
top: .65em;
left: 1.5em;
margin: 0;
padding: .1em 0 .3em;
width: 6.5em;
height: 2.3em;
overflow: hidden;
z-index: 12; }
header .logo img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden; }
header, nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
header {
position: fixed;
width: 100%;
z-index: 98;
background: rgba(255, 255, 255, 0.95);
-webkit-box-shadow: 1px 2px 10px 3px whitesmoke;
box-shadow: 1px 2px 10px 3px whitesmoke; }
header .dots {
display: none;
visibility: hidden; }
nav {
padding: .5em;
width: 100vw;
position: relative; }
nav .logo {
width: 7em;
height: auto;
margin-left: .45em; }
nav .menulists {
position: relative;
left: 9em;
width: 50%;
padding: .8em 1em; }
nav .assists {
position: absolute;
right: 4em;
width: auto;
color: gray;
margin-right: 1.2em; }
nav .assists h4 {
display: none;
visibility: hidden; }
nav .quick-assist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding: 1em 0;
list-style: none;
-ms-flex-item-align: center;
align-self: center; }
nav .quick-assist li {
font-size: .86em;
font-weight: 500;
border-right: 1px solid black;
padding: 0 .86em; }
nav .quick-assist li a {
text-decoration: none;
color: gray; }
nav .quick-assist li a:hover {
color: black; }
nav .quick-assist li:last-of-type {
border-right: none; }
.menulists .topmenu {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.menulists .topmenu a {
text-decoration: none;
display: block;
margin: auto;
font-weight: 500;
color: gray; }
.menulists .topmenu a:hover {
color: black; }
.menulists .topmenu > li {
float: left;
position: relative; }
.menulists .topmenu > li > a {
padding: 0 1em;
font-size: 1.05em;
text-transform: initial;
color: gray; }
.menulists .topmenu > li:last-of-type {
display: none;
visibility: hidden; }
.menulists .topmenu > li:hover {
color: black; }
.menulists .topmenu .has-sub:hover:after {
content: "\f0d7";
color: black; }
.menulists .topmenu .has-sub::after {
position: absolute;
top: 4px;
right: 2px;
content: "\f0da";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
text-align: center;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
color: gray; }
.menulists .submenu a:hover {
color: black; }
.menulists .submenu {
position: absolute;
padding: .2em;
left: 1em;
top: 1.6em;
z-index: 5;
min-width: 10em;
list-style: none;
opacity: 0;
border: 1px solid gray;
border-radius: .4em;
background-color: white;
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.menulists .submenu .sub-has-sub::after {
position: absolute;
top: 13px;
right: -21px;
content: "\f0da";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
text-align: center;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
color: gray; }
.menulists .submenu li {
position: relative;
left: 4px;
top: 1px; }
.menulists .submenu li a {
color: gray;
padding: .56em;
font-size: .95em;
margin-top: -1px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.menulists .submenu .submenu {
position: absolute;
left: 120%;
top: 5px;
-webkit-transition: .3s linear;
transition: .3s linear;
min-width: 12em; }
.menulists li:hover > .submenu {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1; }
.searchBox {
position: absolute;
width: 100vw; }
.searchForm {
position: relative;
top: 8rem;
left: 0;
margin: 0 auto;
text-align: center;
width: 100%;
max-width: 60em;
max-height: 0px;
overflow: hidden;
z-index: 100; }
.searchForm .formLabel {
position: relative;
padding-left: .92em;
margin-bottom: .2em;
text-align: left;
font-size: 2.5em;
font-weight: 600;
line-height: 1; }
.searchIcon {
display: block;
position: absolute;
top: 0;
right: .5em;
padding: 18px 26px 2px 4px;
height: 29px;
width: 28px;
cursor: pointer;
font-size: 1.5em;
z-index: 98; }
.stripe {
position: absolute;
top: .1em;
display: block;
background: #000;
width: 28px;
height: .22rem;
border-radius: .3rem;
-webkit-transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2);
transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2); }
.stripe-1 {
display: block;
opacity: 0;
top: 18px; }
.searchglass {
display: block;
background-image: url("../images/svg/search.svg");
background-repeat: no-repeat;
background-size: contain;
width: 98%;
height: 98%; }
.stripe-2 {
display: block;
opacity: 0;
top: 42px; }
#searchToggle:checked ~ .searchIcon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
padding: 1.2em 0;
background: rgba(255, 255, 255, 0.85); }
#searchToggle:checked ~ .searchBox > .searchForm {
position: relative;
margin: 0 auto;
text-align: center;
width: 100vw;
max-height: 10em;
-webkit-transition: all 1s cubic-bezier(0.5, 1, 0.22, 1);
transition: all 1s cubic-bezier(0.5, 1, 0.22, 1);
z-index: 100; }
#searchToggle:checked ~ .searchIcon > .searchglass {
opacity: 0; }
#searchToggle:checked ~ label .stripe-1 {
opacity: 1;
top: 22px;
right: 34px;
width: 28px;
border: .05em solid #ff0000;
background: #ff0000;
-webkit-transform: translateX(-11px) rotate(-45deg) translateY(12px);
transform: translateX(-11px) rotate(-45deg) translateY(12px); }
#searchToggle:checked ~ label .stripe-2 {
opacity: 1;
top: 36px;
right: 34px;
width: 28px;
border: .05em solid #ff0000;
background: #ff0000;
-webkit-transform: translateX(-8px) rotate(45deg) translateY(-8px);
transform: translateX(-8px) rotate(45deg) translateY(-8px); }
.searchTerm {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 96%;
border: 3px solid #000;
padding: 16px;
height: 54px;
border-radius: 8px;
outline: none;
font-size: 1em;
z-index: 100; }
.searchButton {
opacity: 0; }
main {
position: relative;
top: 4em;
width: 100vw;
height: auto; }
main .greet {
background-position: 50% 0;
width: 100vw;
height: 70vh;
max-height: 70em;
overflow: hidden;
padding: 3em 2em 1em 3%; }
main .greet .subheader {
margin: 23% 0 .5em 0;
font-size: 1.3em;
font-weight: 500;
line-height: 1.1;
width: 92vw;
color: #fff;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.85), 0 0 8px rgba(255, 255, 255, 0.45); }
main .greet h1 {
font-size: 3.2em;
font-weight: 600;
line-height: 1;
width: 92vw;
color: #fff;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.85), 0 0 8px rgba(255, 255, 255, 0.45); }
main .centered_big {
position: relative;
text-align: center;
margin: 1.5em auto; }
main .centered_big h1 {
font-size: 2.8em; }
main .centered_big .buttons {
margin: 1.5em auto;
display: inline-block; }
main .centered_big .buttons #entry {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
font-size: 1.26em;
font-weight: 500;
background: #1D1E3A; }
main .centered_big .buttons #terms {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
font-size: 1.26em;
font-weight: 500;
background: #FF4E60; }
main .centered_big .buttons #price {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
font-size: 1.26em;
font-weight: 500;
background: #45E2E4; }
main .centered_big .sub_medium {
font-size: 1.26em;
font-weight: 500; }
main .centered_big .clause_small {
width: 16em;
padding: .5em;
border-radius: .4em;
border: 1px solid red;
margin: .86em auto;
font-size: 1.26em;
font-weight: 500;
background: #D31027;
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(#EA384D), to(#D31027));
background: linear-gradient(to right, #EA384D, #D31027);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
main .centered_big a {
text-decoration: none;
color: #fff; }
main .centered_big a:hover {
color: yellow; }
main #openModal-winners h3 {
margin-bottom: 1em; }
main #openModal-winners ol {
margin: 1.5em 0 0;
padding: 0;
list-style: decimal-leading-zero; }
main #openModal-winners ol li {
font-size: .86em;
font-weight: 400;
display: grid;
grid-template-columns: repeat(2, 1fr);
text-align: left;
padding: .25em;
border-bottom: 1px dotted #999; }
main #openModal-winners ol li:nth-child(1) {
background-color: #999;
padding: .56em;
font-size: 1em;
font-weight: 500; }
main #openModal-winners ol li:last-child {
border-bottom: none; }
main .dark-mode {
position: relative;
margin: 2em auto;
padding: 1em;
width: 40em;
height: auto;
text-align: center; }
main .dark-mode h3 {
margin-bottom: .8em; }
main .dark-mode p {
line-height: 1.5; }
main .dark-mode #from-us {
font-size: .86em;
font-weight: 500; }
main .alert {
max-width: 35em;
margin: 1em auto;
border-radius: 0.5em;
overflow: hidden; }
main .block {
display: inline-block;
margin: 1em 0;
padding-left: 100%;
font-size: 1.2em;
white-space: nowrap;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
@-webkit-keyframes marquee {
from {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
to {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0); } }
@keyframes marquee {
from {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
to {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0); } }
main .animate {
-webkit-animation: marquee 20s linear 1s infinite;
animation: marquee 20s linear 1s infinite; }
.page-404 {
position: relative;
margin: 0 auto;
padding: 0;
height: auto;
max-width: 80em; }
.page-404 .errors {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
margin: 0 auto;
padding-top: 5em;
text-align: center;
color: #000; }
.page-404 .errors #message {
font-size: 1.768em;
font-weight: 500;
line-height: 1; }
.page-404 .errors #code {
margin: .1em auto 0;
font-size: 12em;
font-weight: 600;
line-height: 1; }
.page-404 .errors #desc {
font-size: 1em;
font-weight: normal;
line-height: 1; }
.page-404 .offers {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin: 3em auto 0;
padding: 1em;
-ms-flex-pack: distribute;
justify-content: space-around; }
.page-404 .offers a {
display: block;
text-decoration: none;
color: #000; }
.page-404 .offers a:hover {
color: #f00; }
.page-404 .offers h2 {
width: 99vw !important;
padding: 0 .6em;
color: #000; }
.page-404 .offers h3 {
color: #000;
font-weight: 500;
padding-bottom: .6em; }
.page-404 .go-places {
margin: 1em 1em 0 0;
padding: 1em;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
border-radius: .4em;
background: rgba(255, 255, 255, 0.65); }
.page-404 .activities {
margin: 1em 1em 0 0;
padding: 1em;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
border-radius: .4em;
background: rgba(255, 255, 255, 0.65); }
.page-404 .travelers {
margin: 1em 1em 0 0;
padding: 1em;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
border-radius: .4em;
background: rgba(255, 255, 255, 0.65); }
.notice {
width: 100%;
height: 1.2em;
background-color: orange;
text-align: center;
padding: .8em 0 1em; }
.notice a {
color: white;
text-decoration: none;
padding-bottom: .15em;
border-bottom: 1px solid white; }
.notice a:hover {
color: red;
border-bottom: 1px solid red; }
.notice a:visited, .notice a:active {
color: white;
text-decoration: none;
padding-bottom: .15em;
border-bottom: 1px solid white; }
.sliders {
position: relative;
margin: 0;
padding: 0;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.sliders .owl-carousel {
position: relative;
left: 0;
top: 0;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100vw;
height: auto;
overflow: hidden;
margin: 0;
padding: 0; }
.sliders .owl-carousel .item {
position: relative;
text-align: center;
margin: 0;
padding: 0;
cursor: grab;
cursor: -webkit-grab; }
.sliders .owl-carousel .item img {
display: block;
width: 100%;
height: auto;
overflow: hidden; }
.sliders .owl-carousel .item .sliders-brief {
position: absolute;
z-index: 25;
bottom: 5em;
left: 2em;
text-align: left; }
.sliders .owl-carousel .item h3 {
position: relative;
font-size: 1.3em;
font-weight: 400;
line-height: 1.1;
width: 92vw;
color: #fff;
text-shadow: 0 0 1px #fff, 0 0 3px #000; }
.sliders .owl-carousel .item h1 {
font-size: 3.2em;
font-weight: 600;
line-height: 1.1;
width: 92vw;
color: #fff;
text-shadow: 0 0 1px #fff, 0 0 3px #000; }
.sliders .owl-carousel .link {
display: block;
cursor: pointer;
cursor: -webkit-pointer; }
.sliders .owl-carousel .link img {
display: block;
width: 100%;
height: auto;
overflow: hidden; }
.sliders .owl-carousel .link:hover {
opacity: 0.5; }
.sliders .owl-nav {
position: absolute;
top: 34%;
left: 0;
width: 100vw;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 15;
background-color: transparent;
-webkit-filter: drop-shadow(0 0 0.75rem crimson);
filter: drop-shadow(0 0 0.75rem crimson); }
.sliders .owl-nav .owl-prev {
background-color: transparent;
font-size: 4em;
margin-left: .35em; }
.sliders .owl-nav .owl-prev:hover {
background-color: transparent;
-webkit-filter: drop-shadow(0 0 0.75rem crimson);
filter: drop-shadow(0 0 0.75rem crimson); }
.sliders .owl-nav .owl-next {
background-color: transparent;
font-size: 4em;
margin-right: .55em; }
.sliders .owl-nav .owl-next:hover {
background-color: transparent;
-webkit-filter: drop-shadow(0 0 0.75rem crimson);
filter: drop-shadow(0 0 0.75rem crimson); }
.sliders .owl-nav .owl-next:focus,
.sliders .owl-nav .owl-prev:focus {
background-color: transparent;
outline: none;
-webkit-filter: drop-shadow(0 0 0.75rem crimson);
filter: drop-shadow(0 0 0.75rem crimson); }
.sabahmap {
position: relative;
margin: 1.5em auto 1em;
padding: 0;
max-width: 80em;
overflow: hidden; }
.sabahmap h2 {
display: none;
visibility: hidden;
margin: 1em auto 1em 1.5em; }
.sabahmap svg {
margin-bottom: 1.5em; }
.sabahmap .in-title {
position: absolute;
top: 4em;
left: 1.3em;
font-size: 1.5em;
color: #000;
font-weight: 600; }
.numbers, .divisions {
display: none;
visibility: hidden; }
.div {
fill: #4d4d4d;
font-size: .8em;
font-weight: 600; }
.map {
max-width: 65em;
margin: 0 auto; }
.map #kudat {
fill: #f1a2a2; }
.map #kudat:hover {
fill: #cc2929;
cursor: pointer; }
.map #westcoast {
fill: #80d4e2; }
.map #westcoast:hover {
fill: #29b5cc;
cursor: pointer; }
.map #interior {
fill: #f7e9c8; }
.map #interior:hover {
fill: #ffbb20;
cursor: pointer; }
.map #sandakan {
fill: #bff58d; }
.map #sandakan:hover {
fill: #8ed051;
cursor: pointer; }
.map #tawau {
fill: #ece58a; }
.map #tawau:hover {
fill: #f7f013;
cursor: pointer; }
.airports {
max-width: 65em;
margin: 0;
padding: 0;
list-style: none; }
.airports .airport {
position: absolute; }
.airports .airport-kk {
left: 13%;
top: 32.6%; }
.airports .airport-sdk {
left: 68.5%;
top: 34%; }
.airports .airport-ld {
left: 76.2%;
top: 68%; }
.airports .airport-twu {
left: 66.5%;
top: 87.8%; }
.airports li {
font-size: 1em;
font-weight: 600;
color: #C83737; }
.airports li a {
padding: .3em .5em;
border-radius: .43em;
text-decoration: none;
color: #5f8dd3; }
.airports li a:hover {
color: #fff;
background-color: #5f8dd3; }
.points #point-kk {
stroke: #C83737;
stroke-width: .08em;
fill: none; }
.points #point-sdk {
stroke: #C83737;
stroke-width: .08em;
fill: none; }
.points #point-ld {
stroke: #C83737;
stroke-width: .08em;
fill: none; }
.points #point-twu {
stroke: #C83737;
stroke-width: .08em;
fill: none; }
.popular {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.popular h2 {
margin: 1em auto 1em 1.5em; }
.popular h2 span {
color: #f00; }
.popular .see-all {
position: absolute;
top: 2.5em;
right: 3em;
font-size: 1em; }
.popular .see-all a {
text-decoration: none;
color: #3aa349; }
.popular .see-all a:hover {
color: #e63d55; }
.places {
position: relative;
margin: 1em 1.8em;
display: grid;
grid-template-columns: repeat(4, 1fr); }
.places a {
text-decoration: none; }
.places figure {
position: relative;
margin: .4em .5em; }
.places figure img {
width: 100%;
height: 100%;
min-height: 12em;
max-height: 12em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.places figure figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1.1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.places .cbt {
position: absolute;
top: 12px;
right: 12px;
width: 3em;
height: 3em;
border-radius: 100em;
overflow: hidden;
background: #ee0979 url("../images/svg/rural.svg") no-repeat;
background-size: contain;
background-position: 2px -4px;
-webkit-filter: drop-shadow(0 0 5px #fafafa);
filter: drop-shadow(0 0 5px #fafafa);
z-index: 11; }
.explores {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.explores h2 {
margin: 1em auto 1em 1.5em; }
.explores h2 span {
color: #f00; }
.explores .see-all {
position: absolute;
top: 2.5em;
right: 3em;
font-size: 1em; }
.explores .see-all a {
text-decoration: none;
color: #3aa349; }
.explores .see-all a:hover {
color: #e63d55; }
.interests {
margin: 1em 1.8em;
display: grid;
grid-template-columns: repeat(4, 1fr); }
.interests a {
text-decoration: none; }
.interests figure {
position: relative;
margin: .4em .5em; }
.interests figure img {
width: 100%;
height: 100%;
min-height: 12em;
max-height: 12em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.interests figure figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1.1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.traveler {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.traveler h2 {
margin: 1em auto 1em 1.5em; }
.traveler .submit-article {
position: absolute;
top: 1.86em;
right: 2.5em;
font-size: 1em; }
.traveler .submit-article a {
text-decoration: none;
color: #3aa349; }
.traveler .submit-article a:hover {
color: #e63d55; }
.experiences {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(33.33%, 1fr));
margin: 1em 1.5em; }
.experience {
position: relative;
margin: .4em .8em; }
.experience a {
text-decoration: none;
color: #000; }
.experience img {
width: 100%;
height: 100%;
min-height: 13em;
max-height: 13em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.experience .meta {
line-height: 1;
padding: .12em .25em 1em .35em; }
.experience .meta .title {
font-size: 1.05em;
font-weight: bold; }
.experience .meta .author {
font-size: .8em;
font-weight: lighter; }
.news {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.news h2 {
margin: 1em auto 1em 1.5em; }
.news .see-all {
position: absolute;
top: 2.5em;
right: 3em;
font-size: 1em; }
.news .see-all a {
text-decoration: none;
color: #3aa349; }
.news .see-all a:hover {
color: #e63d55; }
.newslistings {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
margin: 1em 1.5em; }
.newslistings li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: .8em .5em .1em;
padding: .6em;
height: auto;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: .4em;
background-color: #fff; }
.newslistings li:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.newslistings li a {
text-decoration: none;
color: #000; }
.newslistings li h4 {
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: .15em;
line-height: 1;
padding-bottom: .3em;
min-height: 2em; }
.newslistings li .source-date {
-ms-flex-item-align: end;
align-self: flex-end;
margin-top: 1.5em;
padding-top: .3em;
border-top: 1px dashed rgba(0, 0, 0, 0.2);
bottom: 0;
font-size: .85em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.monthly {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.monthly h2 {
margin: 1em auto 1em 1.2em; }
.months {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: justify;
align-content: space-between;
margin: 1em 1.5em; }
.month {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.month a {
text-decoration: none; }
.month img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.month span {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1.3em;
font-weight: 600;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.slick-slide {
margin: .6em; }
.slick-prev:before,
.slick-next:before {
color: #fff; }
.slick-prev {
z-index: 2;
left: 3.2%; }
.slick-next {
z-index: 2;
right: 3.2%; }
.cuisines {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.cuisines h2 {
margin: 1em auto 1em 1.5em; }
.foods {
margin: 1em 1.5em;
display: grid;
grid-template-columns: repeat(4, 1fr); }
.foods a {
text-decoration: none; }
.foods figure {
position: relative;
margin: .4em .5em; }
.foods figure img {
width: 100%;
height: 100%;
min-height: 12em;
max-height: 12em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.foods figure figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1.3em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.banner {
position: relative;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
height: 100vh;
max-height: 40em;
overflow: hidden;
margin: 0; }
.banner h2 {
position: absolute;
margin: 18.5em 2em 0 1.3em;
font-size: 1.3em;
font-weight: 400;
color: #fff;
text-shadow: 0 0 1px #fff, 0 0 3px #000; }
.banner h3 {
position: relative;
font-size: 1.3em;
font-weight: 400;
margin: 20em 2em 0 1.3em;
line-height: 1.1;
width: 92vw;
color: #fff;
text-shadow: 0 0 1px #fff, 0 0 3px #000; }
.banner h1 {
font-size: 3.2em;
font-weight: 600;
line-height: 1.1;
width: 92vw;
margin: 0 2em 2em .5em;
color: #fff;
text-shadow: 0 0 1px #fff, 0 0 3px #000; }
.banner #tenderForm {
position: absolute;
top: 6em;
right: 8em;
text-align: center; }
.banner #tenderForm .tenderIcon {
display: block;
margin: 0 auto .5em;
width: 5em;
height: auto; }
.banner #tenderForm a {
font-size: 1.15em;
text-decoration: none;
color: #000;
text-shadow: 1px 1px 2px #fff, 0 0 1em #fff, 0 0 0.5em #fff; }
.banner #tenderForm a:hover {
color: #fff;
text-shadow: 0 0 2px #000, 0 0 3px #000; }
.banner #tenderForm a:hover .tenderIcon {
fill: #fff;
-webkit-filter: drop-shadow(0 0 3px #000);
filter: drop-shadow(0 0 3px #000); }
.contentframe {
position: relative;
margin: 2em auto 1em;
padding: 0;
max-width: 80em; }
.contentframe .requirements {
position: relative;
bottom: 0;
margin: 12em 2em 2em; }
.contentframe .requirements li {
font-size: .8em; }
.contentframe #openModal-prize h3 {
margin-bottom: 1.2em; }
.contentframe #openModal-prize ol {
margin: 0 0 0 1.8em;
padding: 0;
list-style: decimal-leading-zero; }
.contentframe #openModal-prize ol li {
font-size: 1em;
font-weight: 500; }
.contentframe #openModal-prize ol li ul {
list-style: disc;
margin: 1em 0;
padding: 1em;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: .86em;
border: 1px solid #999;
border-radius: .4em; }
.contentframe #openModal-prize ol li ul li {
font-size: .86em;
font-weight: normal;
margin: .15em .15em .15em 1em;
padding: .35em 1.5em .35em .2em; }
.contentframe .side-info {
position: absolute;
top: 3em;
left: 52em;
margin: 1em;
padding: .8em;
z-index: 5;
overflow-x: hidden; }
.contentframe .side-info a {
text-decoration: none; }
.contentframe .side-info .ta-breaker {
display: none;
visibility: hidden; }
.contentframe .side-info .tripadvisor {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 5em; }
.contentframe .side-info .tripadvisor #button {
margin-bottom: 1.5em; }
.contentframe .side-info .tripadvisor #button img {
width: 12em;
height: auto;
-webkit-filter: drop-shadow(0 0 2px #777);
filter: drop-shadow(0 0 3px #777); }
.contentframe .side-info .tripadvisor #button img:hover {
-webkit-filter: drop-shadow(1px 1px 5px #222);
filter: drop-shadow(1px 1px 5px #222); }
.contentframe .side-info .tripadvisor .ratings #title {
font-size: 1em;
font-weight: 600;
color: #000;
margin-bottom: .5em; }
.contentframe .side-info .tripadvisor .ratings span {
position: relative;
top: -.3em;
font-size: .86em;
color: gray;
margin-left: .2em;
padding-bottom: .01em;
border-bottom: 1px solid gray; }
.contentframe .breadcrumb {
position: relative;
margin: 1em 0 0 1em; }
.contentframe .breadcrumb ul {
list-style: none;
margin: 0;
padding: 0; }
.contentframe .breadcrumb ul li {
display: inline; }
.contentframe .breadcrumb ul li a {
text-decoration: none;
color: inherit; }
.contentframe .breadcrumb ul li a:hover {
color: red; }
.contentframe .breadcrumb ul li::after {
content: " \25B8 ";
font-weight: 600;
color: black;
vertical-align: middle; }
.contentframe .breadcrumb ul li:last-of-type::after {
content: ''; }
.contentframe .video-articles {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.contentframe .video-articles .medium-block {
position: relative;
margin: .35em;
width: 40vw;
height: auto; }
.contentframe .video-articles .top3-articles {
position: relative;
margin: 2.35em .5em; }
.contentframe .video-articles .top3-articles .article-lists {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1em;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.contentframe .video-articles .top3-articles .article-lists a {
text-decoration: none;
color: black;
font-weight: 600; }
.contentframe .video-articles .top3-articles .article-lists a:hover > figure {
border: 1px solid white;
border-radius: .4em; }
.contentframe .video-articles .top3-articles .article-lists a:hover > figure > img {
-webkit-filter: none;
filter: none; }
.contentframe .video-articles .top3-articles .article-lists figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 30em;
height: auto;
border: 1px solid transparent; }
.contentframe .video-articles .top3-articles .article-lists figure img {
min-width: 13.35em;
max-width: 13.35em;
min-height: 9.9em;
max-height: 9.9em;
-o-object-fit: cover;
object-fit: cover;
-webkit-filter: grayscale(96%);
filter: grayscale(96%);
border-top-left-radius: .4em;
border-bottom-left-radius: .4em;
overflow: hidden; }
.contentframe .video-articles .top3-articles .article-lists figure figcaption {
margin: .65em .85em;
padding: .25em; }
.contentframe .recentDeals {
position: relative;
margin: 1em 0 2em; }
.contentframe .recentDeals h2 {
margin: 1.5em 0 .8em .56em;
font-size: 1.68em; }
.contentframe .recentDeals #new-promo {
position: relative;
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2em; }
.contentframe .recentDeals #new-promo li {
-webkit-box-shadow: 0 0 .2em 0 gray;
box-shadow: 0 0 .2em 0 gray;
border-radius: .8em; }
.contentframe .recentDeals #new-promo li:hover {
-webkit-box-shadow: 0 0 0.2em 0.1em #ccccff;
box-shadow: 0 0 0.2em 0.1em #ccccff; }
.contentframe .recentDeals #new-promo li a {
text-decoration: none;
color: #777; }
.contentframe .recentDeals #new-promo li a:hover {
color: black; }
.contentframe .recentDeals #new-promo li img {
top: 0;
left: 0;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
border-top-left-radius: .8em;
border-top-right-radius: .8em;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.contentframe .recentDeals #new-promo li .meta {
margin-bottom: 1em; }
.contentframe .recentDeals #new-promo li .meta h4, .contentframe .recentDeals #new-promo li .meta span {
padding: .5em .5em 0 1em; }
.contentframe .recentDeals #new-promo li .meta span {
display: block;
margin: 0 .1em;
font-size: .87em;
overflow: hidden; }
.contentframe .cat-filters {
margin: 1em 0; }
.contentframe .cat-filters h3 {
margin: 1em 0 1em 1em;
text-align: center; }
.contentframe .cat-filters .cat-lists {
list-style: none;
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: .65em; }
.contentframe .cat-filters .cat-lists li {
margin: .65em;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-item-align: auto;
align-self: auto; }
.contentframe .cat-filters .cat-lists li a {
margin: 0;
padding: .45em .86em;
border: 1px solid #999;
border-radius: .5em;
text-decoration: none;
color: black; }
.contentframe .cat-filters .cat-lists li a:hover {
color: blue;
border: 1px solid #ccccff;
-webkit-box-shadow: 0 0.1em 0.1em 0 #ccccff;
box-shadow: 0 0.1em 0.1em 0 #ccccff; }
.content, .niche {
position: relative;
max-width: 46em;
margin: 0 1.2% 2em;
padding: .5em 1em;
text-align: justify;
text-justify: inter-word;
overflow: hidden; }
.content table, .niche table {
width: 100%;
border-collapse: collapse;
/* Zebra striping */ }
.content table tr:nth-of-type(odd), .niche table tr:nth-of-type(odd) {
background: #fff6e6; }
.content table th, .niche table th {
background: #FF4500;
color: white;
font-weight: bold; }
.content table td, .content table th, .niche table td, .niche table th {
padding: 6px;
border: 1px solid #ccc;
text-align: left; }
.content p > a, .niche p > a {
text-decoration: none;
color: #3b80e8;
padding-bottom: .05em;
border-bottom: 1px dotted #666666; }
.content p > a:hover, .niche p > a:hover {
color: #e63d55; }
.content .buttons, .niche .buttons {
margin: 1.5em auto;
display: inline-block; }
.content .buttons #entry, .niche .buttons #entry {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
background: #1D1E3A; }
.content .buttons #terms, .niche .buttons #terms {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
background: #FF4E60; }
.content .buttons #price, .niche .buttons #price {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
background: #45E2E4; }
.content .buttons #winners, .niche .buttons #winners {
width: 16em;
padding: .5em .86em;
border-radius: .4em;
margin: 2em .5em 1em;
line-height: 1;
background: #FF4E60; }
.content .buttons a, .niche .buttons a {
text-decoration: none;
color: #fff; }
.content .buttons a:hover, .niche .buttons a:hover {
color: yellow; }
.content .red-button, .niche .red-button {
width: 14em;
text-align: center;
padding: .5em;
border-radius: .4em;
border: 1px solid red;
margin: .86em auto;
font-size: 1.16em;
font-weight: 500;
background: #D31027;
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(#EA384D), to(#D31027));
background: linear-gradient(to right, #EA384D, #D31027);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
.content .red-button a, .niche .red-button a {
text-decoration: none;
color: #fff; }
.content .red-button a:hover, .niche .red-button a:hover {
color: yellow; }
.content .body-text li > a, .niche .body-text li > a {
text-decoration: none;
color: #3b80e8;
padding-bottom: .05em;
border-bottom: 1px dotted #666666; }
.content .body-text li > a:hover, .niche .body-text li > a:hover {
color: #e63d55; }
.content .center-block, .niche .center-block {
margin: 2em 0;
text-align: center; }
.content .center-block h1, .content .center-block h2, .niche .center-block h1, .niche .center-block h2 {
margin: .25em 0;
padding: .2em; }
.content .center-block h2, .niche .center-block h2 {
margin: .1em 0;
padding: .15em; }
.content .center-block h3, .content .center-block h4, .content .center-block h5, .content .center-block h6, .niche .center-block h3, .niche .center-block h4, .niche .center-block h5, .niche .center-block h6 {
margin: 0;
padding: 0; }
.content .center-block h1, .content .center-block h2, .content .center-block h3, .content .center-block h4, .content .center-block h5, .content .center-block h6, .niche .center-block h1, .niche .center-block h2, .niche .center-block h3, .niche .center-block h4, .niche .center-block h5, .niche .center-block h6 {
line-height: 1.2; }
.content .center-block .logos, .niche .center-block .logos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.content .center-block .logos .logo, .niche .center-block .logos .logo {
width: 8em;
height: auto;
-ms-flex-item-align: center;
align-self: center;
padding: .6em 1em 0; }
.content .center-block .logos .logo img, .niche .center-block .logos .logo img {
width: 100%;
height: auto; }
.content .utils, .niche .utils {
position: relative;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 1em auto 2em; }
.content .utils li, .niche .utils li {
margin: .3em .5em;
background: #fff;
border-radius: 2em;
border: 1px solid #e6e6e6; }
.content .utils li a, .niche .utils li a {
display: block;
padding: .5em 1em;
color: #000;
text-decoration: none; }
.content .utils li:hover, .niche .utils li:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.content .brief, .niche .brief {
top: 1em;
font-size: 1.2em;
font-weight: 600;
margin: 3em 1em 1em .8em;
padding: .8em .25em 0 4em;
background: url("../images/svg/quote-left.svg") no-repeat top left;
background-size: 3em; }
.content h2, .niche h2 {
margin: 2em 0 1em;
padding: 0;
line-height: 1.1; }
.content h2 a, .niche h2 a {
position: relative; }
.content h2 span, .niche h2 span {
color: #f00; }
.content h3, .content h4, .niche h3, .niche h4 {
margin: 1em 0;
padding: 0; }
.content .stopper, .niche .stopper {
position: relative;
margin: 3em 0 .6em;
width: 10em;
height: .6em;
background-color: #f00;
border-radius: 2em; }
.content .bottom-block, .niche .bottom-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.content .bottom-block .rural-product, .niche .bottom-block .rural-product {
margin-top: 2.5em;
width: 10em;
height: auto;
overflow: hidden; }
.content .product-info a, .niche .product-info a {
text-decoration: none;
padding-bottom: .05em;
border-bottom: none;
color: #f00; }
.content .product-info a:hover, .niche .product-info a:hover {
border-bottom: 1px solid #333333; }
.content .product-info ul, .niche .product-info ul {
list-style: none;
margin: 0; }
.content .product-info ul li, .niche .product-info ul li {
list-style: none;
margin-bottom: .2em; }
.content .contact-divider, .niche .contact-divider {
position: relative;
margin: 2em 0 1.3em;
width: 6em;
height: .35em;
background-color: #ff3d3d;
border-radius: 2em; }
.content .readFull, .niche .readFull {
position: relative;
margin: 0;
padding: 0;
font-weight: 500; }
.content .readFull a, .niche .readFull a {
text-decoration: none;
color: #f00;
padding-bottom: .05em; }
.content .readFull a:hover, .niche .readFull a:hover {
border-bottom: 1px dotted #000; }
.content .metainfo, .niche .metainfo {
position: relative;
margin: 1.2em .1em 2em;
line-height: 1.5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.content .metainfo li, .niche .metainfo li {
line-height: 1;
font-weight: 500;
list-style: none;
margin: .5em .65em .3em 0; }
.content .metainfo li a, .niche .metainfo li a {
text-decoration: none;
color: #3b80e8;
padding-bottom: .05em;
border-bottom: 1px dashed #e63d55; }
.content .metainfo li a:hover, .niche .metainfo li a:hover {
color: #e63d55;
border-bottom: 1px solid #3b80e8; }
.content .metainfo li:first-child, .niche .metainfo li:first-child {
font-weight: 600; }
.content .search-results a, .niche .search-results a {
text-decoration: none;
color: green; }
.content .search-results a:hover, .niche .search-results a:hover {
color: red; }
.content .search-results h3, .niche .search-results h3 {
font-size: 1em;
line-height: 1.1; }
.content blockquote, .niche blockquote {
text-align: center;
margin: 1em 1em 2em;
padding: 1em 3em;
font-size: 1.3em;
font-weight: 500;
background: url("../images/svg/quote-right.svg") no-repeat top right;
background-size: 2.3em; }
.content .lists-inline, .niche .lists-inline {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style: none; }
.content .lists-inline li, .niche .lists-inline li {
width: 80%;
margin: .5em;
padding: .3em .5em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #e6e6e6;
text-align: center;
border-radius: .4em; }
.content .lists-list, .niche .lists-list {
padding: 0; }
.content .lists-list li, .niche .lists-list li {
margin: .875em 0; }
.content .lists-list li .name, .niche .lists-list li .name {
font-size: .96em;
font-weight: 600; }
.content .lists-list li .sub, .niche .lists-list li .sub {
position: relative;
margin: 0 0 0 .2em;
padding: 0;
font-size: .86em;
font-style: italic;
color: #4d4d4d; }
.content .lists-list li .meta, .niche .lists-list li .meta {
font-size: .92em; }
.content .notes, .niche .notes {
font-size: .8em;
font-weight: 400;
line-height: normal;
margin: .15em .85em 1.5em;
color: #4d4d4d; }
.content .pr-postdate, .niche .pr-postdate {
border-top: 1px dashed #e6e6e6;
padding-top: .8em;
font-size: .85em;
font-weight: 400;
line-height: 1; }
.content .pr-postdate::before, .niche .pr-postdate::before {
content: "\f10d";
display: inline-block;
margin-right: .76em;
margin-bottom: .2em;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-align: center;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.content .contact-address:before, .niche .contact-address:before {
content: "Contact Address:";
display: block;
font-size: 1em;
font-weight: 600; }
.content .contact-address a, .niche .contact-address a {
text-decoration: none;
padding-bottom: .05em;
border-bottom: none;
color: #f00; }
.content .contact-address a:hover, .niche .contact-address a:hover {
border-bottom: 1px solid #333333; }
.content .contact-address ul, .niche .contact-address ul {
list-style: none;
margin: 0; }
.content .contact-address ul li, .niche .contact-address ul li {
margin: 0 0 .2em .15em; }
.content .programme, .niche .programme {
margin: 1em 0;
padding: .5em; }
.content .programme ._organizer, .niche .programme ._organizer {
font-size: 1.1em;
font-weight: 500; }
.content .programme ._title, .niche .programme ._title {
font-size: 1.2em;
font-weight: 600;
margin-bottom: .6em; }
.content .programme ._when:before, .niche .programme ._when:before {
content: "Date: ";
font-weight: bold; }
.content .programme ._where:before, .niche .programme ._where:before {
content: "Venue: ";
font-weight: bold; }
.content .programme ._host, .niche .programme ._host {
margin: .5em 0 1em;
font-size: .86em; }
.content .speaker, .niche .speaker {
margin: 2em 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.content .speaker ._image, .niche .speaker ._image {
margin: 1em;
padding: 0;
width: 6em;
height: 6em;
overflow: hidden; }
.content .speaker ._image img, .niche .speaker ._image img {
width: 100%;
height: 6em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 12em;
overflow: hidden; }
.content .speaker ._person, .niche .speaker ._person {
margin: 0;
padding: 0; }
.content .speaker ._person ._name, .content .speaker ._person ._sub, .niche .speaker ._person ._name, .niche .speaker ._person ._sub {
display: block;
margin: 0; }
.content .speaker ._person ._name, .niche .speaker ._person ._name {
font-weight: 600; }
.content .speaker ._person ._sub, .niche .speaker ._person ._sub {
font-size: .86em;
font-weight: 500; }
.content .speaker_info, .niche .speaker_info {
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px dashed #cccccc; }
.content .career, .niche .career {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.content .career .logo, .niche .career .logo {
width: 8em;
min-width: 6.5em;
height: 9em;
background: url("../images/logo/stb-logo.jpg") no-repeat; }
.content .career p, .niche .career p {
-ms-flex-item-align: end;
align-self: flex-end; }
.content .career-meta, .niche .career-meta {
margin: .2em 0;
padding: .3em 0 1em; }
.content .career-meta .availability, .content .career-meta .status, .content .career-meta .grade, .content .career-meta .grade-code, .content .career-meta .salary, .niche .career-meta .availability, .niche .career-meta .status, .niche .career-meta .grade, .niche .career-meta .grade-code, .niche .career-meta .salary {
padding: .25em 0 .15em;
display: block; }
.content .career-meta .availability > span, .content .career-meta .status > span, .content .career-meta .grade > span, .content .career-meta .grade-code > span, .content .career-meta .salary > span, .niche .career-meta .availability > span, .niche .career-meta .status > span, .niche .career-meta .grade > span, .niche .career-meta .grade-code > span, .niche .career-meta .salary > span {
font-weight: 600; }
.content .lines, .niche .lines {
padding: .5em 0;
border-bottom: 1px dashed gray; }
.content .career-notes, .niche .career-notes {
margin: 2em 0 1em;
font-size: .96em;
color: #4d4d4d; }
.content .career-notes a, .niche .career-notes a {
padding-bottom: .1em;
border-bottom: 1px solid blue; }
.content .career-notes_address, .niche .career-notes_address {
font-weight: 600;
color: #000; }
.content .career-notes #submit-date, .niche .career-notes #submit-date {
color: #000;
font-weight: 600;
padding-bottom: .1em;
border-bottom: 1px solid #000; }
.content .calendar-meta, .niche .calendar-meta {
margin-bottom: 2em; }
.content .calendar-meta h4, .niche .calendar-meta h4 {
font-size: .95em;
font-weight: 600;
margin-bottom: .75em; }
.content .calendar-meta ul, .niche .calendar-meta ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.content .calendar-meta li, .niche .calendar-meta li {
list-style: none;
margin: 0;
padding: 0 2.5em .5em 0;
font-size: .95em; }
.content .calendar-meta li a, .niche .calendar-meta li a {
text-decoration: none;
border-bottom: 1px dotted black; }
.content .calendar-meta li a:hover, .niche .calendar-meta li a:hover {
color: red;
border-bottom: 1px dotted red; }
.training {
position: relative; }
.training_header {
margin: 1em 1em 2em;
padding-bottom: 2.5em;
border-bottom: 2px solid #000; }
.content-full {
position: relative;
margin: 0 1.2%;
padding: .5em .8em;
overflow: hidden; }
.content-full h2 {
margin: 2em 0 1em;
padding: 0; }
.content-full h3, .content-full h4 {
margin: 1em 0;
padding: 0; }
.listings {
position: relative;
margin: 0 auto;
padding: 0;
overflow: hidden; }
.listings h3 {
margin: 0 1.2%;
padding: .5em .8em 0; }
.listings h4 {
margin-top: .15em;
line-height: 1;
padding-bottom: .3em;
min-height: 2em; }
.listings .lists, .listings .list {
position: relative;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
margin: 1em 1.3em; }
.listings li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: .8em .5em .1em;
padding: .6em;
height: auto;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: .4em;
background-color: #fff; }
.listings li h4 {
color: #404040; }
.listings li:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.listings li .meta {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
min-height: 2.25em; }
.listings li .meta .rating {
display: block;
margin: .85em 0 0; }
.listings li .meta .rating .fa {
color: #b3b3b3;
width: 12px;
font-size: .768em; }
.listings li .meta .rating .active {
color: #f00 !important; }
.listings li .meta .rating .orchid {
position: relative;
top: 2px;
display: inline-block;
width: 14px !important;
height: 15px !important;
background-image: url("../images/svg/orchid.svg");
background-repeat: no-repeat;
background-size: 170% 190%;
background-position: center 4px; }
.listings li .meta .rating .orchid-active {
position: relative;
top: 2px;
display: inline-block;
width: 14px !important;
height: 15px !important;
background-image: url("../images/svg/orchid.svg");
background-repeat: no-repeat;
background-size: 170% 190%;
background-position: center bottom; }
.listings li .meta .type {
font-size: .76em;
font-weight: lighter; }
.listings li .where {
bottom: 0;
font-size: .85em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.listings li .where:nth-of-type(1) {
color: #404040; }
.listings li a {
color: #000;
text-decoration: none; }
.listings li a:hover > .where span:nth-last-child(1) {
color: #b30000; }
.listings li a:hover > h4 {
color: #0000d6; }
.listings .tripadvisor {
margin: 1em .5em 0 0; }
.listings .tripadvisor a {
display: block; }
.listings .tripadvisor span {
position: relative;
top: -.36em;
font-size: .8em;
color: gray;
margin-left: .3em;
padding-bottom: .02em;
border-bottom: 1px solid gray; }
.campaign_full {
position: relative;
margin: 2em auto;
overflow: hidden; }
.campaign_full .groupof-1 {
position: relative;
margin: 0 .1em 1em;
padding: 0; }
.campaign_full .groupof-1 a {
text-decoration: none; }
.campaign_full .groupof-1 figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: auto;
height: auto;
overflow: hidden;
border-radius: .4em; }
.campaign_full .groupof-1 figure img {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin: 0 auto;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: .4em;
overflow: hidden; }
.campaign_full .groupof-1 figcaption {
display: none;
visibility: hidden; }
.campaign_full .notes {
position: relative;
margin: 2em 1em 1em 0; }
.campaign_full .notes h4 {
color: #4d4d4d; }
.campaign_full .notes p, .campaign_full .notes ul {
font-size: .83em;
color: #666666; }
.campaign_full .notes a {
text-decoration: none;
color: inherit;
padding-bottom: .08em;
border-bottom: 1px dotted #8c8c8c; }
.campaign_full .notes a:hover {
color: red; }
.campaign_full .hf-form {
border: 1px solid #e6e6e6;
border-radius: .4em;
padding: 1em 2.5em 3em 2.5em;
margin: 2em 0; }
.campaign_full .hf-fields-wrap .header {
font-size: 1.35em;
font-weight: 600;
line-height: 1.5; }
.campaign_full .hf-fields-wrap .subheader {
font-size: .876em;
line-height: 1;
margin-bottom: 2em; }
.campaign_full .hf-fields-wrap p > label {
font-weight: bold;
display: block; }
.campaign_full .hf-fields-wrap p > label ~ label {
font-weight: normal; }
.campaign_full .hf-fields-wrap .type-image {
display: block;
margin: 1em 0; }
.campaign_full .hf-fields-wrap .type-image input[type="radio"] {
position: absolute;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
visibility: hidden; }
.campaign_full .hf-fields-wrap .type-image input[type=radio]:checked ~ .check {
color: #f3580f; }
.campaign_full .hf-fields-wrap .type-image input[type=radio]:checked ~ label {
color: #f3580f; }
.campaign_full .hf-fields-wrap .type-image input[type=radio]:checked ~ img {
-webkit-filter: grayscale(0);
filter: grayscale(0); }
.campaign_full .hf-fields-wrap .type-image input[type=radio]:checked ~ h4 {
top: 1em;
left: 1.5em;
font-size: 1.25em;
color: white;
text-shadow: 0 0 2px #000; }
.campaign_full .hf-fields-wrap .type-image .images-block {
display: grid;
grid-template-columns: 1fr 1fr; }
.campaign_full .hf-fields-wrap .type-image .images-block label {
display: block;
position: relative;
margin: 0 0 .5em 0;
padding: .7em;
cursor: pointer; }
.campaign_full .hf-fields-wrap .type-image .images-block label h4 {
position: absolute;
top: 1.35em;
left: 2em;
z-index: 15;
color: #fff;
text-shadow: 0 0 3px #000; }
.campaign_full .hf-fields-wrap .type-image .images-block label .check {
display: block;
position: absolute;
content: "\f164";
font-family: 'FontAwesome';
font-size: 2.5em;
color: #999999;
text-shadow: 0 0 5px #000;
top: 20px;
right: 20px;
z-index: 5; }
.campaign_full .hf-fields-wrap .type-image .images-block label .check::before {
display: block;
position: absolute;
content: "\f164";
font-family: 'FontAwesome';
right: 10px; }
.campaign_full .hf-fields-wrap .type-image .images-block img {
width: 100%;
height: auto;
overflow: hidden;
border-radius: .4em;
margin-bottom: .5em;
-webkit-filter: grayscale(50);
filter: grayscale(50); }
.campaign_full .hf-fields-wrap input[type="text"], .campaign_full .hf-fields-wrap input[type="email"] {
margin: .35em 0 .5em;
padding: .5em;
width: auto;
min-width: 30em;
border: 1px solid gray;
border-radius: .4em;
font-size: 1em; }
.campaign_full .hf-fields-wrap input[type="submit"] {
padding: .5em 1.2em;
font-weight: 600;
font-size: 1.2em;
background-color: #fff;
border: 1px solid gray;
border-radius: .4em; }
.campaign_full .hf-fields-wrap input[type="submit"].center-btn {
position: relative;
display: block;
border: 2px solid #ff8080;
width: 80%;
margin: 1em auto;
cursor: pointer; }
.campaign_full .hf-fields-wrap input[type="submit"].center-btn:hover {
border: 2px solid red; }
.campaign_full ul.winners {
margin: 0;
padding: 0 0 2em 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.campaign_full ul.winners li {
min-width: 45%;
max-width: 50%;
height: auto;
margin: .25em .75em .25em 0;
padding: .2em .5em .2em .76em;
border-radius: .15em;
border-bottom: 1px dashed #bfbfbf; }
.closed input[type="text"] {
background-color: #e6e6e6;
cursor: not-allowed;
pointer-events: none; }
.closed input[type="submit"], .closed input[type="radio"] {
display: none;
visibility: hidden; }
.closed form {
display: none;
visibility: hidden; }
.video-embed {
position: relative;
margin: 2em .1em;
padding: .5em 0 65.45% 0;
height: 0;
border-radius: .4em;
overflow: hidden; }
.video-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: .4em;
overflow: hidden; }
.fb-embed {
position: relative;
margin: 2em .1em;
padding: 0;
min-height: 410px;
border-radius: .4em;
overflow: hidden; }
.fb-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: .4em;
overflow: hidden; }
.groupof-1 {
position: relative;
margin: 1em .1em 2em;
padding: 0; }
.groupof-1 a {
text-decoration: none; }
.groupof-1 .img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: auto;
height: auto;
overflow: hidden;
border-radius: .4em; }
.groupof-1 .img img {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin: 0 auto;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: .4em;
overflow: hidden; }
.groupof-1 figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.groupof-2 {
position: relative;
margin: 0 .1em 2em;
padding: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 1em; }
.groupof-2 a {
text-decoration: none; }
.groupof-2 .img {
position: relative;
margin: 0 auto;
max-height: 25em;
overflow: hidden;
border-radius: .4em; }
.groupof-2 .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.groupof-2 figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.groupof-3 {
position: relative;
margin: 0 .1em 2em;
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 1em;
grid-row-gap: 1em; }
.groupof-3 a {
text-decoration: none; }
.groupof-3 .img {
position: relative;
overflow: hidden;
border-radius: .4em; }
.groupof-3 .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.groupof-3 .img:nth-of-type(1) {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3; }
.groupof-3 .img:nth-of-type(2) {
grid-column: 3;
grid-row: 1; }
.groupof-3 .img:nth-of-type(3) {
grid-column: 3;
grid-row: 2; }
.groupof-3 figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.press_release {
position: relative;
overflow: hidden; }
.press_release .image {
position: relative;
margin: 0 .1em 1em;
padding: 0; }
.press_release .image a {
text-decoration: none; }
.press_release .image figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: auto;
height: auto;
overflow: hidden;
border-radius: .4em; }
.press_release .image figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: .4em;
overflow: hidden; }
.press_release .image figcaption {
font-size: .86em;
color: #737373;
padding: 1em 1.25em 1.5em; }
p {
margin: .6em auto 1.5em; }
p a {
color: blue;
padding: 0 .08em;
text-decoration: none;
font-weight: 500;
padding-bottom: .1em; }
p a:hover {
color: #f00;
border-bottom: 1px dotted #000; }
a.fillbtn {
position: relative;
background: #ff4d4d;
border-radius: .4em;
display: block;
text-align: center;
margin: 1.3em auto;
padding: .6em 3em;
width: 13em;
font-size: 1.2em;
font-weight: 500;
color: #fff;
text-decoration: none;
border: 2px solid transparent; }
a.fillbtn:hover {
background: #fff;
color: #000;
border: 2px solid #d60000; }
.update-info {
position: relative;
margin: 2em 0;
padding: .5em .8em;
overflow: hidden;
font-size: .86em;
color: #b3b3b3;
border-top: 1px dotted #cccccc; }
.paginate {
text-align: center;
margin: 2em 0;
list-style: none; }
.paginate a {
text-decoration: none;
color: #000; }
.paginate li {
display: inline-block;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: .35em; }
.paginate li a {
font-size: 1em;
text-decoration: none;
color: #000; }
.paginate .page {
margin: .25em;
padding: .5em .8em;
width: .3em;
height: .3em;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: .35em;
line-height: 2.6em;
color: #000; }
.paginate .active {
color: #fff;
font-weight: 500;
background: #c80000;
-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65)); }
.paginate .active:hover {
background: red; }
.paginate .active a {
color: #fff;
font-weight: 600; }
.paginate .disabled {
cursor: not-allowed;
pointer-events: none;
border: none;
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none; }
.tenders {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.tenders h2 {
margin: 1em auto 1em 1.5em; }
.tenders .tender_item {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
margin: 1em 1.5em; }
.tenders .tender_item li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: .8em .5em .1em;
padding: .6em;
height: auto;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: .4em;
background-color: #fff; }
.tenders .tender_item li:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.tenders .tender_item li a {
text-decoration: none;
color: #000; }
.tenders .tender_item li h4 {
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: .15em;
line-height: 1;
padding-bottom: .6em;
min-height: 2em; }
.tenders .tender_item li .tender_meta {
-ms-flex-item-align: end;
align-self: flex-end;
margin-top: 1.5em;
padding-top: .3em;
border-top: 1px dashed rgba(0, 0, 0, 0.2);
bottom: 0;
font-size: .85em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.tenders .tender_item li .tender_meta ._status:before {
content: "\f111";
font-family: FontAwesome;
display: inline-block;
margin-top: .1em;
margin-left: -1.25em;
width: 1.3em;
font-size: .86em;
font-weight: normal;
color: green; }
.tenders .tender_item li .closed {
color: #999999; }
.tenders .tender_item li .closed > .tender_meta ._status:before {
content: "\f111";
font-family: FontAwesome;
display: inline-block;
margin-top: .1em;
margin-left: -1.25em;
width: 1.3em;
font-size: .86em;
font-weight: normal;
color: #ff8080; }
.tender a {
color: blue;
text-decoration: none;
padding-bottom: .1em;
border-bottom: 1px dotted gray; }
.tender a:hover {
color: red; }
.tender > div {
padding: .35em 0; }
.tender > div .closed {
font-size: .96em;
font-weight: 600;
color: red; }
.tender_code ul {
margin: .25em 0 0 1.25em;
padding: 0;
list-style: none; }
.tender_code li {
margin-bottom: 1.25em; }
.tender_code li ._code {
display: block;
font-size: .96em;
font-weight: 600; }
.tender_code li ._name {
font-size: .8em;
color: #666666; }
.tender_code li:before {
position: absolute;
content: "\f046";
font-family: FontAwesome;
display: inline-block;
margin-top: .1em;
margin-left: -1.25em;
width: 1.3em;
font-size: .86em;
font-weight: normal; }
.tender_scope {
margin-bottom: .65em; }
.advisory {
position: relative;
margin: 2em 0 1em; }
.advisory .logo {
width: 8em;
min-width: 6.5em;
height: 9em;
background: url("../images/logo/stb-logo.jpg") no-repeat; }
.advisory .title {
position: absolute;
top: 3em;
left: 5.5em;
font-size: 1.6em;
font-weight: 600;
padding-top: 0; }
.advisory .subtitle {
position: absolute;
top: 7em;
left: 8.9em; }
.advisory .body-text {
position: relative;
margin: 2em 0 1em; }
.advisory .body-text .alert {
color: red; }
.advisory .body-text a {
text-decoration: none;
color: #3b80e8;
padding-bottom: .05em;
border-bottom: 1px dotted #666666; }
.advisory .body-text a:hover {
color: #e63d55; }
.advisory .body-text .closing {
margin: 2em 0; }
.advisory .body-text table {
width: 98%;
margin: .5em;
padding: 2em; }
.advisory .body-text table tbody {
border: 2px solid black; }
.advisory .body-text table tr {
padding: .5em;
border-bottom: 2px solid gray; }
.advisory .body-text table tr:last-of-type {
border: none; }
.advisory .body-text table td {
padding: 1em;
padding: .65em;
border: 1px solid gray; }
.advisory .body-text table .first-col {
width: 30% !important; }
.advisory .signatory {
position: relative;
margin-top: 3em;
margin-bottom: 4em; }
.advisory .signatory span {
display: block; }
.advisory .signatory #name {
text-transform: uppercase;
font-weight: 500;
padding-bottom: .6em; }
.advisory .signatory a {
color: blue;
text-decoration: none;
padding-bottom: 4px; }
.advisory .signatory a:hover {
color: #0000b3; }
.accommodations {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.accommodations h2 {
margin: 2em auto 0 1.2em; }
.accommodations #hotels {
position: relative; }
.accommodations #hotels .hotel-filter {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
top: 0;
left: 0;
margin: 1em 0 1.5em; }
.accommodations #hotels .hotel-filter .findme {
position: relative;
width: 25em;
margin: .5em 0 .5em 4.5em;
font-size: .7em; }
.accommodations #hotels .hotel-filter .findme .search {
width: 100%;
border: 2px solid #00B4CC;
padding: 5px;
height: 20px;
border-radius: 5px;
outline: none;
color: #9DBFAF; }
.accommodations #hotels .hotel-filter .tickme {
list-style: none; }
.accommodations #hotels .hotel-filter .tickme li {
display: inline-block; }
.accommodations #hotels .no-result {
position: relative;
display: none; }
.stats {
position: relative;
top: 0;
left: 0;
margin: 0 auto;
padding: 1em 2em;
max-width: 76em;
overflow: hidden; }
.stats h2 {
margin: 1.5em 0 .3em;
text-align: center;
line-height: 1; }
.stats .subheader {
position: relative;
text-align: center;
font-size: .92em;
font-weight: 500;
margin-bottom: 2em; }
.stats .stats-pdf {
position: relative;
margin: 2em auto;
text-align: center;
font-size: .86em; }
.stats .stats-pdf a {
height: auto;
text-decoration: none;
color: black;
padding: .8em 2em;
border: 1px solid black;
border-radius: 4em;
font-weight: 500;
background: #fff; }
.stats .stats-pdf a:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.stats .stats-pdf .pdf-downloads {
border: 1px solid blue; }
.stats .notes {
width: 80%;
margin: 0 auto 2em;
font-size: .9em; }
.stats #smallnote h4 {
border-bottom: 1px solid #000;
margin-bottom: .5em; }
.stats #smallnote li {
font-size: .8em;
padding: .2em 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.2); }
.stats #smallnote li:last-child {
border-bottom: none; }
.arrivals .summary {
position: relative;
margin: 1em 0 1.5em;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around; }
.arrivals .summary li {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
text-align: center;
width: 12em;
padding: 2em 0;
margin: .5em; }
.arrivals .summary li:nth-child(1) > .info {
background-color: rgba(113, 135, 142, 0.92); }
.arrivals .summary li:nth-child(2) > .info {
background-color: rgba(0, 179, 89, 0.92); }
.arrivals .summary li:nth-child(3) > .info {
background-color: rgba(255, 204, 0, 0.92); }
.arrivals .summary li h3 {
padding: .5em 0 0; }
.info {
margin: .8em;
border-radius: .5em; }
.info .post-a {
margin: 0 0 2.1em;
font-size: 1.2em;
color: #fff;
font-weight: 500;
text-shadow: 1px 1px 3px #000; }
.info .sums {
padding: .8em 0 0;
font-size: 1.6em;
font-weight: 600;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.info .verdict {
padding: .8em; }
.info .percentage {
font-size: 2em;
font-weight: 600;
text-shadow: 1px 1px 3px #666;
text-align: center; }
.info .verdict {
color: #fff;
font-size: 1.2em;
font-weight: 600;
text-shadow: 2px 2px 4px #000;
line-height: 0;
padding-bottom: 1.2em; }
.up {
background: url(../images/svg/caret-up.svg) no-repeat center 4em;
background-size: 9em; }
.up > .percentage {
color: green;
padding-top: .4em;
margin: .7em auto 0; }
.up > .percentage:before {
content: "+"; }
.up > .verdict:before {
content: "increase";
color: #fff; }
.down {
background: url(../images/svg/caret-down.svg) no-repeat center 4em;
background-size: 9em; }
.down > .percentage {
color: red;
padding-bottom: 1.6em;
margin: -.6em auto; }
.down > .percentage:before {
content: "-"; }
.down > .verdict:before {
content: "decrease";
color: red; }
.demographic {
margin: 2em auto; }
.demographic > div {
margin: 1em auto; }
.demographic ul > li > span:after {
content: "%"; }
.archives {
position: relative;
margin: 2em auto 5em;
max-width: 60em; }
.archives ul {
margin: 0;
padding: 0;
list-style: none; }
.archives ul li {
margin: 0;
padding: .6em 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: .5em; }
.archives ul li:nth-child(even) {
background: #ebf9f7; }
.archives ul li a {
text-decoration: none;
color: #000; }
.archives ul li a:hover {
color: #f00;
font-weight: 600; }
.blocks {
position: relative;
margin: 2em auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.blocks h2 {
margin: 1em auto 1em 1.5em; }
.blocks h2 span {
color: red; }
.blocks .see-all {
visibility: hidden;
display: none; }
.tiles {
list-style: none;
margin: 1em 1.5em; }
.tiles .tile {
margin: 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
overflow: hidden; }
.tiles .tile a {
text-decoration: none; }
.tiles .tile a figure {
position: relative;
margin: 0 .5em 1em; }
.tiles .tile a figure img {
width: 100%;
height: 100%;
min-height: 15em;
max-height: 15em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.tiles .tile a figure figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.tiles .tile:nth-child(odd) a:first-of-type {
grid-column: 1/3;
grid-row: 1/3; }
.tiles .tile:nth-child(odd) a:first-of-type img {
height: 100vh;
max-height: 31.4em;
overflow: hidden; }
.tiles .tile:nth-child(even) a:nth-child(3) {
grid-column: 3/5;
grid-row: 1/5; }
.tiles .tile:nth-child(even) a:nth-child(3) img {
height: 100vh;
max-height: 31.4em; }
.container {
margin: 1em auto;
padding: 1em;
max-width: 80em; }
.container h2 {
margin: 2em 0 1em 1.3em;
padding: 0;
line-height: 1.1; }
.container #lightgallery {
padding: 0 .5em; }
.container #hotels {
position: relative;
margin: 0 2em; }
.container #hotels .search {
width: 20em;
border: 2px solid #00B4CC;
padding: 5px;
height: 20px;
border-radius: 5px;
outline: none;
color: #000;
font-size: 1em; }
.container #hotels .checkboxes {
position: relative;
margin-left: .8em;
border-left: 1px solid black; }
.container #hotels .checkboxes label {
padding-left: 10px;
font-size: .86em;
font-weight: 500; }
.container #hotels .checkboxes input[type="checkbox"] {
height: 12px;
width: 16px;
position: relative;
cursor: default;
background: none;
border: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.container #hotels .checkboxes input[type="checkbox"], .container #hotels .checkboxes input[type="checkbox"]:checked, .container #hotels .checkboxes input[type="checkbox"]:focus, .container #hotels .checkboxes input[type="checkbox"]::before, .container #hotels .checkboxes input[type="checkbox"]::after, .container #hotels .checkboxes input[type="checkbox"]:checked::after, .container #hotels .checkboxes input[type="checkbox"]:checked::before, .container #hotels .checkboxes input[type="checkbox"]:hover {
outline: none;
outline-color: transparent; }
.container #hotels .checkboxes input[type="checkbox"]::before {
content: '';
border: 1px solid #707070;
border-radius: 3px;
height: 18px;
width: 18px;
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 9; }
.container #hotels .checkboxes input[type="checkbox"]:checked::after {
content: '';
display: block;
position: absolute;
left: 8px;
top: -3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 8px;
height: 18px;
border: solid #000;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 10; }
.container .list {
position: relative;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(33.33%, 1fr));
margin: 1em 1.3em;
list-style: none; }
.container .list a {
color: #000;
text-decoration: none; }
.container .list a:hover > h4 {
color: red; }
.container .list a:hover > .agent-info span:last-child {
color: blue; }
.container .list li {
position: relative;
margin: .8em .5em .1em;
padding: .3em;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: .4em;
background-color: #fff; }
.container .list li:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.container .list h4 {
margin: .5em 0 0;
padding: 0 .5em; }
.container .list .tripadvisor {
margin: .5em .5em .5em .35em;
display: block; }
.container .list .tripadvisor a {
display: block; }
.container .list .tripadvisor span {
position: relative;
top: -.36em;
font-size: .8em;
color: gray;
margin-left: .3em;
padding-bottom: .02em;
border-bottom: 1px solid gray; }
.container .list .meta {
margin: 0 .5em;
padding-bottom: .5em; }
.container .list .meta .rates {
visibility: hidden; }
.container .list .meta .stars {
display: block; }
.container .list .meta .stars .fa {
color: #b3b3b3;
width: 12px;
font-size: .768em; }
.container .list .meta .stars .active {
color: #f00 !important; }
.container .list .meta .stars .orchid {
position: relative;
display: inline-block;
width: 14px !important;
height: 15px !important;
background-image: url("../images/svg/orchid.svg");
background-repeat: no-repeat;
background-size: 170% 190%;
background-position: center 4px; }
.container .list .meta .stars .orchid-active {
position: relative;
display: inline-block;
width: 14px !important;
height: 15px !important;
background-image: url("../images/svg/orchid.svg");
background-repeat: no-repeat;
background-size: 170% 190%;
background-position: center bottom; }
.container .list .meta .type {
font-size: .86em;
font-weight: 500; }
.container .list .where {
position: relative;
margin: 0 .5em .3em 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: .86em;
font-weight: 500;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.container .pagination {
text-align: center;
margin: 2em 0;
list-style: none; }
.container .pagination li {
display: inline-block;
margin: .35em;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: .35em; }
.container .pagination li a {
font-size: 1em;
text-decoration: none;
color: #000; }
.container .pagination .page {
display: block;
padding: .5em .8em; }
.container .pagination .active {
color: #fff;
font-weight: 500;
background: #c80000;
-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65)); }
.container .pagination .active:hover {
background: red; }
.container .pagination .active a {
color: #fff;
font-weight: 600; }
.container .pagination .disabled {
cursor: not-allowed;
pointer-events: none;
border: none;
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none; }
.container .agent-filters {
position: relative;
margin: 0 2em; }
.container .agent-filters .search {
width: 20em;
border: 2px solid #00B4CC;
padding: 5px;
height: 20px;
border-radius: 5px;
outline: none;
color: #000;
font-size: 1em; }
.container .agent-filters .checkboxes {
position: relative;
margin-left: .8em;
border-left: 1px solid black; }
.container .agent-filters .checkboxes label {
padding-left: 10px;
font-size: .86em;
font-weight: 500; }
.container .agent-filters .checkboxes input[type="checkbox"] {
height: 12px;
width: 16px;
position: relative;
cursor: default;
background: none;
border: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.container .agent-filters .checkboxes input[type="checkbox"], .container .agent-filters .checkboxes input[type="checkbox"]:checked, .container .agent-filters .checkboxes input[type="checkbox"]:focus, .container .agent-filters .checkboxes input[type="checkbox"]::before, .container .agent-filters .checkboxes input[type="checkbox"]::after, .container .agent-filters .checkboxes input[type="checkbox"]:checked::after, .container .agent-filters .checkboxes input[type="checkbox"]:checked::before, .container .agent-filters .checkboxes input[type="checkbox"]:hover {
outline: none;
outline-color: transparent; }
.container .agent-filters .checkboxes input[type="checkbox"]::before {
content: '';
border: 1px solid #707070;
border-radius: 3px;
height: 18px;
width: 18px;
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 9; }
.container .agent-filters .checkboxes input[type="checkbox"]:checked::after {
content: '';
display: block;
position: absolute;
left: 8px;
top: -3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 8px;
height: 18px;
border: solid #000;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 10; }
.container .list {
position: relative;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(33.33%, 1fr));
margin: 1em 1.3em;
list-style: none; }
.container .list a {
color: #000;
text-decoration: none; }
.container .list a:hover > h4 {
color: red; }
.container .list a:hover > .agent-info span:last-child {
color: blue; }
.container .list li {
position: relative;
margin: .8em .5em .1em;
padding: .3em;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: .4em;
background-color: #fff; }
.container .list li:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.container .list h4 {
width: 100%; }
.container .list .agent-info {
width: 90%;
margin: 2em 1.5em .5em .5em;
padding: 0 1em .5em .3em;
color: #404040;
border-bottom: 1px dashed #bfbfbf; }
.container .list .agent-info span {
display: block;
margin: .2em 0 0;
font-size: .95em;
font-weight: 500; }
.container .list .general-agent {
border-bottom: none; }
.container .list .services {
margin: 0 .5em .2em .5em;
color: #404040;
list-style: none;
border: none; }
.container .list .services span {
display: inline-block;
position: relative;
left: -.2em;
margin: 0;
padding: 0 .2em 0 0;
font-size: .86em;
font-weight: 500;
border: none; }
.container .list .services span:first-of-type:before {
content: ""; }
.container .list .services span:after {
content: ", "; }
.container .list .services span:last-of-type:after {
content: ""; }
.container .pagination {
text-align: center;
margin: 2em 0;
list-style: none; }
.container .pagination li {
display: inline-block;
margin: .35em;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: .35em; }
.container .pagination li a {
font-size: 1em;
text-decoration: none;
color: #000; }
.container .pagination .page {
display: block;
padding: .5em .8em; }
.container .pagination .active {
color: #fff;
font-weight: 500;
background: #c80000;
-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.65)); }
.container .pagination .active:hover {
background: red; }
.container .pagination .active a {
color: #fff;
font-weight: 600; }
.container .pagination .disabled {
cursor: not-allowed;
pointer-events: none;
border: none;
opacity: .65;
-webkit-box-shadow: none;
box-shadow: none; }
.responsive-tabs {
position: relative;
margin: 2em 0 1em; }
.responsive-tabs dt {
font-size: 1.4em;
font-weight: 600;
float: left;
border-top: 0;
margin: 0;
padding: .5em 1.2em; }
.responsive-tabs .active {
font-size: 1.4em;
font-weight: 600;
background-color: #ff6666;
border-top-left-radius: .4em;
border-top-right-radius: .4em;
padding: .5em 1.2em;
color: #fff; }
.responsive-tabs .active + dd {
display: none; }
.responsive-tabs-placeholder {
clear: both;
display: block;
padding: 1em;
border-top: 1px solid #000; }
.follows {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin: 0 auto;
padding: 2.3em 0;
max-width: 34em;
overflow: hidden; }
.follows h2 {
margin: 1em auto 0 1.5em; }
.follows h2 span {
color: #f00; }
.follows .socialmedia {
list-style: none;
-ms-flex-item-align: center;
align-self: center;
margin: 1em 1.5em 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 23em;
height: auto; }
.follows .socialmedia li {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin: 0 .5em;
padding: 0 .3em; }
.follows .socialmedia li img {
filter: gray;
-webkit-filter: grayscale(1);
filter: grayscale(1);
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: auto; }
.follows .socialmedia li img:hover {
filter: none;
-webkit-filter: grayscale(0); }
.instas {
position: relative;
margin: 0 auto 2em;
padding: 0;
max-width: 80em;
overflow: hidden; }
.instas h2 {
margin: 1em auto .3em;
font-size: 2.56em;
color: #e63d55; }
.instas .center {
text-align: center; }
.instas .follow-button {
position: relative;
margin: .8em auto 1.8em;
padding: .6em .8em;
font-size: 1.2em;
font-weight: 500;
max-width: 18em;
border-radius: 2em;
background: #e63d55; }
.instas .follow-button a {
text-decoration: none;
color: #fff; }
.instas .follow-button:hover {
background: #d51b36; }
#instagram {
position: relative;
display: grid;
grid-template-columns: repeat(5, 1fr);
margin: 1em 1.8em; }
#instagram figure {
position: relative;
margin: 0;
padding: .25em .38em; }
#instagram figure img {
width: 100%;
height: 100%;
min-height: 13em;
max-height: 13em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
#instagram figcaption {
position: absolute;
left: 1.5em;
bottom: 1.5em;
width: 80%; }
#instagram figcaption .likes {
color: #fff;
font-size: .9em;
font-weight: 500;
text-shadow: 1px 2px 3px #000; }
#instagram figcaption .likes #heart {
position: absolute;
margin-left: .2em;
bottom: -.18em;
color: #ff1a1a;
padding-right: .08em; }
#instagram figcaption .likes .icon {
position: absolute;
margin-left: 1.86em;
bottom: -.15em;
font-size: 1.35em;
color: #fff; }
.media {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 1em 0 1em; }
.media .media__img {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
height: auto; }
.tabpanel {
margin: 1em 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.tabpanel .tabpanel__tablabel {
font-size: 1.3em;
font-weight: 600;
border-radius: .4em;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
padding-left: 24px;
padding-right: 24px; }
.tabpanel .tabpanel__tablabel + .tabpanel__tab + .tabpanel__tablabel {
margin-left: 6px; }
.tabpanel .tabpanel__panel {
padding: 12px; }
.tabpanel .tabpanel__panels {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%; }
.submit-articles {
position: relative;
margin: 8em auto 2em;
padding: 0;
max-width: 60em; }
.submit-articles .separator {
position: relative;
margin: 2em auto .5em;
width: 45vw;
height: .6em;
background-color: #f00;
border-radius: 2em; }
.submit-articles .submission {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 1em 1.3%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.submit-articles .submission #go, .submit-articles .submission #collect, .submit-articles .submission #tell {
text-align: center;
padding: .5em;
font-size: .86em; }
.submit-articles .submission #go img, .submit-articles .submission #collect img, .submit-articles .submission #tell img {
margin: 1em auto;
width: 5em; }
.submit-articles .submission #go span, .submit-articles .submission #collect span, .submit-articles .submission #tell span {
padding: .5em 1em;
display: block; }
.submit-articles .article-submit {
margin: 2em auto;
padding: 1em;
text-align: center; }
.submit-articles .article-submit a {
color: #000;
text-decoration: none; }
.submit-articles .article-submit #your-story {
margin: .8em auto;
padding: 1em 1.5em;
font-size: 1.3em;
font-weight: 600;
max-width: 12vw;
border-radius: 2em;
border: 1px solid green;
background: #fff; }
.submit-articles .article-submit #your-story:hover {
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.tweets .SandboxRoot h1 {
display: none; }
.listof3 {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.listof3 h2 {
margin: 1em auto 1em 1.5em; }
.listof3 h2 span {
color: #f00; }
.listof3 .see-all {
position: absolute;
top: 2.5em;
right: 3em;
font-size: 1em; }
.listof3 .see-all a {
text-decoration: none;
color: #3aa349; }
.listof3 .see-all a:hover {
color: #e63d55; }
.listof3 .lists {
margin: 1em 1.6em;
display: grid;
grid-template-columns: repeat(3, 1fr); }
.listof3 .lists a {
text-decoration: none; }
.listof3 .lists li {
position: relative;
margin: .4em .5em;
list-style: none; }
.listof3 .lists li img {
width: 100%;
height: 100%;
min-height: 12em;
max-height: 12em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.listof3 .lists li div {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1.1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.listof3 #loadMore {
margin: 1.5em auto 2em;
padding: .5em 1em;
background: #fff;
border-radius: 2em;
border: 1px solid #e6e6e6;
max-width: 16em;
text-align: center;
color: #000;
text-decoration: none; }
.listof3 #loadMore:hover {
cursor: pointer;
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65)); }
.campaign {
position: relative;
margin: .8em auto .5em;
height: 7em;
padding: 0;
max-width: 32em;
overflow: hidden; }
.campaign .banner {
margin: 0 auto;
width: 18em;
height: auto;
overflow: hidden;
border-radius: .4em;
text-align: center;
border: 1px solid black; }
.campaign .banner img {
width: 100%;
height: auto;
overflow: hidden;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: .4em;
text-align: center; }
.campaign ._details {
height: 6em;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: .35em;
background: #fff; }
.campaign ._details .adthumb {
position: absolute;
right: 0;
margin: .5em;
width: 4.85em;
height: auto;
overflow: hidden; }
.campaign ._details .adthumb img {
width: 100%;
height: auto;
overflow: hidden;
padding: .2em; }
.campaign ._details .adtext {
position: absolute;
top: .06em;
left: .4em;
font-size: 3em;
font-weight: 700;
color: #000; }
.campaign ._details .adtext > span {
position: relative;
margin: -.35em 0 0 .2em;
display: block;
font-size: .45em;
color: #666666; }
.campaign ._details:hover {
border: 1px solid rgba(0, 0, 0, 0.5); }
.more_articles {
position: relative;
margin: 0 auto;
padding: 1em 1.5em;
max-width: 80em;
overflow: hidden; }
.more_articles h2 {
margin: 1em auto 1em 1.5em; }
.more_articles h2 span {
color: #f00; }
.more_articles > div {
margin: 1em 1.8em;
display: grid;
grid-template-columns: repeat(4, 1fr); }
.more_articles > div a {
text-decoration: none; }
.more_articles > div figure {
position: relative;
margin: .4em .5em; }
.more_articles > div figure img {
width: 100%;
height: 100%;
min-height: 12em;
max-height: 12em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.more_articles > div figure figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1.1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.four-columns {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.four-columns h2 {
margin: 1em auto 1em 1.5em; }
.four-columns h2 span {
color: #f00; }
.items {
margin: 1em 1.8em;
display: grid;
grid-template-columns: repeat(4, 1fr); }
.items a {
text-decoration: none; }
.item {
text-align: center;
margin: 1em .65em .86em; }
.item .category {
margin: 0;
padding: 0 .25em;
font-size: .786em;
list-style: none; }
.item .category li {
display: inline; }
.item .category li::after {
content: ", "; }
.item .category li:last-child::after {
content: ""; }
.profile-info {
padding: .56em 1em;
width: 86%; }
.profile-info img {
min-width: 180px;
max-width: 180px;
height: 180px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: 150em;
-webkit-box-shadow: 0 0 3px gray;
box-shadow: 0 0 3px gray; }
.profile-info .name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: .65em; }
.profile-info .name .uid {
font-weight: 500;
padding-bottom: .15em; }
.profile-info .name .who {
font-size: .75em;
color: #8c8c8c; }
.profile-info .channels {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: .6em 0 0 .6em;
padding: 0;
list-style: none; }
.profile-info .channels li {
padding: 0 .5em; }
.profile-info .channels li a {
color: black; }
.profile-info .channels li a.facebook:hover {
color: #3b5998; }
.profile-info .channels li a.instagram:hover {
color: #c32aa3; }
.profile-info .channels li a.twitter:hover {
color: #1da1f2; }
.profile-info .facebook, .profile-info .instagram, .profile-info .twitter, .profile-info .email {
font-size: 1.75em;
display: inline-block; }
.profile-info .facebook::before {
font-family: FontAwesome;
content: "\f230"; }
.profile-info .instagram::before {
font-family: FontAwesome;
content: "\f16d"; }
.profile-info .twitter::before {
font-family: FontAwesome;
content: "\f099"; }
.profile-info .email::before {
font-family: FontAwesome;
content: "\f003"; }
.quarterly {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.quarterly h2 {
margin: 1em auto 1em 1.5em; }
.quarterly h2 span {
color: #f00; }
.ideas {
margin: 1em 1.8em;
display: grid;
grid-template-columns: repeat(4, 1fr); }
.ideas a {
text-decoration: none; }
.ideas figure {
position: relative;
margin: .4em .5em; }
.ideas figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em; }
.ideas figure figcaption {
position: absolute;
padding: 0 .8em;
bottom: 1em;
font-size: 1.1em;
font-weight: 500;
line-height: 1;
color: #fff;
text-shadow: 2px 2px 4px #000; }
.packages {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 80em;
overflow: hidden; }
.packages h2 {
margin: 1em auto 1em 1.5em; }
.packages .submit-article {
position: absolute;
top: 1.86em;
right: 2.5em;
font-size: 1em; }
.packages .submit-article a {
text-decoration: none;
color: #3aa349; }
.packages .submit-article a:hover {
color: #e63d55; }
.packages #openModal-prize h3 {
margin-bottom: 1.2em; }
.packages #openModal-prize ol {
margin: 0 0 0 1.8em;
padding: 0;
list-style: decimal-leading-zero; }
.packages #openModal-prize ol li {
font-size: 1em;
font-weight: 500; }
.packages #openModal-prize ol li ul {
list-style: disc;
margin: 1em 0;
padding: 1em;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: .86em;
border: 1px solid #999;
border-radius: .4em; }
.packages #openModal-prize ol li ul li {
font-size: .86em;
font-weight: normal;
margin: .15em .15em .15em 1em;
padding: .35em 1.5em .35em .2em; }
.deals {
-webkit-column-count: 4;
column-count: 4;
margin: 3em 0;
padding: 0; }
.deal {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
position: relative;
margin: 0 .2em .8em; }
.deal a {
text-decoration: none;
color: #000; }
.deal img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
border-radius: .4em;
border: 1px solid white; }
.deal img:hover {
border: 1px solid rgba(95, 156, 212, 0.856);
-webkit-filter: drop-shadow(0 0 3px rgba(95, 156, 212, 0.856));
filter: drop-shadow(0 0 3px rgba(95, 156, 212, 0.856)); }
.deal .meta {
display: none;
visibility: hidden;
line-height: 1;
padding: .12em .25em 1em .35em; }
.deal .meta .deal_name {
font-size: 1.05em;
font-weight: bold; }
.deal .meta .dealer {
font-size: .8em;
font-weight: lighter; }
footer {
position: relative;
margin: 5em 0 0;
padding: 0;
border-top: 2px solid #737373;
height: auto; }
footer .foot-header {
position: relative;
margin: 2em auto 1em;
max-width: 80em;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
footer .foot-header .mobile-download {
position: relative;
margin: 1.3em auto .5em 1.5em;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 30em; }
footer .foot-header .mobile-download .gosabah {
position: relative;
margin: .5em;
width: 8em; }
footer .foot-header .mobile-download .apps-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
width: 20em;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
footer .foot-header .mobile-download .apps-icon li {
margin: .5em;
padding: 0 .3em; }
footer .foot-header .mobile-download .apps-icon li img {
filter: gray;
-webkit-filter: grayscale(1);
filter: grayscale(1);
width: 100%;
height: auto;
overflow: hidden; }
footer .foot-header .mobile-download .apps-icon li img:hover {
filter: none;
-webkit-filter: grayscale(0); }
footer .footsocials {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
footer .footsocials .footlogo {
position: relative;
margin: 2em 1.2em;
width: 8em;
padding: 0 1em;
height: auto;
overflow: hidden;
z-index: 12; }
footer .footsocials .footlogo img {
filter: gray;
-webkit-filter: grayscale(1);
filter: grayscale(1);
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center; }
footer .footsocials h3 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: right;
margin: 2em .8em 1.5em; }
footer .footsocials h3 span {
font-size: 1.3em;
font-weight: 600;
color: #f00; }
footer .footsocials .socialmedia {
-ms-flex-item-align: center;
align-self: center;
margin: 1em 1.5em 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 18em;
height: auto; }
footer .footsocials .socialmedia li {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin: 0 .5em;
padding: 0 .3em; }
footer .footsocials .socialmedia li img {
filter: gray;
-webkit-filter: grayscale(1);
filter: grayscale(1);
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: auto; }
footer .footsocials .socialmedia li img:hover {
filter: none;
-webkit-filter: grayscale(0); }
footer .footmenu {
position: relative;
margin: 2em auto 0;
padding: 0;
max-width: 80em; }
footer .menus {
margin: 1em 0;
padding: .5em 1.2em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
footer .menu {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 20% !important;
padding: 0 .76em;
margin-bottom: 1.5em; }
footer .menu h4 {
font-size: 1.2em;
font-weight: 600;
padding-bottom: .15em;
border-bottom: 2px solid #000;
margin-bottom: .5em; }
footer .menu ul {
margin: 0;
padding: 0; }
footer .menu li {
line-height: 1;
padding: .35em 0;
border-top: 1px dotted #b3b3b3; }
footer .menu li:first-child {
border-top: none; }
footer .menu li a {
display: block;
padding: .25em;
text-decoration: none;
font-size: 1em;
color: #000; }
footer .menu li a:hover {
color: #f00; }
footer .footlinks {
font-size: .8em;
position: relative;
top: 0;
left: 0;
padding: 0;
margin: 0 auto;
overflow: hidden;
text-align: center;
max-width: 75em; }
footer .footlinks .govts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: 0 auto;
padding: 0;
overflow-x: hidden;
text-align: center; }
footer .footlinks .govts a {
text-decoration: none; }
footer .footlinks .govts figure {
position: relative;
max-width: 11em;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding: 0 .2em; }
footer .footlinks .govts figure:last-of-type {
padding-right: .8em; }
footer .footlinks .govts figure img {
width: 100%;
height: 8em;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
overflow: hidden; }
footer .footlinks .govts figure figcaption {
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #000;
text-align: center;
padding-bottom: 1em; }
footer .ministries {
font-size: .8em;
position: relative;
top: 0;
left: 0;
padding: 0;
margin: 0 auto;
overflow: hidden;
text-align: center;
max-width: 46em; }
footer .ministries .minlinks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: 0 auto;
padding: 0;
overflow-x: hidden;
text-align: center; }
footer .ministries .minlinks a {
text-decoration: none; }
footer .ministries .minlinks figure {
position: relative;
max-width: 7em;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding: 0 .2em; }
footer .ministries .minlinks figure:last-of-type {
padding-right: .8em; }
footer .ministries .minlinks figure img {
width: 80%;
height: 5em;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
overflow: hidden; }
footer .ministries .minlinks figure figcaption {
font-size: 1em;
font-weight: 500;
line-height: 1;
color: #000;
text-align: center;
padding-bottom: 1em; }
footer .foot-extlinks {
position: relative;
top: 0;
left: 0;
padding: 0;
margin: 2em auto 1em;
overflow: hidden;
text-align: center;
max-width: 42em; }
footer .foot-extlinks .links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: 0 auto;
padding: 0;
overflow-x: hidden;
text-align: center; }
footer .foot-extlinks .links a {
text-decoration: none; }
footer .foot-extlinks .links figure {
position: relative;
max-width: 7em;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding: 0 .2em; }
footer .foot-extlinks .links figure:last-of-type {
padding-right: .8em; }
footer .foot-extlinks .links figure img {
width: 80%;
height: 5em;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
overflow: hidden; }
footer .foot-extlinks .links figure figcaption {
font-size: .8em;
font-weight: 500;
line-height: 1;
color: #000;
text-align: center;
padding-bottom: 1em; }
footer .footaddress {
position: relative;
max-width: 35em;
margin: 3em auto .5em;
font-size: .9em; }
footer .footaddress #footcontact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
font-size: .86em; }
footer .footaddress #footcontact li {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
padding: .1em;
text-align: center; }
footer .footaddress #footcontact li a {
text-decoration: none;
padding-bottom: .1em; }
footer .footaddress #footcontact li:first-child {
margin-left: -6px; }
footer .footaddress .lastupdate {
position: relative;
top: 2em;
text-align: center;
font-size: .86em;
font-weight: 600; }
footer .footcopy {
position: relative;
margin-top: 4em;
text-align: center;
font-size: .7em; } }
.disclaimer {
background-color: rgba(0, 0, 0, 0.75);
position: relative;
border-top: 1px solid #333;
padding: 1em 1.5em .5em 1.5em; }
.disclaimer .notes {
width: 100%;
max-width: 76em;
overflow: hidden;
margin: 0 auto; }
.disclaimer .notes h6 {
color: #fff;
margin: .5em 0;
letter-spacing: .15em; }
.disclaimer .notes p {
font-size: .7em;
color: rgba(255, 255, 255, 0.86); }