@charset "UTF-8";
/* CSS Document */


.cc-header h2 {
    font-size: 44px !important;
}
.cc-header h2 span{
    font-size: 32px !important;
}

.cc-main-container h2, .cc-main-container h2 > strong {
    margin-top: 40px !important;
}

.cc-main-container h2:first-child, .cc-main-container h2:first-child > strong {
    margin-top: 0px !important;
}

.cc-main-container p {
    margin: 0 0 18px;
} 

.cc-main-container p:last-child {
    margin: 0 0 0px;
} 

.cc-main-container h1, .cc-main-container h1 > strong {
    line-height: 1.1;
    font-size: 44px !important;
    background: none !important;
}

.cc-main-container h1 > span {
    font-size: 32px !important;
    display: block;
}

.cc-brand h1:after {
    content: "";
    display: block;
    width: 40px;
    height: 5px;
    background: var(--brand-primary) !important;
    margin: 3 auto;
}


.cc-main-container {
    --brand-primary: #00B1FF;
    --brand-secondary: #D8D8D8;
    --brand-underline: var(--brand-primary);
}

.eco-navyblue {
    color: #1B2F57 !important;
}

.eco-navyblue-bg {
    background-color: #1B2F57 !important;
}

.cc-cta:hover {
    opacity: 1 !important;
    background-color: #FFFFFF !important;
    color: #1B2F57 !important;
}



a.cc-card {
    background-color: #FFFFFF !important;
	border: 5px solid #FFFFFF;
	margin: 0px auto 0px !important;
	padding: 6px !important;
    border-radius: 1px;
	text-decoration: none !important;
	transition: .6s;
	box-shadow: 0px 0px 8px #c6c6c6;
    /* box-shadow: 0px 0px 8px #c6c6c6; */
    /* border: 0px solid #fff; */
}


a.cc-card h3 {
    font-size: 16px !important;
    line-height: 1 !important;
    margin: 10px auto 0px !important;
    text-decoration: none !important;
    /*color: #1971d4 !important;*/
}



a.cc-card:hover {
    background-color: #FFFFFF !important;
	border: 5px solid #D8D8D8;
	text-decoration: none !important;
	box-shadow: 0px 0px 0px #c6c6c6;
    /* box-shadow: 0px 0px 8px #c6c6c6; */
    /* border: 0px solid #fff; */
}



a.cc-card:hover h3 {
    color: #0894D1 !important;
}


.cc-col-2 {
    width: 18.66%;
}


@media only screen and (max-width: 800px) {
	
.cc-col-4 {
	width: 31.33% !important;
}
	
}


@media only screen and (max-width: 600px) {
	
.cc-col-4 {
	width: 98% !important;
}
	
a.cc-card {
	margin: 0px auto 25px !important;
    /* box-shadow: 0px 0px 8px #c6c6c6; */
    /* border: 0px solid #fff; */
}
	
}