@charset "utf-8";

/* Toggle-Info */

dt { 
	font-size: 1.1em;
	font-weight: normal;
	cursor: pointer;
}

dd {font-size: 0.9em;
text-align: left;
	display:none;
	margin: 5px 0 0em;
	float:left;
	width: 100%;
	padding: 0em;
}
dd p{
line-height: 0;
}

dd img	{
float: left;
padding: 0em 1.5em 0.5em 0em;
}

#button {
	float:right;
	display:block;
	height: 20px;
	width: 18px;
	text-indent:-9999px;
}

/*Animation*/

       .slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInUp {
  0% {
  -webkit-transform: translateY(30%);
  transform: translateY(30%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  @keyframes slideInUp {
  0% {
  -webkit-transform: translateY(30%);
  transform: translateY(30%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }


body	{
margin: 0 auto;
background: #fff;
font-family: Verdana, Helvetica, Arial, sans-serif;
width: 100%;
min-height: 101%;
color: #4e6565;
text-align: left;
}

img	{
outline: none;
max-width: 100%;
height: auto;
border: none;
outline: none;
}

div.col.span_1_of_4 img	{
padding: 20px;	
}

a	{
color: #005544;	
text-decoration: none;
outline: none;
}

a:hover	{
cursor: pointer;
}

a:active, a:focus{
outline: none;
text-decoration: none;
}

p	{
font-weight: 400;
font-size: 100%;
color: #4e6565/*#005544*/;
line-height: 1.4em;
text-align: left;
    -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
}

p.small	{
padding: 5px 0 0 0; margin: 0;
font-size: 12px;
text-align: left;
}

p.white{
color: #fff;
}

p.center{
text-align: center;
}

p.img a:hover	{
color: #788c27;
}

#footer table tr th p.img a{
 font-size: 12px;	
}

h1	{
font-style: italic;
line-height: 1.6em;
text-align: left;
margin: 0;
padding: 0px 10% 0;
font-size: 20px;
font-weight: 300;
}

.slideInUp	{
padding: 0px 0% 0 1%;	
}

h1 a	{
color: #005544;	
}

#header h1	{
text-align: left;
line-height: 1em;
margin: 0;
padding: 0px 0 0px 0;
font-size: 30px;
color: #005544;
font-weight: 400;
}

h2	{
color: #005544;		
padding: 25px 0 5px;
margin: 0 0 0px 0;
font-size: 130%;
font-weight: 300;
text-align: left;
}

h3	{
color: #005544;		
text-align: left;
padding: 10px 0 5px; 
margin: 0;
font-weight: 300;
font-size: 20px;
}

dt.top h3{
text-align: left;
padding: 5px; 
margin: 0;
font-weight: 300;
font-size: 21px;	
}

dt.top h3 span{
font-size: 13px;
padding: 2px;	
}

dt.top h3 span:hover {
transition: background 0.5s ease; -moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease; -o-transition: background 0.5s ease;
background: #ffeeaa;

 }


#info .fa, h3 i.fa	{
color: #005544;
}

h3 strong	{
color: #8f9c00;
}

#info h4, div.col.span_1_of_4 h4	{
margin: 0;
text-align: center;
font-size: 1.2em;
font-weight: 400;
}

h5	{
margin: 0;
padding-top: 20px;
font-size: 130%;
font-weight: 400;
}
h6{
margin: 25px 0;
font-weight: normal;
font-size: 100%;
text-align: center;

}

#header h6	{
font-style: italic;	
padding-left: 150px;	
color: #005544;
font-weight: normal;
font-size: 1.0em;
margin: -15px 0 0 ;
}

hr	{
border: 0;
width: 100%;
background: #ffe477 /*#f5be0c #ffeeaa*/; 
height: 2px;
margin: 20px 0;
}

#header	{
position: fixed;
top: 0;
z-index: 200;
text-align: center;
width: 100%;
background: #fff;
padding: 30px 0 10px;
}

#header img{
margin-left: -60px;
padding-top: 5px;
}

#header .fa {
color: #005544;	
}

#header p {
text-align: right;
color: #005544;	
padding-top: 9px;
}

#container	{
position: relative;
top: 20px;
}
#container-2	{
position: relative;
top: 150px;	
}

#top-article	{
padding: 0px 0 0px;	
}

#top-article-2	{	
padding: 30px 0 0px;	
}

#wave img	{padding-bottom: 10px;
margin-top: -34px;
}

#wave2 img	{
padding-top: 25px;
}

#box {	
width: 100%;
    display: -webkit-flex; /* Safari */
    display: flex;
}


#box div{
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
		margin: 0 01%;
}

#box div{
text-align: center;
padding: 0 1%;
}

#info i.fa.fa-tags{
color: #f5be0c;
background: #fff;
border: 2px solid #f5be0c;
padding: 10px 10px; 
border-radius: 50%;
}

div.col.span_1_of_4	i.fa.fa-tags{
margin-top: 10px;
color: #f5be0c;
background: #fff;
border: 2px solid #f5be0c;
padding: 8px 8px; 
border-radius: 50%;
}

#footer	{
background: #005544;
padding: 0em 0 10em 0;
margin: 5em auto 0;
}

#footer p	{
padding: 0;
margin: 0;
color: #fff;
}

#footer ul.bottom {
padding: 5px 0 0 0 ;
margin: 0;	
}

#footer ul.bottom li{padding-bottom: 5px;
display: block;	
}

#footer .span_1_of_4 img, #footer .span_1_of_3 img{
margin-left: 0%;
margin-bottom: 0%;
border: 0;
}

#footer p a	{
font-size: 20px;
color:#fff; 
-webkit-transition: padding-left 0.5s; /* Safari */
transition: padding-left 0.5s;
padding-bottom: 15px;	
}

#footer .fa.fa-phone	{
font-size: 30px;
color:#fff;
}

#footer ul li a	{
color:#fff; 
-webkit-transition: padding-left 0.5s; /* Safari */
transition: padding-left 0.5s;	
font-weight: 400;
}

#footer ul li a:hover, #footer p a:hover,#footer .col h6 a:hover 	{
padding-left: 10px;
}


/*Back to top button*/
#back-top {
	position: fixed;
	bottom: 0%;
	right: 4%;
}

#back-top a {opacity: 0.8;
	width: 2.0em;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
}

#back-top a:hover {
opacity: 1.0;
}

/* arrow icon (span tag) */
#back-top span {border: 0.1em solid #fff;
	width: 2.5em;
	height: 2.5em;
	display: block;
	background:  #005544 url(../img/up-arrow2.png) no-repeat center center;
}


/*Media queries*/
@media only screen and (max-width: 1600px) {
#wave img	{padding-bottom: 10px;
margin-top: -30px;
}
}

@media only screen and (max-width: 1440px) {
#wave img	{
margin-top: -23px;
}
}

@media only screen and (max-width: 1024px) {
#wave img	{padding-bottom: 10px;
margin-top: -20px;
}
#header h6	{
padding-left: 80px;	
font-size: 1.0em;
margin: -10px 0 0 ;
}
}

@media only screen and (max-width: 768px) {
i.fa.fa-phone	{
margin-right: 20px;	
}
h1.slideInUp, p.slideInUp	{
padding: 0px 1% 0;	
}
#box {
width: 100%;
    display: block;/* Safari */
    display: block;
}
#box div{
    -webkit-flex: none;  /* Safari 6.1+ */
    -ms-flex:none;  /* IE 10 */    
    flex: none;
		margin: 1%;
}
#box div{
border: none;
padding: 0%;
}
#contact	{
padding:  0 0em;
}
#header	{
position: static;
margin-top: 10px;	
height: auto;
text-align: center;
padding: 20px 0 0;
}
#header p {
text-align: center;
color: #005544;	
padding-top: 0px;
margin: 0;
}
#header ul	{
padding: 0 0px;
}
#footer .span_1_of_3, #footer .span_1_of_4 {
margin: 5% 1em 2%;
}
#header h1{
text-align: left;
}
#header p a i.fa.fa-phone  {padding: 0 0 0 0;
color: #005544;	
font-size: 2.4em;
}
#container-2	{
position: relative;
top: 0px;	
}
#bottom{
height: auto;
border-bottom: none;
}
div.col.span_1_of_4 img	{
display: none;	
}
#header h6	{
display: none;
}
h5{
padding-top: 0px	
}
#wave2 img	{
padding-top: 5px;
}
#footer ul.bottom li{padding-bottom: 20px;
}
p	{
font-size: 110%;
}
}




@media only screen and (max-width: 400px) {
#header h1	{
font-size: 28px;
}
#header p {
font-size: 95%;
}
}