Theme Name: The Switchers
	Theme URI: http://www.theswitchers.com/
	Description: The Swhitchers template
	Version: 3
	Author: LLOS&
	Author URI: http://llos.co
	Text Domain: theswitchers
	Domain Path: /lang
*/


/*	Typography
	---------- */

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

	@font-face {
	    font-family: 'Mercury';
	    src: url('fonts/MercuryTextG1-Italic.eot');
	    src: url('fonts/MercuryTextG1-Italic.eot?#iefix') format('embedded-opentype'),
	         url('fonts/MercuryTextG1-Italic.woff') format('woff'),
	         url('fonts/MercuryTextG1-Italic.ttf') format('truetype'),
	         url('fonts/MercuryTextG1-Italic.svg#MercuryTextG1-Italic') format('svg');
	    font-style: italic;
	    font-weight: normal;
	    text-rendering: optimizeLegibility;
	}

	@font-face {
	    font-family: 'Mercury';
	    src: url('fonts/MercuryTextG1-Bold.eot');
	    src: url('fonts/MercuryTextG1-Bold.eot?#iefix') format('embedded-opentype'),
	         url('fonts/MercuryTextG1-Bold.woff') format('woff'),
	         url('fonts/MercuryTextG1-Bold.ttf') format('truetype'),
	         url('fonts/MercuryTextG1-Bold.svg#MercuryTextG1-Bold') format('svg');
	    font-style: normal;
	    font-weight: bold;
	    text-rendering: optimizeLegibility;
	}

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

	@font-face {
	    font-family: 'FGrotesk';
	    src: url('fonts/FGroteskDemi-Italic.eot');
	    src: url('fonts/FGroteskDemi-Italic.eot?#iefix') format('embedded-opentype'),
	         url('fonts/FGroteskDemi-Italic.woff') format('woff'),
	         url('fonts/FGroteskDemi-Italic.ttf') format('truetype'),
	         url('fonts/FGroteskDemi-Italic.svg#FGroteskDemi-Italic') format('svg');
	    font-style: italic;
	    font-weight: normal;
	    text-rendering: optimizeLegibility;
	}

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

	@font-face {
	    font-family: 'FGrotesk';
	    src: url('fonts/FGrotesk-BoldItalic.eot');
	    src: url('fonts/FGrotesk-BoldItalic.eot?#iefix') format('embedded-opentype'),
	         url('fonts/FGrotesk-BoldItalic.woff') format('woff'),
	         url('fonts/FGrotesk-BoldItalic.ttf') format('truetype'),
	         url('fonts/FGrotesk-BoldItalic.svg#FGrotesk-BoldItalic') format('svg');
	    font-style: italic;
	    font-weight: bold;
	    text-rendering: optimizeLegibility;
	}

	@font-face {
	    font-family: 'socicon';
	    src: url('fonts/socicon.eot');
	    src: url('fonts/socicon.eot?#iefix') format('embedded-opentype'),
	         url('fonts/socicon.woff') format('woff'),
	         url('fonts/socicon.woff2') format('woff2'),
	         url('fonts/socicon.ttf') format('truetype'),
	         url('fonts/socicon.svg#sociconregular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	    text-transform: initial;
	}
	@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

	[class^="socicon-"], [class*=" socicon-"] {
		font-family: 'socicon';
		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;
	}


/*	Misc
	---- */

	body{ margin: 0; padding: 0; width: 100%; height: 100%; background: #cbcaca; font-family: 'Mercury'; font-size: 22px; line-height: 32px; color: #333333; -webkit-font-smoothing: antialiased; overflow-x: hidden;}

	a{ color: #000; transition: all .23s ease-in-out; -webkit-transition: all .23s ease-in-out; -moz-transition: all .23s ease-in-out; -o-transition: all .23s ease-in-out;}
	a:hover, a:focus{ color: #000; text-decoration: none; outline:none;}

	input, textarea {  -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0; }
	input:focus{ outline: none}
	input:focus::-webkit-input-placeholder { color:transparent; }
	input:focus:-moz-placeholder { color:transparent; }
	input:focus::-moz-placeholder { color:transparent; }
	input:focus:-ms-input-placeholder { color:transparent; }

	::-webkit-input-placeholder {color: #808080;}
	:-moz-placeholder { color: #808080; opacity: 1;}
	::-moz-placeholder { color: #808080; opacity: 1;}
	:-ms-input-placeholder { color: #808080;}

	::-moz-selection { color: black;  background: #99CCFF; }
	::selection      { color: black;  background: #99CCFF; }

	:focus {outline:none;}
	::-moz-focus-inner {border:0;}

	h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-weight: normal;}

	p{ margin-bottom: 20px}

	.container-fluid{ max-width: 1280px; margin: 0 auto;}
	.img-responsive{ width: 100%;}

	.fullscreen{ width: 100%; height: 100%; margin: 0 auto; min-height: 100%; padding: 0;}
	.cover{ background-position: center center; background-size: cover; background-repeat: no-repeat;}

	.fluid-embed{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; z-index: 2; text-align: center; }
	.fluid-embed video, .fluid-embed iframe, .fluid-embed object, .fluid-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

	.transition{ transition: all .23s ease-in-out; -webkit-transition: all .23s ease-in-out; -moz-transition: all .23s ease-in-out; -o-transition: all .23s ease-in-out; }
	.v-middle{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
	.ie .v-middle{ position: relative !important; top: 0 !important; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; }

	.bg-fixed{ background-attachment: fixed; -webkit-background-attachment: fixed; -moz-background-attachment: fixed; -o-background-attachment: fixed; backface-visibility: inherit !important;}
	.bg-parallaxed{ background-position: 50% 0;}

	.fullwidth{ width: 100%; padding: 0;}

	#wrapper{ position: relative; left: 0; z-index: 0; }
	#wrapper.disable{ left: 250px;}

	#wrapper .toggle_menu{ position: absolute; left: 35px; top: 5px; width: 34px; height: 18.5px; background: transparent url(img/menu.svg) center center no-repeat; background-size: 100%; z-index: 99; cursor: pointer; opacity: .5}
	.inv #wrapper .toggle_menu,
	.post-type-archive-guide #wrapper .toggle_menu { left: 35px; top: 25px; background: transparent url(img/menu-white.svg) center center no-repeat; background-size: 100%; opacity: 1}
	#wrapper.disable .toggle_menu{ opacity: 0}

	#more{ text-align: center; display: none; }

	.fb_iframe_widget { position: absolute !important; left: 0; right: 0; }

	.switchers-map iframe { pointer-events: none; }

/*	Header
	------ */

	.main_navigation .logo { background-image: url('img/logo_Switchers.png');
	background-size: 160px 54px;
    width: 160px;
    height: 54px;
    display: inline-block;
    float: left;
    margin: 5px 15px; }
	.main_navigation{ position: fixed; left: 0; top: 0; z-index: 999; width: 250px; background: #fff; left: -250px; border-right: 1px solid #fff}
	.main_navigation .close{ position: absolute; left: 30px; top: 35px; width: 32px; height: 32px; background: transparent url(img/close.svg) center center no-repeat; background-size: 100%; cursor: pointer}
	.main_navigation.active{ left: 0;}
	.main_navigation .main_nav_container ul{ display: table; margin: 100px 0 0 35px; padding: 0; list-style: none; font-size: 20px; line-height: 40px;}
	.main_navigation .main_nav_container ul li { margin-bottom:5px; position: relative; }
	.main_navigation .main_nav_container ul li a:hover,
	.main_navigation .main_nav_container ul li.current-menu-item a{ color: #e74f00;}

	.main_navigation .main_nav_container ul li ul{ display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; width: auto; overflow: hidden; max-height: 0; transition: max-height .5s ease-in-out; line-height: 30px; padding-top: 15px; margin-bottom: 5px; width: max-content; padding: padding: 0px; left: -20px; background: white; }
	.main_navigation .main_nav_container ul li ul li { display: inline-block; font-size: 12px; /*line-height: 1px;*/ padding: 0 20px; }
	.main_navigation .main_nav_container ul li ul li:first-child { margin-right: 15px; }

	.main_navigation.top .close{ top: 10px;}
	.main_navigation.top > ul{ margin-top: 75px;}

	.main_navigation .main_nav_container ul li span { font-size: 16px; line-height: 20px; display: block; padding-right: 20px; max-height: 0; transition: max-height .5s ease-in-out; overflow: hidden; }
	.main_navigation .main_nav_container ul li:hover span { max-height: 500px; }
	.main_navigation .main_nav_container ul li:hover ul { max-height: 500px; }

	.lang{ position: fixed; right: 35px; top: 30px; z-index: 99; font-size: 12px;transition: all .23s ease-in-out;
    -webkit-transition: all .23s ease-in-out;
    -moz-transition: all .23s ease-in-out;
    -o-transition: all .23s ease-in-out;}
	.home .lang { position: absolute; }

	.lang ul{ display: table; margin: 0; padding: 0; list-style: none}
	.lang ul li{ display: inline-block; text-transform: uppercase; margin-left: 2px}
	.lang ul li:after{ content: '/'; color: black; margin-left: 2px}
	.lang ul li:last-child:after{ content: ''; margin: 0}
	.lang ul li.active a,
	.lang ul li a:hover{ color: #e74f00}
	.lang ul li a{ color: black}

	.main_navigation.active .lang ul { left: 30px; }
	.archive .main_navigation .lang { display: block; }

	.switchers_search { position: absolute; top: 0; left: 160px; z-index: 99; opacity: 1; }
	.switchers_search.active { opacity: 1; }
	.switchers_search.right { left: 290px; }
	.switchers_search label { display: none; }
	.switchers_search #searchsubmit { display: none; }
	.switchers_search #s { background: #b9b9b9; border: 0; height: 30px; line-height: 30px; color: #666; font-size: 14px; text-indent: 35px; width: 200px; position: relative; }
	.search_icon { position: absolute; left: 5px; width: 22px; height: 26px; background: transparent url(img/search_white.svg) center center no-repeat; opacity: .7; background-size: 100%; top: 10px; z-index: 1; }


	nav.search {
		z-index: 999;
		position: fixed;
		right: 120px;
		top: 70px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		transition: all .23s ease-in-out; -webkit-transition: all .23s ease-in-out; -moz-transition: all .23s ease-in-out; -o-transition: all .23s ease-in-out;
	}
	.home nav.search { position: absolute;top: 34px; }

	.menu-opened nav.search {
		display: none;
	}
	nav .search_icon {
		background: transparent url(img/search.svg) center center no-repeat;
		opacity: 1;
		width: 30px;
		height: 30px;
		top: 0;
		left: 0;
	}
	/*.inv nav .search_icon {
		background: transparent url(img/search_white.svg) center center no-repeat;
	}*/
	.search-open nav .search_icon {
		background: transparent url(img/close.svg) center center no-repeat;
		width: 32px;
		height: 32px;
		background: transparent url(img/close.svg) center center no-repeat;
		background-size: 100%;
	}
	#search-form {
		position: fixed;
		text-align: center;
		background: #cbcaca;
		padding: 10px 0 15px 0;
		display: none;
		width: 100%;
		height: 60px;
		top: 36px;
		z-index: 999;
	}
	.home #search-form { position: absolute; top: -60px; }
	#search-form form {
		position: relative;
		width: 310px;
		margin: 0 auto;
	}
	#search-form input {
		background: transparent;
		border: none;
		color: white;
		border-bottom: 1px solid white;
	}

	#search-form .search-submit.search_icon {
    position: absolute;
	right: 0;
	left: auto;
    border: none;
    background: transparent url(img/search_white.svg) center center no-repeat;
	opacity: .7;
	font-size: 0;
	width: 40px;
    height: 40px;
    background-size: 40px;
    top: 0;
    right: -10px;
	}

	/* --------------------------------------------
	TOP BAR
	-------------------------------------------- */

	#top-bar {
		font-size: 11px;
		z-index: 99;
		padding: 5px 0;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 36px;
		background: #cbcaca;
	}
	.home #top-bar { position: absolute;background: transparent; }
	.tb-ss {
		display: none;
	}
	#top-bar .container {
		max-width: 100%;
	}
	#top-bar .tb-left {
		margin-bottom: 0;
		padding-left: 30px;
	}
	.tb-text {
		line-height: 26px;
	}

/* --------------------------------------------
	TOP BAR SOCIAL
-------------------------------------------- */

	#top-bar ul.social-icons {
		margin: -5px 0;
	}
	.tb-left ul.social-icons {
		float: left;
	}

/*	Homepage
	-------- */

	#homepage{ position: relative;margin-top: 0;}

	.site_title{ position: absolute; top: 15px; left: 0; right: 0; display: inline-block; margin: auto; color: #fff; font-size: 107px; line-height: 60px; z-index: 60; text-align: center; text-transform: uppercase;}
	.site_title span{ display: block; font-size: 33px;}
	#homepage .site_subtitle{ position: absolute; top: 33px; left: 0; right: 0; display: inline-block; margin: auto; color: #e85000;; font-style: italic; font-size: 20px; line-height: 24px; z-index: 60; text-align: center; padding-left: 32px;}

	#homepage .site_subtitle span{ display: inline-block; width: 100px;}
	.fr #homepage .site_subtitle { left: -27px; }
	.fr #homepage .site_title span { position: relative; left: -4px;}

	#homepage .featured_title{ margin-top: 40px; position: relative; text-align: center;}
	#homepage .featured_title h3{ position: relative; top: -18px; text-align: center; margin: 0 auto; width: auto; font-size: 18px; display: inline-block; background: #cbcaca; padding: 0 40px; z-index: 50;}
	#homepage .featured_title hr{ border: 0; border-bottom: 1px solid #a2a2a2; position: relative; margin: 0 auto; top: -34px;}
	#homepage .featured_title hr:before{ content: '|'; position: absolute; left: -2px; top: -16px; font-size: 10px; color: #797979;}
	#homepage .featured_title hr:after{ content: '|'; position: absolute; right: -2px; top: -16px; font-size: 10px; color: #797979;}

	#homepage .flex-fullscreen .slide a{ display: block; width: 100%; height: 100%; color: #fff;background-color: rgba(0,0,0,0.3);}
	#homepage .flex-fullscreen .slide .video-container .video-js{ position: absolute; }

	#homepage .flex-fullscreen .slide.black a,
	#homepage .flex-fullscreen .slide.black h1,
	#homepage .flex-fullscreen .slide.black h3{ color: #000;}

	.featured_stories .date h4 { display: inline; padding-left: 5px; }
	.featured_stories .grid_stories article .date { padding: 18px 0 12px 0; }
	.featured_stories .grid_stories article h3 { font-family: 'Mercury'; }
	



	/*  Travel Gudies */
	#homepage .travel_guides {
		display: block;
		margin-bottom: 120px;
		position: relative;
	}
	#homepage .travel_guides .thmb {
	    width: 80%;
	    text-align: center;
	    margin: 0 auto;
	    padding-bottom: 20px;
	}
	#homepage .travel_guides article .excerpt > div { font-size: 14px;line-height: 18px; }
	#homepage .travel_guides article .excerpt > div span{ font-family: 'FGrotesk'; font-size: 14px; color: #e74f00;}

	/* 	Featured stories */

	#homepage .featured_stories{ position: relative;}
	#homepage .ptop { padding-top: 50px; }
	#homepage .featured_stories article{ text-align: left; font-size: 13px; line-height: 16px; display: table;}
	#homepage .featured_stories article .thmb,
	#homepage .featured_stories article .excerpt{ display: table-cell; vertical-align: middle}
	#homepage .featured_stories article .thmb{ width: 120px; text-align: center; vertical-align: top;}
	#homepage .featured_stories article .thmb div{ width: 86px; height: 86px; border-radius: 50%; background: transparent; margin: 0 auto}
	#homepage .featured_stories article .thmb img{ width: 86px; height: 86px; border-radius: 50%; display: inline; margin-right: 20px;}
	#homepage .featured_stories article .excerpt > div{ max-width: 200px; text-align: left;}
	#homepage .featured_stories article .excerpt > .title{ font-family: 'FGrotesk'; font-size: 14px; color: #000; padding-bottom: 5px; }
	#homepage .featured_stories article .excerpt > div span{ font-family: 'FGrotesk'; font-size: 12px; color: #e74f00;}
	#homepage .featured_stories article .excerpt > div p{ display: inline}
	#homepage .featured_stories article a:hover img{ opacity: .4}
	#homepage .featured_stories article a:hover .thmb div{ background: #000}

	#homepage .featured_stories .flex-control-nav{ bottom: -70px;}
	#homepage .featured_stories .flex-control-paging li a{ width: 10px; height: 10px;}
	#homepage .featured_stories .flex-control-paging li a.flex-active{ background: #333;}

	/* 	Featured stories (by category) */

	#homepage .featured_stories_category{ position: relative;}
	#homepage .featured_stories_category .featured_image{ width: 100%; height: 475px; text-align: center; color: #fff; margin-bottom: 0;}
	#homepage .featured_stories_category .featured_image.estret { height: 350px; }
	#homepage .featured_stories_category .featured_image h1{ font-size: 56px; line-height: 1.1; text-transform: uppercase; color: #fff;}
	#homepage .featured_stories_category .featured_image h2{ font-size: 27px; line-height: 32px; color: #fff;}

		#homepage .featured_stories_category .featured_stories_category_simple,
		#homepage .featured_stories_category .featured_stories_category_circle{ position: relative; padding: 0; font-size: 0;}
		#homepage .featured_stories_category .featured_stories_category_simple article{ padding: 0 15px; float: none; display: inline-block; width: 50%; margin-bottom: 50px; vertical-align: top;}
		#homepage .featured_stories_category .featured_stories_category_simple.videos article{ padding: 0 15px; float: none; display: inline-block; width: 33.333333%; margin-bottom: 50px; vertical-align: top; position: relative;}
		#homepage .featured_stories_category .featured_stories_category_simple.videos article .video{ position: absolute; right: 30px; top: 15px; z-index: 99}
		#homepage .featured_stories_category .featured_stories_category_simple article .image_content{ background: #000; position: relative;}
		#homepage .featured_stories_category .featured_stories_category_simple article .image_content .img_caption{ position: absolute; width: 100%; height: 100%; opacity: 0; text-align: center; z-index: 40}
		#homepage .featured_stories_category .featured_stories_category_simple article .image_content .img_caption div{ color: #fff; font-weight: bold; font-size: 18px; letter-spacing: -1px;}
		#homepage .featured_stories_category .featured_stories_category_simple article .image_content img{ backface-visibility: hidden}
		#homepage .featured_stories_category .featured_stories_category_simple article a:hover img{ opacity: .4}
		#homepage .featured_stories_category .featured_stories_category_simple article a:hover .img_caption{ opacity: 1}

		#homepage .featured_stories_category .featured_stories_category_simple article h3{ font-size: 20px; line-height: 24px; color: #1a1a1a; margin-top: 25px;}
		#homepage .featured_stories_category .featured_stories_category_simple article h4{ font-size: 20px; line-height: 24px; color: #808080; font-style: italic;}
		#homepage .featured_stories_category .featured_stories_category_simple article h5{ font-family: 'FGrotesk'; font-size: 13px; line-height: 15px; color: #e85000; margin-top: 20px;}

		#homepage .featured_stories_category .featured_stories_category_simple article .share,
		#archive_stories .grid_stories article .share{ font-size: 12px; display: table; margin: 20px 0 0 0; padding: 0; list-style: none; font-family: 'socicon';}
		#homepage .featured_stories_category .featured_stories_category_simple article .share li,
		#archive_stories .grid_stories article .share li{ display: inline-block; margin-right: 5px;}
		#homepage .featured_stories_category .featured_stories_category_simple article .share a,
		#archive_stories .grid_stories article .share a{ border: 1px solid #999999; border-radius: 50%; padding: 5px; color: #999999;}

		#homepage .featured_stories_category .featured_stories_category_circle article{ padding: 0 15px; float: none; display: inline-block; width: 33.3333333%; margin-bottom: 50px; vertical-align: top}
		#homepage .featured_stories_category .featured_stories_category_circle article .thmb,
		#homepage .featured_stories_category .featured_stories_category_circle article .content{ display: inline-block; vertical-align: middle}
		#homepage .featured_stories_category .featured_stories_category_circle article .content{ max-width: 150px;}
		#homepage .featured_stories_category .featured_stories_category_circle article .thmb div{ width: 100%; max-width: 180px; background: transparent; border-radius: 50%; margin-right: 20px; display: block}
		#homepage .featured_stories_category .featured_stories_category_circle article .thmb img{ width: 100%; max-width: 180px; border-radius: 50%;}
		#homepage .featured_stories_category .featured_stories_category_circle article .content h3{ font-size: 16px; line-height: 19px; color: #1a1a1a;}
		#homepage .featured_stories_category .featured_stories_category_circle article .content h4{ font-size: 16px; line-height: 19px; color: #808080; font-style: italic; text-transform: lowercase}
		#homepage .featured_stories_category .featured_stories_category_circle article .content h5{ font-family: 'FGrotesk'; font-size: 13px; line-height: 15px; color: #e85000; margin-top: 12px;}
		#homepage .featured_stories_category .featured_stories_category_circle article a:hover img{ opacity: .4}
		#homepage .featured_stories_category .featured_stories_category_circle article a:hover .thmb div{ background: #000;}

		#homepage .grid_stories { margin-left: 0 !important; }

		#single_page .image-header { margin-top: -10px; margin-bottom: 100px; height: 30vh; background-size: cover; }
		#single_page .image-header .header { position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 30vh; color: white; z-index: 9999999; top: 0; margin: 0; }
		#single_page .header h2 { color: white !important; }
		
		#about .image-header,
		#archive_stories .image-header { margin-top: -10px; margin-bottom: 100px; height: 30vh; background-size: cover; }
		#archive_stories .image-header { margin-bottom: 40px; }
		#about .image-header .header,
		#archive_stories .image-header .header { position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 30vh; color: white; z-index: 9999999; top: 0; margin: 0; }
		#about .header h2,
		#archive_stories .header h2 { color: white !important; }
		#archive_stories .image-header .header { background: rgba(0,0,0,0.3); }
		.page-template-our-events .image-header { margin-top: -10px; margin-bottom: 100px; height: 30vh; background-size: cover; }
		.page-template-our-events .image-header .header { position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 30vh; color: white; z-index: 9999999; top: 0; margin: 0; }
		.page-template-our-events .header h2 { color: white !important; }



	/* 	Single story */

	#homepage .single_story{ width: 100%; height: 475px; text-align: center; color: #fff; position: relative;}
	#homepage .single_story a{ color: #fff;}
	#homepage .single_story h1{ font-size: 33px; line-height: 40px;}
	#homepage .single_story .button{ position: absolute; left: 0; right: 0; bottom: 40px; margin: auto;  width: 255px; border: 1px solid #fff; color: #fff; font-family: 'FGrotesk'; font-size: 13px; height: 36px; line-height: 35px; text-transform: uppercase; border-radius:3px;}
	#homepage .single_story .button:hover{ border: 1px solid #e85000; color: #e85000;}

	#homepage .single_story .share{ position: absolute; right: 30px; bottom: 10px; display: table; margin: 0; padding: 0; list-style: none; font-size: 14px; display: table; font-family: 'socicon'; z-index: 999;}
	#homepage .single_story .share li{ margin-bottom: 20px; text-align: center; margin: 0 2px; display: inline-block;}
	#homepage .single_story .share a{ border: 1px solid white; border-radius: 50%; padding: 5px; color: white;}


/*	Archive stories
	--------------- */

	#archive_stories .archive_header{ position: relative; width: 100%; min-height: 53px; line-height: 51px; margin: 25px 0 0 0; left: 0; right: 0; z-index: 99; background: #cbcaca;}
	.sticky #archive_stories .archive_header{ position: fixed; margin-top: 0;top:0; }
	#archive_stories .archive_header.disable{ left: -250px;}
	.sticky #archive_stories .archive_header.disable{ left: 0;}
	#archive_stories .archive_header .toggle_menu{ top: 17px}
	#archive_stories .archive_header .title{ text-align: center; padding: 0; font-size: 20px; text-transform: uppercase;}
	#archive_stories .archive_header .title a{ color: #333333;}
	#archive_stories .archive_header .title a:hover{ color: #e85000}
	#archive_stories .archive_header .filter{ text-align: right; font-size: 18px; color: #898989; position: absolute; right: 35px; top: 0;}
	#archive_stories .archive_header .filter span{ color: #333; cursor: pointer; margin-left: 15px;}
	#archive_stories .archive_header .filter span:hover,
	#archive_stories .archive_header .filter span.active{ color: #e85000}
	#archive_stories .archive_header .container-fluid{ text-align: center;}
	/*#archive_stories .archive_header .container-fluid .title_results,
	#archive_stories .archive_header .container-fluid .title_results{ padding-bottom: 40px; font-size: 20px; line-height: 24px; text-align: left; margin-left: 20px; position: relative; top: 15px;}*/
	#archive_stories .archive_header .tax_filter{ margin: 0 auto; padding: 50px 0 20px; list-style: none; display: none; max-width: 100%; line-height: 32px;}
	#archive_stories .archive_header .tax_filter.active{ display: table;}
	#archive_stories .archive_header .tax_filter li{ display: inline-block; text-align: center; font-size: 20px; text-transform: uppercase; color: #000;}
	#archive_stories .archive_header .tax_filter li:after{ content: '/'; margin: 0 10px;}
	#archive_stories .archive_header .tax_filter li:last-child:after{ content: ''; margin: 0}
	#archive_stories .archive_header .tax_filter li a.active,
	#archive_stories .archive_header .tax_filter li a:hover{ color: #e85000; }
	#archive_stories .grid_stories{ margin-top: 50px; font-size: 0; text-align: left; }
	#archive_stories .grid_stories article{ padding: 15px; float: none; display: inline-block; width: 33.33333%; }
	#single_story .header { position: relative; }
	#archive_stories .grid_stories article .image_content.archived:before,
	#single_story .header.archived:before {
		content: 'Lessons learned';
		position: absolute;
		bottom: 0;
		right: 0;
		background: #cbcaca;
		color: black;
		padding: 5px 12px;
		font-style: italic;
		font-weight: bold;
		z-index: 999;
		font-family: 'Mercury';
	}
	body.fr #archive_stories .grid_stories article .image_content.archived:before,
	body.fr #single_story .header.archived:before {
		content: 'Lessons learned';
	}
	#single_story .header.archived::before {
		padding: 5px 20px;
		font-size: 17px;
	}
	
	.page-template-lessons #archive_stories .grid_stories article { width: 25%; }
	#archive_stories .grid_stories article.first { width: 66.6%; }
	#archive_stories .grid_stories article.first .image_content {
		width: 50%;
		float: left;
		margin-right: 30px;
	}
	#archive_stories .grid_stories article.first a.btn {
		background: #e85000;
		padding: 10px 15px;
		font-family: 'Mercury';
		color: #fff;
		font-weight: bold;
		font-size: 18px;
		margin-top: 10px;
		display: inline-block;
	}
	#archive_stories .grid_stories article.first a.btn:hover {
		background: #999999;
	}
	#archive_stories .grid_stories article{ font-size: 16px; line-height: 19px; color: #666666; vertical-align: top; margin-bottom: 0; }
	#archive_stories .grid_stories article a p{ color: #666666;}
	#archive_stories .grid_stories article .image_content{ background: #000; position: relative; }
	#archive_stories .grid_stories article .image_content .video{ position: absolute; right: 15px; top: 15px; z-index: 50; }
	#archive_stories .grid_stories article .image_content .new{ position: absolute; right: 15px; top: 15px; z-index: 99; font-size: 14px; text-transform: uppercase; color: #fff; line-height: 14px; font-family: 'Mercury'; }
	#archive_stories .grid_stories article .image_content .img_caption{ position: absolute; width: 100%; height: 100%; opacity: 0; text-align: center; z-index: 40; }
	#archive_stories .grid_stories article .image_content .img_caption div{ font-family: 'Mercury'; color: #fff; font-weight: bold; font-size: 18px; letter-spacing: -1px; }
	#archive_stories .grid_stories article .image_content img{ backface-visibility: hidden}
	#archive_stories .grid_stories article a:hover img{ opacity: .4}
	#archive_stories .grid_stories article a:hover .img_caption{ opacity: 1}
	#archive_stories .grid_stories article h2{ font-size: 20px; line-height: 24px; color: #1a1a1a; margin-top: 15px; }
	#archive_stories .grid_stories article h3{ font-size: 20px; line-height: 24px; font-style: italic; color: #000; }
	#archive_stories .grid_stories article div{ font-family: 'FGrotesk'; font-weight: normal; font-size: 13px; line-height: 15px; color: #898989; }
	#archive_stories .grid_stories article div span{ margin-right: 15px; color: #e85000; }
	#archive_stories .grid_stories article div .intro { font-family: 'Mercury'; color: #333333; font-size: 15px; line-height: 18px; }
	/* replace later */
	#archive_stories .archive_header {
		line-height: 24px;
		min-height: 25px;
	}
	#archive_stories {
		padding-bottom: 10vh;
	}
	#archive_stories .header { text-align: center; margin-top: 44px; margin-bottom: 60px; position: relative; }
	#archive_stories .header a { text-transform: uppercase; color: #333333; font-size: 20px; line-height: 24px; }
	#archive_stories .header hr { border: 0; border-bottom: 1px solid #a2a2a2; display: block; width: 100%; position: relative; top: 60px;}

	#archive_stories .the_grid { position: relative; }
	#archive_stories .grid_stories { margin-top: 0; margin-left: 300px; }
	.page-template-lessons #archive_stories .grid_stories { margin-left: 0; }
	#archive_stories .switchers_search { z-index: 99; opacity: 1; width: 100%; left: auto; top: auto; width: 300px; position: absolute; }
	#archive_stories .switchers_search #s { background: #b9b9b9; border: 0; height: auto; line-height: 3; color: #666; font-size: 14px; text-indent: 35px; width: 100%; position: relative; }

	.search-results .title_results {
		font-size: 18px;
		color: #898989;
	}

	#archive_stories #filters.sidebar .facetwp-facet-countries .facetwp-checkbox:after{ content: '/'; }
	#archive_stories #filters.sidebar .facetwp-facet-activities .facetwp-checkbox:after,
	#archive_stories #filters.sidebar .facetwp-facet-topics .facetwp-checkbox:after { content: ''; }
	#archive_stories #filters.sidebar .facetwp-facet-activities .facetwp-checkbox:before,
	#archive_stories #filters.sidebar .facetwp-facet-topics .facetwp-checkbox:before { content: '→ '; }

	#archive_stories #filters.sidebar .facetwp-facet-topics .facetwp-checkbox.checked:before,
	#archive_stories #filters.sidebar .facetwp-facet-activities .facetwp-checkbox.checked:before,
	#archive_stories #filters.sidebar .facetwp-facet-countries .facetwp-checkbox.checked:before {
		content: '';
		display: inline-block;
		position: relative;
		width: 15px;
		background-image: url(img/close.svg);
		background-size: 15px;
		height: 15px;
	}
	#archive_stories #filters.sidebar .facetwp-facet-topics .facetwp-checkbox,
	#archive_stories #filters.sidebar .facetwp-facet-activities .facetwp-checkbox { margin-bottom: 10px; }
	#archive_stories #filters.sidebar {
		position: absolute;
		width: 300px;
		top: 0;
		left: 30px;
		padding-right: 20px;
		z-index: 9;
	}

	#filters .tax {
		font-size: 14px;
		color: #e85000;
		text-transform: uppercase;
		display: block;
		margin: 10px 0;
	}
	#filters .tax.activity {
		margin: 10px 0;
	}
	#filters .tax i {
		font-size: 18px;
		color: #898989;
		text-transform: none;
	}

	#archive_stories #filters.sidebar .facetwp-checkbox {
		font-size: 16px;
		line-height: 18px;
		text-transform: none;
	}
	.switchers-map {
		overflow:hidden;
		padding-bottom:42%;
		position:relative;
		height:0;
		margin: 15px;
	}
	.switchers-map iframe {
		left:0;
		top:0;
		height:100%;
		width:100%;
		position:absolute;
	}

	#infscr-loading img { display: none; }
	#infscr-loading img.arr { display: inline-block !important; }
	#infscr-loading { width: 100%; text-align: center; height: 20px; padding: 20px 0; display: block; font-size: 14px; font-family: 'FGrotesk', sans-serif; font-style: normal; font-weight: normal !important; }
	#infscr-loading span:after { content: ""; display: inline-block; width: 14px; height: 8px; background: url(img/arrow-down.svg) no-repeat 0 0; position: relative; left: 20px; bottom: 1px;}

	.facetwp-facet-pagination {
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	.facetwp-facet-pagination a {
		color: black;
		font-size: 20px;
	}

	/* NEWS */

	.blog #archive_stories .grid_stories {
		margin-left: 0;
	}
	.blog #archive_stories .grid_stories article .date {
		padding: 18px 0 12px 0;
	}
	.blog #archive_stories .grid_stories article h3 {
		font-family: 'Mercury';
	}
	.blog .date h4 {
		display: inline;
		padding-left: 5px;
	}

	/* SINGLE NEWS */
	.single-news.text p a { color: black !important; }
	.single-news.text p a:hover { color: #e85000 !important; }
	.single-news {
		max-width: 1100px;
		margin: 0 auto;
	}
	.single-post .image-header {
		height: 50vh;
		background-size: cover;
	}
	.single-post h1 {
		font-size: 38px;
		line-height: 45px;
		color: #000;
		font-family: 'Mercury';
		font-style: italic; }
	.single-post #single_story .header { height: auto; margin-top: 30px; }
	.single-post .article-quote { font-size: 1.6em; line-height: 1em; padding: 0 0 40px 0; }
	.single-post #single_story .info { padding-top: 0; width: 100%; }
	.single-post #single_story .info .date {
		font-family: 'FGrotesk';
		font-weight: normal;
		font-size: 13px;
		line-height: 15px;
		color: #898989;
		font-family: 'FGrotesk', sans-serif;
	}
	.single-post #single_story .info .date h4 {
		display: inline;
		padding-left: 5px;
		color: #e85000;
	}
	.single-post #single_story .info .date {
		padding-bottom: 18px;
	}
	.single-post .pdf {
		text-align: center;
	}
	.single-post #single_story .info_content { padding: 0 0 40px 0; }
	.single-post #single_story .text a { text-decoration: underline; }
	.single-post #single_story .single-image {
		width: 40%;
		margin: 0 auto;
		padding: 0 0 60px 0;
	}
	.fullscreen-image.caption,
	.single-image .caption {
		font-size: 15px;
		line-height: 19px;
    	padding-top: 10px;
		font-style: italic;
	}
	.single-post .bg-parallaxed {
		margin: 0;
	}
	.fullscreen-image.caption {
		max-width: 1100px;
		margin: 0 auto;
		margin-bottom: 60px;
		padding-top: 25px;
	}
	.single-post .slider-images {
		width: 60%;
		padding-bottom: 40px;
	}
	.single-post #single_story .flex-gallery { margin: 0; }
	.single-post #single_story .flex-gallery .flex-control-nav {
		bottom: 0;
	}



/*	Single story
	------------ */

	#single_story{ position: relative;}
	#single_story a{ font-weight: normal; color: blue; font-family: 'Mercury'; text-decoration: underline;}
	#single_story a:hover{ color: #e85000;}
	#single_story .header{ width: 100%; height: 545px;}
	#single_story .info{ font-size: 17px; line-height: 20px; color: #808080; padding-top: 58px;}
	#single_story .intro_text{ font-size: 38px; line-height: 45px;}
	#single_story .intro_text strong{ font-weight: normal; color: #e85000;}
	#single_story .info_content{ padding: 0 80px}
	#single_story section{ margin: 20px auto; display: block; width: 100%; clear: both;}

	#single_story .text{}
	#single_story .text h1,
	#single_story .text h2,
	#single_story .text h3,
	#single_story .text h4,
	#single_story .text h5{ font-size: 15px; line-height: 18px; text-transform: uppercase; letter-spacing: 1px; color: #000 !important; font-weight: normal; margin-bottom: -10px; padding: 0; padding-top: 20px;}

	#single_story .featured_text{ font-size: 29px; line-height: 34px; text-align: center; padding: 20px 15px 70px}
	#single_story .featured_text span{ display: block; color: #e85000; font-size: 20px; line-height: 24px;}

	#single_story .quote{ background: #fff; padding: 30px 0; width: 100%; font-size: 29px; line-height: 34px;}
	#single_story .quote span{ display: block; font-size: 20px; line-height: 24px; color: #e85000; margin-top: 10px;}
	#single_story .quote article{ display: inline-block; float: none; vertical-align: middle}

	#single_story .two_images{ margin: 40px auto;}

	#single_story .flex-gallery{ margin: 20px auto 70px;}
	#single_story .flex-gallery .slide{ width: 1000px; height: 760px; position: relative;}

	#single_story .flex-gallery img{ max-height: 760px; width: auto !important; max-width: 100%; margin: 0 auto;}
	#single_story .flex-gallery .flex-direction-nav .flex-prev,
	#single_story .flex-gallery .flex-direction-nav .flex-prev:hover{ left: -50px; background: transparent url(img/slider-left.svg) center center no-repeat;}
	#single_story .flex-gallery .flex-direction-nav .flex-next,
	#single_story .flex-gallery .flex-direction-nav .flex-next:hover{ right: -63px; background: transparent url(img/slider-right.svg) center center no-repeat;}
	#single_story .flex-gallery .flex-control-paging li a{ background: #808080; box-shadow: none; width: 10px; height: 10px;}
	#single_story .flex-gallery .flex-control-paging li a:hover,
	#single_story .flex-gallery .flex-control-paging li a.flex-active{ background: #333;}
	#single_story .flex-gallery .flex-control-nav{ margin-bottom: -30px;}

	#single_story .credits{ width: 100%;}
	#single_story .credits .text{ padding: 0 90px}

	#single_story .related_stories{ width: 100%; background: #fff; padding: 30px 0; font-size: 0; margin-top: 60px; display: table;}
	#single_story .related_stories .share{ display: none}
	#single_story .related_title{ margin-top: 40px; position: relative; text-align: center; padding: 0 30px}
	#single_story .related_title h3{ color: #333333; position: relative; top: -18px; text-align: center; margin: 0 auto; width: auto; font-size: 18px; display: inline-block; background: #fff; padding: 0 40px; z-index: 50}
	#single_story .related_title hr{ border: 0; border-bottom: 1px solid #898989; position: relative; margin: 0 auto; top: -39px;}
	#single_story .related_title hr:before{ content: '|'; position: absolute; left: -2px; top: -16px; font-size: 10px; color: #333;}
	#single_story .related_title hr:after{ content: '|'; position: absolute; right: -2px; top: -16px; font-size: 10px; color: #333;}

	#single_story .related_stories .container-fluid{ display: table; width: 100%;}
	#single_story .related_stories article{ display: table-cell; float: none; width: 33.333333%; padding: 0 15px; margin-bottom: 0px; position: relative;}
	#single_story .related_stories article .thmb_content{ position: relative;}
	#single_story .related_stories article .thmb_content .layer{ position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); opacity: 1}
	#single_story .related_stories article .thmb_content .layer h2{ margin: 25px; color: #fff; font-size: 20px; line-height: 24px;}
	#single_story .related_stories article:hover .thmb_content .layer{ opacity: 0}

	#single_story .share{ position: fixed; top: 50%; font-size: 16px; display: table; list-style: none; right: 35px; font-family: 'socicon'; margin-top: -85px; z-index: 999; opacity: 0;}
	#single_story .share.active{ opacity: 1}
	#single_story .share li{ margin-bottom: 20px; text-align: center}
	#single_story .share a{ font-family: 'socicon'; text-decoration: none; border: 1px solid #999999; border-radius: 50%; padding: 10px; color: #999999;}

	.share a.facebook:hover{ color: #fff !important; background: #3b5999 !important; border-color: #3b5999 !important;}
	.share a.twitter:hover{ color: #fff !important; background: #2bb8e9 !important; border-color: #2bb8e9 !important;}
	.share a.pinterest:hover{ color: #fff !important; background: #c8222e !important; border-color: #c8222e !important;}
	.share a.tumblr:hover{ color: #fff !important; background: #445469 !important; border-color: #445469 !important;}


/*	About
	----- */

	#about .header{ text-align: center; margin-top: 44px; margin-bottom: 90px; position: relative}
	#about .header h2,
	#archive_stories .header h2 { text-transform: uppercase; color: #333333; font-size: 20px; line-height: 24px;}
	#about .header hr{ border: 0; border-bottom: 1px solid #a2a2a2; display: block; width: 100%; position: relative; top: 60px;}

	#about .intro_text{ font-size: 38px; line-height: 45px;}
	#about .intro_text strong{ font-weight: normal; color: #e85000;}
	#about .info_content{ padding: 0 80px}
	#about section{ margin: 20px auto; display: table}
	#about section a{ text-decoration: underline}
	#about section a:hover{ color: #e85000}

	#about .text{}
	#about .text h1,
	#about .text h2,
	#about .text h3,
	#about .text h4,
	#about .text h5{ font-size: 15px; line-height: 18px; text-transform: uppercase; font-weight: normal; margin-bottom: -10px; padding: 0; padding-top: 20px;}

	#about .featured_text{ font-size: 29px; line-height: 34px; text-align: center; padding: 20px 15px 70px}
	#about .featured_text span{ display: block; color: #e85000; font-size: 20px; line-height: 24px;}

	#about .icons-about-odd { text-align: center; }
	#about .icons-about-odd img:last-child { margin-right: 0; }

/*	Single page
	----------- */

	#single_page .header{ text-align: center; margin-top: 44px; margin-bottom: 55px;}
	#single_page .header h2{ text-transform: uppercase; color: #333333; font-size: 20px; line-height: 24px;}
	#single_page .header hr{ border: 0; border-bottom: 1px solid #a2a2a2; display: block;}

	#single_page .header .social{ display: table; width: auto; margin: 0 auto 0; padding: 40px 0 20px 0; list-style: none}
	#single_page .header .social li{ display: inline-block; margin: 0 15px; text-align: center;}
	#single_page .header .social li img{ height: 26px; opacity: .5}
	#single_page .header .social li img:hover{ opacity: .7}


	#single_page a{ color: #333; text-decoration: underline;}
	#single_page a:hover{ color: #e85000;}
	#single_page strong{ color: #e85000; font-weight: normal}
	#single_page article{ padding: 0px 80px 80px; }


/*  Our Events
    ---------- */
	.page-template-our-events .header { text-align: center; margin-top: 44px; margin-bottom: 55px; }
	.page-template-our-events .header h2 { text-transform: uppercase; color: #333333; font-size: 20px; line-height: 24px; }
	.page-template-our-events hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #a2a2a2; }
	.page-template-our-events .date { font-family: 'FGrotesk'; font-weight: normal; font-size: 13px; line-height: 15px; color: #898989; padding: 18px 0 12px 0; display: inline; }
	.page-template-our-events h4 { display: inline; padding-left: 5px; }
	.page-template-our-events h4 span { margin-right: 15px; color: #e85000; font-family: 'FGrotesk'; font-size: 13px; line-height: 15px; }
	.page-template-our-events h3 { font-size: 20px; line-height: 24px; font-style: italic; color: #000; }
	.page-template-our-events h3 p { margin-top: 0; }
	/* .page-template-our-events .row { margin: 0 15px 30px; }
	.page-template-our-events .items { justify-content: flex-start; } */
	.video_box { padding-bottom: 30px; }
	.embed-container {  position: relative;  padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } 
    .embed-container iframe,
    .embed-container object,
    .embed-container embed {  position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*	Flexslider fullscreen
	--------------------- */

	.flex-fullscreen{ overflow: hidden}
	.flex-fullscreen .slide{ position: relative; color: #fff;}
	.flex-fullscreen .slide .caption{ position: absolute; left: 0; right: 0; margin: auto; text-align: center; bottom: 130px;text-shadow: 1px 1px rgba(0,0,0,0.3);}
	.flex-fullscreen .slide .caption a{ color: #fff;}
	.flex-fullscreen .slide .caption h1{ font-size: 38px; line-height: 40px;}
	.flex-fullscreen .slide .caption h3{ font-family: 'FGrotesk'; font-size: 16px; margin-bottom: 10px;}

	.flex-fullscreen .slide .caption h3.display{ display: block}
	.flex-fullscreen .slide .caption h3.responsive{ display: none}

	.flex-direction-nav a{ width: 16px; height: 32px; opacity: .5;}
	.flex-direction-nav a:hover{ opacity: 1;}
	.flex-fullscreen .flex-direction-nav .flex-prev{ left: 40px; background: transparent url(img/slider-left-white.svg) center center no-repeat;}
	.flex-fullscreen .flex-direction-nav .flex-next{ right: 40px; background: transparent url(img/slider-right-white.svg) center center no-repeat;}

	.flex-fullscreen .flex-control-paging li a{ background: #808080; box-shadow: none; width: 10px; height: 10px; border: 0 !important}
	.flex-fullscreen .flex-control-paging li a:hover,
	.flex-fullscreen .flex-control-paging li a.flex-active{ background: #fff;}

	.flex-fullscreen .flex-control-nav{ z-index: 50; bottom: 35px;}


/*	Footer
	------ */

	.home .bottom{ margin-top: -80px}

	.bottom{ width: 100%; display: table; color: #000000; padding-top: 60px; padding-bottom: 60px;}
	.bottom h5{ font-size: 14px; line-height: 16px; margin-bottom: 20px;}

	.bottom .newsletter{}
	.bottom .newsletter input { max-width: 160px; height: 30px; padding: 0 10px; line-height: 30px; color: #666; font-size: 14px; border: 1px solid #b9b9b9; background: #b9b9b9; text-align: left;}
	.bottom .newsletter input[type="submit"] { width: auto; padding: 0 20px; text-align: center; height: 30px; line-height: 24px; background: transparent; border: 1px solid #808080; color: #808080; top: 0px; position: relative; text-transform: uppercase;}
	.bottom .newsletter input[type="submit"]:hover{ border: 1px solid #e85000; color: #e85000;}

	.bottom .footer_nav ul{ display: table; margin: 20px 0 0 0; padding: 0; list-style: none; font-size: 14px; line-height: 20px;}
	.bottom a:hover{ color: #e85000;}

	.bottom .social{ display: table; width: auto; margin: 0; padding: 0; list-style: none}
	.bottom .social li{ display: inline-block; margin: 0 3px; padding-right: 10px; text-align: center;}
	.bottom .social li:first-of-type { margin-left: 0; padding-right: 5px; }
	.bottom .social li img{ height: 20px; opacity: .5}
	.bottom .social li .fb img { height: 22px; margin-top: -2px; }
	.bottom .social li img:hover{ opacity: .7}

	.bottom .search .screen-reader-text{ display: none}
	.bottom .search input { height: 30px; padding: 0 10px; line-height: 30px; color: #666; font-size: 14px; border: 1px solid #b9b9b9; background: #b9b9b9; text-align: left; width: 80%; text-indent: 25px}
	.bottom .search #searchsubmit{ position: absolute; left: 18px; bottom: 2px; width: 26px; height: 26px; text-indent: -99999px; background: transparent url(img/search.svg) center center no-repeat; background-size: 100%; opacity: .5;}

	footer{ width: 100%; background: #fff; display: table; font-size: 13px; line-height: 15px; padding-top: 40px; padding-bottom: 20px; color: #000000;}
	footer span{ display: block; margin-bottom: 20px;}
	footer .foot span {display: inline-block; color: black; float: left; padding-right: 20px; }
	footer img{ max-height: 65px; margin-right: 10px; display: inline-block; vertical-align: top; margin-bottom: 10px; max-width: 100%;}
	footer .partners img { margin: 0 20px; }
	footer .foot{ text-align: center; font-size: 13px; line-height: 15px; color: #898989; display: block; width: 100%; padding-top: 50px !important;}
	footer .foot a{ color: #898989;}
	footer a:hover{ color: #e85000}
	.copyright {
		width: 50%;
		float: right;
		text-align: right;
		padding-top: 20px;
	}

/*  Social icons */


/* --------------------------------------------
	SOCIAL SHORTCODE
-------------------------------------------- */

ul.social-icons {
	height: auto;
	overflow: hidden;
	list-style: none!important;
	padding: 0;
    margin: 0;
    width: 30%;
	float: left;
	font-family: 'socicon';
}
ul.social-icons li {
	float: left;
	display: inline-block;
	height: 36px;
}
ul.social-icons li:not(.sf-love) a {
	display: inline-block;
	padding: 10px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	overflow: hidden;
	position: relative;
	text-align: center;
	transition: all 0.35s;
}
#top-bar ul.social-icons li:not(.sf-love) a { padding: 0; color: white !important; }
ul.social-icons li:not(.sf-love) a i {
	display: block;
	height: 100%;
	position: relative;
	top: 0%;
	transition: top 0.35s;
	width: 100%;
	margin-bottom: 31px;
}
ul.social-icons li:not(.sf-love) a i[class*="ss-"] {
	margin-top: -8px;
	display: block;
	margin-bottom: 38px;
}
ul.social-icons li a:hover {
	color: #fff!important;
}
ul.social-icons li a:hover i {
    top: -46px;
}
ul.social-icons.large li {
	height: 50px;
}
ul.social-icons.large li a {
	padding: 14px;
	width: 50px;
	height: 50px;
	line-height: 24px;
	font-size: 24px;
}
ul.social-icons.large li a i {
	margin-top: 0;
}
ul.social-icons.large li a:hover i {
    top: -52px;
}
ul.social-icons li.twitter a:hover {
	background-color: #00aced;
}
ul.social-icons li.facebook a:hover {
	background-color: #3b5998;
}
ul.social-icons li.youtube a:hover {
	background-color: #bb0000;
}
ul.social-icons li.instagram a:hover {
	background-color: #517fa4;
}
ul.social-icons li.linkedin a:hover {
	background-color: #007bb6;
}
ul.social-icons li.mail a:hover {
	background-color: #666;
}
ul.social-icons li.page-link a:hover {
	background-color: #333;
}


/*	Progress
	-------- */

	.progress_content{ position: fixed; left: 0; right: 0; margin: auto; max-width: 100%; top: -53px; z-index: 999; font-size: 20px; line-height: 1; font-style: italic; color: #000; background: #cbcaca; height: 53px; line-height: 53px; padding-left: 20px;}
	.progress_content.right{ left: 250px;}
	.progress_content.active{ top: 0;}
	.progress_content.active progress{ opacity: 1;}
	.progress_content strong{ color: #e85000; font-style: normal; font-weight: normal}
	.progress_content progress{ opacity: 0; width: 90%; height: 8px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent; color: #e85000; position: absolute; bottom: -3px; padding: 0; margin-left: 0;}
	.ie .progress_content progress{ height: 1px; margin-left: 0; bottom: 0;}

	.progress_content progress{ text-align: right;}
	.progress_content progress span{ display: block;}
	.progress_content .toggle_menu_proggress{ position: absolute; left: 25px; top: 18px; width: 32px; height: 17px; background: transparent url(img/menu.svg) center center no-repeat; background-size: 100%; z-index: 99; cursor: pointer; opacity: .5}
	#wrapper.disable .progress_content .toggle_menu_proggress{ opacity: 0}

	progress::-webkit-progress-bar{ background-color: transparent;}
	progress::-webkit-progress-value{ background: transparent url(img/orangeline.jpg) center center repeat-x; border-left: 1px solid #e85000; border-right: 1px solid #e85000}
	progress::-moz-progress-bar{ background-color: #e85000;}


/*	Navigation
	------------ */

	.navigation{ margin: 0 auto; text-align: center}
	.navigation li a,
	.navigation li a:hover,
	.navigation li.active a,
	.navigation li.disabled { color: #333; text-decoration:none;}
	.navigation li { display: inline; margin: 0}

	.navigation li a,
	.navigation li a:hover,
	.navigation li.active a,
	.navigation li.disabled {
		cursor: pointer;
		padding: 0 5px;
	}

	.navigation li a:hover,
	.navigation li.active a {
		color: black;
	}

	.navigation li.active a {
		font-weight: bold;
	}


/* GRID OUR TEAM */
.items { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px 0; }
.bio { font-size: 15px; line-height: normal; padding-top: 20px; }


/*	Lang Landing
	------------ */

	body.page-template-landing:before { content:""; display:block; background:rgba(0,0,0,.3);width: 100%; height: 100%; position: absolute; z-index: 2; }
	body.page-template-landing #bgvid { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background-repeat: no-repeat; background-size: cover; }
	.touch body.page-template-landing #bgvid { display: none; }
	body.page-template-landing #wrapper { height: 100%; position: static; }
	body.page-template-landing #wrapper > div { display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
	body.page-template-landing .site_title { top: 37%; }
	body.page-template-landing #choose { position: absolute; top: 47%; margin-top: 80px; text-align: center; width: 100%; z-index: 99; color: white; font: 19px/23px 'FGrotesk', Helvetica, sans-serif; color: white; display: none; }
	body.page-template-landing #choose a { text-decoration: none; color: #b6b6b6; }
	body.page-template-landing #choose a:hover { color: #e74f00; }
	.touch body.page-template-landing #choose { display: block; }
	body.page-template-landing .animsition { position: static; }
	body.page-template-landing .lang { display: none; }

/*	Travel Guides
	------------- */

	#travel .header{ text-align: center; margin-top: 44px; margin-bottom: 90px; position: relative}
	#travel .header h2{ text-transform: uppercase; color: #333333; font-size: 20px; line-height: 24px;}
	#travel hr{ border: 0; border-bottom: 1px solid #a2a2a2; display: block; width: 100%; position: relative;}
	#travel .intro_text{ font-size: 24px; line-height: 30px;text-align:center;margin-top:20px;margin-bottom: 60px;}
	#travel .intro_text strong{ font-weight: normal; color: #e85000;}
	#travel section{ margin: 20px auto; display: table}
	#travel .text { font-size: 15px; line-height: 18px; text-transform: uppercase; font-weight: normal; margin-bottom: -10px; padding: 0; padding-top: 20px;}
	#travel .boxes img { width: 100%;margin-bottom: 30px; }
	#travel .boxes .excerpt p { font-size: 16px; line-height: 22px;}
	#travel form { text-align: center; }
	#travel button,
	.single-post button {
	    background: #be4128;
	    color: #FFF;
	    border: none;
	    margin-bottom: 60px;
		font-family: 'FGrotesk';
	    padding: 12px 24px;
	    font-size: 20px;
	    letter-spacing: 1px;
	}
	#travel .site_title .subtitle,
	#travel .intro_text .title { display: block; color: #e85000;; font-style: italic; font-size: 40px; line-height: 72px; z-index: 60; text-align: center; text-transform: none; }
	#travel .intro_text .title { padding-top: 30px; line-height: 46px; }
	#travel .flexslider {
	    min-height: 50vh;
	}
	#travel .flex-control-nav,
	#travel .flex-direction-nav {display: none;}
	#travel .flex-fullscreen .slides > .slide > .background {
	    display: block;
	    width: 100%;
	    height: 100%;
	    color: #fff;
	    background-color: rgba(0,0,0,0.3);
	    position: absolute;
	    z-index: 9;
	}
	#travel .flexslider .country {
	    position: absolute;
	    bottom: 30px;
	    left: 0;
	    right: 0;
	    text-align: center;
	    color: #FFF;
	    text-transform: uppercase;
	    font-size: 60px;
	    z-index: 99;
	}
	#travel .gif {
		text-align: center;
		margin: 60px 0 120px 0;
	}
	#travel .gif img {
	    width: 300px;
	}
	#travel .gif h4 {
	    padding-bottom: 20px;
	    color: #be4128;
	}
	#travel .media_kit {text-align:center; }
	#travel .media_kit button {
		background: #444;
		font-size: 16px;
	}
	#travel .excerpt {
		min-height: 110px;
	}

	/*	FACET WP
	-------- */

	.facetwp-facet {
		margin-bottom: 0 !important;
	}
	.facetwp-counter {
		display: none;
	}
	.facetwp-checkbox {
		font-size: 18px;
		line-height: 32px;
		background: none !important;
		background-size: 14px 14px;
		margin-bottom: 4px;
		padding-left: 5px !important;
		cursor: pointer;
		display: inline-block;
		text-transform: uppercase;
	}
	.facetwp-checkbox.checked {
		background-image: none !important;
		color: #be4128;
	}
	.facetwp-checkbox:hover {
		color: #be4128;
	}
	.facetwp-checkbox:after {
		content: '/';
	}
	.facetwp-checkbox.checked:after,
	.facetwp-checkbox:hover::after {
		color: #333333;
	}

	.facetwp-overlay { background-color: #cbcaca !important; opacity: 0.3 !important; }


/* Switchers Talks */
.page-template-talks {
	font-family: 'Work Sans', sans-serif;
	color: white;
}
.page-template-talks a {
	color: white;
}
.page-template-talks #wrapper {
    margin-top: 0 !important;
}
.page-template-talks #top-bar,
.page-template-talks .main_navigation,
.page-template-talks #top-bar,
.page-template-talks .search,
.page-template-talks .lang,
.page-template-talks footer {
    display: none !important;
}
#talks .header {
	background: rgb(13,59,102);
	background: -moz-linear-gradient(0deg, rgba(13,59,102,1) 0%, rgba(227,81,34,1) 50%, rgba(250,240,202,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(13,59,102,1) 0%, rgba(227,81,34,1) 50%, rgba(250,240,202,1) 100%);
	background: linear-gradient(0deg, rgba(13,59,102,1) 0%, rgba(227,81,34,1) 50%, rgba(250,240,202,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d3b66",endColorstr="#faf0ca",GradientType=1);
}
#talks .title {
    position: absolute;
    top: 35%;
    padding-left: 20px;
}
#talks .title h1 {
    font-size: 8vw;
    line-height: 8vw;
	letter-spacing: -4px;
	font-weight: 500;
}
#talks .title h3 {
    font-size: 5.25vw;
    line-height: 5.25vw;
	margin-bottom: 30px;
}
#talks .cta {
    background: #FA5738;
	border: 3px solid #FA5738;
    padding: 20px 0;
	font-size: 20px;
    letter-spacing: -1px;
    line-height: 27px;
    min-width: 250px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}
#talks .cta.low {
    background: transparent;
    border: 3px solid white;
}

.page-template-talks .collab img {
    padding: 0 20px;
}
.page-template-talks .collab {
    text-align: right;
    margin-top: 20px;
}
#talks .header .logo {
	margin-top: 20px;
}
#talks .separator {
	background: rgb(13,59,102);
	text-align: center;
}
#talks .cos {
	background: rgb(244,211,94);
	background: -moz-linear-gradient(0deg, rgba(244,211,94,1) 0%, rgba(228,82,34,1) 40%, rgba(13,59,102,1) 80%);
	background: -webkit-linear-gradient(0deg, rgba(244,211,94,1) 0%, rgba(228,82,34,1) 40%, rgba(13,59,102,1) 80%);
	background: linear-gradient(0deg, rgba(244,211,94,1) 0%, rgba(228,82,34,1) 40%, rgba(13,59,102,1) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4d35e",endColorstr="#0d3b66",GradientType=1);
}
.page-template-talks .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.page-template-talks .flex.separator {
	padding-bottom: 20px;
	-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: flex-end;

}
#talks .cos .content {
	padding: 0 20px;
	max-width: 85%;
	font-size: 46px;
	line-height: 50px;
}
#talks .cos .footer {
	padding: 20px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
		-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
#talks .cos .footer p {
	font-size: 18px;
	line-height: 18px;
}
#talks .xarxes ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}
#talks .xarxes ul li {
    display: inline-block;
	padding: 0 5px;
}


/*	Mediaqueries
	------------ */
	@media (min-width: 992px) {
		body:not(.inv) #wrapper {
			margin-top: 130px;
		}
		.progress_content .toggle_menu_proggress {
			display: none;
		}
		.lang {
			position: fixed;
			right: 30px;
			top: 80px;
			z-index: 999;
			font-size: 12px;
			line-height: 1;
		}
		.home .lang { position: absolute; top: 44px; }
		.main_navigation .main_nav_container ul a {
			font-size: 18px;
		}
		.main_navigation .main_nav_container ul li span.sub {
			display: none;
		}
		.main_navigation.fullscreen {
			z-index: 999;
			min-height: 0;
			height: auto!important;
			width: 100%;
			border-right: 0px solid transparent;
			padding-top: 10px;
			padding-bottom: 10px;
			position: fixed;
			top: 36px;
			left: 0;
			right: 0;
			background: white;
		}
		.home .main_navigation.fullscreen {
			position: sticky;
			top: 0;
			height: 94px !important;
		}

		.search-open nav.main_navigation {
			margin-top: 60px;
		}
		.search-open.home nav.main_navigation {
			top: 60px;
		}
		.search-open:not(.home) .lang {
			top: 140px;
		}
		.search-open:not(.home) .search {
			top: 130px;
		}

		.flex-fullscreen .slide .caption {
			max-width: 80%;
		}
		.main_nav_container {
			min-height: 0;
			height: auto!important;
			text-align: left;
			margin: 0 !important;
		}

		.main_navigation .main_nav_container ul {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			/* margin: 0;
			width: 65%; */
			padding: 16px 0 0 30px;
			list-style: none;
			font-size: 24px;
			line-height: 40px;
			margin: 0 auto;
			position: absolute;
			right: 0;
			left: 0;
			width: 550px;
		}

		.main_navigation .main_nav_container ul li span {
			max-width: 180px;
			margin: 0 auto;
			padding: 0;
		}

		#homepage .site_subtitle {
			top: 90px;
		}

		.site_title {
			top: 110px;
		}

		.page-template-homepage-php .main_navigation .main_nav_container ul a {
			color: black;
		}

		.page-template-homepage-php .main_navigation .main_nav_container ul a:hover {
			color: #e74f00;
		}

		.main_navigation .close,
		#wrapper .toggle_menu {
			display: none;
		}

	}

	@media screen and (max-width: 1420px){
		.progress_content{ padding-left: 70px;}
	}

	@media screen and (max-width: 1220px){

		.main_navigation .main_nav_container ul { width: 60%; }
		.main_navigation .main_nav_container ul a { font-size: 16px; }
		nav.search { right: 100px; }

		#homepage .featured_stories_category .featured_stories_category_circle article .thmb,
		#homepage .featured_stories_category .featured_stories_category_circle article .content{ display: block; text-align: center; width: auto; max-width: 100%;}
		#homepage .featured_stories_category .featured_stories_category_circle article .thmb div{ margin: 0 auto 20px}
	}

	@media screen and (max-width: 1100px){
		.home_search{ top: 60px; right: 30px;}
		#archive_stories .grid_stories article{ width: 50%; }
		.page-template-lessons #archive_stories .grid_stories article { width: 33.3%; }
	}

	@media screen and (max-width: 992px){
		#homepage .site_title,
		#travel .site_title{ font-size: 78px; line-height: 50px; top: 24px;}
		#homepage .site_title span,
		#travel .site_title span{ font-size: 28px;}
		#homepage .site_subtitle{ top: 40px; font-size: 14px; padding-left: 22px;}
		#homepage .site_subtitle span { width: 90px;}

		.flex-fullscreen .slide .caption{ bottom: 100px;}
		.flex-fullscreen .flex-control-nav{ bottom: 25px;}
	}

	@media screen and (max-width: 991px){
		#top-bar { display: none; }
		#homepage { margin-top: 0; }


		.main_navigation .logo {
			display: block;
			width: 100%;
			background-repeat: no-repeat;
		}
		#wrapper .toggle_menu { left: 35px; top: 40px; background: transparent url(img/menu-white.svg) center center no-repeat; background-size: 100%; opacity: 1; z-index: 99999999; }
		

		.main_navigation .main_nav_container ul {
			width: 210px;
			padding: 0;
			margin: 0;
		}
		.main_navigation .main_nav_container ul a {
			font-size: 16px;
			line-height: 16px;
			padding-bottom: 10px;
			display: block;
		}
		.main_navigation .main_nav_container ul li span.sub {
			font-style: italic;
			color: #666;
			line-height: 1;
			padding-top: 3px;
		}
		.main_navigation .main_nav_container ul li { max-width: 210px; }
		.main_navigation .main_nav_container ul li ul {
			padding-top: 0;
		}
		nav .search_icon { background: transparent url(img/search_white.svg) center center no-repeat; }

		#search-form { position: relative; }
		.main_navigation.active { width: 300px; padding-top: 80px; }
		.main_navigation .main_nav_container ul { padding-top: 20px; }

		#single_story .info{ width: 100%;}
		#single_story .info_content,
		#single_story .featured_text,
		#single_story .credits,
		#about .info_content,
		#about .featured_text,
		#single_page article{ width: 100%; padding: 0 15px; margin: 0 auto;}

		#single_story .featured_text,
		#about .featured_text{ margin-bottom: 40px}

		#single_story .credits .text{ padding: 0;}
		#single_story .flex-gallery .slide,
		#single_story .flex-gallery img{ max-height: 450px;}

		#homepage .featured_stories article .thmb,
		#homepage .featured_stories article .excerpt{ display: block; text-align: center; width: 100%;}
		#homepage .featured_stories article .thmb div{ margin-bottom: 20px;}
		#homepage .featured_stories article .thmb img{ margin: 0 auto;}
		#homepage .featured_stories article .excerpt > div{ max-width: 100%; text-align: center;}

		#archive_stories .header .filter{ font-size: 14px;}

		.bottom .social li{ margin: 0 5px;}
		.bottom input{ width: 100% !important;}
		.bottom .search #searchsubmit{ width: 26px !important;}


		#archive_stories .switchers_search {
			left: 0;
			right: 0;
			margin: 0 auto;
			top: 45px;
		}

		.lang{ display: none}
		.main_navigation .lang{ display: block;}
		/*.main_navigation.active .lang ul{ left: -3px;}*/

		nav.search {
			right: 30px;
			top: 25px;
		}
		.search-open nav.search {
			top: 70px;
		}
		.post-type-archive-guide .search_icon {
			background: transparent url(img/search_white.svg) center center no-repeat;
		}
		nav.search .search_icon {
			background-size: 40px;
			height: 40px;
			width: 40px;
		}

		ul.social-icons { width: 80%; float: none; }
		.copyright {
			width: 100%;
			float: none;
			text-align: left;
			padding-top: 30px;
		}
	}

	@media screen (max-width: 991px) and (min-width: 768px){
		#wrapper .toggle_menu{ top: -5px; }
	}
	@media screen and (max-width: 767px){

		body{ font-size: 18px; line-height: 26px;}

		.bg-fixed{ background-attachment: initial}

		#wrapper.disable{ left: 300px;}
		#wrapper .toggle_menu { left: 15px;}
		.inv #wrapper .toggle_menu{ left: 15px; top: 20px;}

		.home_search{ display: none}

		.main_navigation{ width: 300px; left: -300px;}
		.main_navigation .close { position: absolute; left: 15px; top: 15px;}
		.main_navigation .main_nav_container ul { margin: 70px 0 0 20px; font-size: 18px; line-height: 30px;}

		.progress_content{ display: none}

		#homepage .site_title span,
		#travel .site_title span { font-size: 16px;}
		#homepage .site_title,
		#travel .site_title{ font-size: 28px; line-height: 26px; top: 15px;}
		#homepage .site_subtitle{ display: none}

		.flex-fullscreen .slide .caption{ bottom: 60px;}
		.flex-fullscreen .slide .caption h1 { font-size: 20px; line-height: 24px; padding: 0 30px;}
		.flex-fullscreen .slide .caption h3.display{ display: none;}
		.flex-fullscreen .slide .caption h3.responsive{ display: block;}
		.flex-fullscreen .slide .caption h3 { margin-bottom: 10px; padding: 0 15px}
		.flex-direction-nav a{ width: 16px; height: 20px;}
		.flex-fullscreen .flex-direction-nav .flex-prev{ left: 15px;}
		.flex-fullscreen .flex-direction-nav .flex-next{ right: 15px;}
		.flex-fullscreen .flex-control-nav{ bottom: 30px;}

		#homepage .featured_title h3,
		#single_story .related_title h3{ font-size: 14px; padding: 0 20px;}
		#homepage .featured_stories .flex-control-nav { bottom: -20px;}
		#homepage .featured_stories article{ margin-bottom: 30px;}
		#homepage .featured_stories_category{ text-align: center;}
		#homepage .featured_stories_category .featured_image,
		#homepage .single_story{ height: 220px}
		#homepage .featured_stories_category .featured_image h1{ font-size: 28px; letter-spacing: 4px;}
		#homepage .featured_stories_category .featured_stories_category_simple article,
		#homepage .featured_stories_category .featured_stories_category_simple.videos article,
		#homepage .featured_stories_category .featured_stories_category_circle article{ text-align: left; width: 100%;}
		#homepage .featured_stories article .thmb,
		#homepage .featured_stories_category .featured_stories_category_circle article .thmb{ width: 40%; display: inline-block; vertical-align: middle}
		#homepage .featured_stories article .excerpt,
		#homepage .featured_stories_category .featured_stories_category_circle article .content{ width: 58%; padding-left: 15px; display: inline-block; vertical-align: middle; text-align: left;}
		#homepage .featured_stories article .thmb img,
		#homepage .featured_stories article .thmb div,
		#homepage .featured_stories_category .featured_stories_category_circle article .thmb img,
		#homepage .featured_stories_category .featured_stories_category_circle article .thmb div{ width: 100px; height: 100px; margin: 0 auto;}
		#homepage .featured_stories article .excerpt > div{ text-align: left}
		#homepage .single_story h1{ font-size: 20px; line-height: 20px; padding: 0 30px;}
		#homepage .single_story .button { bottom: 20px; width: 175px; font-size: 10px; letter-spacing: 1px; height: 26px; line-height: 25px;}

		.search #archive_stories .archive_header .filter{ display: none}
		#archive_stories .archive_header{ margin: 0; position: fixed; top: 0;}
		#archive_stories .archive_header .container-fluid .title_results{ margin-left: 0;}
		#archive_stories .archive_header{ transition: all .23s ease-in-out}
		#archive_stories .archive_header.disable{ left: 200px;}

		#archive_stories .header,
		#about .header,
		#single_page .header,
		#archive_stories .header { margin-top: 20px; padding-bottom: 0px;}

		#archive_stories .archive_header .filter{ display: block; width: 100%; text-align: center; margin-top: 0; top: -10px;}
		#archive_stories .archive_header .filter{ position: relative; width: 100%; margin: 0px auto; text-align: center; padding: 0 15px; right: initial;}
		#archive_stories .archive_header .tax_filter{ margin: 0 auto; padding: 0px 0 20px}
		#archive_stories .archive_header .tax_filter li{ font-size: 14px; margin-bottom: 0px; line-height: 26px}
		#archive_stories .archive_header .tax_filter li:after {margin: 0px 5px;}
		#archive_stories .grid_stories{ padding: 0; margin-top: 50px; margin-left: 0; }
		#archive_stories #filters.sidebar .facetwp-facet-activities .facetwp-checkbox { display: block; }
		#single_story section{ margin: 0;}
		#single_story .info{ padding-top: 30px;}
		#single_story .intro_text,
		#single_story .featured_text,
		#about .intro_text,
		#about .featured_text{ font-size: 26px; line-height: 30px;}
		#single_story .share{ display: none !important}

		#single_story section{ padding: 0}
		#archive_stories .grid_stories article,
		.page-template-lessons #archive_stories .grid_stories article,
		#single_story .related_stories article{ width: 100%; padding: 0 15px; display: block; margin-bottom: 20px;}
		#single_story .related_stories article .thmb_content .layer h2{ margin: 10px; color: #fff; font-size: 14px; line-height: 18px;}
		#single_story .two_images{margin: 0px auto;}
		#single_story .two_images img{ margin-top: 20px;}
		#single_story .credits .text{ text-align: right;}
		#single_story .related_title hr{ top: -36px;}
		#single_story .related_stories{ margin-top: 20px;}
		#single_story .related_stories .share{ display: block !important; opacity: 1; font-size: 22px; margin: 10px auto 10px; list-style: none; font-family: 'socicon'; width: auto; text-align: center; padding: 0 0 10px 0; left: 0; position: relative;}
		#single_story .related_stories .share li{ display: inline-block; margin: 0 5px; text-align: center}
		#single_story .related_stories .share a{ border: 1px solid #999999; border-radius: 50%; padding: 10px; color: #999999;}
		#single_story .flex-gallery .slide{ height: 300px}
		#about .header,
		#archive_stories .header { margin-bottom: 0 }
		#about .header hr { top: 5px; }
		#archive_stories .header hr { display: none; }
		#single_page .header .social{ padding: 0; }
		#single_page .header .social li img { height: 18px; }
		#about section,
		#single_page article{ padding: 0 }
		#single_page .header { margin-bottom: 40px; }

		#archive_stories .grid_stories article.first .image_content {
			width: 100%;
			float: none;
		}
		.blog #archive_stories .grid_stories article {
			margin-bottom: 40px;
			padding-bottom: 20px;
			border-bottom: 1px solid white;
		}
		#archive_stories .grid_stories article.first .intro,
		#archive_stories .grid_stories article.first a.btn {
			display: none;
		}
		.single-post .image-header {
			height: auto;
			background-size: cover;
			background-repeat: no-repeat;
			min-height: 30vh;
			width: 100%;
		}
		.single-post article {
			padding: 0 15px !important;
		}
		.single-post #single_story .single-image {
			width: 100%;
		}
		.single-post .bg-parallaxed {
			background-size: contain;
			height: auto !important;
			position: relative;
			min-height: 35vh;
			margin-bottom: 0;
		}
		.bottom .container-fluid,
		footer .container-fluid{ padding: 0;}
		.bottom div, .bottom ul, footer div, .bottom .social{ width: 100%; text-align: left; margin: 0 auto 30px; display: block}

		body.page-template-landing #choose { font-size: 16px; line-height: 19px; padding-right: 30px; padding-left: 30px; }

		#archive_stories #filters.sidebar { position: relative; margin-top: 100px; width: 100%; left: 15px; right: 15px; }

		nav.search {
			right: 25px;
			top: 10px;
		}

		.search-open nav.search {
			top: 70px;
		}

		/* Talks*/

		.page-template-talks #wrapper .toggle_menu {
			display: none !important;
		}
		.logo img {
			max-width: 120px;
		}
		.page-template-talks .collab img {
			padding: 0;
			max-width: 150px;
			max-height: 25px;
			margin-right: 5px;
    		margin-bottom: 5px;
		}
		#talks .talks-container {
			height: 100vh; /* Fallback for browsers that do not support Custom Properties */
			height: calc(var(--vh, 1vh) * 100);
			background: rgb(13,59,102);
		}
		#talks .header {
			min-height: 70vh !important;
		}
		#talks .title {
			top: 25%;
			padding: 0 20px;
		}
		#talks .title h1 {
			font-size: 72px;
			line-height: 62px;
		}
		#talks .title h3 {
			font-size: 38px;
			line-height: 48px;
			padding-left: 5px;
			margin-bottom: 50px;
		}
		#talks .cta {
			display: block;
			width: 270px;
			height: 60px;
			padding: 15px 0;
			margin: 0 auto;
			margin-bottom: 8px;
		}
		#talks .cos .content {
			font-size: 25px;
			line-height: 27px;
		}
	}

	@media screen and (max-width: 320px){
		#search-form form { width: 260px;}
		#search-form .search-submit.search_icon {width: 30px;height:30px;background-size:30px;}
	}

/*	Print
	----- */

	@media print {
		* { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important;}
		a, a:visited { text-decoration:underline;}
		a[href]:after { content:" (" attr(href) ")";}
		abbr[title]:after { content:" (" attr(title) ")";}
		.ir a:after,
		a[href^="javascript:"]:after,
		a[href^="#"]:after { content:"";}
		pre,blockquote { border:1px solid #999; page-break-inside:avoid;}
		thead { display:table-header-group;}
		tr,img { page-break-inside:avoid;}
		img { max-width:100% !important;}

		@page { margin:0.4cm;}
		p, h2, h3 { orphans:3; widows:3;}
		h2, h3 { page-break-after:avoid;}
	}



	/* WYSIWYG */
	.alignnone {
		margin: 5px 20px 0px 0;
	}

	.aligncenter,
	div.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	.alignright {
		float:right;
		margin: 5px 0 15px 20px;
	}

	.alignleft {
		float: left;
		margin: 5px 20px 15px 0;
	}

	.wp-caption-text {
		font-size: 60%;
		line-height: 1.3;
	}
	a img.alignright {
		float: right;
		margin: 5px 20px 15px 0;
	}

	a img.alignnone {
		margin: 5px 20px 15px 0;
	}

	a img.alignleft {
		float: left;
		margin: 5px 20px 15px 0;
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.wp-caption img {
		max-width: 30vw;
		height: auto;
	}