/*

.countit { margin: 35px auto; counter-reset: section; }



.countit .ccm-layout-column { padding-left: 50px; }

.countit .ccm-layout-column:before,

.countit .ccm-layout-column:after { position: absolute; left: 0px; }



.countit .ccm-layout-column:before {

border: 1px solid #b88014;

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;



counter-increment: section;

content: counters(section,""); }



.countit .ccm-layout-column:nth-child(odd):before { top: 0;  }

.countit .ccm-layout-column:nth-child(even):before { bottom: 0; }



.countit .ccm-layout-column:after { 

content: ''; height: -webkit-fill-available;

border-left: 1px solid #b88014; padding: 0; left: 20px; }



.countit .ccm-layout-column:nth-child(odd):after { top: 38px;  }

.countit .ccm-layout-column:nth-child(even):after { bottom: 38px; }



@media screen and (max-width: 1000px)

{

.countit .ccm-layout-column { margin: 45px auto; width: -webkit-fill-available !important; }

.countit .ccm-layout-column:nth-child(odd):before { top: 0;  }

.countit .ccm-layout-column:nth-child(even):before { top: 0; }	

.countit .ccm-layout-column:nth-child(odd):after { top: 38px; bottom: inherit; }

.countit .ccm-layout-column:nth-child(even):after { top: 38px; bottom: inherit;  }



}

*/





.countit { margin: 35px auto; counter-reset: section; z-index: 5; position: relative; display: block; }

.countit div.ccm-layout-column-wrapper,

.countit .ccm-layout { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; }

.countit .ccm-layout-column { 

		border: 1px solid #011a2d;

        float: none !important;

        vertical-align: top;

        padding: 20px 30px 20px 30px;

        margin: 35px 1.5% !important;

        border-radius: 5px;

        background: #f9f9f9;

        color: #000;
	
	    box-sizing: border-box;

flex-grow: 1; 

flex-basis: 22% !important;

width: auto!important; }



.countit:has( .ccm-layout-column:nth-child(2) ) .ccm-layout-column { flex-basis: 47% !important; }

.countit:has( .ccm-layout-column:nth-child(3) ) .ccm-layout-column { flex-basis: 30% !important; }

.countit:has( .ccm-layout-column:nth-child(5) ) .ccm-layout-column { flex-basis: 30% !important; }



.countit .quarters-layout .quarters {flex-direction: column;}





.countit .ccm-layout-column:before/*,

.countit .ccm-layout-column:after*/ { position: relative; left: 0px; }





.countit .ccm-layout-column:before {

	font-size: 1.5rem;

    counter-increment: section;

    content: counters(section, "") /*"."*/;

    z-index: 0;

    position: relative;

    line-height: 1;

    color: #fff;

    text-align: center;

    width: -webkit-fill-available;

    display: block;

    background: #d01f2e;

    border-radius: 5px;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
 
    box-sizing: content-box;

    margin: 0 auto 20px 0;

    font-family: "sculpin", sans-serif;
    font-weight: 700;
    font-style: normal;

    padding: 20px 20px 15px 20px;

    height: auto;

    margin-top: -50px;}



.whitetxt .countit .ccm-layout-column,

.whitetxt .countit .ccm-layout-column:before { border: 0;  }



#pagewrap .whitetxt .countit h1,

#pagewrap .whitetxt .countit h2,

#pagewrap .whitetxt .countit h3,

#pagewrap .whitetxt .countit h4,

#pagewrap .whitetxt .countit h5 { color:  #44aa17 !important; }



/*.countit .ccm-layout-column:nth-child(odd):before { top: 0;  }

.countit .ccm-layout-column:nth-child(even):before { bottom: 0; }



.countit .ccm-layout-column:after { 

content: ''; height: -webkit-fill-available;

border-left: 1px solid #b88014; padding: 0; left: 20px; }



.countit .ccm-layout-column:nth-child(odd):after { top: 38px;  }

.countit .ccm-layout-column:nth-child(even):after { bottom: 38px; }*/



@media screen and (max-width: 1000px)

{

.countit .ccm-layout-column { margin: 45px 10%; width: -webkit-fill-available !important; }

.countit .ccm-layout-column:nth-child(odd):before { top: 0;  }

.countit .ccm-layout-column:nth-child(even):before { top: 0; }	

/*.countit .ccm-layout-column:nth-child(odd):after { top: 38px; bottom: inherit; }

.countit .ccm-layout-column:nth-child(even):after { top: 38px; bottom: inherit;  }*/



}

@media screen and (max-width: 850px)

{

.countit .halfhalf-layout .half-half { width: 50% !important;  }

}

@media screen and (min-width: 1000px)

{

.countit .halfhalf-layout .half-half { width: 40% !important;  }

.countit .thirds-layout .thirds:nth-child(2) { margin-left: 3%; margin-right: 3%; }

}