/* Main CSS Document */

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased !important;
	color: #00566e;
	background: #FFF;
	line-height: 1.5em;
}	

header {
	padding-top: 30px;
	}

.logo {
	float: left;
}
	
/****************
 Navigation bar
****************/
	
.nav ul {
	margin: 0;
	list-style: none;
	float: right;
} 

.nav ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 600;
	color: #00566e;
	padding: 6px 10px;
}
	
.nav ul li {
	float: left;
	display: inline;
	margin-right: 8px;
}

.nav ul li:first-child {
	margin-left: 80px;
}
	
.nav ul a.selected, .nav ul a:hover {
	border-bottom: 5px solid #00566e;
}



/***************
   Mobile nav
***************/

nav.mobile_nav {
	display: none;
}
	
nav.mobile_nav ul li a.select {
	border-bottom: 2px solid #00566e;
}
	
nav.mobile_nav li a:hover {
	border-bottom: 2px solid #00566e;
}

/****************
 	Events
****************/

.event {
	margin-top: 50px;
	}
	
.events {
	width: 80%;
	margin: 0 auto;
	}
	
.events h1 {
	font-size: 1.5em;
	}
	
.events h1, h2 {
	text-align: center;
	}
	
.events img {
	width: 40%;
	display: block;
	margin: 0 auto;
	}
	
a {
	text-decoration: none;
	color: #00566e;
	}



/****************
 	Services
****************/
	
/**
.dropdown {
	display: none;
	list-style-type: none;
	}
	
.menu:hover .dropdown {
	display: list-item;
	}
	
ul.menu {
	padding-left: 0;
	}
**/

input[type=checkbox] {
	display: none;
	}
	
label {
	padding-left: 25px;
	display: block;
	}
	
.dropdown1, .dropdown2, .dropdown3, .dropdown4, .dropdown5, .dropdown6 {
	display: none;
	}
	
.menu1, .menu2, .menu3, .menu4, .menu5, .menu6 {
	cursor: pointer;
	background-image: url(../img/triangle.fw.png);
	background-repeat: no-repeat;
	background-position: center left;
	}

input[type=checkbox]#show-menu1:checked ~ .dropdown1 {
	display: block;
	}	
input[type=checkbox]#show-menu1:checked ~ label.menu1 {
	background-image: url(../img/triangle1.fw.png); 
	background-repeat: no-repeat;
	background-position: center left;
	}

	
input[type=checkbox]#show-menu2:checked ~ .dropdown2 {
	display: block;
	}
input[type=checkbox]#show-menu2:checked ~ label.menu2 {
	background-image: url(../img/triangle1.fw.png); 
	background-repeat: no-repeat;
	background-position: center left;
	}
	
	
input[type=checkbox]#show-menu3:checked ~ .dropdown3 {
	display: block;
	}
input[type=checkbox]#show-menu3:checked ~ label.menu3 {
	background-image: url(../img/triangle1.fw.png); 
	background-repeat: no-repeat;
	background-position: center left;
	}
	
	
input[type=checkbox]#show-menu4:checked ~ .dropdown4 {
	display: block;
	}
input[type=checkbox]#show-menu4:checked ~ label.menu4 {
	background-image: url(../img/triangle1.fw.png); 
	background-repeat: no-repeat;
	background-position: center left;
	}
	
	
input[type=checkbox]#show-menu5:checked ~ .dropdown5 {
	display: block;
	}
input[type=checkbox]#show-menu5:checked ~ label.menu5 {
	background-image: url(../img/triangle1.fw.png); 
	background-repeat: no-repeat;
	background-position: center left;
	}
	
	
input[type=checkbox]#show-menu6:checked ~ .dropdown6 {
	display: block;
	}
input[type=checkbox]#show-menu6:checked ~ label.menu6 {
	background-image: url(../img/triangle1.fw.png); 
	background-repeat: no-repeat;
	background-position: center left;
	}

	
/****************
 Section h2 h3
****************/

h2 {
	font-weight: 400;
}
	
h3, h4 {
	font-weight: bold;
}


	
/****************
 Security topics
****************/

.security {
	margin-top: 30px;
	}
	
ul.security {
	padding: 0;
	}
	
ul.security li {
	float: left;
	list-style: none;
    width: 160px;
	height: 160px;
    text-align: center;
    border-left: 1px solid #C6C7C9;
}
	
ul.security li a {
	color: #00566e;
	text-decoration: none;
	font-size: 1em;
	background: none;
}
	
ul.security img:hover {
	width: 100px;
	-webkit-transition: all 1s ease -webkit-transform: 1s;
}

ul.security li:nth-last-child(1) {
	border-right: 1px solid #C6C7C9;
	}



/****************
  Certifications
****************/
	
.cert {
	width: 12%;
	float: left;
	margin: 27px 6%;
}

.cert img {
	width: 100px;
}

	
.cert:last-child {
	margin-right: 0;
}

#embedded-badge-f421c2e4-0893-4e52-9445-bcf809899336, #embedded-badge-4b105db1-5a1c-4ae3-914a-c9c82f39575d {
	margin: 0 6%;
	}



/****************
  Contact info
****************/	
	
footer {
	padding: 15px 0;
	background-color: #2f2f2f;
}

footer .wrapper a {
	text-decoration: none;
	color: #fff;
	
	}
	
.address ul {
	padding-left: 0;
	}
	
.address ul li {
	padding: 0 0 0 35px;
	background-image: url(../img/address.png);
	background-repeat: no-repeat;
	background-position: left center;
	list-style: none;
	}
	
.address ul li:nth-child(n+2) {
	background-image: none;
	}
	
.telephone li a {
	color: #7c7c7c;
	padding: 0 0 0 35px;
	background-image: url(../img/telephone.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	}
	
.email li {
	padding: 0 0 0 35px;
	background-image: url(../img/email.png);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
.address, .telephone, .email {
	padding: 1px 0 12px 45px;
	font-size: 1.1em;
	font-weight: 400;
	color: #7c7c7c;
	line-height: 1.5em;
	}
	
.address, .telephone, .email li {
	list-style: none;
	}
	
.email li a {
	text-decoration: none;
	color: #7c7c7c;
	}

	
/***********************
links on services page       
***********************/

.services a {
	border-radius: 6px;
	font-weight: 400;
	color: #00566e;
	font-size: 1em;
	line-height: 50px;
}
	

/***
 clearfix
       ***/

.group:after {
	content: "";
	display: table;
	clear: both;
	}


/***********************
     Responsive CSS       
***********************/
	
/***********
   Tablet
***********/
@media screen and ( max-width: 998px ) and (min-width: 681px) {
	
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11, 
.grid_12 {
	width: 100%;
} 
	
/*************
  Navigation
*************/
	
nav.nav {
	display: none;
}
	
nav.mobile_nav {
	display: inline-block;
	width: 100%;
}
	
nav.mobile_nav ul {
	list-style: none;
	padding-left: 0;
}
	
nav.mobile_nav li {
	border-top: 1px solid  #00566e;
	padding: 10px;
}
	
nav.mobile_nav li:last-child {
	border-bottom: 1px solid #00566e;
}
	
nav.mobile_nav ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 600;
	color: #00566e;
}
	
	
	
/****************
 Security topics
****************/

ul.security {
	padding: 0;
}
	
ul.security li {
	float: left;
	width: 33%;
	padding: 15px 0;
	border-left: 1px solid #C6C7C9;
}
	
ul.security li:first-child {
	border-left: none;
}
	
ul.security li:nth-child(4) {
	border-left: none;
}

ul.security li:nth-last-child(1) {
	border-right: none;
	}
	
ul.security li a {
	text-align: center;
}

.center {
	text-align: center;
}
	
	
/****************
  Certifications
****************/

.cert {
	width: 80px;
	margin: 5% 7%;
}
	

	
/****************
  Contact info
****************/	

footer {
	width: 100%;
}

}

/************
 Smart phone
*************/

@media screen and (max-width: 680px) {
	
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11, 
.grid_12 {
	width: 100%;
} 
	
.logo {
	width: 100%;
}	
	
.logo img {
	display: block;
	margin: 0 auto;
}
	
/************
  Navigation
*************/
	
nav.nav {
	display: none;
}
	
nav.mobile_nav {
	display: inline-block;
	width: 100%;
}
	
nav.mobile_nav ul {
	list-style: none;
	padding-left: 0;
}
	
nav.mobile_nav li {
	border-top: 1px solid  #00566e;
	padding: 10px;
}
	
nav.mobile_nav li:last-child {
	border-bottom: 1px solid #00566e;
}
	
nav.mobile_nav ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 600;
	color: #00566e;
}
	
/****************
 Security topics
****************/

ul.security {
	padding: 0;
}
	
ul.security li {
	float: none;
	border-bottom: 1px solid #C6C7C9;
	border-left: none;
	margin: 0 auto;
	padding: 15px 0;
}

ul.security li:nth-last-child(1) {
	border-right: 0;
	}

.center {
	text-align: center;
}
	
	
	
/****************
  Certifications
****************/

.cert {
	float: none;
	margin: 50px auto;
}
	
.cert:last-child {
	margin: 0 auto 50px auto;
}
	



/****************
  Contact info
****************/	

footer {
	width: 100%;
}	

}