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

/* This is for Department Title in Gray Bar*/
.colGrey4{
	padding-top:0px;
}


/* Left Column Attributes*/
.sideNavTitle {
	width:86%;
	padding: 5px 10px 5px 10px;
}


.OVPContact {
	background-color: #3E76B6;
	font-weight: bold;
	width: 100%;
	color: #fff;
	padding-left:5px;
	font-size:16px;
	line-height: 1.5em;
	
}

/** Get Away Button ***/
#get-away {
border: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 50px;
    font: bold 40px Sans-Serif;
    background: #21aa17;
    color: white;
    text-shadow: 0 1px 0 rgb(0 0 0 / 50%);
}



/**Get Away Button ends here ***/


/* Center Overview Portlet Attributes*/
.orange {
background-color: #068484;
width: 100.25%;
}

#macaroni{
	color:#fff;
	font-size: 25px;
	margin-top: 8px;
	margin-bottom:5px;
	font-weight:bold;
}

#ovplogo {
	display: block;
	margin-left:auto;
	margin-right: auto;
	
}

.penne {
	padding-left:8px;
	padding-right: 3px;
}


/* Center OVP News Portlet Attributes*/
.yellow {
background-color: #405E21;
width: 100.25%;
}

.blue {
background-color: #125F82;
width: 100.25%;
}

.green{
	font-weight: bold;
	color:#405E21;
	padding-left: 8px;
}

#ravioli{
	color:#fff;
	font-size: 25px;
	margin-top: 8px;
	margin-bottom:5px;
	padding-left:5px;
	font-weight:bold;
	
}

/**Teal button coding**/
.button-45 {
    align-items: center;
    background-color: #17b8cc;
    border: 1px solid #068484;
    border-radius: 11px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 33.4929px;
    padding: 2px 12px;
    text-align: center;
    text-decoration: none;
    transition: border .2s ease-in-out, box-shadow .2s ease-in-out;
    user-select: none;
    white-space: nowrap;
    max-width: 400px;
    margin: 0 auto;
    }
    .button-45:hover {
    background-color: #4abbbb;
    border-color: #068484;
    }
    .button-45:active {
    background-color: #0e9090;
    box-shadow: rgba(0, 0, 0, 0.12) 0 1px 3px 0 inset;
    color: #FFFFFF;
    transform: translateY(2px);
    text-decoration: none;
    }
    
/** OVP Overview Documents ***/


	
/* Float four columns side by side */
.OVPcolumn {
  float: left;
  width: 30%;
  padding: 0 10px;
}

/* Remove extra left and right margins, due to padding */
.OVProw {margin: 0 -5px;}

/* Clear floats after the columns */
.OVProw:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .OVPcolumn {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

/* Style the counter cards */
.OVPcard {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	border-radius: 4px;
  padding:10px 5px;
  text-align: center;
  background-color: #fff;
	margin-bottom: 5px;
}

		
.OVPcard p {
			margin:2px;
		}


.OVPh3{
    font-weight: 400;
    margin: 10px 0;
   font-size: 24px;
   padding: 8px;
    font-weight: 300;
  text-align: center;
}

	

















/** end Overview Documents ****/ 



/* Create four equal columns that floats next to each other */
.column {
  float:left;
  width: 25%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}



.svg{
		width: 45%;
	 display: block; 
  margin-left: auto;
  margin-right: auto;
 padding-left: 35px;
	}


a.svglink {
position: relative;
  display: inline-block; 
 
}
a.svglink:after {
  content: ""; 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left:0;
}


.fettuccine {
	margin-top: 0px;
	text-align: center;
}


/** Overview View Links**/


a.pho:hover {
	color: #803706;
}

a.pho:active {
	color: #0E104E;
	
}

#spaghetti{
	padding:10px;
	
}

.style1{
	font-size: medium;
	/*color:#24600B;*/
  color:#333333;
	font-weight: bold;		
}


.divider{
	border-top: 1px solid #405E21;
	width: 95%;
		
}


.OVPcap {
	font-size: 14px; 
	font-style: italic;
}

/*-- Accordion--------**/
.pineapple{
	float: left;
	margin-top:-5px;
	margin-right: 5px;
	width: 28px;
	height: 28px;
	
}

.accordion {
  background-color: #fff;
  font-weight:300;
  color: #444;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}


.active, .accordion:hover {
  background-color: rgba(24,187,149,0.20);
  color: #585656;
  font-weight: bold;
}


.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}


.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
/*****CAP Accordion******/
.accordionCAP {
  background-color: #fff;
  font-weight:300;
  color: #444;
  cursor: pointer;
  padding: 20px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}


.activetwo, .accordionCAP:hover {
  background-color: rgba(24,187,149,0.20);
  color: #585656;
  font-weight: bold;
}


.accordionCAP:after {
  content: '\002B';
  color: #fff;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}




.activetwo:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}



/*****end Accordion CAP*****/


hr.divider2{
	border-top: 1px solid  #125F82;
	width: 95%;
	
}

.PADreport{
	color:darkcyan;
	font-weight: bold;
	
}
.photo {
	margin-right: 10px;
	
}


	/**** Suicide Prevention Columns ********/

/**row***/
.cactus {
  float: left;
  width: 47%;
  padding:10px;
}

/* Clear floats after the columns */
.monsterra:after {
  content: "";
  display: table;
  clear: both;
}

/**** Suicide Prevention H3*****/
.mint {
	
	font-weight: bold;
	color: #065B2B;
	margin-bottom:5px;
	font-size: 16px;
}

.basil {
	font-weight: bold;
	color: #065E7F;
	margin-bottom:5px;
	
}

.thyme {
	
	font-weight: bold;
	color: #063E3E;
	margin-bottom:5px;
	
}

.purple {
	
	font-weight: bold;
	color: #837B82;
	margin-bottom:5px;
	
}




/***no bullets ***/
.nobullets {
	list-style-type: none;
	margin-left: -20px;
	
}

/***center images *****/
.imgcenter{
	display:block;
	margin-left:auto;
	margin-right: auto	
}


/**** custom button******/
.ovpbutton {
	border:none;
	border-radius:6px;
	color: white;
	padding: 10px 25px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
	 transition: all 0.5s;
	background-color: #F56342;
	
}


.ovpbutton span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.ovpbutton span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.ovpbutton:hover{
	background-color: darkorange;
}

.ovpbutton:hover span {
  padding-right:15px;
  font-weight: bold;
}

.ovpbutton:hover span:after {
  opacity: 1;
  right: 0;
}




/** TPI Video Button ***/

.vidbut{
	background-color: #f56342;
  border: 2px solid #fff;
  color: white;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 5px;
}

.vidsection {
	padding-left:280px;
	padding-top:10px
}

/**** custom button 2******/
.capbutton {
	border:none;
	border-radius:6px;
	color: white;
	padding: 10px 25px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
	 transition: all 0.5s;
	background-color: #F79321;
	
}

.cappbutton span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.cappbutton span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.capbutton:hover{
	background-color: darkcyan;
	font-weight: bold;
}

.capbutton:hover span {
  font-weight: bold;
}

.capbutton:hover span:after {
  opacity: 1;
  right: 0;
}

/***** custom table*******/

.eval, .darchives{
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin-top: 11px;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

 .eval thead th{
		background-color: #607308;
	    color:#fff;
}

.darchives thead th{
		background-color: #047198;
	    color:#fff;
}

.eval caption, .darchives caption{
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.postit{
	color:#009999;
	text-align:left;		
	
}
.eval tr, .darchives tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

.eval:nth-child(2), .darchives:nth-child(2){
	
	text-align:center;
}

.eval th,
.eval td
 {
  padding: .625em;
  text-align: center;
}
.darchives th,
.darchives td
 {
  padding: .625em;
  text-align: center;
}

.eval th, .darchives th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  .eval {
    border: 0;
  }

 .eval caption, .darchives caption {
    font-size: 1.3em;
  }
  
  .eval thead {

    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
	
	 .eval thead th{
		background-color: forestgreen;
	    color:#fff;
}
  
  .eval tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .eval td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  .eval td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
 .eval td:last-child {
    border-bottom: 0;
  }
}


/*** contact form description ******/


.contact input[type=text], select, textarea {
  width: 95%;
  padding: 12px;
  border: 1px solid #ccc;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

.contact input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  cursor: pointer;
}

.contact input[type=submit]:hover {
  background-color: #45a049;
}

/* Style the container/contact section */
.contactform {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 10px;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .contactcolumn, .contact input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}

/*******NonProfit Impact Team Modal Popup *******/ 
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(255,255,255,1.00); /* Fallback color */
  background-color: rgba(252,165,33,0.85); /* Black w/ opacity */
}

/* Modal Content */

#myBtn{
border:none;
	border-radius:6px;
	color: white;
	padding: 10px 25px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
	 transition: all 0.5s;
	background-color: rgba(46,92,123,1);
	}

#myBtn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

#myBtn span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

#myBtn:hover{
	background-color: darkcyan;
}

#myBtn:hover span {
  padding-right:15px;
  font-weight: bold;
}

#myBtn:hover span:after {
  opacity: 1;
  right: 0;
}
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  width: 65%;
}
/* Create two equal columns that floats next to each other */
.modalcolumn {
  float: left;
  width: 45%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.modalrow:after {
  content: "";
  display: table;
  clear: both;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/*******end Nonprofit Impact Team Modal ****/

/****24Hour Hotlines***/
.hotline { color:#068484}


/****** Quote SLider*******/

/* Slideshow container */
.slideshow-container {
  position: relative;
  background: #2E5C7B ;
  min-height:400px;
}

/* Slides */
.mySlides {
  display: none;
  padding: 80px;
  text-align: center;
}


.mySlides2 {
  display: none;
  text-align: center;
	
}

.mySlides3 {
  display: none;
  text-align: center;
	
}.mySlidesnit {
  display: none;
  text-align: center;
	
}

.qhead{
  font-family: 'Raleway', sans-serif;
  letter-spacing:4.2px;
  color: #fff;
  
}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color:rgba(255,255,255, 0.3);
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 20px;
    background: #2E5C7B;
	margin-top: -60px;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 8px;
  width: 8px;
  margin-top: 0 2px;
  background-color: rgba(187, 187, 187,0.3);
  border-radius: 50%;
   position: relative;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #fff;
  position: relative;
  display: inline-block;	
 
  
}

/* Add an italic font style to all quotes */
q {font-style: none;
   font-family: 'Nunito', sans-serif;
   font-size:20px;
   color:#fff;}


/*** TTA CSS Assets*****/
.TTA{
background-color: #305c7A;
	
}

/* Create four equal ttacolumns that floats next to each other */
.ttacolumn {
  float: left;
  width: 22%;
  padding-left:20px;
  height: 250px;
}


.ttarow{
	background-color: #fff;
	
	
}
/* Clear floats after the ttacolumns */
.ttarow:after {
  content: "";
  display: table;
  clear: both;
}
.ttawrapper{
    position: relative;
    width: 100px;
    height: 100px;
}
.ttafund{
width: 180px;
margin-top:-125px;
margin-left:-10px;
font-size: 14px;
text-align: center;
color: #A4DEFF;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: bold;
}

	.ttaorg{
width: 180px;
margin-top:-125px;
margin-left:-10px;
font-size: 14px;
text-align: center;
color: #FFB870;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: bold;
}	

.ttamarketing{
width: 180px;
margin-top:-125px;
margin-left:-10px;
font-size: 14px;
text-align: center;
color: #066153;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: bold;
}
	
.ttadata{
width: 180px;
margin-top:-125px;
margin-left:-10px;
font-size: 14px;
text-align: center;
color: #AA7D29;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: bold;
}
	
	
	.ourteam{
		padding-top:50px;
		padding-left: 2px;
		display: block;
		margin-left: auto;	
		margin-right: auto;
		width: 150px;

	}

/*** color of the author of quote*****/

.author{  color: #fff;
         font-weight: bold;
       font-family: 'Raleway', sans-serif;
        letter-spacing: 2.5px;}



/**** end TTA Team*****/

/***** Data Tables Report****/
.TFtableCol{
width: 100%;
border-collapse: collapse;	
	
}


/*---5 year Injury Rates Mechanism th----*/

.drtable {
	height: 65px;
	border: 1px solid rgba(49,97,189,0.5);
	border-collapse: collapse;
	text-align: center;
	
}
.th01 {
	
	background-color: rgba(49,97,189,0.8);
	color: #fff;
	padding: 2px;
	height:60px;
	border-collapse: collapse;
}

.th02 {
	
	background-color: rgba(78,170,203,1.00);
	color: #fff;
	padding: 2px;
	height:60px;
	border-collapse: collapse;
	
}

/*--- 10 year Injury Rates by Mechanism TH---*/


.drtable2 {
	border-collapse: collapse;
	height: 65px;
	border: 1px solid rgba(43,78,25,1.00);
	text-align: center;
	
}


.th03 {
	
	background-color: rgba(24,47,0,0.93);
	color: #fff;
	padding: 2px;
	height:60px;
	border-collapse: collapse;
}

.th04 {
	
	background-color: rgba(43,78,25,1.00);
	color: #fff;
	padding: 2px;
	height:60px;
	border-collapse: collapse;
	
}



/*- Meeting Agendas and Minutes Table***/
.agendas{
	border-collapse: collapse;
	
}
.agendas th{
	background-color: #2EA7C1;
	color:#fff;
	text-align:left;
	padding: 8px;
}

.agendas td{
	text-align:left;
	padding: 8px;
	
	
}

.agendas tr:nth-child(odd){
	background-color: rgba(99,210,233,0.37);
		
	
}

.agendas td:nth-child(2){
	text-align: left;
	font-size: 14px;
	
}

/***** CAP Announcement ******/
.CAPannouncement {
	color: #208484;
	font-weight: bold;
	font-size: 18px;
	
}


.CAPnew {
	color:orangered;
	font-weight:bold;
	font-size: 14px;
}

tr.spaceUnder>td {
	padding-bottom: 1.5em;
	
}



/**** CAP Announcement Cards **/


/* Float four columns side by side */
.CAPcolumn {
  float: left;
  width: 30%;
  padding: 0 10px;
}

/* Remove extra left and right margins, due to padding */
.CAProw {margin: 0 -5px;}

/* Clear floats after the columns */
.CAProw:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .CAPcolumn {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

/* Style the counter cards */
.CAPcard {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 16px;
  height: 375px; 
  text-align: center;
  background-color: #f1f1f1;
	margin-bottom: 15px;
	margin-top: 20px;
}


.highlight {
	font-weight: bold;
	color: #269C8E;
	margin-bottom:5px;
	
	
}

.highlightbutton {
	margin-top: 10px;
	border:none;
	border-radius:6px;
	color: white;
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
	 transition: all 0.5s;
	background-color: #F7931D;
	
}




.highlightbutton span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.highlightbutton span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.highlightbutton:hover{
	background-color: darkcyan;
}

.highlightbutton:hover span {
  padding-right:15px;
  font-weight: bold;
}

.highlightbutton:hover span:after {
  opacity: 1;
  right: 0;
}



/**** CAP Announcement *******/



 a#pink:visted{
	background-color: #F9DFDF;
}


/**TPI Community Profiles ***/


ol {
  list-style-type: none;
  counter-reset: ordered;
  margin-left: 20px;
}

ol li {
  margin-bottom: 20px;
  color: #48525B;
  font: 17px Calibri;
}

ol li::before {
  border: 2px solid #405E21;
  border-radius: 50%;
  color: #405E21;
  content: counter(ordered);
  counter-increment: ordered;
  display: inline-block;
  font-weight: 500;
  margin-left: -50px;
  margin-top: 0px;
  padding: 5px 12px;
  position: absolute;
  font-size: 17px;
}

.li6::before {
  content: "6" !important;
}
.li7::before {
  content: "7" !important;
}
.li8::before {
  content: "8" !important;
}
.li9::before {
  content: "9" !important;
}

.step1::before {
  content: "1" !important;
}
.step2::before {
  content: "2" !important;
}
.step3::before {
  content: "3" !important;
}
.step4::before {
  content: "4" !important;
}
.step5::before {
  content: "5" !important;
}
.step6::before {
  content: "6" !important;
}

.li-left{
  /*margin-left:34px;*/
}

.adjust-float{
  float:left;
  width:50%;
  margin-right: 12px;
}

.adjust-float2{
  float:left;
  width:45%;
  margin-right: 50px;
}

.text-aqua {
  color: #007483 !important;
}

.img-float{
    max-width: 40%;
    float: left;
    margin: 0px 74px 0px 0px;
}

.p-font{ font:17px Calibri !important; }

.flex-div{ display: flex;}

.flex-div div.column{
  list-style: none;
  flex-direction: column;
  transition: all .5s;
  display: flex;
  width: 350px;
  margin: 0 auto;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
  border: 2px solid rgba(10, 123, 183, 0.14);
  border-radius: 10px;
}

.flex-div div.column span.title{
  font-weight:bold;
  text-align: center;
  color:#fff;
  background-color: #068484;
  box-shadow: 0 -10px 5px rgba(0,0,0,.1) inset;
  text-transform: uppercase;
  padding: 30px 5px;
  font-size: 1.25rem;
  border-radius: 10px;
}

.flex-div div.column span.sub-title{
  margin-top: 2px;
  font-size: 1.15rem;
  text-align: center;
  font-style: italic;
  color: #48525B;
}

.flex-div div.column span {
  padding: 10px 10px;
  position: relative;
  border-bottom: 1px solid #eee;
  color: #48525B;
}

.flex-div div.column ul li.check{
  list-style: none !important;
  margin: 12px -32px;
  font-size: 17px;
}

.flex-div div.column ul li.check::before {
	font-family: sans-serif;
	content: "✔";
	color: white;
	display: inline-block;
  width: 1.15em;
  line-height: 22px;
	background: lightblue;
	padding-left: 4px;
	border-radius: 50%;
	margin-right: 1em;
}

.div-li{
  margin-top: 5px; 
  display: list-item;
  margin-left: 1.3em; 
  list-style-type: circle;
}

/*Navigation CSS*/
.menu {
  display: block;
  /*margin-top: 28px;*/
}

.menu li{
  display: inline-block;
  position: relative;
  z-index: 100;
  float: left;
  width: 19%;
}

.menu li:first-child {
  margin-left: 0;
}

.menu li a {
  font-weight: 600;
  text-decoration: none;
  padding: 6px 12px;
  display: block;
  color: #fff;
  transition: all 0.2s ease-in-out 0s;
  font-size: 15px;
  font-family: arial;
}

.menu li a:hover,.menu li:hover>a {
  color: #fff;
  /*background: #333;*/
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 250px;
  position: absolute;
  left: 0px;
  background: #F1F1F1;
  z-index: 99;
  transform: translate(0,20px);
  transition: all 0.2s ease-out;
  border-radius:5px;
}

.menu ul:after {
  bottom: 100%;
  /*left: 20%;*/
  left: 36%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}

.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
}

.menu ul li a {
  font-size: 1rem;
  /*font-size: 16px;*/
  font-weight: normal;
  display: block;
  color: #797979;
  background: #F1F1F1;
  line-height: 28px;
}

.menu ul li a:hover,.menu ul li:hover>a {
  /*background: #333;*/
  background: #061C60;
  color: #fff;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0,0);
}

.menu ul ul {
  left: 250px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px,20px);
  transition: all 0.2s ease-out;
}

.menu ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0,0);
}

.responsive-menu {
  display: none;
  width: 100%;
  padding: 20px 15px;
  background: #1c3664 !important;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

.responsive-menu:hover {
  /*background: #374147;*/
  color: #fff;
  text-decoration: none;
}

a.homer {
  background: #9ca3da;
}

.submenu-li {
  width:100% !important;
  text-align: left;
}

.submenu-li2 {
  width:100% !important;
  text-align: left;
}

article,aside,figure,footer,header,hgroup,nav,section {
display: block;
}

@media (min-width: 768px) and (max-width: 979px) {
  .mainWrap {
      width: 768px;
  }

  .menu ul {
      top: 37px;
  }

  .menu li a {
      font-size: 12px;
  }

  a.homer {
      background: #374147;
  }
}

@media (max-width: 767px) {
  .mainWrap {
      width: auto;
      padding: 50px 20px;
  }

  .menu {
      display: none;
      padding-left: 0px;
      /*margin-top:6px;*/
  }

  .responsive-menu {
      display: block;
      text-align:right;
  }

  nav {
      margin: 0;
      background: none;
  }

  .logo{
    margin-top:-60px;
    text-align: left;
    width: 150px;
  }

  .menu li {
      display: block;
      margin: 0;
  }

  .menu li a {
      background: #fff;
      color: #797979;
  }

  .menu li a:hover,.menu li:hover>a {
      background: #333;
      color: #fff;
      border-radius: 5px;
  }

  .menu ul {
      visibility: hidden;
      opacity: 0;
      top: 0;
      left: 0;
      width: 100%;
      transform: initial;
  }

  .menu li:hover>ul {
      visibility: visible;
      opacity: 1;
      position: relative;
      transform: initial;
  }

  .menu ul ul {
      left: 0;
      transform: initial;
  }

  .menu li>ul ul:hover {
      transform: initial;
  }
}

@media (max-width: 767px) {
.slider, .slider > div{
  height: 178px;
}
}

@media (max-width: 480px) {
}

@media (max-width: 320px) {
}

.content a:link {
  word-break: break-all;
}

.adjust-float-content-left{
  float: left;
  width:80%;
}

.adjust-float-content-right{
  float: right;
  width:80%;
}

.img-shadow-right{
  -webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.5);
}

.img-shadow-left{
  -webkit-box-shadow: -7px 7px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: -7px 7px 5px 0px rgba(0,0,0,0.5);
  box-shadow: -7px 7px 5px 0px rgba(0,0,0,0.5);
}

/*Accordion styling*/
  [data-toggle=collapse] i:before {
    content: "-";
    font-size:34px;
    height:60px;
  }
  
  [data-toggle=collapse].collapsed i:before {
    content: "+";
    font-size:34px;
    height:60px;
  }
  
  #accordion .card-header {
    margin-bottom: 8px;
  }
  #accordion .accordion-title {
    position: relative;
    display: block;
    padding: 8px 0 8px 50px;
    background: #384479;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    width: 100%;
    text-align: left;
    transition: all 0.4s ease-in-out;
  }
  #accordion .accordion-title i {
    position: absolute;
    width: 40px;
    height: 100%;
    left: 0;
    top: 0;
    color: #fff;
    background: radial-gradient(rgba(34, 61, 143, 0.8), #384479);
    text-align: center;
    border-right: 1px solid transparent;
  }
  #accordion .accordion-title:hover {
    padding-left: 60px;
    background: #384479;
    color: #fff;
  }
  #accordion .accordion-title:hover i {
    border-right: 1px solid #fff;
  }
  #accordion .accordion-body {
    padding: 20px 25px;
    background-color: #fbfeff;
    border-radius: 5px;
    border:1px solid #b2c7dd;
  }
  #accordion .accordion-body ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  #accordion .accordion-body li {
    padding-left: 1.2rem;
    text-indent: -1.2rem;
  }
  #accordion .accordion-body li:before {
    content: "\2713";
    padding-right: 5px;
    font-family: "Flaticon";
    font-size: 16px;
    font-style: normal;
    color: #384479;
  }
  
  .adjust-accordion-width{
    width:98%;
    margin: 0 auto;
  }

  @media(max-width:768px){
    #accordion .accordion-title{ font-size:1.2rem !important; } 
    #accordion .accordion-body{ padding: 0px 15px !important; }
}

@media(max-width:820px){
    .adjust-accordion-width{
        width:100%;
        margin: 0 auto;
    }
    .flex-container > div {
        width:100%;
    }
}

.green-accordion{
  background: #236f9a !important;
}
.add-padding{
  padding-left: 5px; 
  padding-top: 10px;
  padding-bottom: 10px;
}
.add-padding2{
  padding-left: 5px; 
  padding-top: 16px;
  padding-bottom: 10px;
}
.add-padding3{
  padding-left: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.paddingTop{
  padding-top: 13px;
}
.style11{ border: 2px solid #fff; }
.style6s{ border: 2px solid #fff; }
.uppercase{ text-transform: uppercase; }
.service_area{border-bottom:3px solid #fff;}
.name_contact-left{padding-left:5px;}
/*End of Accordion styling*/

/*Back to top Button*/
.m-backtotop {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  bottom: -50px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: #243877;
  border-radius: 25px;
  text-align: center;
  border: 2px solid #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  opacity: 0;
  overflow: hidden;
  color: #fff;
}
.m-backtotop.active {
  background-color: #243877 !important;
  bottom: 15px;
  opacity: 1;
}
.m-backtotop > div {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.m-backtotop > div.arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  opacity: 1;
}
.m-backtotop > div.text {
  font-size: 5px;
  font-size: 0.5rem;
  line-height: 10px;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "Open Sans", sans-serif;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(50%) translateX(-50%);
  opacity: 0;
  margin-top: 1px;
}
.m-backtotop:hover {
  transform: scale(1.1);
  bottom: 20px;
  cursor: pointer;
  background: #243877;
  box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1);
}
.m-backtotop:hover > div.arrow {
  transform: translateY(-150%) translateX(-50%);
  opacity: 0;
}
.m-backtotop:hover > div.text {
  transform: translateY(-50%) translateX(-50%);
  opacity: 1;
}
/*****************************/

.marginTop{ margin-top:12px; }

/**************Responsive Table CSS****************/
.new-table {
  max-width: 960px;
  width: 100%;
}

.th-left{ text-align: left; padding-left: 10px; border-bottom: 1px solid #175676; }
.td-left{ text-align: left; padding-left: 10px; border-bottom: 1px solid #175676; }

.table-thead th {
  font-weight: 400;
  background: #263369;
  color: #FFF;
}

.table-tr {
  background: #f4f7f8;
  border-bottom: 1px solid #FFF;
  margin-bottom: 5px;
}

.table-tr:nth-child(even) {
  background: #e8eeef;
}

.table-bold{ font-weight: 550 !important; }

.table-th, .table-td {
  text-align: left !important;
  padding: 10px;
  font-weight: 300;
}

.anchor-table{
  font-weight: 550 !important;
  color: #068484 !important;
  text-decoration: none !important;
}

.anchor-table:hover{
  color: #175676 !important;
}
/**************************************************/