html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
:focus { outline: 0;
}
body {
background: #fff;
line-height: 1;
}
ol, ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}  html {
height: 100%;
}
body {
background: #fff;
height: 100%;
}
#page {
background: #fff;
min-height: 100%;
max-width: 2000px;
margin: 0 auto;
} .alignleft {
display: inline;
float: left;
margin-right: 1.625em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.625em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} body, input, textarea {
color: #000000;
font-size: 18px; 
font-family: "Source Sans 3", sans-serif;
font-weight: 300;
} h1,h2,h3,h4,h5,h6 {
clear: both;
}
hr {
background-color: #D67148;
border: 0;
width: 62px;
height: 2px;
margin: 0 auto 25px;
} .entry-content img,
.comment-content img,
.widget img {
max-width:100%;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto; 
}
img.size-full,
img.size-large {
max-width: 100%;
width: auto; 
height: auto;
}
embed,
iframe,
object {
max-width: 100%;
} ul, ol {
margin: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}
dl {
margin: 0 1.625em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.625em;
}
strong {
font-weight: 600;
}
cite, em, i {
font-style: italic;
}
blockquote {
font-family: Georgia, "Bitstream Charter", serif;
font-style: italic;
font-weight: normal;
margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
font-style: normal;
}
blockquote cite {
color: #666;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
text-transform: uppercase;
}
pre {
background: #f4f4f4;
font: 13px "Courier 10 Pitch", Courier, monospace;
line-height: 1.5;
margin-bottom: 1.625em;
overflow: auto;
padding: 0.75em 1.625em;
}
code, kbd, samp, var {
font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
border-bottom: 1px dotted #666;
cursor: help;
}
address {
display: block;
margin: 0;
}
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: smaller;
} @font-face {
font-family: 'BlossomAlt';
src: url(//vastafrica.travel/wp-content/themes/vast/fonts/blossom-alt.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Socicon';
src: url(//vastafrica.travel/wp-content/themes/vast/fonts/socicon.ttf) format('truetype'), url(//vastafrica.travel/wp-content/themes/vast/fonts/socicon.woff) format('woff');
font-weight: normal;
font-style: normal;
}
[class^="socicon-"],
[class*=" socicon-"] {
font-family: 'Socicon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.socicon-facebook:before {
content: "\e028";
}
.socicon-twitter:before {
content: "\e08d";
}
.socicon-instagram:before {
content: "\e044";
}
.socicon-youtube:before {
content: "\e0a5";
}
.socicon-spotify:before {
content: "\e079";
}
.socicon-pinterest:before {
content: "\e063";
}
.socicon-linkedin:before {
content: "\e04c";
} a {
color: #A22C3D;
} .mainmenu li {
display: block;
vertical-align: top;
padding: 0 0 30px 0;
}
.mainmenu a:link, .mainmenu a:visited {
font-family: "source-serif-4-display", serif;
font-size: 24px;
line-height: 28px;
font-style: italic;
color: #000000;
text-decoration: none;
}
.mainmenu li a::after {
content: '>>>';
display: inline-block;
vertical-align: middle;
font-style: none;
font-family: sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 12px;
letter-spacing: -0.12em;
margin-left: 8px;
opacity: 0;
transition: 0.15s linear;
}
.mainmenu li li a::after {
display: none;
}
.mainmenu li:hover a::after {
opacity: 1;
}
.mainmenu ul {
padding-top: 18px;
}
.mainmenu ul li {
display: inline-block;
vertical-align: top;
width: 50%;
box-sizing: border-box;
padding: 0 5px 10px 0;
}
.mainmenu ul a:link, .mainmenu ul a:visited {
font-family: 'FacundoSemiBold', sans-serif;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
font-style: normal;
letter-spacing: 0.1em;
}
.topmenu {
margin: 0;
}
.topmenu li {
display: inline-block;
vertical-align: top;
margin-left: 20px;
}
.topmenu a:link, .topmenu a:visited {
display: inline-block;
color: #FFF;
background-color: #d66458;
font-family: "source-serif-4-display", serif;
font-style: italic;
text-decoration: none;
color: #FFF;
font-size: 20px;
line-height: 20px;
padding: 11px 27px 13px;
} .result-404 { padding: 18vw 4% 15vw; text-align: center; }
.result-404 .entry-title { font-size: 32px; line-height: 36px; padding-bottom: 30px } p {
line-height: 29px;
margin-bottom: 30px;
}
.ibvtop {
display: inline-block;
vertical-align: top;
}
.ibvmid {
display: inline-block;
vertical-align: middle;
}
.ibvbtm {
display: inline-block;
vertical-align: bottom;
}
.stdlink a {
color: inherit;
text-decoration: none;
}
.contentouter {
}
.contentblur {
filter: blur(20px);-webkit-filter: blur(20px);
overflow: hidden;
}
.stdh {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 3000;
padding: 28px 2% 21px 5.5%;
box-sizing: border-box;
font-size: 0;
text-align: justify;
}
.stdh::after {
content: '';
display: inline-block;
width: 100%;
}
.stdhf {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 3000;
padding: 6px 2% 6px 5.5%;
box-sizing: border-box;
background-color: #FFF;
font-size: 0;
text-align: justify;
display: none;
}
.stdhf::before {
display: none;
content: '';
position: absolute;
top: 12px;
left: 0;
width: 100%;
height: 2px;
background-color: #000;
}
.stdhf::after {
content: '';
display: inline-block;
width: 100%;
}
.stdh .hmtog {
position: relative;
top: -6px;
}
.hmtog {
cursor: pointer;
}
.hmtog div {
width: 32px;
height: 2px;
background-color: #000;
margin: 7px 0;
transition: 0.2s linear;
}
.stdhw .hmtog div {
background-color: #FFF;
}
.hmtog div:nth-child(2) {
width: 26px;
}
.hmtog div:nth-child(3) {
width: 20px;
}
.hmtog:hover div:nth-child(2), .hmtog:hover div:nth-child(3) {
width: 32px;
}
.hlogo {
position: absolute;
bottom: 0;
left: calc(50% - 82px);
width: 164px;
box-sizing: border-box;
padding: 20px 10px 0; }
.stdhw .hlogo { }
.stdhf .hlogo {
bottom: 7px;
left: calc(50% - 48px);
width: 96px;
padding: 0;
border: 0px;
}
.hlogo a {
display: block;
}
.hlogo img {
width: 100%;
}
.logombl {display: none;}
.hmenu {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 100%;
max-width: 550px;
z-index: 3000;
background-color: #FFF;
overflow-y: auto;
box-shadow: 3px -3px 3px rgba(0, 0, 0, 0.1);
}
.hmclose {
position: absolute;
top: 38px;
right: 44px;
width: 20px;
height: 20px;
cursor: pointer;
}
.hmclose::after, .hmclose::before {
content: '';
position: absolute;
background-color: #000;
height: 1px;
width: 20px;
top: 10px;
right: 0px;
}
.hmclose::after {
transform: rotate(45deg) translateZ(1px);
}
.hmclose::before {
transform: rotate(-45deg) translateZ(1px);
}
.hmenuw {
padding: 120px 10px 15px 20%;
}
.hmwidget {
background-color: #EFEEEA;
padding: 30px 10px 20px 20%;
}
.hmw-details {
margin-right: 20%;
}
.hmw-details p {
font-size: 15px;
line-height: 24px;
margin-bottom: 0;
}
.hmw-details strong, .hmw-details b {
font-weight: 500;
}
.hsocial a {
display: inline-block;
vertical-align: middle;
font-size: 24px;
line-height: 24px;
margin: 0 10px 10px 0;
}
.widget-inspire {
position: fixed;
top: 30%;
right: 0;
z-index: 2000;
pointer-events: none;
}
.widget-inspirelbl {
position: relative;
cursor: pointer;
transform: rotate(-90deg) translateZ(1px);
transform-origin: bottom right;
background-color: #761B48;
padding: 14px 22px 48px;
box-shadow: -4px -4px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s ease-in-out;
right: -30px;
pointer-events: auto;
}
.widgetinp-open {
position: absolute;
top: 50px;
left: calc(50% - 11px);
width: 22px;
height: 22px;
border: 2px solid #BDC3BD;
border-radius: 50%;
transition: 0.3s ease-in-out;
opacity: 0;
}
.widgetinp-open span {
position: absolute;
top: 3px;
left: 5px;
color: #BDC3BD;
font-family: arial;
font-weight: bold;
font-size: 17px;
transform: rotate(90deg) translateZ(1px);
}
.widget-inspirelbl:hover {
right: 0;
}
.widget-inspirelbl:hover .widgetinp-open {
opacity: 1;
}
.widgetinp-txt {
}
.widgetinp-txt .widget-title {
font-family: "source-serif-4-display", serif;
font-style: italic;
color: #FFF;
font-size: 28px;
line-height: 28px;
}
.widgetinp-txt .textwidget {
display: none;
}
.widget-inspirepup {
display: none;
position: relative;
background-color: #FFF;
width: 100%;
max-width: 510px;
top: -10vh;
box-shadow: -4px 4px 3px rgba(0, 0, 0, 0.1);
pointer-events: auto;
}
.widgetinp-close {
position: absolute;
top: -16px;
left: -16px;
z-index: 10;
border: 2px solid #000;
border-radius: 50%;
height: 32px;
width: 32px;
box-sizing: border-box;
cursor: pointer;
}
.widgetinp-close::after, .widgetinp-close::before {
content: '';
position: absolute;
background-color: #000;
height: 4px;
width: 16px;
top: 13px;
left: 6px;
}
.widgetinp-close::after {
transform: rotate(45deg) translateZ(1px);
}
.widgetinp-close::before {
transform: rotate(-45deg) translateZ(1px);
}
.widgetinp-inner {
text-align: center;
padding-bottom: 30px;
}
.widgetinp-inner .widget-title {
display: none;
}
.widgetinp-inner img, .widgetinp-inner video {
width: calc(100% + 40px);
position: relative;
left: -20px;
max-width: none;
}
.widgetinp-inner h1, .widgetinp-inner h2, .widgetinp-inner h3, .widgetinp-inner h4 {
padding: 0 20px;
margin-bottom: 20px;
}
.widgetinp-inner h4 {
font-size: 26px;
}
.widgetinp-inner h5 {
padding: 0 20px;
}
.widgetinp-inner p {
padding: 0 20px;
margin-bottom: 15px;
}
.htxt h1, .htxt h2 {
font-family: "source-serif-4-display", serif;
font-size: 56px;
line-height: 66px;
}
.htxt h3 {
font-family: "source-serif-4-display", serif;
font-size: 40px;
line-height: 54px;
}
.htxt h4 {
font-family: "source-serif-4-display", serif;
font-size: 24px;
line-height: 40px;
}
.htxt a {
color: #000;
text-decoration: none;
font-family: 'FacundoSemiBold', sans-serif;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: 0.15em;
}
.htxt h5 a {
display: inline-block;
position: relative;
color: #FFF;
background-color: #000;
padding: 12px 22px;
box-shadow: #CCC -2px 2px 6px 0px;
transition: 0.3s linear;
}
.htxt h5 a:hover {
background-color: #FFF;
color: #000;
}  #homepg {
}
.hbannerslsh {
position: relative;
}
.hbanner-slideshow {
width: 100%;
}
.hbanner-slide {
width: 100%;
padding-top: 56.5%;
}
.hbanner-slimg {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
background-size: cover;
background-position: 50% 50%;
}
.hbanner {
position: relative; padding-top: 56.5%;
}
.hbanner-media {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
background-size: cover;
background-position: 50% 50%;
}
.hbanner-media video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hbanner-intro {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
z-index: 2000;
text-align: center;
}
.hbanner-intro::after {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.hbanner-introw {
width: calc(100% - 0.5em);
display: inline-block;
vertical-align: middle;
max-width: 800px;
color: #443742;
}
.hbanner-intro h1, .hbanner-intro h2 {
font-size: 48px;
line-height: 58px;
margin-bottom: 20px;
}
.hbanner-intro h5 {
margin: 0 0 20px;
}
.hbanner-intro h5 a {
background-color: #A52C3D;
}
.hbanner-intro h5 a:hover {
color: #A52C3D;
background-color: #FFF;
}
.hintro {
background-color: #f5f4f0;
position: relative;
padding: 90px 5.5% 24vw;
text-align: center;
background-size: contain;
background-position: bottom left;
background-repeat: no-repeat;
}
.hintrow {
max-width: 660px;
margin: 0 auto;
}
.hintro.htxt h3 {
margin-bottom: 10px;
}
.hintro.htxt h4 {
margin-bottom: 25px;
}
.hintro.htxt p {
max-width: 500px;
margin: 0 auto 30px;
}
.hintroimg {
text-align: center;
}
.hintroimg img {
max-width: 100%;
height: 264px;
}
.himpact {
padding: 110px 7%;
text-align: center;
}
.himpactw {
max-width: 1210px;
margin: 0 auto;
}
.himpactbx {
background-color: #f5f4f0;
padding: 60px 30px 30px;
margin-bottom: 55px;
}
.himpact-intro {
max-width: 940px;
margin: 0 auto 50px;
}
.himpact-intro.htxt h4 {
margin-bottom: 50px;
}
.himpact-intro.htxt hr {
background-color: #878e62;
}
.himpact-items {
}
.himpact-item {
width: 16.65%;
box-sizing: border-box;
padding: 0 10px 30px;
}
.himpacti-val {
font-family: "source-serif-4-display", serif;
font-size: 40px;
line-height: 54px;
font-style: italic;
margin-bottom: 5px;
}
.himpacti-title {
}
.himpact-content.htxt h5 a {
background-color: #878e62;
}
.himpact-content.htxt h5 a:hover {
color: #878e62;
background-color: #FFF;
}
.hprops {
padding: 0 7% 120px;
text-align: center;
}
.hprops-intro {
max-width: 975px;
margin: 0 auto 50px;
}
.hprops-intro.htxt h1, .hprops-intro.htxt h2 {
margin-bottom: 20px;
}
.hprops-intro.htxt h5 a {
background-color: #A52C3D;
}
.hprops-intro.htxt h5 a:hover {
color: #A52C3D;
background-color: #FFF;
}
.hprops-items {
position: relative;
left: -7px;
width: calc(100% + 14px);
}
.hprops-item {
width: 25%;
box-sizing: border-box;
padding: 0 7px 50px;
text-align: left;
}
.hpropsi-img {
position: relative;
background-size: cover;
background-position: 50% 50%;
padding-top: 135%;
margin-bottom: 22px;
}
.hpropsi-img a {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
}
.hpropsi-loc {
font-family: 'FacundoSemiBold', sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.12em;
text-transform: uppercase;
margin-bottom: 10px;
}
.hpropsi-title {
width: 90%;
font-family: "source-serif-4-display", serif;
font-size: 32px;
line-height: 38px;
margin-bottom: 15px;
}
.hpropsi-desc {
width: 70%;
line-height: 25px;
}
.hdestns {
background-color: #f3f3f1;
padding: 90px 5.5% 70px;
text-align: center;
}
.hdestns-intro {
max-width: 975px;
margin: 0 auto 90px;
}
.hdestns-intro.htxt h1, .hdestns-intro.htxt h2 {
margin-bottom: 20px;
}
.hdestns-intro.htxt hr {
background-color: #32979A;
width: 62px;
height: 2px;
}
.hdestns-intro.htxt h5 a {
background-color: #AA83B7;
}
.hdestns-intro.htxt h5 a:hover {
color: #AA83B7;
background-color: #FFF;
}
.hdestns-slsh {
position: relative;
max-width: 1280px;
margin: 0 auto;
}
.hdestns-prev {
position: absolute;
top: calc(50% - 25px);
left: -27px;
z-index: 1050;
border: 2px solid #000;
border-radius: 50%;
width: 50px;
height: 50px;
cursor: pointer;
transition: 0.2s linear;
text-align: center;
}
.hdestns-prev::after, .hdestns-next::after {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.hdestns-prev span {
display: inline-block;
vertical-align: middle;
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/arrow-black.svg); 
background-size: contain;
background-repeat: no-repeat;
transform: rotate(90deg) translateZ(1px);
width: 19px;
height: 18px;
margin-right: 8px;
}
.hdestns-next {
position: absolute;
top: calc(50% - 25px);
right: -26px;
z-index: 1050;
border: 2px solid #000;
border-radius: 50%;
width: 50px;
height: 50px;
cursor: pointer;
transition: 0.2s linear;
}
.hdestns-next span {
display: inline-block;
vertical-align: middle;
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/arrow-black.svg); 
background-size: contain;
background-repeat: no-repeat;
transform: rotate(-90deg) translateZ(1px);
width: 19px;
height: 18px;
margin-left: 4px;
}
.hdestns-next:hover, .hdestns-prev:hover {
transform: scale(1.2);
}
.hdestns-slsh .cycle-slideshow {
width: 100%;
}
.hdestns-slide {
width: 100%;
box-sizing: border-box;
padding: 56px 0;
}
.hdestns-slidew {
height: 100%;
background-color: #FFF;
}
.hdestns-slidetxt {
width: 57%;
box-sizing: border-box;
padding: 0 9%;
}
.hdestns-slidetxt.htxt h3 {
font-family: 'FacundoSemiBold', sans-serif;
font-size: 24px;
line-height: 34px;
text-transform: uppercase;
letter-spacing: 0.12em;
margin-bottom: 15px;
}
.hdestns-slidetxt.htxt h4 {
font-size: 32px;
margin-bottom: 20px;
}
.hdestns-slidetxt.htxt h5 a {
background-color: #D67148;
}
.hdestns-slidetxt.htxt h5 a:hover {
color: #D67148;
background-color: #FFF;
}
.hdestns-slidetxt.htxt hr {
margin: 0 auto 15px;
}
.hdestns-slide:nth-child(odd) .hdestns-slidetxt.htxt hr {
background-color: #AA83B7;
}
.hdestns-slide:nth-child(odd) .hdestns-slidetxt.htxt h5 a {
background-color: #AA83B7;
}
.hdestns-slide:nth-child(odd) .hdestns-slidetxt.htxt h5 a:hover {
color: #AA83B7;
background-color: #FFF;
}
.hdestns-slideimg {
position: relative;
top: -56px;
left: -2.5%;
bottom: -56px;
width: 43%;
z-index: 10;
box-sizing: border-box;
padding: 0 6.2% 0 0;
margin-bottom: -112px;
}
.hdestns-slideimg img {
max-width: 100%;
}
.hdestns-pager {
text-align: center;
padding: 55px 0 0;
}
.hdestns-pager span {
display: inline-block;
vertical-align: top;
border: 1px solid #000;
border-radius: 50%;
box-sizing: border-box;
width: 8px;
height: 8px;
margin: 6px;
cursor: pointer;
}
.hdestns-pager span.cycle-pager-active {
background-color: #000;
}
.hexpers {
padding: 85px 3% 90px;
text-align: center;
background-color: #f3f3f1;
margin-bottom: 120px;
}
.hexpers-intro {
max-width: 800px;
margin: 0 auto 60px;
}
.hexpers-cta {
max-width: 800px;
margin: 0 auto;
}
.hexpers-cta.htxt h5 a {
background-color: #017880;
}
.hexpers-cta.htxt h5 a:hover {
color: #017880;
background-color: #FFF;
}
.hexpers-intro.htxt h1, .hexpers-intro.htxt h2 {
margin-bottom: 30px;
}
.hexpers-intro.htxt h4 {
margin-bottom: 40px;
}
.hexpers-intro.htxt h5 a {
background-color: #761B48;
}
.hexpers-intro.htxt h5 a:hover {
color: #761B48;
background-color: #FFF;
}
.hexpers-intro.htxt hr {
background-color: #003580;
}
.hexpers-intro.htxt p {
max-width: 650px;
margin: 0 auto 30px;
}
.hexpers-content.htxt h5 a {
background-color: #003580;
}
.hexpers-content.htxt h5 a:hover {
color: #003580;
background-color: #FFF;
}
.hexpers-slider {
position: relative;
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 0 calc(4% - 7px);
}
.hexpers-items, .experspg-items {
width: 100%;
box-sizing: border-box;
}
.hexpers-item { padding: 0 7px 30px;
box-sizing: border-box;
}
.hexpersiw {
position: relative;
text-align: left;
}
.hexpersiw a {
display: block;
}
.hexpersi-imgbg {
position: relative;
background-size: cover;
background-position: 50% 50%;
padding-top: 89.5%;
overflow: hidden;
margin-bottom: 12px;
}
.hexpersi-imgblk {
position: absolute;
top: 1.8vw;
left: calc(50% - 5vw);
width: 0;
height: 0;
border: 5vw solid transparent;
border-top-width: 0;
border-bottom-width: 10.6vw;
border-bottom-style: solid;
transition: 0.15s linear;
}
.hexpersi-imgblk::after {
content: '';
position: absolute;
top: calc(10.6vw - 1px);
left: calc(50% - 5vw);
width: 0;
height: 0;
border: 5vw solid transparent;
border-top-width: 10.6vw;
border-top-style: solid;
border-top-color: inherit;
transition: 0.15s linear;
}
.hexpersi-imgfg {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
background-size: cover;
background-position: 50% 50%;
z-index: 10;
}
.hexpersiw:hover .hexpersi-imgblk {
transform: scale(1.1);
top: 1.36vw;
}
.hexpersi-title {
width: 90%;
font-family: "source-serif-4-display", serif;
font-size: 32px;
line-height: 38px;
}
.slick-prev {
cursor: pointer;
position: absolute;
top: calc(40% - 32px);
left: -48px;
z-index: 100;
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #000;
text-align: center;
transition: 0.2s linear;
}
.slick-prev span {
display: inline-block;
vertical-align: middle;
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/arrow-black.svg); 
background-size: contain;
background-repeat: no-repeat;
transform: rotate(90deg) translateZ(1px);
width: 14px;
height: 15px;
margin: 8px 5px 0 0;
}
.slick-next {
cursor: pointer;
position: absolute;
top: calc(40% - 32px);
right: -48px;
z-index: 100;
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #000;
text-align: center;
transition: 0.2s linear;
}
.slick-prev:hover, .slick-next:hover {
transform: scale(1.15);
}
.slick-next span {
display: inline-block;
vertical-align: middle;
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/arrow-black.svg); 
background-size: contain;
background-repeat: no-repeat;
transform: rotate(-90deg) translateZ(1px);
width: 14px;
height: 15px;
margin: 8px 0 0 5px;
}
.slick-prev.slick-disabled, .slick-next.slick-disabled {
display: none !important;
}
.hcta {
position: relative;
background-color: #f9f9f6;
background-size: cover;
background-position: 50% 50%;
padding-top: 40%;
}
.hctaouter {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
text-align: center;
}
.hctaouter::after {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.hctainner {
width: calc(100% - 0.5em);
display: inline-block;
vertical-align: middle;
max-width: 630px;
margin: 0 0 10vw;
}
.hctainner.htxt h3 {
margin-bottom: 50px;
}
.hctainner.htxt h5 a {
background-color: #dea2b2;
}
.hctainner.htxt h5 a:hover {
color: #dea2b2;
background-color: #FFF;
} .stdpg {
padding: 185px 4% 80px;
}
.stdpgw {
max-width: 1000px;
}
.stdpg .entry-title {
margin-bottom: 60px;
} #destnpg {
}
.destnban {
position: relative;
background-color: #f3f3f1;
background-size: cover;
background-position: 50% 50%;
padding-top: 56%;
}
.destnbanouter {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
text-align: center;
}
.destnbanouter::after {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.destnbaninner {
position: relative;
display: inline-block;
vertical-align: middle;
width: calc(100% - 0.5em);
max-width: 590px;
margin: 70px auto 0;
}
.destnbaninner img {
max-height: 100%;
max-width: 100%;
}
.destnbantxt {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
}
.destnbantxt::after {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.destnbantxtw {
position: relative;
left: -0.125em;
display: inline-block;
vertical-align: middle;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
text-align: center;
padding: 30px 5px 35px;
box-sizing: border-box;
}
.destnbantxt.htxt h1 {
font-family: 'FacundoSemiBold', sans-serif;
font-size: 21px;
line-height: 31px;
text-transform: uppercase;
letter-spacing: 0.12em;
margin-bottom: 10px;
}
.destnbantxt.htxt hr {
margin: 0 auto 5px;
}
.destnintro {
padding: 60px 5.5% 15px;
text-align: center;
}
.destnintrow {
max-width: 1000px;
margin: 0 auto 30px;
}
.destnintro.htxt h3 {
margin-bottom: 45px;
}
.destnintro.htxt p {
max-width: 860px;
margin: 0 auto 30px;
}
.destngo {
position: relative;
padding: 85px 10% 120px 6.5%;
background-color: #f3f3f1;
}
.destngo-img {
position: absolute;
top: 3vw;
left: 0;
width: 21.6%;
z-index: 1;
}
.destngo-img img {
width: 100%;
}
.destngo-intro {
position: relative;
z-index: 10;
text-align: center;
max-width: 780px;
margin: 0 auto 60px;
}
.destngo-intro.htxt h2 {
margin-bottom: 30px;
}
.destngo-intro.htxt hr {
background-color: #761B48;
}
.destngo-locations {
position: relative;
z-index: 10;
}
.destngo-map {
position: relative;
width: 50%;
}
.destngo-mapimg {
position: relative;
}
.destngo-mapimg img {
width: 100%;
border: 10px solid #FFF;
box-sizing: border-box;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}
.destngo-mapmarkers {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
z-index: 10;
}
.destngo-marker {
position: absolute;
cursor: pointer;
}
.destngo-marker:hover img {
transform: scale(1.1);
}
.destngo-marker:hover .destngo-markerlbl {
opacity: 1;
}
.destngo-marker img {
width: 1.96vw;
height: 2.55vw;
min-width: 14px;
min-height: 18px;
transition: 0.2s linear;
transform-origin: right bottom;
}
.destngo-markerlbl {
position: absolute;
top: 2.9vw;
left: -2.3vw;
font-family: 'FacundoRegular', sans-serif;
background-color: #FFF;
font-size: 10px;
line-height: 13px;
letter-spacing: 0.12em;
text-transform: uppercase;
white-space: nowrap;
padding: 4px 24px 3px 10px;
opacity: 0;
transition: 0.2s linear;
}
.destngo-markerlbl::after {
content: '';
position: absolute;
top: 7px;
right: 8px;
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/arrow-blacksml.svg);
background-size: contain;
background-repeat: no-repeat;
width: 9px;
height: 7px;
}
.destngo-vslider {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 10;
width: 47%;
overflow: hidden;
box-sizing: border-box;
padding: 65px 0 0;
top: -65px;
height: calc(100% + 108px);
}
.destngo-vslideritems {
position: relative;
height: 100%;
}
.destngo-vslideritems::after {
content: '';
background-color: #f3f3f1;
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 45px
}
.destngo-vslideritems .slick-prev {
top: -35px;
left: 17%;
border: 2px solid #000;
}
.destngo-vslideritems .slick-prev span {
transform: rotate(180deg) translateZ(1px);
margin: 6px 0 0 0;
}
.destngo-vslideritems .slick-next {
top: auto;
bottom: 7px;
left: 17%;
border: 2px solid #000;
}
.destngo-vslideritems .slick-next span {
transform: rotate(0deg) translateZ(1px);
margin: 10px 0 0 0;
}
.destngo-item {
margin-bottom: 18px;
padding-bottom: 20px;
cursor: pointer;
}
.destngo-vslideritems .slick-slide:last-child .destngo-item {
visibility: hidden;
}
.destngo-item:hover .destngoi-img div {
transform: scale(1.1);
}
.destngo-item:hover .destngoi-rmore::after {
opacity: 1;
}
.destngo-item::before {
content: '';
position: relative;
top: -19px;
display: block;
margin-left: calc(39.5% + 6.5%);
width: 54%;
height: 0.05em;
background-color: #707070;
}
.destngoi-img {
position: relative;
width: 39.5%;
margin-right: 6.5%;
padding-top: 26.4%;
overflow: hidden;
}
.destngoi-img div {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
background-color: #DDD;
background-size: cover;
background-position: 50% 50%;
transition: 0.2s linear;
}
.destngoi-txt {
width: 54%;
}
.destngoi-icon {
margin-bottom: 5px;
}
.destngoi-icon img {
width: 19px;
height: 26px;
}
.destngoi-title {
font-family: "source-serif-4-display", serif;
font-size: 24px;
line-height: 30px;
margin-bottom: 8px;
}
.destngoi-intro {
font-size: 15px;
line-height: 23px;
margin-bottom: 10px;
}
.destngoi-rmore {
font-family: 'FacundoSemiBold', sans-serif;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
letter-spacing: 0.12em;
}
.destngoi-rmore::after {
content: '';
display: inline-block;
vertical-align: top;
margin: 3px 0 0 11px;
width: 9px;
height: 7px;
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/arrow-blacksml.svg);
background-size: contain;
background-repeat: no-repeat;
opacity: 0;
transition: 0.2s linear;
}
.destngo-popup {
background-color: #FFF;
padding-bottom: 30px;
}
.destngo-popup .destngo-items {
opacity: 0;
transition: 0.5s linear;
}
.destngo-popup .destngo-items.destngo-itemsfin {
opacity: 1;
}
.destngop-txt {
width: 50%;
box-sizing: border-box;
padding: 35px 5% 5px 9%
}
.destngop-title {
font-family: "source-serif-4-display", serif;
font-size: 36px;
line-height: 46px;
margin-bottom: 35px;
}
.destngop-about {
}
.destngop-slide {
position: relative;
width: 50%;
}
.destngo-prev {
cursor: pointer;
position: absolute;
top: calc(50% - 15px);
left: 13px;
z-index: 2000;
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #FFF;
text-align: center;
transition: 0.2s linear;
}
.destngo-prev span {
display: inline-block;
vertical-align: middle;
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/arrow-white.svg); 
background-size: contain;
background-repeat: no-repeat;
transform: rotate(90deg) translateZ(1px);
width: 14px;
height: 15px;
margin: 8px 5px 0 0;
transition: 0.1s linear;
}
.destngo-prev:hover, .destngo-next:hover {
border: 1px solid #000;
transform: scale(1.15);
}
.destngo-prev:hover span, .destngo-next:hover span {
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/arrow-black.svg); 
}
.destngo-next {
cursor: pointer;
position: absolute;
top: calc(50% - 15px);
right: 13px;
z-index: 2000;
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #FFF;
text-align: center;
transition: 0.2s linear;
}
.destngo-next span {
display: inline-block;
vertical-align: middle;
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/arrow-white.svg); 
background-size: contain;
background-repeat: no-repeat;
transform: rotate(-90deg) translateZ(1px);
width: 14px;
height: 15px;
margin: 8px 0 0 5px;
transition: 0.1s linear;
}
.destngop-slide .destngo-slideshow {
width: 100%;
}
.destngo-slide {
width: 100%;
background-size: cover;
background-position: 50% 50%;
padding-top: 85.3%;
}
.destngo-pager {
text-align: center;
padding: 8px 0 0;
}
.destngo-pager span {
display: inline-block;
vertical-align: top;
border: 1px solid #000;
border-radius: 50%;
box-sizing: border-box;
width: 8px;
height: 8px;
margin: 6px;
cursor: pointer;
}
.destngo-pager span.cycle-pager-active {
background-color: #000;
}
.destngo-slider {
position: relative;
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 0 calc(9% - 7px);
}
.destngo-slidertitle {
font-family: "source-serif-4-display", serif;
font-size: 22px;
line-height: 28px;
margin-bottom: 40px;
padding-left: 7px;
}
.destngo-slidesnone {
font-size: 15px;
padding-left: 7px;
}
.destngo-items {
width: 100%;
}
.destngo-items .hexpersi-title {
font-size: 22px;
line-height: 28px;
}
.destnexper {
padding: 80px 3% 160px;
}
.destnexper-intro {
max-width: 900px;
margin: 0 auto 85px;
text-align: center;
}
.destnexper-intro.htxt h2 {
margin-bottom: 30px;
}
.destnexper-intro.htxt hr {
background-color: #a83544;
}
.destnexper-blks {
max-width: 1110px;
margin: 0 auto;
padding-bottom: 150px;
}
.destnexper-blk {
width: 50%;
padding: 0 8px 16px;
box-sizing: border-box;
}
.destnexperb-img {
background-size: cover;
background-position: 50% 50%;
padding-top: 51.8%;
}
.destnexperb-txt {
padding: 30px 35px 10px;
text-align: center;
min-height: 250px;
box-sizing: border-box;
}
.destnexperb-title {
font-style: italic;
font-family: "source-serif-4-display", serif;
font-size: 32px;
line-height: 42px;
margin-bottom: 15px;
}
.destnexperb-desc {
font-size: 15px;
}
.destnexperb-desc p {
line-height: 23px;
}
.destnstay {
padding: 100px 3% 65px;
background-color: #f3f3f1;
}
.destnstay-intro {
text-align: center;
max-width: 700px;
margin: 0 auto 60px;
}
.destnstay-cta {
text-align: center;
max-width: 700px;
margin: 40px auto;
}
.destnstay-cta.htxt h5 a {
background-color: #d57048;
}
.destnstay-cta.htxt h5 a:hover {
color: #d57048;
background-color: #FFF;
}
.destnstay-intro.htxt h2, .destnstay-intro.htxt h3 {
margin-bottom: 30px;
}
.destnstay-intro.htxt hr {
background-color: #32979A;
}
.destnstay-slider {
position: relative;
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 0 calc(4% - 7px);
}
.destnstay-items {
width: 100%;
}
.destnstay-item {
padding: 0 7px;
box-sizing: border-box;
}
.destnstay-item .hexpersi-imgbg {
padding-top: 122.5%;
margin-bottom: 25px;
}
.destnstay-item .hexpersi-imgbg div {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
background-size: cover;
background-position: 50% 50%;
transition: 0.2s linear;
}
.destnstay-item:hover .hexpersi-imgbg div {
transform: scale(1.1);
}
.hexpers-item:hover .hexpersi-desc::after, .destnstay-item:hover .hexpersi-desc::after {
opacity: 1;
}
.hexpersi-stitle {
width: 90%;
font-family: 'FacundoSemiBold', sans-serif;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 15px;
}
.hexpersi-desc {
width: 70%;
padding: 15px 0 0;
line-height: 25px;
}
.hexpersi-desc::after {
content: '';
display: block;
margin-top: 11px;
width: 15px;
height: 14px;
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/arrow-blacksml.svg);
background-size: contain;
background-repeat: no-repeat;
opacity: 0;
transition: 0.2s linear;
}
.destnstay-link {
padding: 90px 5.5% 0;
text-align: center;
}
.destnstay-link h5 a {
background-color: #32979A;
}
.destnstay-link h5 a:hover {
color: #32979A;
background-color: #FFF;
}
.destnfeat {
padding: 100px 3.5% 40px;
}
.destnfeat-intro {
max-width: 790px;
margin: 0 auto 70px;
text-align: center;
}
.destnfeat-intro.htxt h2 {
margin-bottom: 25px;
}
.destnfeat-intro.htxt hr {
background-color: #899064;
margin-bottom: 45px;
}
.destnfeat-slider {
position: relative;
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 0 calc(4% - 7px) 80px;
}
.destnfeat-slider .slick-prev, .destnfeat-slider .slick-next {
top: calc(33% - 32px);
}
.destnfeat-items {
width: 100%;
}
.destnfeat-item {
padding: 0 11px;
box-sizing: border-box;
}
.destnfeati-img {
background-size: cover;
background-position: 50% 50%;
padding-top: 58.5%;
margin-bottom: 25px;
}
.slick-slide:nth-child(odd) .destnfeati-txt.htxt hr {
background-color: #C0AE54;
}
.destnfeati-txt {
}
.destnfeati-txt img {
display: inline-block !important;
max-height: 20px;
margin: 0 12px 0 0;
}
.destnfeati-txt em {
font-family: "source-serif-4-display", serif;
font-style: italic;
font-size: 19px;
line-height: 23px;
}
.destnfeati-txt.htxt p {
max-width: 530px;
margin-bottom: 5px;
}
.destnfeati-txt.htxt h3 {
font-size: 30px;
line-height: 40px;
margin-bottom: 25px;
}
.destnfeati-txt.htxt hr {
margin: 0 0 20px;
}
.destncta {
position: relative;
background-color: #f9f9f6;
background-size: cover;
background-position: 50% 50%;
padding-top: 34%;
}
.destncta .hctainner.htxt h5 a {
background-color: #bfae53;
padding: 14px 34px;
box-shadow: none;
}
.destncta .hctainner.htxt h5 a:hover {
color: #bfae53;
background-color: #FFF;
} #experspg {
}
.expersh {
position: relative;
background-color: #f3f3f1;
padding: 200px 10% 100px;
}
.expersh-intro {
text-align: center;
max-width: 800px;
margin: 0 auto 80px;
}
.expersh-intro.htxt h1, .expersh-intro.htxt h2 {
margin-bottom: 30px;
}
.expersh-intro.htxt h4 {
margin-bottom: 40px;
}
.expersh-overlay {
position: absolute;
left: 1%;
max-width: 23vw;
bottom: 32vw;
}
.expersh-overlay img {
width: 100%;
}
.expersh-map {
max-width: 1050px;
margin: 0 auto;
}
.expersh-mapimgs {
width: calc(68% - 7%);
box-sizing: border-box;
position: relative;
margin: 0 7% 0 0;
}
.expershmap-imgbase {
width: 100%;
box-shadow: #CCC -2px 2px 6px 0px;
}
.expershmaps {
}
.expershmaps img {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: none;
z-index: 4;
}
.expersh-mapitems {
width: 32%;
}
.expersh-mapitem {
padding: 12px 3px;
border-top: 1px solid #CCC;
}
.expersh-mapitem:first-child {
border-top: 0;
}
.expersh-mapitem a {
display: block;
}
.expershmap-icon {
position: relative;
top: -8px;
width: 0;
height: 0;
border: 8px solid transparent;
border-top-width: 0;
border-bottom-width: 16px;
border-bottom-style: solid;
margin-right: 22px;
}
.expershmap-icon::after {
content: '';
position: absolute;
bottom: -32px;
left: -8px;
width: 0;
height: 0;
border: 8px solid transparent;
border-bottom-width: 0;
border-top-width: 16px;
border-top-style: solid;
border-top-color: inherit;
}
.expershmap-title {
font-family: "source-serif-4-display", serif;
font-size: 24px;
line-height: 30px;
transition: 0.15s linear;
}
.expersh-mapitem a:hover > .expershmap-title {
font-size: 30px;
font-style: italic;
}
#experspg .hexpers {
padding: 100px 3% 90px;
background-color: #FFF;
margin-bottom: 0;
}
#experspg .hexpers-intro {
margin: 0 auto 45px;
}
.experspg-items .hexpers-item {
width: 33.333%;
padding: 0 7px 30px;
box-sizing: border-box;
} #experpg {
}
.experbannerw {
position: relative;
padding-top: 44.5%;
}
.experbanner {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
background-size: cover;
background-position: 50% 50%;
}
.experbanouter {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
text-align: center;
}
.experbanouter::after {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.experbaninner {
width: calc(100% - 0.5em);
display: inline-block;
vertical-align: middle;
}
.experbaninner.htxt h4 {
font-family: 'FacundoSemiBold', sans-serif;
font-size: 21px;
line-height: 31px;
text-transform: uppercase;
letter-spacing: 0.12em;
margin-bottom: 5px;
}
.experbaninner.htxt hr {
margin: 0 auto 10px;
}
.experintro {
padding: 140px 5.5% 120px;
text-align: center;
}
.experintro.htxt h2, .experintro.htxt h3, .experintro.htxt h4 {
margin-bottom: 30px;
}
.experintro.htxt h3 {
font-size: 32px;
line-height: 48px;
}
.experintro.htxt h5 a {
background-color: #329799;
}
.experintro.htxt h5 a:hover {
color: #329799;
background-color: #FFF;
}
.experintrow {
max-width: 890px;
margin: 0 auto;
}
.experexps {
padding: 100px 3% 140px;
background-color: #FFF;
}
.experexps .destnstay-item {
cursor: pointer;
}
.experexps .destnstay-slider .slick-prev, .experexps .destnstay-slider .slick-next {
top: calc(28% - 32px);
}
.experexps .destnstay-slider .hexpersi-imgbg {
padding-top: 100%;
}
.experexps .destnstay-slider .hexpersi-desc {
width: 90%;
}
.experexps .destnstay-slider .hexpersi-desc::after {
display: none;
}
.experexps-slider {
padding: 0 3%;
}
.experexps-item {
width: 50%;
box-sizing: border-box;
padding: 0 1.4% 35px;
}
.experexps-item .hexpersiw {
cursor: pointer;
}
.experexpsi-img {
margin-bottom: 20px;
}
.experexpsi-img img {
width: 100%;
}
.experexpslink {
margin-top: 30px;
text-align: center;
}
.experexpslink h5 a {
background-color: #027980;
}
.experexpslink h5 a:hover {
color: #027980;
background-color: #FFF;
}
.destnstayi-dtitle {
font-family: "source-serif-4-display", serif;
font-size: 22px;
line-height: 38px;
margin: 20px 0 2px;
}
.destnstayi-ditems {
}
.destnstayi-ditems div {
font-weight: 500;
font-size: 17px;
line-height: 29px;
}
.destnstayi-ditems a {
color: inherit;
}
.experfeat {
padding: 100px 3.5% 40px;
background-color: #f3f3f1;
}
.destnstay-popup {
background-color: #FFF;
}
.destnstay-txt {
width: 50%;
box-sizing: border-box;
padding: 35px 5% 5px 9%
}
.destnstay-popup .destnstay-txt.destnstay-txtf {
width: 100%;
padding: 40px 5% 40px 5%
}
.destnstay-slides .destnstay-slideshow {
width: 100%;
}
.destnstay-slides {
position: relative;
width: 50%;
}
.destnstay-slide {
width: 100%;
background-size: cover;
background-position: 50% 50%;
padding-top: 85.3%;
}
.destnstay-popup .destnstay-txt { 
padding: 0 5% 5px 9%; 
}
.destnstay-popup .hexpersi-desc {
width: 100%;
padding: 25px 0 0;
}
.destnstay-pager {
position: absolute;
bottom: 15px;
left: 0;
z-index: 2000;
width: 100%;
text-align: center;
padding: 8px 20px 0;
}
.destnstay-pager span {
position: relative;
display: inline-block;
vertical-align: top;
color: #FFF;
border: 1px solid #FFF;
border-radius: 50%;
width: 12px;
height: 12px;
margin: 6px;
cursor: pointer;
}
.destnstay-pager span.cycle-pager-active::after {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 8px;
height: 8px;
background-color: #FFF;
border-radius: 50%;
}
.clrboxthalt #cboxClose::before, .clrboxthalt #cboxClose::after {border-bottom: 2px solid #000;} #abtpg {
}
.abtintro {
position: relative;
background-color: #f3f3f1;
padding: 170px 4% 10px;
text-align: center;
}
.abtintro::before {
content: '';
position: absolute;
bottom: -6vw;
left: 7.6%;
width: 12.1vw;
height: 8.6vw;
z-index: 2;
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/element-butterfly.png);
background-size: contain;
background-repeat: no-repeat;
}
.abtintro .htxt {
position: relative;
z-index: 4;
max-width: 950px;
margin: 0 auto;
}
.abtintro .htxt h1 {
font-family: 'FacundoSemiBold', sans-serif;
font-size: 20px;
line-height: 30px;
text-transform: uppercase;
letter-spacing: 0.12em;
padding-bottom: 15px;
}
.abtintro .htxt h3 {
margin-bottom: 10px;
}
.abtintro .htxt hr {
margin: 0 auto 50px;
}
.abtcontent {
position: relative;
padding: 120px 4% 17vw;
text-align: center;
}
.abtcontent::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 100vw;
height: 40.2vw;
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/bg-about.png);
background-size: contain;
background-repeat: no-repeat;
}
.abtcontent .htxt {
position: relative;
z-index: 4;
max-width: 670px;
margin: 0 auto;
}
.abtcontent .htxt h3 {
margin-bottom: 30px;
}
.abtcontent .htxt p {
max-width: 600px;
margin: 0 auto 30px;
} #planpg {
overflow: hidden;
}
.planintro {
position: relative;
background-color: #f3f3f1;
padding: 170px 4% 50px;
text-align: center;
}
.planintro .htxt {
position: relative;
z-index: 4;
max-width: 650px;
margin: 0 auto 30px;
}
.planintro .htxt h1 {
font-family: 'FacundoSemiBold', sans-serif;
font-size: 20px;
line-height: 30px;
text-transform: uppercase;
letter-spacing: 0.12em;
padding-bottom: 15px;
}
.planintro .htxt hr {
margin: 0 auto 50px;
background-color: #761B48;
}
.planintro .htxt h3 {
margin-bottom: 10px;
}
.plancontent {
position: relative;
text-align: center;
padding: 65px 4% 25vw;
}
.plancontent .htxt {
max-width: 910px;
margin: 0 auto 85px;
}
.plancontent::before {
content: '';
position: absolute;
left: -4vw;
top: 6vw;
z-index: 10;
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/element-fish.png);
background-size: contain;
background-repeat: no-repeat;
width: 27vw;
height: 14.3vw;
pointer-events: none;
}
.plancontent::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
z-index: 10;
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/bg-plan.png);
background-size: contain;
background-repeat: no-repeat;
width: 100vw;
height: 49.4vw;
pointer-events: none;
}
.planformw {
max-width: 1010px;
margin: 0 auto;
padding: 70px 40px 5px 70px;
box-sizing: border-box;
background-color: #f5f4f0;
}
.planform {
text-align: left;
}
.planform p {
margin: 0;
}
.planform .cffield, .planform .cffieldrdo, .planform .cffieldrdof, .planform .cffieldchk {
width: calc(50% - 4px);
box-sizing: border-box;
padding: 0 30px 20px 0;
}
.planform .cffield label, .planform .cffieldrdo label, .planform .cffieldrdof label, .planform .cffieldchk label {
display: block;
font-size: 15px;
line-height: 19px;
font-weight: 400;
margin-bottom: 8px;
}
.planform .cffield input {
width: 100%;
box-sizing: border-box;
padding: 6px 15px 5px;
border: 1px solid #7a7977;
background-color: transparent;
font-size: 15px;
line-height: 15px;
}
.planform .cffields {
margin-bottom: 12px;
}
.planform .cffields label {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 14px;
font-weight: 200;
}
.planform .cffields input {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
padding: 6px 10px 5px;
border: 1px solid #7a7977;
background-color: transparent;
font-size: 15px;
line-height: 15px;
width: 40px;
text-align: center;
}
.planform .cffieldrdo .wpcf7-list-item {
vertical-align: top;
width: calc(50% - 10px);
margin: 10px 10px 8px 0;
}
.planform .cffieldrdof .wpcf7-list-item {
display: block;
margin: 10px 10px 8px 0;
}
.planform .cffieldrdo .wpcf7-list-item label, .planform .cffieldrdof .wpcf7-list-item label {
font-weight: 200;
margin: 0;
}
.planform .cffieldchk .wpcf7-list-item {
margin: 0 0 25px;
}
.planform .cffieldchk .wpcf7-list-item label {
font-weight: 200;
margin: 0;
}
.planform .cffieldchk .wpcf7-list-item input {
display: inline-block;
vertical-align: top;
width: 13px;
margin: 7px 10px 0 0;
}
.planform .cffieldchk .wpcf7-list-item span {
width: calc(100% - 35px);
display: inline-block;
vertical-align: top;
font-size: 15px;
line-height: 25px;
}
.cfdiv {
margin-bottom: 20px;
}
.planform .cfsubmit {
text-align: center;
margin: 40px 0 0;
}
.planform .cfsubmit input {
border: 0;
box-shadow: none;
background-color: #FFF;
cursor: pointer;
padding: 14px 36px;
text-transform: uppercase;
font-weight: 500;
font-size: 17px;
line-height: 17px;
letter-spacing: 0.07em;
}
.planform .wpcf7-spinner {
display: block;
margin: 10px auto;
} #prptypg {
padding-top: 105px;
}
#prptypg .experbaninner {
color: #FFF;
}
.prptyiouter {
background-color: #f5f4f0;
}
.prptyintro {
position: relative; top: -7vw;
margin: 0 auto -7vw;
max-width: 1000px;
background-color: #FFF;
}
.prptyintrow {
padding: 50px 60px 20px;
text-align: center;
}
.prptyintro.htxt h4 {
margin-bottom: 30px;
}
.prptyftlist {
padding: 85px 4% 100px;
background-color: #f5f4f0;
}
.prptyftlistw {
max-width: 1020px;
margin: 0 auto;
text-align: center;
}
.prptyftl-map {
width: 24%;
}
.prptyftl-map img {
max-width: 100%;
margin-bottom: 20px;
padding: 0 12%;
box-sizing: border-box;
}
.prptyftl-map .prptyftli-val {
padding: 0 20px;
}
.prptyftl-items {
width: 76%;
box-sizing: border-box;
padding: 25px 0 0;
text-align: left;
}
.prptyftl-item {
width: 33.333%;
box-sizing: border-box;
padding: 0 0 25px 6%;
text-align: center;
}
.prptyftli-title {
color: #409ea0;
font-family: 'FacundoSemiBold', sans-serif;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 0.15em;
margin-bottom: 5px;
}
.prptyftli-val {
font-size: 15px;
line-height: 23px;
}
.prptysl-intro {
text-align: center;
padding: 140px 4% 0;
}
.prptysl-introw {
max-width: 900px;
margin: 0 auto;
}
.prptysl-intro.htxt h2 {
margin-bottom: 30px;
}
.prptysl-intro.htxt hr {
background-color: #878e62;
}
.prptyslider {
padding: 45px 0 10px 7px;
overflow: hidden;
}
.prptyslider .slick-prev {
left: calc(74% - 50px);
top: -40px;
}
.prptyslider .slick-next {
left: 74%;
top: -40px;
}
.prptysl-items {
width: 129.8%;
box-sizing: border-box;
}
.prptysl-item {
box-sizing: border-box;
padding-left: 18px;
}
.prptysl-item .hexpersi-imgbg {
padding-top: 73.6%
}
.prptylist {
text-align: center;
padding: 30px 4% 60px;
}
.prptylist .htxt {
max-width: 920px;
margin: 0 auto 60px;
}
.prptylist .htxt h2 {
padding-bottom: 25px;
}
.prptylist .htxt hr {
background-color: #7b254f;
}
.prptylst-intro.htxt h5 {
display: inline-block;
vertical-align: top;
margin: 0 10px 20px;
}
.prptylst-intro.htxt h5 a {
background-color: #d67148;
}
.prptylst-intro.htxt h5 a:hover {
color: #d67148;
background-color: #FFF;
}
.prptylst-intro.htxt h5:nth-child(2) a {
background-color: #878e62;
}
.prptylst-intro.htxt h5:nth-child(2) a:hover {
color: #878e62;
background-color: #FFF;
}
.prptylst-content.htxt h5 a {
background-color: #dea2b2;
}
.prptylst-content.htxt h5 a:hover {
color: #dea2b2;
background-color: #FFF;
}
.prptyl-items {
}
.prptyl-item {
padding: 0 5% 45px;
}
.prptyli-img {
height: 100px;
margin-bottom: 40px;
}
.prptyli-img img {
height: 100%;
}
.prptyli-desc {
font-family: "source-serif-4-display", serif;
font-size: 20px;
line-height: 30px;
font-style: italic;
max-width: 250px;
margin: 0 auto;
}
.prptysl-dtls {
font-family: 'FacundoSemiBold', sans-serif;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 0.15em;
}
.prptyslideshow {
background-color: #f3f3f1;
text-align: center;
padding: 130px 4% 50px;
}
.prptyslideshow .htxt {
max-width: 920px;
margin: 0 auto 60px;
}
.prptyslideshow .htxt h2 {
padding-bottom: 25px;
}
.prptyslideshow .htxt hr {
background-color: #32979a;
}
.prpty-slsh {
max-width: 1160px;
margin: 0 auto;
text-align: left;
}
.prptysl-prev:hover, .prptysl-next:hover {
transform: scale(1.15);
}
.prptysl-prev {
margin-right: 60px;
}
.prptysl-next {
margin-left: 56px;
}
.prptysl-prev, .prptysl-next {
margin-top: calc(26% - 15px);
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #000;
text-align: center;
transition: 0.2s linear;
}
.prptysl-prev span {
display: inline-block;
vertical-align: middle;
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/arrow-black.svg); 
background-size: contain;
background-repeat: no-repeat;
transform: rotate(90deg) translateZ(1px);
width: 14px;
height: 15px;
cursor: pointer;
margin: 8px 5px 0 0;
}
.prptysl-next span {
display: inline-block;
vertical-align: middle;
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/arrow-black.svg); 
background-size: contain;
background-repeat: no-repeat;
transform: rotate(-90deg) translateZ(1px);
width: 14px;
height: 15px;
cursor: pointer;
margin: 8px 0 0 5px;
}
.prpty-slsh .cycle-slideshow {
width: calc(100% - 180px);
}
.prptysl-slide {
width: 100%;
text-align: left;
}
.prptysl-img {
background-size: cover;
background-position: 50% 50%;
padding-top: 60.2%;
margin-bottom: 25px;
}
.prptysl-title {
font-family: "source-serif-4-display", serif;
font-size: 30px;
line-height: 36px;
margin-bottom: 10px;
}
.prptysl-desc {
max-width: 82%;
}
#prptypg .destnstay {
background-color: transparent;
}
#prptypg .hexpers {
background-color: #f3f3f1;
}
#prptypg .destnfeat {
padding: 0 3.5%;
}
.destnfeat-cta {
max-width: 790px;
margin: 0 auto 70px;
text-align: center;
}
.destnfeat-cta.htxt h5 a {
background-color: #751b48;
}
.destnfeat-cta.htxt h5 a:hover {
color: #751b48;
background-color: #FFF;
} #prptspg {
padding-top: 190px;
}
.prpts-filter {
position: relative;
z-index: 30;
padding: 0 4% 35px;
text-align: center;
}
.prpts-selectlbl {
font-size: 15px;
line-height: 19px;
font-weight: 400;
margin-right: 12px;
}
.pfs-searchf {
display: inline-block;
padding: 6px 24px 5px 15px;
border: 1px solid #7a7977;
background-color: transparent;
cursor: pointer;
text-align: left;
position: relative;
box-sizing: border-box;
width: 100%;
text-transform: uppercase;
font-size: 15px;
line-height: 15px;
}
.pfs-searchf::after {
content: '';
position: absolute;
top: calc(50% - 3px);
right: 7px;
display: inline-block;
transition: 0.3s linear;
width: 0; 
height: 0; 
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 6px solid #000;
}
.pfs-searchf.pfsdisable {
cursor: not-allowed;
opacity: 0.7;
}
.pfs-searchf#pfs-prpts {
max-width: 280px;
}
.sfdata-dd {
display: none;
position: absolute;
z-index: 300;
background-color: #FFF;
border-left: 1px solid #7a7977;
border-right: 1px solid #7a7977;
border-bottom: 1px solid #7a7977;
top: 24px;
left: -1px;
width: calc(100% + 2px);
max-height: 360px;
box-sizing: border-box;
overflow-y: auto;
padding: 6px 0;
}
.sfdata-dd a {
display: block;
font-size: 16px;
line-height: 20p;
padding: 7px 12px;
transition: 0.3s linear;
background-color: #FFF;
text-transform: none;
letter-spacing: 0;
}
.sfdata-dd a:hover {
}
.sfdata-dd a.expsfilterc {
display: none;
} #spclpg {
}
.spclintro {
position: relative;
z-index: 20;
padding: 185px 4% 60px;
text-align: center;
}
.spclintro::before {
content: '';
position: absolute;
left: 5vw;
bottom: -3vw;
width: 17.5vw;
height: 17.5vw;
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/element-petals.png);
background-size: contain;
background-repeat: no-repeat;
}
.spclintro::after {
content: '';
position: absolute;
right: 0;
bottom: -20vw;
width: 20vw;
height: 45vw;
background-image: url(//vastafrica.travel/wp-content/themes/vast/images/element-flowers.png);
background-size: contain;
background-repeat: no-repeat;
}
.spclintro .htxt {
max-width: 510px;
margin: 0 auto;
}
.spclintro .htxt h1, .spclintro .htxt h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 40px;
}
.spclintro .htxt h4 {
margin-bottom: 10px;
}
.spclintro .htxt p {
font-size: 17px;
line-height: 28px;
font-weight: 400;
}
.spclcontent {
position: relative;
padding: 75px 4% 0;
background-color: #f3f3f1;
margin-bottom: -170px;
}
.spclcontent .htxt {
max-width: 800px;
margin: 0 auto 60px;
text-align: center;
}
.spclcontent .htxt b, .spclcontent .htxt strong {
font-weight: normal;
font-family: 'FacundoSemiBold', sans-serif;
font-size: 17px;
line-height: 28px;
text-transform: uppercase;
letter-spacing: 0.07em;
}
.spclitems {
position: relative;
z-index: 20;
max-width: 1030px;
margin: 0 auto;
text-align: center;
}
.spclitem {
width: 50%;
box-sizing: border-box;
padding: 0 4% 65px;
}
.spcli-title {
font-family: "source-serif-4-display", serif;
font-size: 28px;
line-height: 38px;
margin-bottom: 10px;
}
.spcli-txt {
font-size: 17px;
line-height: 25px;
}
#spclpg .hctainner {
margin: 0 0 3vw;
} #footer {
}
.ftrtop {
background-color: #f5f4f0;
padding: 115px 5.5% 50px;
}
.ftrtopw {
max-width: 1200px;
margin: 0 auto;
}
.ftrtop .widget-title {
font-family: 'FacundoSemiBold', sans-serif;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.12em;
text-transform: uppercase;
margin-bottom: 15px;
}
.ftrtop p {
font-weight: 400;
font-size: 15px;
line-height: 27px;
margin-bottom: 20px;
}
.ftr-l {
width: 33.333%;
}
.ftr-m {
width: 33.333%;
}
.ftr-r {
width: 33.333%;
}
.fsocial a {
display: inline-block;
vertical-align: middle;
font-size: 24px;
line-height: 24px;
margin: 0 10px 10px 0;
}
.ftrcpyr {
background-color: #000;
text-align: center;
color: #FFF;
font-weight: 400;
padding: 18px 5.5%;
}
.ftrcpyr p {
font-size: 12px;
line-height: 16px;
margin-bottom: 0;
}
.ftrsiteby {
padding: 30px 0 0;
text-align: center;
}
.ftrsiteby img {
width: 200px;
}
.grecaptcha-badge {
visibility: hidden;
}
.nssu {
max-width: 250px;
}
.nssuf {
margin-bottom: 15px;
}
.nssuf select {
border: 1px solid #000;
background-color: transparent;
box-shadow: none;
padding: 6px 15px;
width: 100%;
box-sizing: border-box;
font-weight: 400;
font-size: 15px;
line-height: 15px;
font-family: "Source Sans 3", sans-serif;
}
.nssuf input[type="email"] {
border: 1px solid #000;
background-color: transparent;
box-shadow: none;
padding: 6px 15px;
width: 100%;
box-sizing: border-box;
font-weight: 400;
font-size: 15px;
line-height: 15px;
}
.nssuf input[type="email"]::-moz-placeholder {
color: #000;
opacity: 1 !important;
}
.nssuf input[type="email"]::-webkit-input-placeholder {
color: #000;
}
.nssuf input[type="submit"] {
border: 0px;
background-color: transparent;
box-shadow: none;
cursor: pointer;
padding: 5px 0;
font-weight: 400;
font-size: 15px;
line-height: 15px;
}