div.arealayout.flextiles .ccm-layout,
div.arealayout.flextiles .ccm-layout-column-wrapper { 
	flex-wrap: wrap;
	display: flex;flex-direction: row; margin: 25px auto 10px auto; }

div.ccm-block-custom-template-flex-tiles {
	width: 100%;
    display: flex;
    position: relative;    flex-direction: column;
}

.whitetxt div.arealayout.flextiles { color: #4f6081 !important; }
.whitetxt div.arealayout.flextiles h1,
.whitetxt div.arealayout.flextiles h2,
.whitetxt div.arealayout.flextiles h3,
.whitetxt div.arealayout.flextiles h4,
.whitetxt div.arealayout.flextiles h5,
.whitetxt div.arealayout.flextiles h6 { color: #101e2f!important; }

/*.whitetxt div.arealayout.flextiles .ccm-layout .listyle:before { color: #f89f1d !important; }*/

div.arealayout.flextiles .ccm-layout-column .ccm-layout-column-inner { margin-top: 0 !important; margin-bottom: 0 !important; }

.ltbk div.arealayout.flextiles .ccm-layout-column {  background: #fff; }
.whitetxt div.arealayout.flextiles .ccm-layout-column,
.whbk div.arealayout.flextiles .ccm-layout-column {  background: #fff; }

div.arealayout.flextiles .ccm-layout-column { 
float: none !important; 
vertical-align: top; 
margin: 1%; 
display: inline-flex; width: 33%;
/*flex: 1;*/
flex-direction: column;
flex-wrap: wrap;
    align-content: flex-start;
	background: #fff; 
border-radius: 15px; flex-grow: 1;
box-sizing: border-box;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
}
 
@media (max-width: 1000px) {
div.arealayout.flextiles .ccm-layout {
display: flex; flex: 1;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
  }
}
 
/*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 {
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: 850px)
{
div.arealayout.flextiles .ccm-layout-column { margin: 5% 1% !important; }
}

@media screen and (max-width: 1000px)
{
div.arealayout.flextiles .ccm-layout-column { 
 padding: 5%; margin: 5px 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 { padding: 2%; }
/*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:before,
div.arealayout.flextiles .ccm-layout-column:first-child:after { display: none; }

div.arealayout.flextiles .onethird-layout { flex-wrap: nowrap; }
div.arealayout.flextiles .half-half.ccm-layout-column { flex-basis: 44%; }
	
	
/* one item */
div.arealayout.flextiles .ccm-layout-column-wrapper:has(> :nth-child(1)) .ccm-layout-column {
    width: 49%!important;
}
/* two items */
div.arealayout.flextiles .ccm-layout-column-wrapper:has(> :nth-child(2)) .ccm-layout-column {
    width: 47%!important;
}
/* three items */
div.arealayout.flextiles .ccm-layout-column-wrapper:has(> :nth-child(3)) .ccm-layout-column {
    width: 47%!important;
}
/* four items */
div.arealayout.flextiles .ccm-layout-column-wrapper:has(> :nth-child(4)) .ccm-layout-column {
    width: 47%!important;
}!
/* four items */
div.arealayout.flextiles .ccm-layout-column-wrapper:has(> :nth-child(5)) .ccm-layout-column {
    width: 30%!important;
}
/* five or more items */
div.arealayout.flextiles .ccm-layout-column-wrapper:has(> :nth-child(6)) .ccm-layout-column {
    width: 30%!important;
}
	
}