/* flex-1.css */
.flex_container
{display: -webkit-flex;   display: -ms-flex;   display: flex;   -webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap;   flex-wrap: wrap}


.flex-item1
{width:31.2%;
margin-right:5px;margin-bottom:55px;margin-left:5px;
padding-top:0;padding-right:0;padding-left:0;
background-color:#f9f9f9;-webkit-box-shadow:3 3 10 0 #4a4949;box-shadow:3 3 10 0 #4a4949;
border:1px solid rgba(204,204,204,.2);
display: -webkit-flex;   
display: -ms-flexbox;   
display: flex;  float: left;
flex-wrap: wrap;
align-content: flex-start;
box-shadow:  2.8px 3px 7.3px rgba(0, 0, 0, 0.015),  6.4px 6.9px 10px rgba(0, 0, 0, 0.029),  8px 9px 10px rgba(0, 0, 0, 0.044),  9px 10px 11px rgba(0, 0, 0, 0.05)
}



.flex-item1 li{margin:18px 20px 25px 35px;font-size:.95em;line-height:18px}
.flex-item1 p {margin:15px 25px 10px;font-size:15px}
.flex-item1 .image_container a {margin:0;padding:0;background: none}
.flex-item1 figure a {margin:0;padding:0;background: none}
.flex-item1 strong{font-size:1em}

.flex-item1 h3 {box-sizing: border-box; padding-top:25px; padding-left:25px;}
.flex-item1 h4{width:100%;margin-right:auto;margin-left:auto;text-align:center;background-color:#141414}
.flex-item1 h4 a{background-color:#141414;font-size:1em;transition: all 0.15s ease-in-out}
.flex-item1 h4 a{font-size:1em;color:#fff;transition: all 0.15s ease-in-out}
.flex-item1 h4 a:hover{background-color:#f90}


.flex-item2
{width:47.15385%;background-color:rgba(90,168,242,.3);-webkit-box-shadow:3 3 10 0 #dbdbdb;box-shadow:3 3 10 0 #dbdbdb;border:1px solid rgba(204,204,204,.5);box-sizing: border-box;display: table-cell}

.flex2
{flex:2}