/* ----- GLOBAL COMPONENTS STYLING  ----- */




.cc-main-container {
        width: 100%;
        max-width: 1200px;
        display: block;
        background-color: white;
        margin: 0px auto;
        text-align: center;
    }

/* ----- SCHEMA ----- */

.cc-schemacode {
	width: 100%;
	min-width: 270px;
	display: inline-block;
	margin: 60px auto !important;
	color: #000000 !important;
}

.cc-schemacode div {
	text-align: center;
	color: #000000 !important;
	margin: 0px auto;
}

.cc-schemacode p {
	margin: 2px auto;
	font-size: 14px !important;
	line-height: 135%;
	color: #000000 !important;
	text-align: center;
}

.cc-schemacode h4 {
	margin: 2px auto;
	font-size: 18px !important;
	line-height: 135%;
	font-weight: 900;
	color: #000000 !important;
}

.cc-schemacode h4:after {
	content: "";
	display: block;
	width: 40px;
	height: 3px;
	margin: 15px auto;
}

.cc-schemacode a {
	font-size: 18px !important;
	line-height: 135%;
	text-align: center;
	font-weight: 900;
}

.cc-schemacode a:hover {
	opacity: .6;
}

.cc-schemacode a:focus {
	border: 2px dotted #262626;
}


/* ----- CTAS ----- */

.cc-cta__container {
        display: flex;
        margin: 0px auto;
	justify-content: space-around;
    }



.cc-two-item, .cc-two-elem {
    width: 60%;
	margin: 0px auto;
    }

    .cc-three-item, .cc-three-elem {
        width: 70%;
		margin: 0px auto;
    }

.cc-cta {
	min-width: 270px;
	display: inline-block;
	padding: 15px 0px;
	margin: 5px 2px;
	font-size: 18px;
	text-decoration: none !important;
	text-transform: uppercase;
	text-align: center;
	transition: .6s;
	background: #000000;
	color: #ffffff !important;
}

.cc-full-cta{width: 50%;} .cc-half-cta{width: 40%;} .cc-third-cta{width: 30%;}

 /* Extra small devices (phones, 600px and down) */
    @media only screen and (max-width: 600px) {
        .cc-cta__container {
            width: 90%;
            flex-direction: column;
        }

        .cc-cta {
            margin: 10px 0;
        }
		
		.cc-full-cta, .cc-half-cta, .cc-third-cta {width: 90%;}
    }

.cc-cta:hover {
	background-color: #ffffff !important;
	color: black !important;
	border: 1px solid #000000;
}

.cc-cta--light--p {
	color: #ffffff !important;
}

.cc-cta--dark--p {
	color: #000000 !important;
}


/* ----- GHOST CTA ----- */

.cc-ghost-cta {
	display: block;
	padding: 18px 0px;
	margin: 45px 20px 20px 0;
	font-size: 18px;
	text-decoration: none !important;
	text-transform: uppercase;
	text-align: center;
	transition: .6s;
	box-sizing: border-box;
	background: none;

}

.cc-ghost-cta:focus {
	border: 2px dotted #262626;
}


/* ----- GHOST CTA DARK ----- */

.cc-ghost-cta--dark {
	color: #ffffff !important;
	border: 3px solid white !important;
}

.cc-ghost-cta--dark:hover {
	background-color: #ffffff !important;
	color: black !important;
	border: 1px solid #000;
}


/* ----- GHOST CTA LIGHT ----- */

.cc-ghost-cta--light {
	color: #000000 !important;
	border: 3px solid black !important;
}

.cc-ghost-cta--light:hover {
	background-color: #000000 !important;
	color: white !important;
	border: 1px solid #FFFFFF;
}


/* ----- MARGINS ----- */

.cc-lg-mrg {
	margin-top: 65px !important;
}

.cc-md-mrg {
	margin-top: 40px !important;
}

.cc-sm-mrg {
	margin-top: 20px !important;
}


/* ----- TRIM TABLE STYLING ----- */

.cc-main-container table {
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	width: 75%;
	min-width: 300px;
	table-layout: fixed;
	line-height: 1.1;
	color: #000000;
}

.main-Model-color {
	color: white !important;
}

.sub-Models-color {
	color: #000000 !important;
}

.cc-main-container table caption {
	font-size: 1.5em !important;
	margin: .5em 0 .75em !important;
}

.cc-main-container table tr {
	background: #F8F8F8 !important;
	border-bottom: 1px solid #ecf0f1;
	padding: .35em !important;
	font-size: 15px !important;
}

.cc-main-container table th,
.cc-main-container table td {
	padding: .625em !important;
	text-align: center !important;
}

.cc-main-container table th {
	font-size: 16px !important;
	font-weight: 600 !important;
	text-transform: none;
}

@media screen and (max-width: 600px) {
	.cc-main-container table {
		border: 0;
		width: 90%
	}
	.cc-main-container table caption {
		font-size: 1.3em !important;
	}
	.cc-main-container table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.cc-main-container table tr {
		border-top: 0px;
		display: block;
		margin-bottom: .625em;
	}
	.cc-main-container table td {
		border-bottom: 0px;
		display: block;
		font-size: .8em !important;
		text-align: left !important;
	}
	.cc-main-container table td:before {
		content: attr(data-label);
		display: block;
		font-weight: 800;
        text-align: left !important;
	}
	.cc-main-container table td:last-child {
		border-bottom: 0;
	}
}

.trim-table__header {
	font-size: 36px;
	margin-bottom: 10px;
	text-align: center;
}


/* ----- WIDTHS ----- */

.cc-width--full {
	width: 100%;
}

.cc-width--half {
	width: 49%;
}

.cc-width--third {
	width: 30%;
}

/* FAQ Section */
.cc-c2__faq { padding: 2% 0;}
.cc-c2__faq h2 { margin-top: 10px; text-align: center!important;}
.cc-c2__faq ul { list-style: none; padding: 0; margin: 0 auto;}
.cc-c2__faq ul li { padding: 10px 8%; text-align: left;}
.cc-c2__faq ul li h3 { padding: 0; margin: 0;}
.cc-c2__faq ul li:nth-child(odd) { background: #dddddd; }


/* ----- LIGHT & DARK MODE STYLING ----- */


/*	dark theme */

.cc--dark,
.cc--dark p,
.cc--dark h2,
.cc--dark ul,
.cc--dark a,
.cc--dark h4 {
	background-color: #000000 !important;
	color: #FFFFFF !important;
}


/*	light theme */

.cc--light,
.cc--light p,
.cc--light h2,
.cc--light ul,
.cc--light a,
.cc--light h4 {
	background-color: #FFFFFF !important;
	color: #000000 !important;
}



 /* Extra small devices (phones, 600px and down) */
    @media only screen and (max-width: 600px) {

        .cc-hide-mobile {
            display: none;
        }
    }




/* MOBILE / DESKTOP */
    .cc-mobileshow {display: none !important;}
    
    .cc-mobilehide {display: inline-block !important;}
    
	
@media screen and (max-width: 600px) {
    
    .cc-mobilehide {display: none !important;}
    
    .cc-mobileshow {display: inline-block !important;}
	
}