/*-------------------------------
	Image With Text Boxes
 ------------------------------*/
.met_img_with_text {
	position : relative;
    overflow: hidden;
	z-index:-9999999999999999 !important;
}

.met_img_with_text_preview {
	float    : left;
	position : relative;
	width    : 50.3684210526%;
}

.met_img_with_text_preview img {
	display : block;
	width   : 100%;
}
.met_img_with_text article {
	position    : absolute;
	margin-left : 50.3684210526%;
	height      : 100%;
    width       : 50.6315789474%;
}

.met_img_with_text article:after{
    display: block;
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
}

.met_img_with_text article:before {
	position     : absolute;
	left         : -18px;
	top          : 35%;
	content      : '';
	display      : block;
	width        : 1px;
	height       : 0px;
	border-style : solid;
	border-width : 40px 40px 40px 0;
}

.met_img_with_text article.met_bgcolor5:before {
	border-color : transparent #fff transparent transparent;
}

.met_img_with_text article.met_bgcolor6:before {
	border-color : transparent #fff transparent transparent;
}

.met_img_with_text article > div {
	padding : 15px 0px 0px;
}







/*-------------------------------
	Image With Text Boxes 22
 ------------------------------*/

.met_img_with_text2 {
	position : relative;
    overflow: hidden;
	z-index:-9999999999999999 !important;
}

.met_img_with_text_preview2 {
	float    : right;
	position : relative;
	width    : 50.3684210526%;
}

.met_img_with_text_preview2 img {
	display : block;
	width   : 100%;
}
.met_img_with_text2 article {
	position    : absolute;
	margin-right : 50.3684210526%;
	height      : 100%;
    width       : 50.6315789474%;
}

.met_img_with_text2 article:after{
    display: block;
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
}

.met_img_with_text2 article:before {
	position     : absolute;
	right         : -18px;
	top          : 35%;
	content      : '';
	display      : block;
	width        : 1px;
	height       : 0px;
	border-style : solid;
	border-width : 40px 0px 40px 40px;
}

.met_img_with_text2 article.met_bgcolor5:before {
	border-color : transparent transparent transparent #fff;
}

.met_img_with_text2 article.met_bgcolor6:before {
	border-color : transparent transparent transparent #fff;
}

.met_img_with_text2 article > div {
	padding : 15px 0px;
}



@media only screen and (max-width:1100px){
.met_img_with_text2 article > div {
	padding : 20px 0px 0px;
}
.met_img_with_text2 article:before {
	top          : 25%;
}
.met_img_with_text article:before {
	top          : 25%;
}
}


@media only screen and (max-width:1040px){
.met_img_with_text {
	position : relative;
    overflow: hidden;
}

.met_img_with_text_preview {
	float    : none;
	position : relative;
	width    : 100%;
	margin:0 auto;
}

.met_img_with_text_preview img {
	display : block;
	width   : 100%;
}
.met_img_with_text article {
	position:relative;
    width       : 100%;
	margin:0 auto;
	float:none;
	 padding-bottom: 5px;
}
.met_img_with_text article > div {
    padding: 10px;
}




.met_img_with_text2 {
	position : relative;
    overflow: hidden;

}

.met_img_with_text_preview2 {
	float    : none;
	position : relative;
	width    : 100%;
	margin:0 auto;
}

.met_img_with_text_preview2 img {
	display : block;
	width   : 100%;
}
.met_img_with_text2 article {
	position:relative;
    width       : 100%;
	margin:0 auto;
	float:none;
	padding-bottom:5%;
}
.met_img_with_text2 article > div {
    padding: 0px;
}
.met_img_with_text2 {
	padding-bottom:0%;
}
}

@media only screen and (max-width:800px){
.met_img_with_text2 {
}
}


@media only screen and (max-width:500px){
.met_img_with_text2 {
	position:static;
    overflow:visible;

}
.met_img_with_text {
	position:static;
    overflow:visible;
}
.met_img_with_text2 {
	padding-bottom:0%;
}
.met_img_with_text2 article:before {
	display:none;
}
.met_img_with_text article:before {
	display:none;
}
.met_img_with_text article > div {
    padding: 5px 5px 10px;
}
}



