@charset "utf-8";
/* CSS Document */

html,body
{
margin:0;
padding:0;
font-family: 'Roboto', sans-serif;
}
section
{
display:block;	
}
.headWrap
{
padding:30px;	
}
header .topWrap nav.mobileClosed
{
display:none;	
}
header .topWrap nav
{
padding:25px 0 15px 0;	
}
header .topWrap nav ul
{
margin:0;
padding:0;
list-style-type:none;
list-style-position:inside;	
}
header .topWrap nav ul li a
{
padding:12px 20px;
font-size:28px;
font-weight:300;
color:#8c8c8c;	
}
.mobileController
{
position:absolute;
top:30px;
right:20px;


z-index:2;	
}
.mobileController a
{
display:block;
background:url(../img/menu-burger.svg)center right no-repeat;
padding:7px 65px 7px 0;
color:#9e9e9e;
transition:padding ease-out 0.3s;
}
.mobileController a.open
{
background:url(../img/menu-burger-close.svg)center right no-repeat;	
}
.mobileController a:hover,.mobileController a:focus
{
padding-right:75px;
text-decoration:none;
transition:padding ease-out 0.3s;	
}
.heroHeader
{
	position:relative;
	overflow:hidden;
background-size:cover;
background-repeat:no-repeat;
background-position:center;	
min-height:600px;
height:80vh;
}
.heroHeader::before
{
width:100%;
height:100%;
content:" ";
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,1);	
opacity:1;
transition:background ease-out 1s;
}
.heroHeader.in::before
{
background:rgba(0,0,0,0.6);
transition:background ease-out 1s;	
}
section.heroHeader
{
display:flex;
align-items:center;	
}
section.heroHeader .promoTitles
{
	flex:1;
	position:relative;
	z-index:10;
}
.titles-left
{
padding-bottom:30px;	
}
section.heroHeader .promoTitles .frst,
section.heroHeader .promoTitles .scnd
{
font-weight:700;
font-size:50px;
color:#fff;	
line-height:100%;
opacity:0;
transition:opacity ease-out 0.4s, transform ease-out 0.4s;
transform:translateX(20px);
}
section.heroHeader .promoTitles .separator
{
border-top:1px solid #fff;
padding-bottom:30px;
margin:0 40px;
opacity:0;
transition:opacity ease-out 0.6s;
}
section.heroHeader .promoTitles .separator.in
{
opacity:1;
transition:opacity ease-out 0.6s;	
}
section.heroHeader .promoTitles .thrd{
font-weight:100;
font-size:30px;
color:#fff;	
transition:opacity ease-out 0.4s, transform ease-out 0.4s;
transform:translateX(20px);
opacity:0;
padding-left:3px;
}
section.heroHeader .promoTitles .frst.in,
section.heroHeader .promoTitles .scnd.in,
section.heroHeader .promoTitles .thrd.in
{
opacity:1;
transform:translateX(0px);
transition:opacity ease-out 0.4s, transform ease-out 0.4s;
}

section.voyagerInNumbers
{
display:block;
background-color:#37aab3;
padding:80px 0;
background-image:url(../img/edge-bg.png);
background-size:100% 100%;
background-repeat:no-repeat;
transition:height ease-out 0.3s;	
}
section.voyagerInNumbers .iconBox
{
width:59px;
margin:0 auto;

}

.bLabel
{
text-align:Center;
padding-bottom:80px;
position:relative;
color:#fff;
font-weight:300;		
}
.bLabel::before
{
width:2px;
border-left:1px solid #fff;
left:50%;
bottom:0;
height:0;
position:absolute;
content:" ";
display:block;
transition:height ease-out 0.8s;	
}
.locked .bLabel::before
{
height:60px;
transition:height ease-out 1s;	
}
.numDat
{
font-family: 'Roboto Slab', serif;
font-size:90px;
text-align:Center;
color:#fff;
font-weight:100;	
}
.numDat span
{
font-size:40px;	
}

section.voyagerDestinations
{
padding:80px 0 20px 0;	
}

.boxCols > div
{
	padding-bottom:12px;
}
.hCol.link
{
text-align:center;
padding-top:30px;	
}
.allDestinationsLink
{
display:inline-block;
padding:12px 12px 12px 50px;
margin-bottom:30px;
background:url(../img/link-plus-icon.svg)center left no-repeat;
color:#9e9e9e;	
}
.allDestinationsLink:hover,.allDestinationsLink:focus
{
color:#9e9e9e;
text-decoration:none;	
}
.hCol .mTitle,
.hCol .sTitle
{
	line-height:110%;
	text-align:center;
}
.hCol .mTitle
{
	font-weight:300;
	color:#9e9e9e;
	font-size:40px;
}
.hCol .sTitle
{
font-family: 'Roboto Slab', serif;
	font-weight:100;
	color:#71bfd8;
	font-size:48px;
}
.hCol .cont
{
text-align:center;
padding-top:20px;
font-size:15px;	
}

section.voyagerTestimonials
{
padding:40px 0;	
}
section.voyagerTestimonials .headPart
{
position:relative;
	
}
section.voyagerTestimonials .headPart::after
{
width: 90px;
    bottom: -40px;
    border-bottom: 4px solid #9e9e9e;
    position: absolute;
    left: 0;
    content: " ";
    display: block;	
}
section.voyagerTestimonials .headPart .tTitle
{
font-weight:300;
color: #9e9e9e;
    font-size: 40px;
	line-height: 110%;
}
section.voyagerTestimonials .headPart .tSTitle
{
font-family: 'Roboto Slab', serif;
    font-weight: 100;
    color: #9e9e9e;
    font-size: 48px;
	line-height: 110%;
}
.testimonialBlocks
{
padding-top:40px;	
}
section.voyagerTestimonials .tBlock
{
padding-bottom:20px;	
}
section.voyagerTestimonials .tBlock .inner
{
-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.25);
padding:25px 30px;
box-sizing:border-box;
height:100%;	
}
.footWrap
{
background-color:#7A7A7A;
padding:60px 0 50px 0;	
}
::placeholder
{
color:#fff;	
}

.formBox input[type=text]
{
padding:12px;
background-color:#7A7A7A;
border:1px solid #fff;
box-sizing:border-box;
width:100%;	
}
.formBox textarea
{
padding:12px;
background-color:#7A7A7A;
border:1px solid #fff;
box-sizing:border-box;
width:100%;
max-width:100%;	
resize: vertical;
min-height:120px;
color:#fff;

}
.formBox input[type=submit]
{
width:100%;
box-sizing:border-box;
background-color:#fff;
padding:12px;
font-size:24px;
font-weight:300;
color:#37AAB3;
border:none;	
}
.formBox input[type=text],
.formBox textarea
{
	margin-bottom:15px;
}
.formBox input[type=text]:focus,
.formBox textarea:focus,
.formBox input[type=submit]:focus
{
	outline:none;
	
}
.formBox input[type=text]:focus,
.formBox textarea:focus
{
background-color:#6b6b6b;	
}
.profile
{
	padding-top:15px;
text-align:center;	
}
.profile .profileImg
{

border-radius:50%;
display:inline-block;
width:80px;
height:80px;
overflow:hidden;	
}
.blocks
{
padding-top:50px;	
}
.tBlock .stm
{
text-align:center;	
}
.boxCols .mBox
{
width:270px;
margin:0 auto;	
}
.localLabel
{
text-align:Center;
color:#8c8c8c;
font-weight:300;
font-size:25px;
padding-top:20px;
position:relative;	
}
.localLabel::after
{
position:absolute;
content:" ";
width:10px;
display:block;
height:140px;
background:url(../img/island-marker.svg) center center no-repeat;
top:-140px;
left:50%;
margin-left:-5px;	
}
.profile .profileInfo span
{
display:block;	
}

.footWrap .headPart
{
padding-bottom:20px;
margin-bottom:50px;
position:relative;	
}
.footWrap .headPart::before
{
width: 90px;
    bottom: -10px;
    border-bottom: 4px solid #fff;
    position: absolute;
    left: 0;
    content: " ";
    display: block;	
}
.footWrap .headPart .ctaTitle
{
font-family: 'Roboto Slab', serif;
    font-weight: 100;
    color: #fff;
    font-size: 48px;
	
}
footer .flCTA .ctaRight .content
{
position:relative;
z-index:10;
box-sizing:border-box;
padding:15px 20px;
background-color:#fff;
margin-top:40px;	
}
footer .flCTA .ctaRight .content h2
{
padding:0 0 14px 0;
margin:0;
font-weight:300;
font-size:26px;
color:#9E9E9E;
}
footer .flCTA .ctaRight .content p
{
line-height:150%;
color:#848484;
margin:0;
padding:0 0 14px 0;	
}
footer .flCTA .ctaRight a.mapLink
{
display:block;
padding:7px 0 7px 30px;
background:url(../img/g-mark.svg) center left no-repeat;	
color:#37AAB3;
font-size:18px;
}
footer .flCTA .ctaRight a.mapLink:hover
{
text-decoration:none;	
}
.profileInfo .name,.profileInfo .domain, .profileInfo .position
{
font-size:14px;	
}
.profileInfo .domain
{
color:#71bfd8;	
}
.profileInfo .name
{
font-style:italic;	
}
.profileInfo .position
{
color:#CCC;	
}
.titles-left, .titles-right
{
text-align:center;	
}
/* svg animation classes */
#zanteBox svg,
#athensBox svg,
#santoriniBox svg
{
opacity:0;
transition:opacity ease-out 0.3s;	
}
#zanteBox.show svg,
#athensBox.show svg,
#santoriniBox.show svg
{
opacity:1;
transition:opacity ease-out 0.3s;	
}

.localLabel
{
transition:transform ease-out 0.5s, opacity ease-out 0.3s;	
transform:translateY(20px);	
opacity:0;
}
.localLabel.in
{
transition:transform ease-out 0.5s, opacity ease-out 0.3s;	
transform:translateY(0);
opacity:1;		
}
svg .bulk.hiddenFill
{
opacity:0;
transition:opacity ease-out 0.3s;	
}
svg .bulk.showFill
{
opacity:1;
transition:opacity ease-out 0.3s;	
}
#voyagerInNumbers
{
opacity:0;
transform: translateY(40px);
transition:all ease-out 0.6s;	
}
#voyagerInNumbers.in
{
opacity:1;
transform: translateY(0px);
transition:all ease-out 0.6s;		
}
#voyagerDestinations
{
opacity:0;
transform: translateY(40px);
transition:all ease-out 0.6s;	
}
#voyagerDestinations.in
{
opacity:1;
transform: translateY(0px);
transition:all ease-out 0.6s;		
}
#voyagerTestimonials
{
opacity:0;
transform: translateY(40px);
transition:all ease-out 0.6s;	
}
#voyagerTestimonials.in
{
opacity:1;
transform: translateY(0px);
transition:all ease-out 0.6s;	
}
/* end svg animation classes */


.successWrap
{

    text-align: center;

    font-size: 26px;
    margin-bottom: 25px;

    position: absolute;
    top: 20%;
    z-index: 10000;
    width: 100%;
}
.successWrap.noshow
{
display:none;	
}

.successWrap .successMessage
{
    max-width: 400px;
    margin: 0 auto;
    padding: 30px 50px;
    background-color: #fff;
	color:#4a4a4a;
	line-height:140%;
	position:relative;
	border:1px solid #F4F4F4;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
}
.successWrap .successMessage .close
{
position:absolute;
top:7px;
right:7px;
width:30px;
height:30px;
background:url(../img/close-icon.svg) center center no-repeat;	
}
.successWrap .successMessage .close a
{
display:block;
width:30px;
height:30px;	
}
.error.noShow
{
display:none;	
}
.error
{
color:#900;
padding-top:7px;	
}
.bottomSupport
{
font-size:14px;
text-align:right;
padding-right:30px;	
color:#fff;
padding-top:30px;
}
.bottomSupport a
{
color:#fff;	
}

section.clientLinks
{
padding: 40px 0 20px 0;	
}
section.clientLinks .clientLogosTitle
{
display:none;	
}
section.clientLinks .clientLogosFlx
{
text-align:Center;	
}
section.clientLinks .clientLogosFlx .clLink
{
display:inline-block;
vertical-align:middle;
width:49%;	
}
.clientLogosFlx .clLink img
{
max-width:100%;
height:auto;
display:block;	
}
@media (min-width: 768px)
{
	section.clientLinks .clientLogosFlx .clLink
	{
	max-width:32.333%;	
	}
	header .topWrap nav.mobileClosed
	{
	display:block;	
	}
.blocks
{
display:flex;	
flex-wrap:wrap;
justify-content:space-between;

}


section.voyagerTestimonials .tBlock
{
flex:0 0 48.5%;
padding-bottom:20px;	
}

.profile
{

display:flex;

align-items:center;
text-align:left;
}
.tBlock .stm
{
text-align:left;	
}
.profile .profileInfo
{
flex:1;
padding-left:15px;
text-align:left;	
}

.mobileController
{
display:none;	
}

header .topWrap
{
	display:flex;
}
header .topWrap .logoMark
{
flex:1 0 30%;		
}

header .topWrap nav
{
flex:1 0 70%;	
}


header .topWrap nav
{
text-align:right;
padding-top:20px;
padding-bottom:0;	
}
header .topWrap nav ul
{
display:inline-block;	
}
header .topWrap nav ul li
{
display:inline-block;	
}
header .topWrap nav ul li a
{

font-size:18px;
}

section.heroHeader .promoTitles
{
flex:1;	
padding-left:30px;
color:#fff;
position:relative;
z-index:20;
}
section.heroHeader .promoTitles .titles-left,
section.heroHeader .promoTitles .titles-right
{
	text-align:left;
}
section.heroHeader .promoTitles .titles-left .frst
{
font-weight:700;
font-size:140px;
letter-spacing:-0.02em;	
line-height:90%;

}
section.heroHeader .promoTitles .titles-left .scnd
{
font-weight:700;
font-size:87px;
letter-spacing:-0.02em;
line-height:90%;	
}
section.heroHeader .promoTitles .titles-right .frst
{
font-weight:700;
font-size:140px;
letter-spacing:-0.02em;	
line-height:90%;
padding:0;
}
section.heroHeader .promoTitles .titles-right .scnd
{
font-weight:700;
font-size:80px;
letter-spacing:-0.02em;
line-height:107%;
padding:0;	
}


section.heroHeader .promoTitles .titles-left .thrd
{

font-size:27px;
font-weight:300;	
}
section.heroHeader .promoTitles .titles-right .thrd
{
font-size:27px;
font-weight:300;	
line-height:100%;	
}
section.heroHeader .promoTitles .titles-left,
section.heroHeader .promoTitles .titles-right,
section.heroHeader .promoTitles .separator
{
	display:inline-block;
	vertical-align:top;
}
section.heroHeader .promoTitles .titles-left
{
width:380px;	
}
section.heroHeader .promoTitles .titles-right
{
width:500px;	
}
section.voyagerInNumbers
{
position:relative;	
}
section.voyagerInNumbers::after{
	display:block;
	content:" ";
	position:absolute;
	top:0;
	left:0;

width: 0;
height: 0;
border-style: solid;

border-width: 100% 100% 0 0;
border-color: #3bb2b2 transparent transparent transparent;	
}
section.voyagerInNumbers .numbersWrapper
{
display:flex;
flex-wrap:wrap;	

}
section.voyagerInNumbers .numbersWrapper .numCol
{
flex:1 0 50%;
	
}
.numDat
{

font-size:100px;

}
section.voyagerInNumbers .numbersWrapper .numCol.col-third,
section.voyagerInNumbers .numbersWrapper .numCol.col-fourth
{
padding-top:40px;	
}

section.voyagerDestinations .destCols
{
display:flex;
align-items:flex-end;
flex-wrap:wrap;
}
.hCol
{
flex:1 1 100%;
position:relative;	
}

.hCol.bLine.contShift::after
{
left:40px;	
}
.hCol.link
{
text-align:center;
padding-top:15px;	
}
.destinationsBoxes
{
padding:60px 0 40px 0;	
}
.boxCols
{
display:flex;	
}
.boxCols
{
flex-wrap:wrap;	
}
.boxCols .map-col-0,
.boxCols .map-col-1,
.boxCols .map-col-2
{
flex:1 0 50%;	
}


.footWrap
{
display:block;
overflow:hidden;	
}

footer .flCTA
{
display:flex;	
}
footer .flCTA .ctaLeft
{
flex:1 0 65%;
	
}
footer .flCTA .ctaRight
{
flex:1 0 35%;
position:relative;
background-color:#fff;	
}

footer .flCTA .ctaRight .content
{
margin-top:0;
}
footer .flCTA .ctaRight::after
{
content:" ";
display:block;
position:absolute;
width:10000px;
height:100%;
background-color:#fff;
top:0;
left:0;
bottom:0;
z-index:0;	
}

.formBox
{
padding-right:20px;	
}
.formBox .rw
{
display:flex;
padding-bottom:20px;	
}
.formBox .rw.no-push
{
padding-bottom:0;	
}
.formBox .rw.double > div.nt
{
flex:1;	
}
.formBox .rw.double > div.nt:first-child
{
padding-right:10px;	
}
.formBox .rw.double > div.nt:last-child
{
padding-left:10px;	
}
.formBox input[type=text],
.formBox textarea
{
	margin-bottom:0;
	color:#fff;
}
}
@media (min-width: 992px)
{
section.clientLinks .clientLogosFlx .clLink
	{
	max-width:16.3%;	
	}	
section.voyagerInNumbers .numbersWrapper .numCol
{
flex:1;	
}

section.voyagerInNumbers .numbersWrapper .numCol.col-third,
section.voyagerInNumbers .numbersWrapper .numCol.col-fourth
{
padding-top:0;	
}
.hCol
{
flex:1 0 40%;
}
.hCol.contShift
{
flex:1 0 60%;	
}
.boxCols
{
flex-wrap:nowrap;	
}
.boxCols .map-col-0,
.boxCols .map-col-1,
.boxCols .map-col-2
{
flex:1 0 33.333%;	
}
.destinationsBoxes
{
padding:110px 0 40px 0;	
}
.boxCols > div
{
	padding-bottom:0;
}
.hCol.link
{
text-align:right;
padding-top:0;	
}
.hCol.bLine::after
{
width:90px;
bottom:-40px;
border-bottom:4px solid #9e9e9e;
position:absolute;
left:0;
content:" ";
display:block;	
}
.hCol .cont
{
padding-left:40px;
padding-top:0;
text-align:left;	
}
.hCol .mTitle,
.hCol .sTitle
{

	text-align:left;
}
section.voyagerTestimonials .tBlock
{
flex:0 0 31%;
}
}
@media (min-width: 1030px)
{
	section.heroHeader .promoTitles .separator
{
width:90px;
margin:0;
height:250px;
position:relative;
border:0;	
}
section.heroHeader .promoTitles .separator::after
{
width:2px;
height:100%;
display:block;
content:" ";
background-color:#fff;
transform:rotate(18deg);
left:30%;
position:absolute;
z-index:20;	
}
}
@media (min-width: 1200px)
{
	section.heroHeader .promoTitles
	{
	padding-left:150px;	
	}
	.numDat
{

font-size:120px;

}	
}
@media (min-width: 1400px)
{
	.container
	{
	width:1370px;	
	}
}