/* ANY CSS FOR ALL WIDTHS GOES HERE
----------------------------------------------------------- */

/* ALL WIDTHS UNDER 970PX
----------------------------------------------------------- */

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

	/* DEFAULT
	----------------- */
	#s5_language_wrap {
		margin-top:17px!important;
		margin-left:-3px!important;
	}
	
	
	.s5_wrap {
	width:92% !important;
	}
	
	.s5_is_display, .s5_is_slide {
	position:relative !important;
	}
	
	.s5_is_slide {
	height:auto !important;
	}
	
	#fontControls {
	display:none;
	}
	
	/* CUSTOM
	----------------- */
	
	body {
	font-size:0.9em !important;
	}
	
	#s5_pos_custom_2 .large_title_with_sub span {
	float:none;
	}
	
	.transform_buttons {
	display:block;
	margin:0px;
	margin-top:20px;
	}
	
	#s5_pos_custom_2 .large_title_with_sub span {
	font-size:1.3em;
		font-weight: 400!important;
	}
	
	.large_title_with_sub h3 {
	margin-bottom:12px;
	}
	
	#s5_pos_custom_2 .large_title_with_sub h3 {
	font-size:2.2em;
		font-family: 'Cairo', sans-serif!important;
	}
	
	.s5_h3_first {
		font-size:0.62em;	
		font-family: 'Cairo', sans-serif!important;
		/*color:#00ffff!important;*/
	}
	
	.transform_buttons a {
	margin:0px !important;
	margin-top:10px !important;
	display:inline-block;
	}
	
	#s5_logo_wrap {
	margin-top: 0px;
	}

	#s5_pos_custom_2 {
	padding-top:50px;
	padding-bottom:60px;
	}
	
	.module_round_box_outer {
    margin-bottom: 35px;
	}

	.s5_yes_custom_bg .s5_yes_custom_bg, .s5_yes_custom_bg .s5_no_custom_bg, .s5_no_custom_bg .s5_yes_custom_bg, .s5_no_custom_bg .s5_no_custom_bg {
		padding-top:15px;
		padding-bottom:0px;
	}

	#s5_columns_wrap_inner, #s5_columns_wrap, #s5_below_columns_wrap1, #s5_below_columns_wrap2, #s5_above_columns_wrap1, #s5_above_columns_wrap2 {
		padding:0px;
	}

	#s5_center_area2 {
		/*padding-bottom:30px;*/
	}

	#s5_component_wrap_inner {
	padding-bottom:10px;
	}
	
	#s5_component_wrap_inner h2, #s5_component_wrap_inner h1 {
    font-size:2em;
    margin-bottom:40px;
	font-family: 'Cairo', sans-serif!important;
	text-transform: none!important;
	margin-top:50px!important;
    }

	#s5_pos_custom_3 {
	padding-top:40px;
	padding-bottom:40px;
	}
	
	#s5_top_row1_area2 {
	padding-top:60px;
	}
	
	#s5_pos_custom_3 form {
	width:100%;
	text-align:center;
	}
	
	#description {
	width:100%;
	text-align:center !important;
	}
	
	.profile_image_item {
	width:100%;
	}
	
	.module_round_box.split_title_large .s5_h3_last {
	font-size:0.45em;
		/*background-color: #ff0000!important;*/
		top:-5px!important;
		position: relative!important;
	}
	
	.vendes {
	font-size:1.3em;
		margin-top:40px!important;
    float:left;
	font-family: 'Open Sans', sans-serif!important;
	font-weight: 300!important;
	text-transform: none!important;
	line-height: 1.3em!important;
	color:#333!important;
    }
	
.readon2 {
padding-top:7px;
padding-bottom:7px;
padding-left:22px;
padding-right:22px;
margin-top:20px;
margin-bottom:0px;
border:none;
cursor:pointer;
letter-spacing: 0;
text-decoration: none; 
	text-align: center!important;
box-shadow:none;
color:#FFFFFF !important;
	float:none!important;
	background-color: #b43326!important;
	/*margin-right:6.5%;*/
}
.readon2:hover {
padding-top:7px;
padding-bottom:7px;
padding-left:22px;
padding-right:22px;
margin-top:20px;
margin-bottom:0px;
border:none;
cursor:pointer;
letter-spacing: 0;
text-decoration: none!important; 
	text-align: center!important;
box-shadow:none;
color:#b43326 !important;
	float:none!important;
	background-color: #fff!important;
}
	
	h3 {
	line-height:40%!important;
	}
	
	.video_wrap {
	padding:0px;
	}
	
	.top_box_inner {
	padding:30px;
	}

	.large_picture_text_right_image {
	display:none;
	}
	
	.large_picture_text_right_text {
	float:none;
	width:100%;
	}
	
	.large_picture_text_right_text {
	padding:30px;
	}
	
	.video_wrap_right, .video_wrap_left {
	float:none;
	width:100%;
	}
	
	.module_round_box.split_title_large .s5_mod_h3 {
    margin-bottom:55px;	
		margin-top:50px!important;
    }
	
}


/* TABLET PORTRAIT MODE CSS
----------------------------------------------------------- */

@media screen and (min-width:580px) and (max-width: 970px){

	
	/* CUSTOM
	----------------- */
	
}

@media screen and (min-width:200px) and (max-width: 400px){

	#s5_lang_wrap {
	margin-top: -57px!important;
		z-index: 5000000000000000000000000000000000000000!important;
    }
	
	h2 {
		font-size: 2.0em!important;
	}
	
	#s5_bottom_menu_wrap {
	float: none!important;
	text-align: center!important;
	margin-top:55px!important;
	}
	
	.idiomas {
	width: 55px!important;
	height: 0px!important;
	padding-top: 16px!important;
	float:right!important;
	text-align: center!important;
	font-size:15px!important;
    }
	
    #s5_logo_wrap img {
	height: auto !important;
    max-width: 130px !important;
    margin-top:20px!important;
	}
	
    .title_with_sub_title {
    font-size:2.0em;
    margin-bottom:0px;
    font-weight:700;
    line-height:130%;
	color: #a7a9ac!important;
	font-family: 'Cairo', sans-serif!important;
    }
	
	.title_with_sub_subtext {
    display:block;
    margin-bottom:30px;
	font-family: 'Cairo', sans-serif!important;
	color:#fff!important;
	font-size:1.4em;
	font-weight:300;
	line-height: 1.3em;
    }
	
	.empresa {
	font-size:1.2em;
    float:left;
	font-family: 'Open Sans', sans-serif!important;
	font-weight: 300!important;
	text-transform: none!important;
	line-height: 1.3em!important;
	color:#d1d1d1!important;
    }
	
	.readon2 {
	width: 85%!important;
	font-size:15px;
    line-height:18px;
    }
	
	.readon2:hover {
	width: 85%!important;
	font-size:15px;
    line-height:18px;
    }
	
	.imgArracades {
		/*margin-top:20px!important;
		margin-bottom: 20px!important;*/
	}
	
	/*.columnsArticle .columnArticle {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}*/
	
	#s5_footer {
		text-align: center!important;
		width: 100%!important;
		margin-top:-30px;
	}
	
	#s5_footer_area_inner {
		/*margin-bottom:150px;*/
		text-align: center!important;
		
	}
	
	.mb {
		/*text-align: center!important;
		width: 100%!important;
		position: absolute;*/
	}
	
}



@media screen and (min-width:200px) and (max-width: 650px){
	
	.columnsArracades .columnArracades {
		flex-basis: 50%;
		margin: 0 0 5px 0;
	}
	
	h2 {
		font-size: 2.0em!important;
	}
	
	.columnsArticle .columnArticle {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}
	
	.mb {
		/*text-align: center!important;
		width: 100%!important;
		position: absolute;*/
	}
	
	#s5_right_column_wrap_inner {
		width: 100%!important;
		margin-top:0px!important;
	}
	
}

@media screen and (min-width:700px) and (max-width: 900px){
	
	/*.columnsArracades .columnArracades {
	margin-bottom: 5px;
    flex-basis: 50%;
		background: #ff0000!important;
	}*/
	
	/*.columnsArracades .columnArracades {
	margin-bottom: 5px;
    flex-basis: 50%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 50%;
			margin: 0;
		}
	}*/
}




@media screen and (min-width:400px) and (max-width: 900px){

	#s5_lang_wrap {
	margin-top: -55px!important;
		z-index: 5000000000000000000000000000000000000000!important;
    }
	
	h2 {
		font-size: 2.0em!important;
	}
	
	#s5_bottom_menu_wrap {
	float: none!important;
	text-align: center!important;
	margin-top:55px!important;
	}
	
	.idiomas {
	width: 56px!important;
	height: 0px!important;
	padding-top: 17px!important;
	float:right!important;
	text-align: center!important;
	font-size:15px!important;
    }
	
    #s5_logo_wrap img {
	height: auto !important;
    max-width: 140px !important;
    margin-top:20px!important;
	}

    .title_with_sub_title {
    font-size:2.0em;
    margin-bottom:0px;
    font-weight:700;
    line-height:130%;
	color: #a7a9ac!important;
	font-family: 'Cairo', sans-serif!important;
    }
	
	.title_with_sub_subtext {
    display:block;
    margin-bottom:30px;
	font-family: 'Cairo', sans-serif!important;
	color:#fff!important;
	font-size:1.4em;
	font-weight:300;
	line-height: 1.3em;
    }
	
	.empresa {
	font-size:1.2em;
    float:left;
	font-family: 'Open Sans', sans-serif!important;
	font-weight: 300!important;
	text-transform: none!important;
	line-height: 1.3em!important;
	color:#d1d1d1!important;
    }
	
	.readon2 {
	width: 91%!important;
	font-size:12px;
    line-height:14px;
    }
	
	.readon2:hover {
	width: 91%!important;
	font-size:12px;
    line-height:14px;
    }
	
	.imgArracades {
	/*margin-top:20px!important;
	margin-bottom: 20px!important;*/
	}
	
	/*.columns .column {
	margin-bottom: 5px;
    flex-basis: 100%;
	}*/
	
	/*.columnsArticle .columnArticle {
	margin-bottom: 5px;
    flex-basis: 100%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
	}*/
	
	#s5_footer {
		text-align: center!important;
		width: 100%!important;
		margin-top:-30px;
	}
	
}


@media screen and (min-width:700px) and (max-width: 1024px){
	
	
	.imgArracades {
        /*width: 320px!important;*/
	}
	
	.pull-right {
		/*width: 320px!important;*/
	}
}

@media screen and (min-width:700px) and (max-width: 980px){
	
	h2 {
		font-size: 2.0em!important;
	}

}


/* TABLET PORTRAIT MODE CSS - SMALLER TABLETS
----------------------------------------------------------- */

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

	/* CUSTOM
	----------------- */
	
	.iacf_title {
	font-size:2em;
	}
	
	.iacf_text {
	padding:20px;
	}
	
	.top_box {
	width:100%;
	margin-bottom:10px;
	}
	
	.top_box_inner2 {
	min-height:1px !important;
	}
	
	.causes_image_outer {
	margin-right:0px !important;
	margin-left:0px !important;
	width:100% !important;
	margin-bottom:30px !important;
	}
	
	#s5_masonry_navwrap {
	margin-top:0px !important;
	margin-bottom:20px !important;
	}
	
	ul.s5_masonry_articles li {
	margin-bottom:2px !important;
	}
	
	.causes_image_percent {
	font-size:14px;
	line-height:50px;
	width:50px;
	height:50px;
	}
	
	#description strong {
	line-height:140%;
	}
	
	.title_with_sub_centered_title {
	font-size:2.2em;
	}
	
}


/* MOBILE LAYOUT CSS
----------------------------------------------------------- */

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

	/* DEFAULT
	----------------- */

	#s5_right_column_wrap_inner .s5_float_left, #s5_left_column_wrap_inner .s5_float_left {
	float:none;
	}

	#s5_columns_wrap_inner {
	width:100%;
	}

	#s5_center_column_wrap {
	width:100%;
	left:100%;
	}

	#s5_left_column_wrap {
	left:0%;
	}
	
	#s5_left_top_wrap, #s5_left_column_wrap, #s5_left_inset_wrap, #s5_left_wrap, #s5_left_bottom_wrap, #s5_right_top_wrap, #s5_right_column_wrap, #s5_right_inset_wrap, #s5_right_wrap, #s5_right_bottom_wrap, #s5_top_row1 .s5_float_left, #s5_top_row2 .s5_float_left, #s5_top_row3 .s5_float_left, #s5_above_columns_inner .s5_float_left, #s5_middle_top .s5_float_left , #s5_middle_bottom .s5_float_left, #s5_below_columns_inner .s5_float_left, #s5_bottom_row1 .s5_float_left, #s5_bottom_row2, .s5_float_left, #s5_bottom_row3 .s5_float_left, #s5_above_body .s5_float_left, #s5_below_body .s5_float_left {
	width:100% !important;
	}
	
	#s5_center_column_wrap_inner {
	margin:0px !important;
	}
	
	#s5_left_column_wrap {
	margin-right:0px !important;
	}
	
	#s5_right_column_wrap {
	margin-left:0px !important;
	}
	
	.items-row .item {
	width:100% !important;
	padding-left:0px !important;
	padding-right:0px !important;
	margin-right:0px !important;
	margin-left:0px !important;
	}
	
	/* CUSTOM
	----------------- */
	
	.button, button, .readon, p.readmore a, .btn, .btn-primary {
	/*padding: 13px 17px 11px;*/
	}
	
	.profile_image_item img {
	width:100%;
	margin-right:0px;
	float:none;
	margin-bottom:15px;
	}
	
	#signup button {
	display:none;
	}
	
}


/* CUSTOM SIZES
----------------------------------------------------------- */


@media screen and (max-width: 1200px){
	
	#s5_nav li {
	padding-left:10px;
	padding-right:10px;
	}
	
	#s5_bottom_menu_wrap {
	float:right;
	margin-top:-5px;
	}
	
	#s5_bottom_menu_wrap ul.menu li {
	padding-left:0px;
	padding-right:10px;
	}
	
	.large_picture_text_right_text {
	padding-bottom:80px;
	}
	
}



@media screen and (max-width: 1400px){
	
	.jdGallery .slideInfoZone {
	left:8% !important;
	width:84% !important;
	max-width:10000000px !important;
	}
	
}