.mosaic{width:100%;position:relative;-webkit-font-smoothing:antialiased;}
.mosaic_row{width:100%;position:relative;}
.mosaic_row:first-child{background:#222;border-bottom:1px solid #fff;}
.mosaic_item{position:relative;width:100%;background:#222;border-bottom:1px solid #fff;}
.mosaic_item a{color:#fff;}
.mosaic_item.item1{background:#000;}
.mosaic_item.item2{background:#222;}
.mosaic_item.item3{background:#333;}
.mosaic_item.item4{background:#e2e2e2;}
.mosaic_item.item4 h3{color:#222;}
.mosaic_item.item4 a{color:#222;}
.mosaic_item h3{margin:5px 0;font-size:1.875em;}
.mosaic_item .mosaic_inner{position:relative;}
.mosaic_item .mosaic_img{background:#ccc;position:relative;}
.mosaic_item .mosaic_img img{width:100%;}
.mosaic_item .mosaic_text{color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:20px;word-wrap:break-word;}
.arrow{position:absolute;width:0;height:0;bottom:0;left:7%;}
.item1 .arrow, .item2 .arrow, .item3 .arrow, .item4 .arrow{border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid;}
.item1 .arrow{border-bottom-color:#000;}
.item2 .arrow{border-bottom-color:#333333;}
.item3 .arrow{border-bottom-color:#333333;}
.item4 .arrow{border-bottom-color:#333333;}
.super-feature .headline{font-size:7em;}
.super-feature .image{width:20%;}
.three-item.mosaic .item2, .three-item.mosaic .item3{float:left;position:relative;width:100%;}
.three-item.mosaic .item2 .mosaic_img, .three-item.mosaic .item3 .mosaic_img{float:right;width:323px;}
@media screen and (max-width:768px) and (min-width:500px){.four-item.mosaic .mosaic_item{min-height:325px;}
.four-item.mosaic .item1{width:100%;background:#000;border-bottom:1px solid #fff;}
.four-item.mosaic .item1 h3{font-size:3em;}
.four-item.mosaic .item2, .four-item.mosaic .item3, .four-item.mosaic .item4{width:33.252525%;float:left;}
.four-item.mosaic .item2, .four-item.mosaic .item3{width:-moz-calc(33.3333333% - 1px);width:calc(33.3333333% - 1px);border-right:1px solid #fff;}
.arrow{left:7%;bottom:0;}
.item2 .arrow{border-bottom:20px solid transparent;border-left:20px solid;border-top:20px solid transparent;left:0;top:50px;}
.item3 .arrow{border-bottom:20px solid transparent;border-right:20px solid;border-top:20px solid transparent;left:267px;top:45px;;}
.item2 .arrow{top:20px;}
.three-item.mosaic .item3 .arrow{left:267px !important;top:20px;}
.home .item2 .arrow{border-left:20px solid transparent;border-right:20px solid transparent;top:103px;left:7%;position:absolute;border-bottom:20px solid;}
.home .item3 .arrow{border-left:20px solid transparent;border-right:20px solid transparent;top:103px;left:7%;position:absolute;border-bottom:20px solid;}
}
@media screen and (min-width:769px){.mosaic{font-size:12px;}
.four-item.mosaic{background:#222;}
.four-item.mosaic .mosaic_item{border-bottom:none;}
.four-item.mosaic .mosaic_item .mosaic_text{padding:10px;}
.four-item.mosaic .mosaic_item.item1{float:right;width:75%;}
.four-item.mosaic .mosaic_item.item1 .mosaic_inner{border-left:1px solid #fff;}
.four-item.mosaic .mosaic_item.item1 .mosaic_img{width:66.66666666%;float:left;}
.four-item.mosaic .mosaic_item.item1 .mosaic_text{width:33.33333333%;float:left;}
.four-item.mosaic .mosaic_item.item1 h3{font-size:3em;}
.four-item.mosaic .mosaic_item.item2{float:left;width:25%;}
.four-item.mosaic .mosaic_item.item2 h3{font-size:2.125em;}
.four-item.mosaic .mosaic_item.item3, .four-item.mosaic .mosaic_item.item4{width:50%;}
.four-item.mosaic .mosaic_item.item3 h3, .four-item.mosaic .mosaic_item.item4 h3{font-size:1.875em;}
.four-item.mosaic .mosaic_item.item3 .mosaic_inner, .four-item.mosaic .mosaic_item.item4 .mosaic_inner{border-top:1px solid #fff;}
.four-item.mosaic .mosaic_item.item3 .mosaic_img, .four-item.mosaic .mosaic_item.item4 .mosaic_img{width:53%;float:left;}
.four-item.mosaic .mosaic_item.item3 .mosaic_text, .four-item.mosaic .mosaic_item.item4 .mosaic_text{width:47%;float:left;}
.four-item.mosaic .mosaic_item.item3{float:right;}
.four-item.mosaic .mosaic_item.item3 .mosaic_inner{border-left:1px solid #fff;}
.four-item.mosaic .mosaic_item.item4{float:left;}
.arrow{top:auto;right:auto;bottom:auto;left:auto;}
.four-item .item1 .arrow{border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:20px solid #000;top:7%;right:0;}
.four-item .item2 .arrow{border-left:17px solid transparent;border-right:17px solid transparent;border-bottom:17px solid #222;bottom:0;left:7%;}
.four-item .item3 .arrow, .four-item .item4 .arrow{border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid;top:7%;right:0;}
.four-item .item3 .arrow{border-right-color:#333;}
.four-item .item4 .arrow{border-right-color:#e2e2e2;}
.three-item.mosaic .mosaic_item{width:100%;border-bottom:1px solid #fff;}
.three-item.mosaic .mosaic_img{width:280px;float:left;}
.three-item.mosaic .mosaic_text{width:-moz-calc(100% - 280px);width:calc(100% - 280px);float:right;}
.three-item.mosaic .mosaic_text{padding:15px;}
.three-item.mosaic .item1 .mosaic_img{width:60%;}
.three-item.mosaic .item1 .mosaic_text{width:40%;}
.three-item.mosaic .item1 h3{font-size:3em;}
.three-item.mosaic .item1 .arrow{border-right:20px solid #000;}
.three-item.mosaic .item2 .mosaic_img{float:right;}
.three-item.mosaic .item2 .mosaic_text{float:left;}
.three-item.mosaic .item2 h3{font-size:2.25em;}
.three-item.mosaic .item2 .arrow{border-left:17px solid #222;left:0;right:auto;}
.three-item.mosaic .item3 .mosaic_inner{border-top:none;}
.three-item.mosaic .item3 h3{font-size:2.25em;}
.three-item.mosaic .item3 .arrow{border-right:17px solid #333;}
.three-item.mosaic .arrow{border-top:17px solid transparent;border-bottom:17px solid transparent;top:7%;right:0;}
}
@media screen and (min-width:769px) and (max-width:960px){.three-item.mosaic .item1 .mosaic_img{width:100%;float:none;}
.three-item.mosaic .item1 .mosaic_text{width:100%;float:none;}
}
@media screen and (min-width:1040px){.mosaic{font-size:14px;}
.mosaic.four-item .mosaic_item.item1 .mosaic_text{padding:20px;}
.mosaic.four-item .mosaic_item.item3 .mosaic_img, .mosaic.four-item .mosaic_item.item4 .mosaic_img{width:60%;}
.mosaic.four-item .mosaic_item.item3 .mosaic_text, .mosaic.four-item .mosaic_item.item4 .mosaic_text{width:40%;}
}
@media screen and (min-width:1200px){.mosaic{font-size:16px;}
.mosaic.four-item .mosaic_item.item1 .mosaic_text{padding:20px;}
.mosaic.four-item .mosaic_item.item2 .mosaic_text, .mosaic.four-item .mosaic_item.item3 .mosaic_text, .mosaic.four-item .mosaic_item.item4 .mosaic_text{padding:15px;}
}
@media screen and (max-width:1040px) and (min-width:600px){.three-item.mosaic .item2 .mosaic_img{float:right;width:40%;}
.three-item.mosaic .item2 .mosaic_text{float:left;width:60%;}
.three-item.mosaic .item3 .mosaic_img{float:left;width:40%;}
.three-item.mosaic .item3 .mosaic_text{float:right;width:60%;}
}
@media screen and (min-width:1600px){.mosaic{font-size:18px;}
.mosaic .sub-header{font-size:14px;}
.three-item.mosaic .item1 h3{font-size:3.5em;}
.three-item.mosaic .item1 .mosaic_img{width:69%;}
.three-item.mosaic .item1 .mosaic_text{width:31%;padding:20px;}
.three-item.mosaic .item2,
.three-item.mosaic .item3{/*width:100%;*/ width:50%; float:left;}
.three-item.mosaic .item2 h3,
.three-item.mosaic .item3 h3{font-size:1.875em;}
.three-item.mosaic .item2 .mosaic_img,
.three-item.mosaic .item3 .mosaic_img{float:left;width:323px;}
.three-item.mosaic .item2 .mosaic_img_right,
.three-item.mosaic .item3 .mosaic_img_right{/*float:right;*/width:323px;}
.three-item.mosaic .item2 .mosaic_text,
.three-item.mosaic .item3 .mosaic_text{float:right;width:40%;width:-moz-calc(100% - 323px);width:calc(100% - 323px);}
.three-item.mosaic .item2 .arrow{border-right:17px solid #222;border-left:none;left:auto;right:0;top:20px;}
.withads .four-item.mosaic .item3 h3, .withads .four-item.mosaic .item4 h3{font-size:1.75em;}
.withads{}
.withads .three-item.mosaic .item1 .mosaic_img{width:60%;}
.withads .three-item.mosaic .item1 .mosaic_text{width:40%;}
.withads .three-item.mosaic .item1 h3{font-size:3em;}
.withads .three-item.mosaic .item2,
.withads .three-item.mosaic .item3{width:100%;float:none;}
.withads .three-item.mosaic .item2 .mosaic_img,
.withads .three-item.mosaic .item3 .mosaic_img{width:33%;}
.withads .three-item.mosaic .item2 .mosaic_text,
.withads .three-item.mosaic .item3 .mosaic_text{width:67%;}
.withads .three-item.mosaic .item2 h3,
.withads .three-item.mosaic .item3 h3{font-size:2.25em;}
.withads .three-item.mosaic .item2 .mosaic_img{float:right;}
.withads .three-item.mosaic .item2 .mosaic_text{float:left;}
.withads .three-item.mosaic .item2 .arrow{border-left:17px solid #222;border-right:none;left:0;right:auto;}
}
@media screen and (min-width:1366px){.three-item.mosaic .mosaic_text{width:calc(100% - 344px);float:right;}
}
@media screen and (min-width:1038px) and (max-width:1366px){.three-item.mosaic .mosaic_text{width:calc(100% - 354px);float:right;}
}
.three-item.mosaic .item2 .mosaic_img_right, .three-item.mosaic .item3 .mosaic_img_right, .three-item.mosaic .mosaic_item:nth-child(even) .mosaic_img_right{/*float:right;*/}
.three-item.mosaic .item2 .mosaic_img_right, .three-item.mosaic .item3 .mosaic_img_right, .three-item.mosaic .mosaic_item:nth-child(odd) .mosaic_img_right{/*float:left;*/}