/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, 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;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
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;
}


/***************** grid *****************/

/* mobile first */

.the_width {
	max-width: 1230px;
	margin: auto;
}

[class*='cell'] {
	display:inline-block;
/*	height:inherit;*/
	margin-right: -4px;
	padding:7px;
	box-sizing: border-box;
	vertical-align:top;
/*	background-color:rgba(255,0,0,0.3);	*/
}

.cell1 {
	width:8.33333333333%;
}

.cell2 {
	width:16.666666666%;
}

.cell3 {
	width:25%;
}

.cell4 {
	width:33.3333333333%
}

.cell5 {
	width:41.6666666667%;
}

.cell6 {
	width:50%;
}

.cell8 {
	width:66.6666666%;
}

.cell10 {
	width:83.3333333333%;
}

.cell12 {
	width:100%;
}



/***********************/
@media only screen and (min-width: 376px)	{

	.cell1_m {
		width:8.33333333333%;
	}

	.cell2_m {
		width:16.666666666%;
	}

	.cell3_m {
		width:25%;
	}

	.cell4_m {
		width:33.3333333333%
	}

	.cell5_m {
		width:41.6666666667%;
	}

	.cell6_m {
		width:50%;
	}

	.cell8_m {
		width:66.6666666%;
	}

	.cell10_m {
		width:83.3333333333%;
	}

	.cell12_m {
		width:100%;
	}
}


/** large **/
@media only screen and (min-width: 768px)
{
	[class*="cell"] {
		padding:15px;
	}

	.cell1_l {
			width:8.33333333333%;
	}

	.cell2_l {
		width:16.666666666%;
	}

	.cell3_l {
		width:25%;
	}

	.cell4_l {
		width:33.3333333333%
	}

	.cell5_l {
		width:41.6666666667%;
	}

	.cell6_l {
		width:50%;
	}

	.cell8_l {
		width:66.6666666667%;
	}

	.cell9_l {
		width:75%;
	}

	.cell10_l {
		width:83.3333333333%;
	}

	.cell12_l {
		width:100%;
	}

	/* content cells - 100/9*8 */
	.cell8c {
		width:88.8888888889%;
	}


}


.cell_w {		/* vertical padding only */
	padding-top:0;
	padding-bottom:0;
}

.cell_h {		/* horizontal padding only */
	padding-left:0;
	padding-right:0;
}

.cell_x {		/* no padding - used in other cells */
	padding:0;
}



/* Small devices*/
@media only screen and (max-width: 375px)
{
	.hide_s {
		display:none !important;
	}
}

@media only screen and (min-width: 376px) and (max-width: 767px)
{
	.hide_m {
		display:none !important;
	}
}

/* Big devices*/
@media only screen and (min-width: 768px)
{
	.hide_lg {
		display:none !important;
	}
}



/***********************/
/***************** grid - help *******************/
#grid_wrapper {
	position:fixed;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	z-index:9999999;
	height:100vh;
}

#grid {
	box-sizing: border-box;
	max-width:1230px;
	padding:15px;
	height:inherit;
	margin:auto;
}

#grid .cell1_l {
	width:8.322%
}


#grid .cell {
	height:inherit;
}


#grid .cell:nth-child(odd) {
	background-color:rgba(0,0,255,0.3)
}

#grid .cell:nth-child(even) {
    background-color:rgba(255,0,0,0.3);
}



.inline {
	display:inline;
	/*font-size:0;
	line-height:0;*/
	overflow:auto;
	clear:both;
}


@media only screen and (min-width: 376px) and (max-width: 767px)
{
	.inline.block_m {
		display:block;
	}
}

/* Big devices*/
@media only screen and (min-width: 768px)
{
	.inline.block_l {
		display:block;
	}
}

/*
Lato
100:Hairline
300:Light
400:Regular
700:Bold
900:Black
*/

/*
* {
		background-color: rgba(255,0,0,0.2);
}
*/

#best_destination {
    display: none;
    position: absolute;
    right: 30px;
    top: 100px;
}

@media screen and (min-width: 800px) {
    #best_destination {
        display: block;
    }
}

body.type-category .interested_in {
    padding-top: 30px;
}

.nowrap-ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#table_of_contents li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#captchadiv {
    margin-bottom: 14px;
}

body.type-search .where_to_go_text strong {
    font-weight: 300 !important;
}

body.type-search .where_to_go {
    margin-top: 0 !important;
    margin-bottom: 30px;
}

#search_results_header {
    font-size: 2.3em;
    font-weight: 300;
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 1.3em;
}

#search_results_header span {
    color: grey;
}

.search_result_thumb img {
    max-width: 100%;
}

.search_result_text a {
    color: inherit;
}

.search_result_text a:hover {
    text-decoration: none;
}

.search_result_text h2 {
    margin-top: 0;
}

.search_result_text strong {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.8em;
}

.search_result_thumb > div {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.search_result_thumb .iyp_img_deferred {
    background-color: rgba(0, 0, 0, 0.05)
}

.filter_features {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    .filter_features {
        margin-bottom: 60px;
    }
}

.closed article, .closed cancelled {
    color: grey !important;
}

h1 .closed, h1 .cancelled {
    color: red !important;
}

#search_result {
    color: black;
    box-sizing: border-box;
    text-align: left;
    background-color: white;
    /*	min-height:2em;	*/

}

#search_result div {
    cursor: pointer;
    padding: 0.3em 0.4em;
}

#search_result div {
    color: grey;
}

#search_result div:hover {
    color: black;
    background-color: #F0F0F0;
}

#search_result b {
    /*font-weight:700;*/
    color: black;
}

.uppercase {
    text-transform: uppercase;
}

i, em {
    font-style: italic;
}

#layer {
    left: 0px !important;
    top: -752px !important;
}

.bl {
    color: #007cac;
    border-color: #007cac;
}

.bl_bg {
    background-color: #007cac !important;
}

.bl_border {
    border-style: solid;
    border-color: #007cac;
}

.b_h {
    font-size: 1.5em;
    font-weight: 400;
}

.amenties span {
    font-size: 1.4em;
    border: 1px solid;
    display: inline-block;
    font-family: 'iyp';
    padding: 5px;
    margin-right: 3px;
    margin-bottom: 6px;
}

/**** grid_padding ****/
#page, #top {
    padding: 7px;
}

#foter_width, #explore_width, #regions_wrapper {
    padding: 0 7px;
}

@media only screen and (min-width: 768px) {
    #page, #top {
        padding: 15px;
    }

    #foter_width, #explore_width, #regions_wrapper {
        padding: 0 15px;
    }
}

#page {
    padding-top: 0;
}

/***** /grid_padding *****/

html, body {
    min-height: 100%;
    min-height: 100vh;
}

#page_wrapper {
    min-height: calc(100% - 342px); /* 300 -42 */
    min-height: calc(100vh - 342px);
}

body {
    font-family: 'Lato', sans-serif;
    font-size: 1.1em;
    /*margin-left:-10px;*/
    /*position:relative;*/
}

#page, #top, #regions_wrapper {
    margin: auto;
    box-sizing: border-box;
    clear: both;
}

#page_wrapper {
    background-color: white;
    position: relative;
    width: 100%;
    z-index: 450;
    overflow: auto;
}

/*
.nav_enabled #page_wrapper{	/* because of nav is child of page_wrapper */
/*z-index:9999950 !important;
}
*/

.hide {
    display: none !important;
}

a {
    text-decoration: none;
    color: inherit;
}

.imgbox img {
    vertical-align: top;
    width: 100%;
}

.imgbox > a {
    background-color: rgba(0, 0, 0, 0.05);
}

.align_center {
    text-align: center;
}

.align_right {
    text-align: right;
}

.align_left {
    text-align: left;
}

.pull_right {
    float: right;
}

.sprite {
    display: inline-block;
    background-repeat: no-repeat;
}

.sprite_narrow {
    width: 27px;
    height: 16px;
    background-image: url('../img/sprite/homepage_narrow.png');
}

/*******footer **********/
footer {
    width: 100%;
    background-color: #292929;
    color: white;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 700;
    position: relative;
    line-height: 3em;
    z-index: 400;
    padding-top: 1em;
    /*	-webkit-transform: translateZ(0px);	*/
    /*	transform: translateZ(0px);	*/
}

#foter_width {
    max-width: 1230px;
    margin: auto;
    box-sizing: border-box;
}

#listing .interested_in {
    padding-bottom: 0px;
}

footer nav a {
    color: white;
}

footer nav li {
    text-align: center;
}

.footer_sprites {
    text-align: center;
}

/* socials footer*/
footer .i-socials {
    width: 50px;
    height: 50px;
    vertical-align: middle;
}

footer .i-socials:before {
    font-size: 2.8em;
}

@media only screen and (min-width: 450px) {
    /* socials footer*/
    footer .i-socials {
        width: 88px;
        height: 88px;
        vertical-align: middle;
    }

    footer .i-socials:before {
        font-size: 4.5em;
    }
}

footer .sprite_logo_footer img {
    width: 131px;
    height: 76px;
    /*background-image:url('../img/sprite/logo-white.png');*/
    margin: 1em;
}

@media only screen and (min-width: 768px) {
    footer {
        padding-top: 0;
    }

    footer nav a {
        margin: 2em;
        box-sizing: border-box;
    }

    footer nav a:first-child {
        margin-left: 0;
    }

    footer nav li {
        display: inline-block;
        margin-right: 1em;
    }

    .footer_sprites {
        text-align: right;
    }

    footer .sprite {
        vertical-align: middle;
        margin-right: 0.5em;
    }

    footer .sprite_logo_footer img {
        width: 58px;
        height: 33px;
        /**background-image:url('../img/sprite/logo_footer.png');*/
        margin: 0;
        margin-right: 1em;
        vertical-align: middle;
    }

    /* socials footer*/
    footer .i-socials {
        width: 26px;
        height: 26px;
        vertical-align: middle;
    }

    footer .i-socials:before {
        font-size: 1.4em;
    }
}

/********** /footer********/
/** explore **/
#explore {
    display: none;
    position: absolute;
    bottom: 0;
    z-index: 470;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    text-transform: uppercase;
    color: white;
    padding-top: 1em;
}

body.explore_enabled {
    position: relative;
}

body.explore_enabled #explore {
    display: block;
}

#explore span {
    font-size: 1.6em;
    font-weight: 700;
    display: block;
    margin-bottom: 0.3em;
}

#explore_width {
    max-width: 1230px;
    margin: auto;
    box-sizing: border-box;
}

/** zrobi� w javascript obej�cie dla IE >= 8 **/
#explore ul {
    -webkit-column-count: 3;
}

#explore li {
    display: inline-block;
    width: 100%;
    height: 2.5em;
    /*height: 1.0em;*/
}

#explore li a {
    height: inherit;
    display: table-cell;
    vertical-align: middle;
}

#explore a {
    font-weight: 400;
    font-size: 0.9em;
    color: white;
}

#btn_explore_close {
    display: inline-block;
    float: right;
    border: 2px solid white;
    width: 1em;
    height: 1em;
    background-image: url('../img/sprite/menu_close.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    clear: both;
}

/****** search *****/
#search_form {
    position: relative;
    font-size: 1.4em;
    width: 70%;
    width: calc(100% - 3em);
    font-size: inherit;
    text-align: right;
    display: inline-block;
    float: right;
}

#btn_search {
    font-size: inherit;
    height: 2.2em;
    width: 3em;
    position: absolute;
    right: -0.4em;
    top: 0;
    border: none;
    text-align: center;
    cursor: pointer;
    background-color: transparent;
    font-family: iyp;
    color: white;
    /*
        background-image:url('../img/sprite/loupe.png');
        background-repeat:no-repeat;
        background-position: center center;
        background-size:18px 18px;
    */
}

#btn_search:before {
    /*
        font-family:iyp;
        content:"\e62f";
    */
}

@media only screen and (min-width: 768px) {
    #map {
        height: 320px;
        margin-top: 15px;
    }

    #explore {
        bottom: 2.4em;
    }

    #explore ul {
        -webkit-column-count: 5;
    }

    #explore li {
        height: 1.25em;
    }

    #explore span {
        font-size: 1.6em;
        font-weight: 700;
        display: block;
    }

    #explore a {
        font-size: 0.8em;
    }

    #map {
        margin-left: 0px;
    }
}

/** see more **/
.see_more2 {
    color: #292929;
    font-size: 1.1em;
    display: inline-block;
}

.see_more2:before {
    font-family: 'iyp';
    content: "\e605";
    display: inline-block;
    float: right;
    margin-top: 0.05em;
}

.see_more2:after {
    content: "";
    /*text-align:middle;*/
    display: block;
    margin: auto;
    width: 40px;
    height: 3px;
    background-color: #292929;
    margin-top: 0.4em;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

@media only screen and (min-width: 970px) {
    .see_more2:hover:after {
        width: 100%;
    }
}

/*socials*/
.i-socials, .i-app {
    display: inline-block;
    color: white;
}

.i-socials:before, .i-app:before {
    height: inherit;
    width: inherit;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.i-socials.i-twitter {
    background-color: #55ACEE;
}

.i-socials.i-facebook {
    background-color: #3b5998;
}

.i-socials.i-youtube {
    background-color: #cd201f;
}

.i-socials.i-flickr {
    background-color: #ff0084;
}

.i-socials.i-foursquare {
    background-color: #0072b1;
}

.i-socials.i-instagram {
    background-color: #2a5b83;
}

.i-socials.i-pinterest {
    background-color: #d0021b;
}

.thumb_placeholder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
}

.thumb_placeholder span {
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
}

.thumb_placeholder .icon {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 4em;
}

.a_thumb_placeholder {
    border: 2px solid #007cac;
}

.a_thumb_placeholder .interested_text {
    color: #363636;
    background-color: transparent;
}

.bgimg {
    background-size: cover;
    background-repeat: no-repeat;
}

/* 404 page */
.type-404 #top-slider-overlay {
    background-color: rgba(0, 0, 0, 0.4);
}

.type-404 #page {
    font-size: 1.1em;
}

.type-404 #page h1 {
    font-size: 1.7em;
    color: #2b2b2b;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-bottom: calc(0.5em - 7px);
    font-weight: 300;
}

#egg-404 {
    float: right;
    margin-right: 30px;
    margin-left: 30px;
    max-width: 25%;
    margin-top: -1em;
}

@media only screen and (min-width: 768px) {
    /*
    .type-404 #top-nav, .type-404  #top-title-wrapper, .type-404  #page, .type-404 #foter_width {
        max-width:1000px;
    }
    */
    .type-404 #page h1 {
        margin-bottom: calc(0.5em - 14px);
    }
}

/** homepage where_to_go **/
.where_to_go [class^="cell"] {
    float: left;
    margin-right: 0; /*reset due to float*/
}

body.ctrl-gocountry article.align_center .imgbox {
    float: none !important;
}

.where_to_go_overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

@media only screen and (min-width: 970px) {
    a:hover .where_to_go_overlay {
        background-color: rgba(0, 0, 0, 0.7);
    }
}

/* homepage & search when city found*/
.where_to_go_text {
    position: absolute;
    right: 0;
    left: 0;
    top: 40%; /* about center*/
    bottom: 1em; /* cut off one line*/
    font-weight: 300 !important; /* the same for strong*/
    overflow: hidden;
}

/* screen width ... < Na potem - przesuniecie nag�wka do g�ry
.where_to_go_text {
	top:2em;
/*}
*/

.where_to_go_text strong {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    /*margin-bottom:0.6em;*/
    text-overflow: ellipsis;
    overflow: hidden;
}

@media only screen and (min-width: 971px) {
    .where_to_go_text strong {
        font-size: 2em;
    }
}

@media only screen and (min-width: 768px) and (max-width: 970px) {
    .where_to_go_text strong {
        font-size: 2em;
    }
}

.h270x270 strong.strlen5 {
    font-size: 1.8em;
}

.h270x270 strong.strlen7 {
    font-size: 1.7em;
}

.h270x270 strong.strlen10 {
    font-size: 1.4em;
}

.where_to_go span {
    position: absolute;
    bottom: 0;
    max-height: 3.6em; /*param @line-heigh* - 3 lines */
    padding-left: 1.5em;
    padding-right: 1.5em;
    line-height: 1.2em; /*param @height*/
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

@media only screen and (min-width: 970px) {
    .where_to_go a:hover span {
        opacity: 1;
    }
}

.where_to_go {
    margin-top: 1em; /** temp! **/
    overflow: auto;
}

/******** /where to go ********/
/*body.type-homepage .imgbox > a, body.type-search .imgbox > a{*/
.imgbox > a {
    display: block;
    position: relative;
    color: white;
}

.ctrl-countrylisting .imgbox > a {
    color: inherit;
}
/* downloads page */
#download_letters {
    display: flex;
    justify-content: space-between;
}

.responsive {
    overflow-x: auto;
    max-width: 100vw;
}

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

#app_fixed {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    height: 130px;
    background-color: white;
    z-index: 9999;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 5px;
    box-sizing: border-box;
    font-size: 0.8em;
}

#app_fixed strong {
    display: block;
    margin-top: 7px;
    font-size: 1.3em;
}

#app_fixed .d {
    color: white;
    border-radius: 3px;
    padding: 7px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

#app_fixed img {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

#app_fixed .star {
    background-image: url(https://s.inyourpocket.com/assets/img/star.png);
    background-size: 35px 16px;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: -2px;
}

#app_fixed .star_half {
    background-position: 16px 0;
}

#app_close {
    float: left;
    height: 100%;
    padding: 10px;
}

#app_fixed .d_cross {
    margin-top: 22px;
    display: inline-block;
}

#app_fixed .close-newsletter-popup {
    display: inline-block;
}

#app_fixed p {
    line-height: 1.2em;
}

.app_fixed_hidden {
    display: none !important;
}

a.link-suggestion {
    text-decoration: underline;
}

div.box-suggestions {
    padding-top: 0.5em;
}

.sib-form {
    width: 100%;
    background: #0079aa;
    padding: 5px !important;
    text-align: center;
}

.container-subscribe-banner {
    width: 100%;
    position: absolute !important;
    z-index: 9999;
}

.sib-form > label {
    color: white;
    padding-right: 1em;
}

.sib-form > input {
    height: 2vh;
    width: 15vw;
    padding-left: 0.25em;
    min-width: 100px;
}

.sib-form > button {
    height: 2.6vh;
    font-size: 16px;
    text-align: left;
    font-weight: 700;
    color: #FFFFFF;
    background-color: #3E4857;
    border-radius: 3px;
    border-width: 0px;
    padding-top: 0;
    padding-bottom: 0;
}

body {
    overflow-x: hidden;
}

.flex-container {
    display: flex;
}

.flex-direction-column {
    flex-direction: column;
}

.m-4 {
    margin: 4px;
}

a.no-underline {
    text-decoration: none !important;
}


@font-face {
    font-family: 'iyp';
    src:    url('fonts/iyp.eot?bqlku0e');
    src:    url('fonts/iyp.eot?bqlku0e#iefix') format('embedded-opentype'),
        url('fonts/iyp.ttf?bqlku0e') format('truetype'),
        url('fonts/iyp.woff?bqlku0e') format('woff'),
        url('fonts/iyp.svg?bqlku0e#iyp') format('svg');
    font-weight: normal;
    font-style: normal;
}


[class^="i-"], [class*=" i-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iyp' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.i-travel:before {
    content: "\e9ca";
}
.i-A:before {
    content: "\e600";
}
.i-about:before {
    content: "\e601";
}
.i-accessibility:before {
    content: "\e602";
}
.i-arrow-down:before {
    content: "\e603";
}
.i-arrow-left:before {
    content: "\e604";
}
.i-arrow-right:before {
    content: "\e605";
}
.i-arrow-up:before {
    content: "\e606";
}
.i-android:before {
    content: "\e607";
}
.i-apple:before {
    content: "\e608";
}
.i-B:before {
    content: "\e609";
}
.i-back_to_top:before {
    content: "\e60a";
}
.i-C:before {
    content: "\e60b";
}
.i-camera:before {
    content: "\e60c";
}
.i-coin-euro:before {
    content: "\e60d";
}
.i-D:before {
    content: "\e60e";
}
.i-drink:before {
    content: "\e60f";
}
.i-E:before {
    content: "\e610";
}
.i-eat:before {
    content: "\e611";
}
.i-F:before {
    content: "\e612";
}
.i-facebook:before {
    content: "\e613";
}
.i-flickr:before {
    content: "\e614";
}
.i-foursquare:before {
    content: "\e615";
}
.i-G:before {
    content: "\e616";
}
.i-google-plus:before {
    content: "\e617";
}
.i-H:before {
    content: "\e618";
}
.i-I:before {
    content: "\e619";
}
.i-i:before {
    content: "\e61a";
}
.i-J:before {
    content: "\e61b";
}
.i-K:before {
    content: "\e61c";
}
.i-L:before {
    content: "\e61d";
}
.i-location:before {
    content: "\e61e";
}
.i-M:before {
    content: "\e620";
}
.i-more:before {
    content: "\e621";
}
.i-N:before {
    content: "\e622";
}
.i-navigate:before {
    content: "\e623";
}
.i-O:before {
    content: "\e624";
}
.i-P:before {
    content: "\e625";
}
.i-Q:before {
    content: "\e626";
}
.i-R:before {
    content: "\e627";
}
.i-regions:before {
    content: "\e628";
}
.i-S:before {
    content: "\e629";
}
.i-s_about:before {
    content: "\e62a";
}
.i-s_advertise:before {
    content: "\e62b";
}
.i-s_contactus:before {
    content: "\e62c";
}
.i-s_disclaimer:before {
    content: "\e62d";
}
.i-s_download:before {
    content: "\e62e";
}
.i-s_joinus:before {
    content: "\e62f";
}
.i-s_press:before {
    content: "\e630";
}
.i-shop:before {
    content: "\e631";
}
.i-sightseeing:before {
    content: "\e632";
}
.i-skype:before {
    content: "\e633";
}
.i-sleep:before {
    content: "\e634";
}
.i-T:before {
    content: "\e635";
}
.i-loupe:before {
    content: "\e636";
}
.i-tumblr:before {
    content: "\e637";
}
.i-twitter:before {
    content: "\e638";
}
.i-U:before {
    content: "\e639";
}
.i-V:before {
    content: "\e63a";
}
.i-vimeo:before {
    content: "\e63b";
}
.i-W:before {
    content: "\e63c";
}
.i-w:before {
    content: "\e63d";
}
.i-windows8:before {
    content: "\e63e";
}
.i-X:before {
    content: "\e63f";
}
.i-Y:before {
    content: "\e640";
}
.i-youtube:before {
    content: "\e641";
}
.i-Z:before {
    content: "\e642";
}
.i-camera2:before {
    content: "\e90f";
}
.i-music:before {
    content: "\e911";
}
.i-books:before {
    content: "\e920";
}
.i-phone:before {
    content: "\e942";
}
.i-calendar:before {
    content: "\e953";
}
.i-spinner5:before {
    content: "\e97e";
}
.i-zoom-in:before {
    content: "\e987";
}
.i-target:before {
    content: "\e9b3";
}
.i-earth:before {
    content: "\e9ca";
}
.i-cross:before {
    content: "\ea0f";
}
.i-checkmark:before {
    content: "\ea10";
}
.i-play3:before {
    content: "\ea1c";
}
.i-radio-checked:before {
    content: "\ea54";
}
.i-instagram:before {
    content: "\ea90";
}
.i-pinterest:before {
    content: "\ead0";
}
.i-share-square-o:before {
    content: "\e900";
}
.i-envelope:before {
    content: "\e901";
}

/* Autocompeter.com 1.1.11 */
._ac-wrap{position:relative;display:inline-block}
._ac-wrap ._ac-hint{position:absolute;top:0;left:0;border-color:transparent;box-shadow:none;opacity:1;color:#b4b4b4;background:#fff}
._ac-wrap ._ac-foreground{background-color:transparent;position:relative;vertical-align:top}
._ac-wrap ._ac-results{z-index:10;position:absolute;background-color:#fff;border:1px solid #ebebeb;left:0;right:0;display:none;border-radius:3px;box-shadow:0 1px 5px rgba(0,0,0,.25)}
._ac-wrap ._ac-results p{padding:5px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #ebebeb;cursor:pointer;text-align:left}
._ac-wrap ._ac-results p a{display:block}
._ac-wrap ._ac-results p:last-child{border-bottom:none}
._ac-wrap ._ac-results p.selected{background-color:#f2f2f2}

._ac-wrap {
	display:block;
}

#search, ._ac-wrap ._ac-hint{
	width:100%;
	box-sizing: border-box;
	background-color:transparent;
	border:2px solid white;
	border-radius:0;
	font-size:inherit;
	height:2.2em;
	padding:0 0.5em;
	padding-right:2.2em;
	letter-spacing: 0.01em;
}

#search {
	color:white;
}

#search_form {
	color:black;
}


._ac-results p:first-child {
	display:none;
}

._ac-results p {

    padding: 0 !important;
}

._ac-results a {

    padding: 16px 8px !important;
}

.homepage_articles .imgbox a {
    background-size: cover;
}

#background_top_caption {
    position: absolute;
    right: 14px;
    bottom: 7px;
    vertical-align: bottom;
    display: inline-block !important;
}

#background_top_caption span {
    opacity: 0.7;
    font-size: 0.7em;
}

.h570x270 {
    margin-bottom: 1px;
}

#slider {
    position: fixed;
    top: 0;
    height: 100%;
    background-color: black;
}

#slider .slide {
    z-index: 100;
}

#slider_overlay {
    z-index: 200;
}

#slider, #slider_overlay, .slide {
    min-height: 100%;
    width: 100%;
}

#slider_overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
}

@media only screen and (min-width: 768px) {
    #slider .slide, #slider_overlay {
        opacity: 0.1;
    }

    #slider .slide.active_bg, #slider_overlay.active_bg {

        transition: opacity 1.25s ease-in-out;
        -moz-transition: opacity 1.25s ease-in-out;
        -webkit-transition: opacity 1.25s ease-in-out;

        transition-delay: 0.1s;
        -webkit-transition-delay: 1s; /* Safari */
    }

    #slider .slide.active_bg {
        opacity: 1;
    }

    #slider_overlay.active_bg {
        opacity: 0.6;
    }

    #slider_overlay {
        background-color: rgb(0, 0, 0);
    }

    body.type-homepage #page > h2.header-guide {
        margin-top: 0.25em;
    }
}

@media only screen and (min-width: 768px) {

    .slide {
        background-size: cover;
    }
}

#top {
    position: relative;
    z-index: 1000;
    color: white;
    height: 100%;
}

#top > div {
    height: inherit;
    height: 100%;
}

#logo img {
    width: 100px;
    height: auto;
}

#top-row-1 {
    height: 25%;
}

#top-row-2 {
    height: 35%;
}

#top-row-3 {
    height: 30%;
}

#top-row-4 {
    height: 10%;
}

#search_wrapper {
    font-size: 1.3em;
}

/** homepage globals **/
body.type-homepage #page > h2 {
    text-align: center;
    color: #0079aa;
    font-size: 2.4em;
    font-weight: 300;
    margin-top: 0.75em;
}

body.type-homepage #page > h3 {
    text-align: center;
    color: #232323;
    font-size: 1.2em;
    margin-top: 0.2em;
    margin-bottom: 0.8em;
    font-weight: 300;
}

/** homepage top **/
#slide_text strong {
    font-size: 1.4em;
    letter-spacing: 0.07em;
}

#slide_text small {
    font-size: 0.7em;
    display: block;
    letter-spacing: 0.05em;
}

#homepage_h1 {
    font-size: 2.8em;
    font-weight: 300;
    letter-spacing: 2.5px;
}

#homepage_small {
    font-size: 1.3em;
    font-weight: 400;
    letter-spacing: 2px;
    margin-top: 0.7em;
}

#search_form {
    float: none; /*overwite header.css*/
    display: block;
    width: 100%;
}

/** homepage inspiration **/
.inspiration_text {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: white;
    font-size: 0.8em;
    box-sizing: border-box;
    padding: 7px;
    max-height: 100%;
    overflow: hidden;
    /*height:100%;*/
}

.inspiration_text > span {
    display: block;
    /*border:1px solid black;*/
    overflow: hidden;
    line-height: 1.05em;

    position: absolute;
    bottom: 7px;
    left: 7px;
    right: 7px;
}

.inspiration_text div {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 0.8em;
    margin-bottom: 3px;
    white-space: nowrap;
}

.inspiration_overlay {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

h1 {
    font-size: 2em;
}

@media only screen and (min-width: 460px) and (max-width: 767px) {
    .inspiration_text {
        padding: 15px;
        top: auto;
        background-color: rgba(0, 0, 0, 0.4);
        bottom: 0;
        height: auto;
    }

    .inspiration_overlay {
        background-color: transparent;
    }

    .inspiration_text > span {
        position: static;
    }
}

@media only screen and (max-width: 350px) {
    h1 {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 767px) {
    .news-logos > img {
        max-height: 100px !important;
    }

    .logo-guardian {
        padding-bottom: 1.9em;
    }

    .logo-nyt {
        padding-bottom: 0.8em;
    }

    .box-suggestions {
        padding-left: 1.5vw;
        padding-right: 1.5vw;
    }

    #search_wrapper {
        width: 97%;
    }
}

@media only screen and (min-width: 970px) {
    /* the same as above */
    .inspiration_text {
        padding: 15px;
        top: auto;
        background-color: rgba(0, 0, 0, 0.4);
        bottom: 0;
        height: auto;
    }

    .inspiration_overlay {
        background-color: transparent;
    }

    .inspiration_text > span {
        position: static;
    }

    div.slogan {
        margin-top: 0.5em;
    }
}

@media only screen and (min-width: 768px) and (max-width: 970px) {
    .inspiration_text {
        padding: 7px;
    }
}

.inspiration_text strong {
    display: table-cell;
    vertical-align: bottom;
    font-size: 1.3em;
    height: 2.1em;
    overflow: hidden;
}

.inspiration_text strong span {
    display: inline-block;
    max-height: 2em;
    overflow: hidden;
}

@media only screen and  (min-width: 970px) {
    .inspiration_text strong {
        display: block;
        height: auto;
    }

    .inspiration_text strong span {
        display: inline-block;
    }

    #top-row-1 {
        margin-top: 1em;
    }
}

@media only screen and  (min-width: 1025px) {
    .inspiration_text {
        -webkit-transition: background-color 0.3s;
        -moz-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

    .homepage_picks .imgbox:hover .inspiration_text, .homepage_articles .imgbox:hover .inspiration_text {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .inspiration_overlay {
        box-sizing: border-box;
        border: 1px solid rgba(0, 0, 0, 0.05);
    }
}

@media only screen and (min-width: 460px) {
    .inspiration_text strong {
        font-weight: 900;
        font-size: 1.6em;
    }
}

@media only screen and  (min-width: 1024px) {
    #slider > .slide {
        background-color: #000000;
    }
}

/******** right now *********/
.right_now img {
    width: 100%;
}

@media (min-width: 1200px) {
    .right_now img {
        width: auto;
    }
}

.right_now small {
    text-transform: uppercase;
    font-size: 0.7em;
    font-weight: 700;
    display: block;
    margin-bottom: 0.3em;
}

.right_now small, .right_now h2 {
    color: #0079aa;
}

.right_now a.download {
    text-transform: uppercase;
    display: block;
    color: inherit;
    font-size: 0.7em;
    margin-bottom: 1em;
}

.right_now a.download:before {
    content: "";
    width: 19px;
    height: 19px;
    display: inline-block;
    background: url('../img/sprite/pdf_icon.png') no-repeat center;
    margin-right: 5px;
    vertical-align: middle;
    float: left; /* in case of 2nd line */
    margin-top: -5px; /* in case of 2nd line */

}

.right_now h2 {
    font-size: 1.3em;
    margin-bottom: 0.5em;
    margin-left: 0;

}

.right_now h2 a {
    color: inherit;
}

.right_now span {
    font-size: 0.7em;
    line-height: 1.3em;
    display: block;
}

.right_now .read_more {
    display: block;
    color: inherit;
    margin-top: 0.9em;
    font-size: 1.1em;
    padding-left: 5px;
    padding-bottom: 14px;
}

.right_now .read_more:after {
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    background-color: #292929;
    margin-top: 0.4em;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

@media only screen and (min-width: 970px) {
    .right_now .read_more:hover:after {
        width: 60px;
    }

    ul.trending-cities li {
        display: inline;
    }
}

.right_now .cell2_l img {
    width: 100%;
}

/******* /covers **********/

.covers .cell {
    padding: 3px;
}

@media only screen and (min-width: 768px) {
    .covers_row {
        display: inline-block;
    }

    .cell.guide-cover {
        padding: 0.48em;
    }

    .wrapper-guide-more {
        padding-right: 0.5em;
    }
}

#top-wrapper {
    height: 100%;
    min-height: 22em !important;
    position: relative;
}

#slider, #top, #top > div {
    height: inherit;
    min-height: inherit !important;
}

#slider > .slide {
    background-position-x: center !important;
    background-position-y: bottom;
    background-repeat: no-repeat;
}

/***************** top *******************/

@media only screen and (max-device-height: 533px) {
    #top-wrapper {
        font-size: 0.8em;
    }
}

@media only screen and (max-device-height: 370px) {
    #top-wrapper {
        font-size: 0.7em
    }

    #logo img {
        width: 82px;
        height: 47px;
    }
}

@media only screen and (max-device-height: 300px) {
    #top-wrapper {
        font-size: 0.6em
    }
}

.logo-news {
    height: 150px;
    width: 150px;
    opacity: 0.2;
}

.wrapper-logo {
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px;
}

@media only screen and (min-width: 768px) {
    #background_top_caption_city {
        display: block;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .wrapper-logo {
        justify-content: center;
        margin-left: 25px;
        margin-right: 25px;
    }

    a#background_top_caption_city:hover {
        opacity: 1;
    }

    a#background_top_caption_city {
        opacity: 0.6;
    }

    #background_top_caption strong {
        display: block;
        text-align: right;
        font-size: 1.4em;
    }

    #background_top_caption {
        right: 30px;
    }

    #top-wrapper {
        /*height:100vh;*/
    }

    #top-row-1 {
        height: 30%;
    }

    #top-row-2 {
        height: 20%;
    }

    #top-row-3 {
        height: 40%;
    }

    #top-row-4 {
        height: 10%;
    }

    h2.editors-picks {
        margin-top: 0.25em !important;
    }

    .title {
        margin-bottom: 0.5em;
    }

    #slider {
        height: 700px;
    }

    .country-select-item {
        font-size: 0.75em;
    }
}

.link-suggestion {
    font-weight: bold;
}

h2 {
    cursor: default;
}

.header-guide {
    margin-bottom: 0.75em;
}

.container-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
}

.box-suggestions {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
}

.wrapper-country-select {
    display: inline-flex;
    height: 2em;
    border: 2px solid white;
}

.country-select {
    height: inherit;
    background-color: transparent;
    color: white;
    font-size: 1em;
    font-weight: 400;
}

.country-select-item {
    background-color: black;
    color: white !important;
}

.wrapper-regular-search {
    width: 30%;
    display: inline-flex;
}

h1 {
    font-size: 2vw;
}

.wrapper-search {
    margin-top: 0.5em;
    margin-bottom: 0.25em;
}

@media only screen and (max-device-width: 768px) {
    h1 {
        font-size: 10vw;
    }

    .wrapper-country-select {
        display: flex;
        width: auto;
        margin-bottom: 1em;
    }

    .wrapper-regular-search {
        display: flex;
        width: 100%;
    }

    .country-select {
        width: 100%;
        margin-bottom: 2em;
    }
}

@media only screen and (max-device-width: 374px) {
    h1 {
        font-size: 9.75vw;
    }
}

.sib-form {
    width: 100%;
    background: #0079aa;
    padding: 5px !important;
    text-align: center;
}

.container-subscribe-banner {
    width: 100%;
    position: absolute !important;
    z-index: 9999;
}

.sib-form > label {
    color: white;
    padding-right: 1em;
}

.sib-form > input {
    height: 2vh;
    width: 15vw;
    padding-left: 0.25em;
    min-width: 100px;
}

.sib-form > button {
    height: 2.6vh;
    font-size: 16px;
    text-align: left;
    font-weight: 700;
    color: #FFFFFF;
    background-color: #3E4857;
    border-radius: 3px;
    border-width: 0px;
    padding-top: 0;
    padding-bottom: 0;
}

#search::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: white;
}

#search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    opacity:  1;
    color: white;
}

#search::-moz-placeholder { /* Mozilla Firefox 19+ */
    opacity:  1;
    color: white;
}

#search::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
}

#search::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
}

#search::placeholder { /* Most modern browsers support this now. */
    color: white;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;

  background: rgba(83, 172, 224, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index:999;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/*# sourceMappingURL=public/assets/css/minified-home.css/minified-home.css.map */