div.arealayout.flextiles .ccm-layout { display: flex;flex-direction: row; }
	
div.arealayout.flextiles .ccm-layout-column { 
float: none !important; 
display: flex; flex: 1;
vertical-align: top; 

padding: 20px 30px 20px 40px;
margin: 0;

border-left: 1px solid #0c7e8a;
	
flex-direction: column;    /* vertical alignment of flex items */
justify-content: start;   /* center flex items vertically */
align-items: center;       /* center flex items horizontally */

/*background: #fff; */ 
}

 
@media (max-width: 1000px) {
div.arealayout.flextiles .ccm-layout {
    flex-direction: column;
  }
}
 
div.arealayout.flextiles .ccm-layout-column:before,
div.arealayout.flextiles .ccm-layout-column:after { 
position: absolute; content:''; box-sizing: border-box; z-index: 1;
display: block; transform: rotate(90deg); margin: 0; }

/*div.arealayout.flextiles .ccm-layout-column:before {
border: 1px solid #0c7e8a;
padding: 7px 14px 10px 14px;
-moz-border-radius: 50px;
border-radius: 50px;
font-size: 18px;
font-weight: bold;
width: 10px;
height: 20px;
display: inline-block;
text-align: center;
content:''; }
*/
div.arealayout.flextiles .ccm-layout-column:before {
width: 37px; height: 32px; background: #0c7e8a; left: -19px;
-webkit-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
-moz-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
}
div.arealayout.flextiles .ccm-layout-column:after {
width: 35px; height: 30px; background: #fff; left: -18px;
-webkit-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
-moz-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
}

div.arealayout.flextiles .ccm-layout-column:nth-child(odd):before { bottom: -1px;  }
div.arealayout.flextiles .ccm-layout-column:nth-child(odd):after { bottom: 0px;  }
div.arealayout.flextiles .ccm-layout-column:nth-child(even):before { top: 0; }
div.arealayout.flextiles .ccm-layout-column:nth-child(even):after { top: 1px; }

/*div.arealayout.flextiles .ccm-layout-column:after { 
content: ''; height: -webkit-fill-available;
border-left: 1px solid #0c7e8a; padding: 0; left: 20px; }

div.arealayout.flextiles .ccm-layout-column:nth-child(odd):after { bottom: 38px;  }
div.arealayout.flextiles .ccm-layout-column:nth-child(even):after { top: 38px; }*/


@media screen and (max-width: 1000px)
{
div.arealayout.flextiles .ccm-layout-column { margin: 25px auto; width: -webkit-fill-available !important; }
div.arealayout.flextiles .ccm-layout-column:nth-child(odd):before, 
div.arealayout.flextiles .ccm-layout-column:nth-child(even):before { top: 0; }	
div.arealayout.flextiles .ccm-layout-column:nth-child(odd):after, 
div.arealayout.flextiles .ccm-layout-column:nth-child(even):after { top: 1px; bottom: inherit;  }
}

@media screen and (min-width: 1000px)
{
div.arealayout.flextiles .ccm-layout-column:first-child { padding-left: 0; }
div.arealayout.flextiles .ccm-layout-column:last-child { padding-right: 0; }
div.arealayout.flextiles .ccm-layout-column:first-child { border: 0; }
div.arealayout.flextiles .ccm-layout-column:first-child:before,
div.arealayout.flextiles .ccm-layout-column:first-child:after { display: none; }
}