/*---------------------------------------------------
Basic
---------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1.5;
}

ol, #content ul, #content2 ul {
padding:0 0 0 40px
}

li {
	padding:0 0 0 5px
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*---------------------------------------------------
Clear Fix
---------------------------------------------------*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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


/*---------------------------------------------------
Links
---------------------------------------------------*/
a:link,a:active,a:visited {
color:#76db0b;
}

a:hover {
color:#76db0b;
text-decoration:none;
}


/*---------------------------------------------------
Form Tags
---------------------------------------------------*/
input,buttons,textarea,select,menu,list {
font-size:110%;
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color:#333;
border:1px solid #d1d1d1;
background:#f4f4f4;
margin:6px 0 6px 0;
padding:12px;
width:100%;
font-weight:200;
}

.button {
font-size:180%;
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color:#fff;
background-color:#76db0b;
border:1px solid #76db0b;
margin:16px 0 14px 0;
padding:10px;
width:100%;
-webkit-animation-name: bounce; 
animation-name: bounce; 
}


/*---------------------------------------------------
Layout
---------------------------------------------------*/
.wrapper {
  width: 100%;
  margin: 0 auto;
}

main {
  display: block;
  background-color: #fff;
}

.container {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  position:relative;
}





/*---------------------------------------------------
Navigation & Header
---------------------------------------------------*/
#header,#headerfixed {
position:fixed;
background-color:#fff;
z-index:100;
display:block;
height:155px;
width:100%;
border-bottom:15px solid #76db0b;
}

#logo {
float:left;
width:224px;
padding:10px 0 25px 0;
}

#phone {
	text-align:right;
	font-size:150%;
	padding:0 8px 0 0;
}


#navigation {
float:right;
padding:10px 0 0 0;
font-size:165%;
}


#nav {
float:right;
height:22px;
list-style:none;
margin:0 0 10px;
padding:0
}

#nav li {
float:left;
font-size:75%;
margin:0;
padding:0
}

#nav a:link,#nav :visited,#nav a:active {
float:left;
display:block;
color:#666;
text-decoration:none;
margin:0;
padding:8px 8px 8px 8px
}

#nav a:hover {
color:#9d9d9d;
border-bottom:1px solid #76db0b;
}


/*---------------------------------------------------
Home
---------------------------------------------------*/
#hometitle {
	position: absolute;
	left: 0px;
	top: 268px;
	color: #fff;
	width: 850px;
	font-weight: 300;
	line-height: 1.2em;
	font-size:180%;
	text-shadow: 1px 1px #666;
}

.white {
	color:#fff;
}


/*---------------------------------------------------
Sections
---------------------------------------------------*/
section.module:last-child {
  margin-bottom: 0;
}

section.module p {
  margin-bottom: 30px;
  font-weight: 300;
}

ol, section.module ul {
padding:0 0 0 40px
}

section.module li {
	padding:0 0 0 5px
}




section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 80px 0;
}

#internal {
	padding:70px 0;
}

section.module.parallax {
height: 685px;
clear:both;
  background-position: 30% 30%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


section.module.parallax h4 {
font-size: 80%;
text-align:center;
color:#76db0b;
display:block;
width:50%;
margin:20px 0 0 0;
background-color:#fff;
text-shadow:none;
}

section.module.parallax h4 a:link, section.module.parallax h4 a:active, section.module.parallax h4 a:visited {
text-decoration:none;
color:#76db0b;
display:block;
}


section.module.parallax-1 {
background-image: url("../img/1.jpg");
background-color:#76db0b;
}


section.module.parallax-3 {
background-image: url("../img/2.jpg");  
}



@media all and (min-width: 600px) {
section.module h1 {
font-size: 330%;
line-height:1em;
color:#fff;
margin:0 0 5px 0;
font-weight:700;
}  

section.module h2 {
font-size: 220%;
color:#76db0b;
line-height:1.35em;
margin:0 0 12px 0;
  }
  
    section.module h3 {
    font-size: 120%;
line-height:1.35em;
	margin:0 0 12px 0;
	color:#76db0b;
  }
  
  
  section.module p {
    font-size: 120%;
	 color:#333;
  }
 
}
@media all and (max-width: 1024px) {
section.module.parallax-1 {
background-image: url("../img/3.jpg");
background-color:#767676;
}
}


/*---------------------------------------------------
Footer
---------------------------------------------------*/
#footer {
padding: 45px 0;
background-color:#666;
font-size:80%;
text-align:center;
color:#fff;
}

#footer H1 {
	font-size:300%;
	text-decoration:none;
}




#footer a:link,#footer a:active,#footer a:visited, H1 #footer a:link,H1 #footer a:active,H1 #footer a:visited {
color:#fff;
text-decoration:none;
}

#footer a:hover {
color:#fff;
text-decoration:none;
}


/*---------------------------------------------------
Styles
---------------------------------------------------*/

.large {
	font-size:155%;
}
.small {
	font-size:80%;
}


/*---------------------------------------------------
Animation
---------------------------------------------------*/


.animated { 
    -webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
} 

@-webkit-keyframes bounceInDown { 
   0% { 
       opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
    60% { 
        opacity: 1; 
        -webkit-transform: translateY(30px); 
    } 
    80% { 
        -webkit-transform: translateY(-10px); 
    } 
    100% { 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
    60% { 
        opacity: 1; 
        transform: translateY(30px); 
    } 
    80% { 
        transform: translateY(-10px); 
    } 
    100% { 
        transform: translateY(0); 
    } 
} 

.bounceInDown { 
    -webkit-animation-name: bounceInDown; 
    animation-name: bounceInDown; 
}




.animated2 { 
    -webkit-animation-duration: 2.2s; 
    animation-duration: 2.2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

@-webkit-keyframes bounceIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.05); 
    } 

    70% { 
        -webkit-transform: scale(.9); 
    } 

    100% { 
         -webkit-transform: scale(1); 
    } 
} 

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
} 

.bounceIn { 
    -webkit-animation-name: bounceIn; 
    animation-name: bounceIn; 
}

@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fadeIn { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}