/*@charset "UTF-8";*/
/* CSS Document */
@media screen and (max-width:480px) {

/*
body {font-size:75%;}
*/

	body .content .inner-section { padding-left: 10px; padding-right: 10px; }
	
	body .content .inner-section .title-position { }

	.inner-section h1 center {	padding: 12px 0; }
	
	.inner-section h3 center { padding: 8px 0; }
	
	/*header nav ul li { width:100%; }*/
	
	/*header nav ul li:nth-child(2) { border-left: none; }*/
	
	/*header nav ul li:nth-child(4) { border-left:none; }*/

	/*header nav ul li:nth-child(6) { border-left:none; }*/


/* ~~~ Follow Expedition Dispatches ~~~ */

	.inner-section #followExped { right: 0; left: auto; }

	.inner-section .followExpedInterior { border-bottom-right-radius: 0; border-bottom-left-radius: 4px; }


footer { /* height: 100px; min-height: 0px; */ }
	
	/*
	footer .contact-section { text-align: center; height: auto; min-height: 0px; }
	*/
	
	/*
	footer .social-section { float: none; clear: both; }
	*/
	
	/*
	footer .contact-section p {	letter-spacing: 2px; font-size: 10px; }
	*/
	
	/*
	footer .social-section p { font-size: 11px; letter-spacing: 2px; line-height: 1; }
	*/
	
	/*
	footer .contact-section p a { font-size: 15px; }
	*/
	
	.main .column-twothirds, .main .side { float: none; width: 100%; }

	/*
	.main div.one-third { width: 100%; float: none; margin: 25px 0; }
	*/
	
	.mobile-collapse {
		float: none;
		width: auto;
		margin-right: 0;
		margin-left: 0;
	}
	
	.hide-mobile { display: none; }


/* ~~~ qs > member ~~~ */

	.main div .member {
		float: none;
		width: 80%;
		margin-right: 0;
		margin-left: 10%;
		margin-top: 50px;
	}

	.main div .member:nth-child(4) {  margin-left: 10%; }

	.memberCV-background div.memberCV { width:99%; left:0; }


/* ~~~ qs > recon ~~~ */

	.recon .inner-section .side { text-align:center; }


/* ~~~ sponsors ~~~ */

	body .sponsorsWrap div.sponsors-80 { /* padding: 15px 0;  background:green; */ }

	.sponsorsWrap div.sponsors { width: 30%; /* padding: 10px 0; margin-left:3%; */ }


/* ~~~ exped  ~~~ */

	.half-nomargin .inner-section { padding-left:0; padding-right:0 } /* ~~~ .inner-section padding def ~~~ */


/* ~~~ chyt > clientes ~~~ */

	body .clientes #more-clients .clientes-float-box { width: 48%; margin-bottom: 8px; /* margin-right:2%; */ }

	body .clientes #more-clients .clientes-float-box:nth-child(3n) { margin-right:2%; }
	
	body .clientes #more-clients .clientes-float-box:nth-child(2n) { margin-right: 0; }
	
	body .clientes #more-clients .clientes-float-box h4 {  }

/* ~~~ image Gallery ~~~ */

	.content .images .images-float-box { /* style for anchor link box */
		width: 49.75%;  /* 49 */
		margin-right: .5%; /* when width 49 and margin-right used */
/*		margin-bottom: 6px;*/
		padding-top: 49.75%; /* Aspect ratio 1:1 */
	}	


	body .main .images	.images-float-box .images-float-box-text { padding-top: 45%; }

	body .container .main .images .images-float-box h3 { font-size: 21px; }

	.content .images-float-box:nth-child(2n) { margin-right: 0; } /* ~~ when margin-right used ~~ */

	.content .images-float-box:nth-child(3n) { margin-right: none; } /* ~~ when margin-right used ~~ */

	
/* /// ~~ Component CSS homepage slideshow  ~~ /// */
	
	.cbp-bicontrols { display: none; }

	.cbp-bislideshow li div.slideCaption h1 { font-size: 64px; }

	.cbp-bislideshow li div.slideCaption h2 { font-size: 36px; }
	
	.cbp-bislideshow li div.slideCaption h3 { font-size: 26px; }
	
	.cbp-bislideshow li div.slideCaption h4 { font-size: 21px; }
	
}

@media screen and (max-width:640px) {
	
	.hide-tablet-640 { display:none; }
	
	.tablet-640-collapse {
		float: none !important;
		width: 100% !important;
		margin-right: 0;
		margin-left: 0;
	}

	h1 { font-size: 30px; }
	h2 { font-size: 22px; }
	h3 { font-size: 18px; }

/*	.content .chyt-img {
	  float:none;
	  display:block;
	  width:100%;
	  padding-left:0;

	margin-top:25px;

	  overflow:auto;
	}
	
	.chyt-img img {
		float:none;
		display:block;
		margin:0 auto;
	}*/
	
	body footer .contact-section {
		text-align:center;
		padding-left:0;
		padding-top: 10px;
		border-top: solid 2px rgba(0,0,0,.05);
	}
	
	body footer .social-section {
		text-align:center;
		padding-right:0;	
		padding-bottom: 20px;/**/	
	}

	.main .content .inner-section { padding-left: 15px; padding-right: 15px; }
	
	.content .inner-section .title-position { margin-left: -15px; text-shadow: 1px 1px 2px rgba(0,0,0,.2); }

	body div .member {
		width: 32%;
		margin-right: 2%;
		
	}
	
	body div .member:nth-child(3) {
		margin-right: 0;
	}

	body div .member:nth-child(4) {
		margin-left: 18%;
		margin-top: 50px;
	}

	body div.member:last-child {
		margin-right:none;
		margin-top: 50px;
	}/**/


/* ~~~ expeds ~~~ 

.container .exped-table { padding-bottom: 60px; overflow: auto }*/


/* ~~~ next project ~~~ */


.inner-section .next-inset-2 { margin:40px 0 140px 0; }

.main .video-nextProject { padding: 25px 0; }

.main .video-nextProject .embed-container img { top: 10px; left: 10px; width: 26px; height: 26px; }

.main .video-nextProject .embed-container p { display: none }

/* ~~~ image gallery ~~~ */
	body .images-float-box p {
	margin-top: -4px;
	line-height: 16px
}


/* ~~~ images ~~~ */

	.main .images	.images-float-box .images-float-box-text { padding-top: 35%; color:red; }

	.main .content .images .images-float-box h3 { font-size: 17px; }


}

@media screen and (max-width:768px) {
	
	header { text-align:left; }
	
	header .logo { padding:.7em .8em; }

	h1 center { font-size:38px; }

	h2 center { font-size:28px; }

	h3 center { font-size:22px; }

	nav {
		display:none;
		width:100%;
		background: rgba(0, 0, 0, .8);

		/* *new* to make pull menu over page and NOT push everything down */
		position: absolute;
		z-index: 2000;
		top: 50px;
		
	}
	
	nav ul li {
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,.1);
	}

	nav ul li:nth-child(6) { /* "MAS INFO" menu link do not display for now */
		border-bottom: none;
	}

	/*nav ul li:nth-child(2) { border-left: 1px solid rgba(255,255,255,.1); }*/
	
	/*nav ul li:nth-child(4) { border-left: 1px solid rgba(255,255,255,.1); }*/

	/*nav ul li:nth-child(6) { border-left: 1px solid rgba(255,255,255,.1); }*/

	/*nav ul li:last-child a { padding-left: 22px; }*/

	.container nav ul li a { padding-left: 35px }

	nav ul li a:after { display:none; }

	.active { /* Means the Current Focus Page */
		/*
		border-left:2px solid rgba(255,255,255,.6);
		border-bottom: none;
		box-shadow: inset 0 0 15px rgba(0,0,0,.3);
		*/
	}

	nav ul li a:hover {
		/*
		border-left: 1px solid rgba(255,255,255,.5);
		border-bottom: none;
		*/
	}
	
	#pull {
		color: #CCC;
		display: block;
		cursor: pointer;
		float: right;
		padding: 15px 21px 14px 21px;
	}
	
	#pull:hover {
		background: rgba(0,0,0,.6);
		color: #fff;
		
		animation: ease-in-out;
		-webkit-transition: background .8s, color .8s;
		-moz-transition: background .8s, color .8s;
		transition: background .8s, color .8s;
	}
	
	#pull:before {
		font-family: fontAwesome;
		font-size: 20px;	
		content: "\f0c9";
	}

	.tablet-collapse {
		float: none !important;
		width: 100% !important;
		margin-right: 0;
		margin-left: 0;
	}
	
	.hide-tablet {
		display: none;
	}

	footer .contact-section { /* background:red; */ }

	footer .social-section { /*background:blue;*/ }

	.main div.half { float: none; width: 100%; margin: 0; }

	div.thirds { /* padding-bottom: 1em; width: 100%; */ }

	div.one-third { float: none; width: auto; margin-right: 0; }

	div.one-third-second { margin-right: 0; }

	div.one-third-last { clear: both; float: none; width: auto; }
	
	/* crop Image *top* by 35% */
	.main .cropTop img { margin-top: -35%; }

	/* crop Image *bottom* by 40% */
	.main .cropBot img { margin-bottom: -40%; }


/* ~~~ sponsors ~~~ */

	.sponsorsWrap div.sponsors-80 { padding: 10px 0; }
	
	.sponsors-80 div.sponsors img { width: 80px; height: auto; }


/* ~~~ qs > member ~~~ */
	
	div .member { width: 19.2%; margin-right: 1%; }
	
	/*div.recon h2 { margin-top: 25px; }*/

/* ~~~ next ~~~ */

	.main #next-route-img-bg { background: none; }

	.inner-section #next-route-img-div { display: block; }

	h1.next-h1 { width: 100%; }

/* ~~~ Expeditions ~~~ */

	body .main .exped-box-wrapper h2 { font-size: 24px }

	body .main .exped-box-wrapper h3 { font-size: 21px } 

	body .main .exped-box-wrapper h4 { font-size: 18px }

	.exped-table .exped-data-row .half-nomargin { width: 50%; float: left; }

/* ~~~ chyt > clientes ~~~ */

	.tablet-padding-spacer { padding: 25px 0 15px 0 }

	#more-clients .clientes-float-box { width:32%; }

	#more-clients .clientes-float-box:nth-child(4n) { margin-right:2%; }

	#more-clients .clientes-float-box:nth-child(3n) { margin-right:0; }

	.clientes-float-box h5 { font-size: 92%; }
	
/* ~~~ image gallery ~~~ */

	.images .images-float-box {
		/* style for anchor link box */
		width: 33%; /* 32 o 33.33 */
		padding-top: 33%; /* (Aspect ratio 1:1) */
		margin-right: .5%;/**/ /* when width 32 */
	}

	.images	.images-float-box .images-float-box-text { padding-top: 45%; }

	.main .images .images-float-box h3 { font-size: 21px; }

	.images-float-box:nth-child(4n) {
		margin-right:none; /* when there is a margin-right used */
	}

	.images-float-box:nth-child(3n) {
		margin-right:0;/**/  /* when there is a margin-right used */
	}

	
}

@media screen and (max-width:850px) {
	
	header .logoHead {
		padding: 14px 10px 16px 10px;
		font-size: 16px;
	}
	
	header .logo-section img {
		margin-top: 11px;
		width: 28px;
		height: 28px;
	}
	
	nav ul li a {
		padding: 17px 10px;
		font-size: 11px;
		height: 50px;
	}

	nav ul li a:after {
		/*width: 300%;*/
	}

/* ~~~ .inner-section adjustment for new nav height ~~~ */

	.content #inner-section-first { height: 350px; }

/* ~~~ English version Link ~~~ */

	header .lang a { padding: 17px 10px;	 font-size: 11px; height: 50px }

	.lang a:after { top: 32px; }

/* ~~~ Follow Expedition Dispatches ~~~ */

	#followExped { padding: 0; left: 5%; top: 50px; }
	
	.followExped-left { font-size: 12px; padding: 8px; }
	
	.followExpedInterior { padding: 8px; }
	
	.followExpedInterior a { font-size: 12px; }


/* ~~~ sponsors ~~~ */

	.sponsors-80 .sponsors img { width: 98px; height: auto; }


/* ~~~ next project ~~~ */

.video-nextProject { margin-top: -50px } /* NOTE TO CHANGE ~ disappear ~ */

.main #next-route-img-bg { background-position: right 280px ; }



/* ~~~ chyt > clientes ~~~ */	

	.clientes { /*width:90%;*/ }


/* ~~~ image Gallery ~~~ */

	.images-float-box {
		/* style for anchor link box 
		width:24.4%;*/
/*		margin-right: .8%;*/
	}

	.images-float-box .images-float-box-text { padding-top: 40%; }

	.images .images-float-box h3 { font-size: 18px; }

/* ~~~ Expeditions ~~~ */

	.exped-data-row .half-nomargin { width: 100%; float: none }

}

@media screen and (max-width:1100px) {
	
	header .logo-section {
		margin-left:2%;
		/*float:left;*/
	}
	nav { /*margin-right:1%;  margin-left:8%;
		float:right;*/
	}

	div.sponsors-80 { width: 100%; }

	/*
	.sponsors { margin-right: 0; }
	*/

	/*
	.container header .header-center { width:85%; }
	*/

/* ~~~ expeditions ~~~ */

	.main .exped-box-wrapper h2 { font-size: 21px }

	.main .exped-box-wrapper h3 { font-size: 18px } 

	.main .exped-box-wrapper h4 { font-size: 16px }



}