/* Responsive */
/* General small screen Mobile down size from 768px, display all columns in block
============================================================================================== */
.is-mobile .desktop-only {
	display: none !important;
}

.is-desktop .mobile-only {
	display: none !important;
}


.is-mobile .slick-prev, 
.is-mobile .slick-next {
	top: 50% !important;
	margin-top: -28px !important;
	width: 56px !important;
	height: 56px !important;
	background-image: url('../images/arrows-medium.png') !important;
	background-repeat: no-repeat;
}

.is-mobile #footer-wrapper {
	position: absolute;
	bottom: 0px;
}

.is-mobile #footer .slick-next {
	background-position: right;
}

.is-mobile .slick-prev:before, 
.is-mobile .slick-next:before {
	display: none !important;
}

.is-mobile .storyBlock .box img {
	display: block;
}

.is-mobile #content h3 {
    font-size: 0.9em;
    letter-spacing: 0.15em;
}

.is-mobile a.btn-program-details {
    background-color: transparent;
}

.is-mobile .banner-mobile img {
    width: auto;
    margin-top: 0px;
    min-height: 100%;
    margin-left: 0;
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.is-mobile .banner-mobile blockquote {
    font-size: 18px;
    top: auto;
    bottom: 23%;
}

.is-mobile .grad-border {
	height: 2px;
	top: -2px;
}

.is-mobile #content {
    border-top: 1px solid #fffc00;
}

.is-mobile .banner-mobile h2 {
    font-size: 29px;
    top: 27%;
}

.is-mobile #content .galleryBox .galleryImages img:first-child {
	    margin-bottom: 25px;
	    margin-right: 0px;
	}

.is-mobile 	.textBody blockquote {
	    float: none;
	    width: auto;
	    margin: 0 0 40px 1em;
	    font-size: 1em;
}	

.is-mobile .textBody blockquote:before {
    content: open-quote;
    position: absolute;
    left: -26px;
    top: 11px;
    font-size: 56px;
    font-style: normal;
}

.is-mobile .textBody blockquote footer {
    position: absolute;
    font-size: 10px;
    line-height: 15px;
    bottom: -18px;
    left: 20px;
    font-family: "proxima-nova" !important;
    font-weight: 300 !important;
    font-style: normal !important;
    text-transform: uppercase;
}

.is-mobile .quoteBox blockquote {
    font-size: 24px;
    position: relative;
    margin-bottom: 15px;
}

.is-mobile .quoteBox blockquote:before {
    font-size: 55px;
    top: 6px;
    left: -24px;
}

.is-mobile #content .quoteBox.padding {
    padding: 5px 10% 20px 16%;
    max-width: 788px;
}

.is-mobile .quoteBox blockquote footer {
    position: absolute;
    font-size: 10px;
    line-height: 15px;
    bottom: -20px;
    left: 10px;
    font-style: normal;
    font-family: "proxima-nova" !important;
    font-weight: 300 !important;
    font-style: normal !important;
    text-transform: uppercase;
}

.is-mobile .quoteBox blockquote footer:before {
    content: "";
    display: block;
    width: 8px;
    height: 1px;
    position: absolute;
    background: #444;
    left: -12px;
    top: 40%;
}

.is-mobile a.btn-program-details span {
    padding: 1.3em 1em;
    font-size: 13px;
    max-width: 96%;
    overflow: hidden;
    border-radius: 5px;
}

.is-mobile .sliderTitle h3 {
	    font-size: 16px;
	    max-width: 60%;
	    padding: 0 10%;
	}

.is-mobile #related-program .otherStories {
		margin-top: 0;
}

.is-mobile #header-mobile .header-top h1 {
	    font-size: 18px;
	    text-indent: 13px;
	    line-height: 50px;
	    font-weight: 100;
	}	

.is-mobile #header-mobile .header-top .text {
	    margin-left: -45%;
	    font-size: 10px;
	    text-align: right;
	    font-weight: 100;
	}	

.is-mobile #header-mobile .header-top #menu-icon-hamburguer {
	    display: block;
	    float: right;
	    width: 52px;
	    height: 70px;
	    margin-left: 25px;
	    position: absolute;
	    right: 0;
	    background-position: center;
	    background-repeat: no-repeat;
	}	

.is-mobile #content .textBody.padding.storyIntro {
    padding-top: 1.5em;
    margin-bottom: 1.5em;
}	

.is-mobile #content .textBody.padding.storyIntro p {
    font-family: "proxima-nova" !important;
    font-weight: 300 !important;
    font-style: normal !important;
    font-size: 0.9em;
    letter-spacing: -0.034em;
    line-height: 1.3;
    position: relative;
}

.is-mobile #content .textBody.padding.storyIntro p:after {
    bottom: -30px;
}

.is-mobile #content .headingBody p {
    font-size: 1.5em;
    line-height: 1em;
    font-weight: bold;
    text-align: left;
}

.is-mobile #content {
	padding-top: 2em;
}

.is-mobile #content .headingBody.padding {
		padding:0 10%;
	}

.is-mobile #content p {
    font-size: 0.9em;
    line-height: 1.6em;
}

.is-mobile p.videoLegend {
	font-size: 10px;
}	

.is-mobile .fullPic {
		max-height: 240px;
		height: 240px;
		overflow: hidden;
	}

.is-mobile #content > div.fullPic {
	max-height: 240px;
	height: 240px;
}

.is-mobile .fullPic img {
    display: inline-block;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    height: 240px;
    max-height: 240px;
    width: auto !important;
}	

.is-mobile .fullPic .inner .borderbox {
	    padding: 10px;
	    border: 2px solid white;
	    font-size: 1.2em;
	    line-height: 1.2em;
	    max-width: 80%;
	    overflow: hidden;
	}

.is-mobile .socialmediaBox h3:before {
		top: 25%;
	    width: 10px;
	    margin-left: -5%;
	}	

.is-mobile .socialmediaBox h3:after {
		top: 25%;
	    width: 10px;
	    margin-right: -5%;
	}

.is-mobile .socialmediaBox h3 {
    font-size: 17px;
    max-width: 60%;
    padding: 0 0%;
    max-width: 80%;
    line-height: 22px;
}	

.is-mobile .socialmediaBox a {
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);

	margin: 0 6px;
}

.is-mobile .socialmediaBox {
    text-align: center;
    padding: 13px 0 20px 0;
}

.is-mobile #footer .featured {
    padding: 12% 5%;
}

.is-mobile #related-program .featured h3
 {
		line-height: 1.4em;
	    max-width: 100%;
}

.is-mobile #footer .stats {
    margin: 20px auto 20px auto;
}

.is-mobile #footer .featured p {
	font-size: 16px;
    line-height: 1.3em;
}

.is-mobile #related-program .stats {
	margin-bottom: 20px; 
}
.backgroundsize .is-mobile .btn-top {
    display: block;
    width: 66px;
    height: 66px;
    background: url("../images/btn-top-noshadow.png");
    background-size: contain;
    overflow: hidden;
    font-size: 1px;
    text-indent: -1000px;
    margin: -33px auto 0 auto;
    cursor: pointer;
    position: relative;
    z-index: 90;
    -webkit-transform:scale(0.7);
    -moz-transform:scale(0.7);
    -ms-transform:scale(0.7);
    transform:scale(0.7);
}

.is-mobile .stats h4:after {
    width: 24px;
    margin-left: -12px;
}

.is-mobile #footer > em {
    font-size: 0.6em;
    margin-bottom: 26px;
}

.is-mobile .stats li {
	    display: inline-block;
	    width: 49%;
	    padding: 10px 1%;
	    box-sizing: border-box;
	    margin-bottom: 15px;
	    vertical-align: top;
	    min-width: auto;
	}

.is-mobile #footer .featured:before {
    content: "";
    display: block;
    width: 24px;
    height: 1px;
    background: #FFF;
    position: absolute;
    top: -23px;
    left: 50%;
    margin-left: -12px;
}

.is-mobile #related-program .stats h4:after {
	    bottom: -12px;
	}	
	
.is-mobile #related-program .stats h4 {
	    font-size: 1.4em;
	}

.is-mobile #related-program .stats p {
    display: block;
    padding: 0 5%;
    font-size: 0.8em;
    line-height: 19px;
}

.is-mobile .storyBlock .box a {
	    margin-top: 25px;
	    border: 1px solid white;
	    font-size: 1em;
    	padding: 5px 15px;
}

.is-mobile .btn-brasil {
	    right: 15px;
	    bottom: 15px;
	}

.is-mobile .btn-information {
	    left: 15px;
	    bottom: 15px;
	}

.is-mobile .sliderTitle {
	    background: #46433d;
	    padding: 35px 0;
	}

.is-mobile .sliderTitle h3 {
    font-size: 0.8em;
    width: 60%;
    overflow: visible;
    padding: 0 10%;
}

.is-mobile .sliderTitle h3:before {
	    width: 20px;
	    top: 25%;
	    margin-left:-8%;
	}

.is-mobile .sliderTitle h3:after {
	    width: 20px;
	    top: 25%;
	    margin-right:-8%;
	}

.is-mobile #footerSlider .storyBlock {
	    box-sizing: border-box;
	    padding: 0px;
	}

.is-mobile .storyBlock .box {
	    box-sizing: border-box;
	    border: 0px;
	    padding: 28% 4%;
	    position: relative;
	    overflow: hidden;
	}

.is-mobile .storyBlock .box img {
		display: block;
	}

.is-mobile .textBody blockquote {
    width: 90%;
    float: none;
    margin: 0 0 30px 10%;
}

.is-mobile .storyBlock .box em,
.is-mobile .storyBlock .box a,
.is-mobile .storyBlock .box h4 {
		position: relative;
	}

.is-mobile .storyBlock .box em {
	font-size: 0.8em;
}
.is-mobile .storyBlock .box a {
	font-size: 0.8em;
	padding: 4px 5px;
}
.is-mobile .storyBlock .box h4 {
	font-size: 2em;
}	

.is-mobile .btn-top {
	    z-index: 80;
	    position: relative;
	}

.is-mobile #footer {
    padding-bottom: 90px;
}	

.is-mobile #related-program {
	padding-top: 15px;
	padding-bottom: 9px;
}

.is-mobile #footer .slick-prev {
    left: 5%;
}

.is-mobile #footer .slick-next {
    right: 5%;
}

.is-mobile #error-report {
	padding: 15% 20px;
}

@media handheld, only screen and (max-width: 1280px) {
	
}

/* Custom sizes
============================================================================================== */

/* Helpers for windows phone 8 */

@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: device-width;
  }
  @viewport {
    width: device-width;
  }
}

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

	.pages-menu table tr:first-child td .box {
		margin-bottom:15px;
	}

	.pages-menu table tr:last-child td .box {
		margin-top: 15px;
	}


	.pages-menu table tr td:first-child .box {
		margin-right: 15px;
	}

	.pages-menu table tr td:last-child .box {
		margin-left: 15px;
	}
	}

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

	.btn-information {
		left: 15px;
	}

	.btn-brasil {
		right: 15px;
	}

	#content .galleryBox .galleryImages img:first-child {
		margin-bottom: 15px;
		margin-right: 0px;
	}

	#header-menu {
		background: #3d3a33;
	}

	.pages-menu .box img {
		display: block;
	}


	.pages-menu table tr td .box {
		border: none;
	}

	#header-menu .box h2 {
	    margin-top: 20px;
	}

	#header-menu .box h2:before {
		top:-15px;
	}

	.fullPic img {
	    display: inline-block;
	    position: absolute;
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	    left: 50%;
		max-height: 480px;
		height: 480px;
		width: auto !important;
	    max-width: 1920px !important;
	}		

		#content .quoteBox.padding {
		    padding: 5px 5% 20px 15%;
		    max-width: 788px;
		}

		.fullPic .inner .borderbox {
		    padding: 2%;
		    border: 3px solid white;
		    font-size: 2em;
		    max-width: 600px;
		    width: 100%;
		    line-height: 1em;
		}

		.stats li {
		    min-width: 240px;
		    width: 48%;
		}

		.header-top .left {
			margin-left: 5px;
		}

		#content .galleryBox .galleryImages img:first-child {
		    margin-bottom: 17px;
		    margin-right: 0px;
		    float: left;
		    max-width: 642px;
		}

		.header-top .left h1 {
			font-size: 28px;
			margin-left: 10px;
		}

		.header-top .right {
			margin-right: 5px;
		}

		#content .galleryBox.padding {
			padding:0 30px 0 5%;
		}	

		#content .galleryBox:before {
		    right: 10px;
		}



		#content p {
			font-size: 12px;
			line-height: 18px;
		}	

		p.videoLegend {
			font-size: 10px;
		}	

		.storyBlock .box img {
		    display: block;
		    position: absolute;
		    top: 0;
		    left: 0;
		    -webkit-opacity: 1;
		    -moz-opacity: 1;
		    -ms-opacity: 1;
		    opacity: 1;
		    height: 102%;
		}

		#footerSlider {
			width: 100%;
		}

		#footerSlider .storyBlock {
			padding: 0px;
		}

		.storyBlock .box {
			border:none;
			padding: 60px 40px;
		}	

		#footer .slick-prev {
		    left: 2%;

		}

		#footer .slick-next {
		    right: 2%;

		}


	.slick-prev, 
	.slick-next {
		top: 50% !important;
		margin-top: -28px !important;
		width: 56px !important;
		height: 56px !important;
		background-image: url('../images/arrows-medium.png') !important;
		background-repeat: no-repeat;
	}

	#footer-wrapper {
		position: absolute;
		bottom: 0px;
	}

	#footer .slick-next {
		background-position: right;
	}

	.slick-prev:before, 
	.slick-next:before {
		display: none !important;
	}	

	#main-container .pages-menu .slick-prev, #main-container .pages-menu .slick-next {
	    top: 57.5% !important;
	    width: 56px !important;
	    height: 56px !important;
	    margin-top: -28px !important;
	}

	#main-container .pages-menu .slick-next {
		background-position: right !important;
	}

	#main-container #footer .slick-prev, #main-container #footer .slick-next {
	    width: 56px;
	    height: 56px;
	    margin-top: -28px !important;
	    -webkit-transform: scale(0.7);
	    -moz-transform: scale(0.7);
	    -ms-transform: scale(0.7);
	    transform: scale(0.7);
	}	



}

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

	#footer #footer-wrapper {
		position: absolute;
		bottom: 0px;
		margin: 0 auto;
	}	

	#footerSlider {
	     overflow: hidden; 
	}

	.pages-menu {
	    padding-top: 116px;
	}

	.pages-menu .slick-next {
		right: 5% !important;
		margin-right:0px !important;
	}

	.pages-menu .slick-prev {
		left: 5% !important;
		margin-left:0px !important;
	}	

	.quoteBox blockquote {
	    font-size: 24px;
	    position: relative;
	    margin-bottom: 15px;
	}	

	#header-cover {
	    min-height: 682px;
	    max-height: 682px;
	}	

	.pages-menu .slick-prev, .pages-menu .slick-next {
	    width: 50px !important;
	    z-index: 4;
	}	

	.pages-menu table {
	    width: 90%;
	    height: 100%;
	    margin-left: auto;
	    margin-right: auto;
	    color: #FFF !important;
	}	

	.header-menu .box h2 {
		font-size: 35px;
	}

	.pages-menu table tr td .box {
	    width: auto;
	    padding: 5px 6%;
	    min-width: 75%;
	}	

	header {
	    max-height: 682px;
	}	

	#content .padding {
		padding: 20px 10%;
		position: relative;
		clear: both;
	}

	#content .galleryBox.padding {
		padding:0 30px 0 5%;
	}	

	#content .galleryBox:before {
	    right: 10px;
	}

	#content .galleryBox img {
		float: right;
		margin: 20px 0;
		max-width: 50%;
		width: auto;
	}

	#content .galleryBox .galleryImages img:first-child,
	#content .galleryBox .galleryImages img:last-child {
		float: left;
		width: 100%;
		max-width: 100%;
	}	
	
	#content .galleryBox .galleryImages img:first-child {
	    margin-bottom: 25px;
	    margin-right: 0px;
	}

	#main-container .slick-prev:before, #main-container .slick-next:before {
	    font-size: 30px;
	    line-height: 50px;
	}

	#main-container .pages-menu .slick-prev, #main-container .pages-menu .slick-next {
	    top: 57.5% !important;
	    width: 56px !important;
	    height: 56px !important;
	    margin-top: -28px !important;
	}

	#main-container .pages-menu .slick-next {
		background-position: right !important;
	}

	#main-container #footer .slick-prev, #main-container #footer .slick-next {
	    width: 56px;
	    height: 56px;
	    margin-top: -28px !important;
	    -webkit-transform: scale(0.7);
	    -moz-transform: scale(0.7);
	    -ms-transform: scale(0.7);
	    transform: scale(0.7);
	}	

	.textBody blockquote {
    	margin-left: -15px;
    }

	#main-container .slick-prev {
	    left: 2%;
	}

	#main-container .slick-next {
	    right: 2%;	
	}

}


@media screen and (max-width: 768px) and (orientation : landscape) {

}

@media screen and (max-width: 768px) and (orientation : portrait) {

}


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

	.banner-mobile img {
	    width: 210%;
	    margin-left: -55%;
	    margin-top: 130px;
	}	
	.banner-mobile blockquote {
	    font-size: 22px;
	}

	.banner-mobile h2 {
	    font-size: 44px;
	}

	a.btn-program-details {
	    padding: 0 0 3px 0 !important;
	    font-size: 16px;
	    max-width: 90%;
	    overflow: hidden;
	}

	.sliderTitle h3 {
	    font-size: 16px;
	    max-width: 60%;
	    padding: 0 10%;
	}

	#footer .otherStories {
		overflow: hidden;
	}

	#header-mobile .header-top h1 {
	    font-size: 18px;
	    text-indent: 13px;
	    line-height: 70px;
	}	

	#header-mobile .header-top .text {
	    margin-left: -26px;
	    font-size: 9px;
	}	

	#header-mobile .header-top #menu-icon-hamburguer {
	    display: block;
	    float: right;
	    width: 52px;
	    height: 70px;
	    margin-left: 25px;
	    position: absolute;
	    right: 0;
	    background-position: center;
	    background-repeat: no-repeat;
	}	

	#content .headingBody p {
	    font-size: 22px;
	    font-weight: bold;
	    text-align: center;
	}	

	#content .headingBody.padding {
		padding:0 5%;
	}

	#content p {
	    font-size: 15px;
	    line-height: 24px;
	}		

	.fullPic {
		overflow: hidden;
	}


	.fullPic .inner .borderbox {
	    padding: 10px;
	    border: 2px solid white;
	    font-size: 20px;
	    max-width: 80%;
	    overflow: hidden;
	}

	.socialmediaBox h3:before {
		top: 25%;
	    width: 20px;
	    margin-left: -8%;
	}	

	.socialmediaBox h3:after {
		top: 25%;
	    width: 20px;
	    margin-right: -8%;
	}

	.socialmediaBox h3 {
	    font-size: 17px;
	    max-width: 60%;
	    padding: 0 10%;
	}	

	#footer .featured {
	    padding: 5%;
	}

	#footer .featured h3 {
		font-size: 21px;
	    max-width: 100%;
	}	

	.stats li {
	    display: inline-block;
	    width: 49%;
	    padding: 10px 1%;
	    box-sizing: border-box;
	    margin-bottom: 15px;
	    vertical-align: top;
	}

	.stats h4:after {
	    bottom: -12px;
	}	
	
	.stats h4 {
	    font-size: 32px;
	}

	.stats p {
	    display: block;
	    padding: 0 5%;
	    font-size: 16px;
	    line-height: 19px;
	}

	.storyBlock .box a {
	    margin-top: 25px;
	    border: 2px solid white;
	}

	.btn-brasil {
	    right: 15px;
	    bottom: 33px;
	}

	.btn-information {
	    left: 15px;
	    bottom: 35px;
	}

	.sliderTitle {
	    background: #46433d;
	    padding: 35px 0;
	}

	.sliderTitle h3 {
	    font-size: 16px;
	    width: 60%;
	    overflow: visible;
	    padding: 0 10%;
	}

	.sliderTitle h3:before {
	    width: 20px;
	    top: 25%;
	    margin-left:-8%;
	}

	.sliderTitle h3:after {
	    width: 20px;
	    top: 25%;
	    margin-right:-8%;
	}

	#footerSlider .storyBlock {
	    box-sizing: border-box;
	    padding: 0px;
	}

	.storyBlock .box {
	    box-sizing: border-box;
	    border: 0px;
	    padding: 15% 4%;
	    position: relative;
	    overflow: hidden;
	}

	.storyBlock .box img {
		display: block;
	}

	.storyBlock .box em,
	.storyBlock .box a,
	.storyBlock .box h5 {
		position: relative;
	}

	.btn-top {
	    z-index: 80;
	    position: relative;
	}

	#footer {
	    padding: 15px 0 90px 0;
	}	


	#main-container .slick-prev:before, #main-container .slick-next:before {
	    font-size: 20px;
	    line-height: 20px;
	}

	/* Error */
	#error-report {
		display: block;
		max-width: auto;
		width: auto;
	}
	#error-report h2 {
		font-size: 40px;
	}

}

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

}



/* iPhone 4 Queries */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (device-aspect-ratio: 2/3) and (orientation : portrait) { 

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (device-aspect-ratio: 2/3) and (orientation : landscape) { 

}

/* iPhone 5 Queries */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (device-aspect-ratio: 40/71) and (orientation : portrait) { 
	
}


@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (device-aspect-ratio: 40/71) and (orientation : landscape) { 

}