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

/*CHANGE ACCENT COLOR:

#000000

*/


i {
	color: #000000;

}



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

    .cc-imagetexthead {width: 100%; display: block; margin: 0px auto; background: none !important;}

    .cc-imagetexthead img {width: 100%; display: block; margin: 0px auto;}

    .cc-imagetexthead h2 {width: 85%; min-width: 280px; display: block; margin: 40px auto 0px; line-height: 135%; color: black !important; font-size: 32px !important; background: none !important;}

    .cc-imagetexthead h2 span{font-size: 24px !important; line-height: 145%;}
    
    

    .cc-cta-container {width: 100%; display: inline-block; margin: 40px auto;}
    
    .cc-cta {min-width: 270px;  display: inline-block; padding: 15px 0px; margin: 5px 2px; font-size: 18px !important; text-decoration: none !important; text-transform: uppercase; text-align: center; transition: .6s;}
    
    .cc-cta:hover{background-color: #ffffff !important; color: black !important;}
    
    .cc-full-cta{width: 50%;} .cc-half-cta{width: 40%;} .cc-third-cta{width: 30%;}
    
    .cc-maincta {background-color: #000000 !important; color: white !important; border: 2px solid #000000;}

    .cc-maincta:focus{border: 2px dotted #000000;}


    .cc-subcta {background-color: #000000 !important; color: white !important; border: 2px solid #000000;}

    .cc-subcta:focus{border: 2px dotted #000000;}




    .cc-footercta {color: black !important; border: 2px solid #000000;}

    .cc-footercta:focus{border: 2px dotted #000000;}

    


    .cc-featured-images1, .cc-featured-images2, .cc-featured-images3 {width: 100%; display: inline-block; margin: 0px auto;}

    .cc-featured-images1 img {width: 100%; display: inline-block; margin: 5px auto;}

    .cc-featured-images2 img {width: 48.5%; min-width: 300px !important; display: inline-block; margin: 5px auto;}

    .cc-featured-images3 img {width: 32%; min-width: 300px !important; display: inline-block; margin: 5px auto;}







    .cc-p1text {width: 75%; min-width: 270px; display: block; margin: 0px auto;}

    .cc-p2text {width: 75%; min-width: 270px; display: block; margin: 40px auto;}

    .cc-p1text a, .cc-p2text a, .cc-p3inner a{font-weight: 700; color: #000000 !important;}

    .cc-p1text a:hover, .cc-p2text a:hover, .cc-p3inner a:hover{opacity: .6;}

    .cc-p1text a:focus, .cc-p2text a:focus, .cc-p3inner a:hover{border: 2px dotted #000000; padding: 5px;}

    .cc-p1text h2, .cc-p2text h2, .cc-p3inner h2 {line-height: 135%; text-align: left; margin-bottom: 15px; font-size: 28px !important; color: black !important; background: none !important;}

    .cc-p1text h2:after, .cc-p2text h2:after, .cc-p3inner h2:after{content: ""; display: block; width: 40px; height: 5px; background: #000000; margin: 20px 0px;}

    .cc-p1text p, .cc-p2text p, .cc-p3inner p {font-size: 18px !important; line-height: 135%; text-align: left; color: black !important;}

    .cc-p1text ul, .cc-p2text ul, .cc-p3inner ul{font-size: 18px !important; line-height: 135%; text-align: left; color: black !important; padding-left: 40px;}



	.cc-p3main {width: 33%; min-width: 290px; display: inline-block; margin: 0px auto 40px; vertical-align: top;}

    .cc-p3main img {width: 98%; min-width: 300px; display: block; margin: 0px auto}
    
    .cc-p3inner {width: 87%; min-width: 270px; display: inline-block; margin: 20px auto 0px;}





    /*	FOOTER STYLING BEGINS*/

    .cc-footermain {width: 100%; display: inline-block; margin: 0px auto; background-color: #F2F2F2 !important;}

    .cc-footerinner {width: 75%; min-width: 270px; display: block; margin: 40px auto;}

    .cc-footerinner a {font-weight: 700; color: #000000 !important;}

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

    .cc-footerinner a:focus{border: 2px dotted #000000;}

    .cc-footerinner h2 {line-height: 135%; text-align: center; margin-bottom: 15px; font-size: 32px !important; color: #000000 !important;}

    .cc-footerinner p {font-size: 24px !important; line-height: 135%; text-align: center; color: #000000 !important;}

    .cc-footerinner ul {font-size: 24px !important; line-height: 135%; text-align: center; color: #000000 !important; padding-left: 40px;}





    /* DISCLAIMER STYLING BEGINS */
    .cc-disclaimer {width: 75%; min-width: 270px; display: inline-block; margin: 0px auto 60px; color: #000000 !important;}

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

    .cc-disclaimer a {font-weight: 700; color: #000000 !important;}

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

    .cc-disclaimer a:focus{border: 2px dotted #000000;}

    
    

    /*	SCHEMA STYLING BEGINS*/

    .cc-schemacode {width: 75%; min-width: 270px; display: inline-block; margin: 40px auto 20px; 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;}

    .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; background: #000000; margin: 15px auto;}

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

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

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





    /*	FOOTER STYLING BEGINS*/

    .cc-footermain2 {width: 100%; display: inline-block; margin: 0px auto; background-color: #F2F2F2 !important;}

    .cc-footerinner2 {width: 75%; min-width: 270px; display: block; margin: 40px auto;}

    .cc-footerinner2 a {font-weight: 700; color: #000000 !important;}

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

    .cc-footerinner2 a:focus{border: 2px dotted #000000;}

    .cc-footerinner2 h2 {line-height: 135%; text-align: left; margin-bottom: 15px; font-size: 28px !important; color: #000000 !important;}

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

    .cc-footerinner2 ul {font-size: 18px !important; line-height: 135%; text-align: left; color: #000000 !important; padding-left: 40px;}





    /* DISCLAIMER STYLING BEGINS */
    .cc-disclaimer2 {width: 75%; min-width: 270px; display: inline-block; margin: 0px auto 60px; color: #000000 !important;}

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

    .cc-disclaimer2 a {font-weight: 700; color: #000000 !important;}

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

    .cc-disclaimer2 a:focus{border: 2px dotted #000000;}






   
    	
	/* CHART STYLING BEIGNS */
	
	table {border-bottom: 1px solid #ccc;border-collapse: collapse; margin: 40px auto 0px;padding: 0;width: 80%; min-width: 300px; table-layout: fixed;}
	
	.main-Model-color {background-color: #000000 !important; color: white !important;}
	
	.sub-Models-color {color: #000000 !important;}
	
	
	table caption {font-size: 1.5em !important; margin: .5em 0 .75em !important;}
	
	table tr { background: #F8F8F8 !important; border-bottom: 1px solid #ecf0f1; padding: .35em !important;}
	
	table th,table td {padding: .625em !important; text-align: center !important;}
	
	table th {font-size: .95em !important; font-weight: 800 !important; text-transform: uppercase !important;}
    
    
        
    .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;}
    
    
    
	table { border: 0;}
	
	table caption {font-size: 1.3em !important;}
	
	table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
	
	table tr {border-top: 0px; display: block; margin-bottom: .625em;}
	
	table td {border-bottom: 0px; display: block; font-size: .8em !important; text-align: right !important;}
	
  	table td:before {content: attr(data-label); float: left; font-weight: 800;}
	
  table td:last-child {border-bottom: 0;}
	
}