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


/* ========= c2 header =============*/
 .cc-c2__header{width:100%;  text-align:center;padding-top:65px;
     background: linear-gradient(0deg, #FFFFFF 35%, #000000 35%);
}

 .cc-c2__header__content-container{ width:75%;  display:inline-block;  margin:0 auto;}

 .cc-c2__header__content{ display:inline-block; margin:0 auto}

.cc-c2__header__image-container {width: 55%; display: inline-block; margin-right: 4%;}

 .cc-c2__header__content-container img{  border-top-width:10px; border-top-style:solid; display: inline-block;vertical-align: middle; width: 100%;}

 .cc-c2__header__headline-info{display:inline-block; color:#FFF; vertical-align: middle; width: 40%;}

 .cc-c2__header__headline-info h2{ font-size:32px; margin-top: 0; color:#FFF !important; }
 .cc-c2__header__headline-info h1{ font-size:32px; margin-top: 0; color:#FFF !important; }

 .cc-c2__header__headline-info p{ font-size:24px;  margin:0px auto;  margin-top:30px}

 .hrline{ width:3px;  height:66px;  margin:0px auto;  margin-top:30px;  margin-bottom:27px}

 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width:850px)
 
 { .cc-c2__header{ background: linear-gradient(0deg, #FFFFFF 50%, #000000 50%);}

 .cc-c2__header__content-container{ width:90%; }

 .cc-c2__header__image-container{ width:100%; margin-right: 0;}

 .cc-c2__header__headline-info{ width:100%;  margin-left:0; color: black;}
     
 .cc-c2__header__headline-info h2{ margin-top: 30px; color:#000000 !important; }
 .cc-c2__header__headline-info h1{ margin-top: 30px; color:#000000 !important; }
     
.cc-cta{width: 100% !important;}
     
     
 .hrline{ margin:15px auto}

 .cc-c2__header__headline-info p{ margin-top:15px}
 }





/* ========= c2 intro =============*/
 .cc-c2__intro{ width:75%;  margin:0 auto}

 .cc-c2__intro h3{ margin:0 auto;  padding-bottom:65px;  font-size:28px}

 .cc-c2__intro p:first-child{ margin:0;  font-size:24px;  line-height:135%;  text-align:center;  margin-bottom:24px}

 .cc-c2__intro p{ margin:0;  font-size:18px;  line-height:135%;  text-align:center}

 .cc-c2__intro a{ font-weight:700}

 .cc-c2__intro a:hover{ opacity:.6}

 .cc-c2__intro a:focus{ border:2px dotted #262626;  padding:5px}

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

 .cc-c2__intro p, 
 .cc-c2__intro p:first-child{ text-align:left}
 }


/* ========= c2 trim table =============*/
.cc-c2__trim-table__header{font-size:36px !important; margin-bottom:10px}


/* ========= c2 content heading and images =============*/
 .cc-c2__content__heading{ width:100%;  max-width:1200px;  background-color:#000;  margin:0 auto;  margin-top:165px}

 .cc-c2__content__heading-container{ width:75%;  display:flex;  justify-content:space-between;  margin:0 auto}

 .cc-c2__content__heading-container div{ flex:1;  text-align:left;  margin:0 10px; padding-bottom: 20px;}

 .cc-c2-feature-img{ margin:-98px auto 40px auto;  width:100%;  border-top:10px solid black}

 .cc-c2__content__heading-container h2{ font-size:32px !important;  margin:0;  color:white !important}

 /*this is the line next to heading*/
 .cc-line--white:before{ content:"";  display:inline-block;  width:75px;  height:3px;  background:#FFF;  margin-right:10px;  vertical-align:middle}

/*this is the line next to heading*/
 .cc-line--black:before{ content:"";  display:inline-block;  width:75px;  height:3px;  background:#000;  margin-right:10px;  vertical-align:middle}

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

 .cc-c2__content__heading-container div{ width:100%;  margin:0}

 .cc-c2__content__heading-container h2{ padding-bottom:20px}

 .cc-hide-mobile{ display:none}
     
 .cc-c2-feature-img {margin-bottom: 20px;}
 }






/* ========= c2 content =============*/
 .cc-c2__content-text{ margin:0px auto;  text-align:left;  width:70%;  font-size:18px;  line-height:145%}

 .cc-c2__content-text p{ width:100%;  display:block;  margin-bottom:40px;  font-size:18px}

 .cc-c2__content-text ul{ font-size:18px;  margin:25px; margin-left:45px}

 .cc-c2__content-text a{ font-weight:700}

 .cc-c2__content-text a:hover{ opacity:.6}

 .cc-c2__content-text a:focus{ border:2px dotted #262626;  padding:5px}

 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width:600px){ .cc-c2__content-text{ width:90%}
 }






/* ========= c2 footer =============*/
 .cc-c2__footer{ width:100%;  display:block;  margin:0px auto;  text-align:center;  margin-top:245px !important;  padding-bottom:65px; background:#000}

 .cc-c2__footer__inner{ display:inline-block;  margin:auto;  width:75%;  margin-top:-200px}

 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width:600px){ .cc-c2__footer__inner{ width:100%}
 }


/* ========= c2 footer trim table =============*/
table {
	width: 100%;
}

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



/* ========= c2 footer content =============*/
.cc-c2__footer__content{ width:100%;  padding:2% 8%;  display:block;  margin:0 auto;  background:#585a5f;  box-sizing:border-box; max-width:900px; color:#fff !important}

 .cc-c2__footer__content a{ font-weight:700}

 .cc-c2__footer__content a:hover{ opacity:.6}

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

 .cc-c2__footer__content h2{ line-height:135%;  text-align:left;  margin-bottom:15px;  font-size:28px !important; margin-top: 4%;}

 .cc-c2__footer__content p{ font-size:18px !important;  line-height:135%;  text-align:left}

 .cc-c2__footer__content ul{ font-size:18px !important;  line-height:135%;  text-align:left;  margin:25px; margin-left:45px;}

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






/* ========= c2 footer content =============*/
.cc-c2__footer__nav{ width:100%;  padding:0% 8%;  padding-bottom:2%;  justify-content:flex-start;  margin:0 auto;  box-sizing:border-box; background:#585a5f}

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





/* ========= c2 footer disclaimer =============*/
.cc-c2__disclaimer{ width:100%;  padding:2% 8%;  display:block;  margin:0 auto;  box-sizing:border-box; background:#585a5f; color:#fff}

 .cc-c2__disclaimer p{ font-size:12px !important;  line-height:135%;  text-align:left !important}

 .cc-c2__disclaimer a{ font-weight:700}

 .cc-c2__disclaimer a:hover{ opacity:.6}

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

 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width:600px){ .cc-c2__disclaimer{ width:100%}

 }




/* ========= c2 footer SCHEMA =============*/

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

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

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

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

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

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

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

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