/* CSS Document */
 
/*



// <weight>: Use a value from 200 to 1000
// <uniquifier>: Use a unique and descriptive class name


}

*/





html {font-size: 62.5%;  }
body {background-color: #fff; color: #000; font-size: 1.7rem; line-height: 2.1rem; overflow-x: hidden; font-family: "proxima-nova", sans-serif; font-optical-sizing: auto; font-weight:400; font-style: normal; }
* {margin: 0px; padding: 0px;} 
a {text-decoration: none; color: #000;}
a:hover {color: #000; }

ul {margin: 0; list-style-type: none; padding: 0;}
li {margin: 0; padding: 0; list-style-type: none;}
.jump-to-content {display: none;}
.menu-scroll-down {display: none;}
img {border: none;}
p {margin-bottom: 2rem;}
h2 {font-size: 4rem; line-height: 4.5rem; font-weight: 700; margin:0 0 2rem 0;}
.home .section-2 h2 {font-size: 2.8rem; line-height: 3.3rem; text-align: center;}

section {padding: 30px 0 30px 0;}

.btn {border: 2px solid #21B845; background-color: rgba(33,184,69,1.00); padding: 5px 10px; text-align: center; font-size: 2rem; border-radius: 0; color: #fff;}
.btn:hover {color: #fff; background-color: rgba(33,184,69,0.7);}
header {padding: 30px 0 0 0;}
.logo {display: block; max-width: 190px;}
.logo img {display: block; width: 100%; height: auto;}

.top-bar {background-color: #283341; padding: 8px 0;}
.top-bar a {color: #fff; font-size: 1.5rem; line-height: 1.7rem; font-weight: 700;}
.top-bar a:hover {color: #21B845;}
.top-bar a:nth-of-type(2){ margin-left: 50px; color: #21B845;}
.top-bar a:nth-of-type(2):hover {color: #fff;}

.menu-open {display: none;}
.main-menu {}
.main-menu li {display: inline-block; margin-left: 10px;}
.main-menu li:nth-of-type(1) {margin-left: 0;}
.main-menu li a {display: block;}
.main-menu li a:hover {}

.hero-panel {position: relative;}
.hero-panel img {display: block; width: 100%; height: auto;}
.hero-panel .overlay {position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); font-size: 2.2rem; line-height: 2.7rem; color: #fff; z-index: 3;}
.hero-panel .overlay h1 {font-size: 6.5rem; line-height: 7.9rem; color: #fff; font-weight: 700;}
.hero-panel .overlay h1 span {display: block; font-size: 4rem; font-weight: 400; line-height: 4.5rem;}
.hero-panel .image-holder {position: relative;}
.hero-panel .image-holder:after {content:""; display: block; width: 100%; height: 100%; background-color: rgba(40,51,65,0.58); z-index: 2; position: absolute; top: 0; left: 0;}

.section-1 img, .section-2 img, .section-3 img, .section-4 img, .section-5 img, .section-6 img {display: block; width: 100%; height: auto;}
.cta {position: relative; padding: 30px 0 0 0;}
.cta img {display: block; width: 100%; height: auto;}
.cta .overlay {position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); font-size: 1.5rem; line-height: 2rem; color: #fff; text-align: center; z-index: 3; }
.cta .overlay .btn {border-color: #313E4E; background-color:  #313E4E;}
.cta .overlay .btn:hover { background-color:  rgba(49,62,78,0.7);}

.cta .image-holder {position: relative;}
.cta .image-holder:after {content:""; display: block; width: 100%; height: 100%; background-color: rgba(33,184,69,0.58); z-index: 2; position: absolute; top: 0; left: 0;}

.home .section-2 img {margin: 0 0 3rem 0;}

.contact .section-1 span {font-size: 2.4rem; line-height: 2.9rem; font-style: italic; display: block; padding: 30px 0; border-bottom: solid 1px #000;}
.contact .section-1 span h3 {font-size: 2.4rem; line-hight: 2.9rem; color: #21B845; font-style: normal; font-weight: 700;}
.contact .section-1 span a:hover {color: rgba(0,0,0,0.5);}
.contact .section-1 span.address {font-size: 2rem; line-height: 2.5rem;font-style:normal;}
.contact .section-1 span.address h3 {color: #000;}

.contact-form {padding: 30px; background-color: #000; color: #fff;}
.contact .section-1 .contact-form span {display: inline;}
.contact .section-1 .contact-form a {color: #fff; font-weight: 700; color:  #21B845;}
.contact .section-1 .contact-form .user-test {display: none;}
.contact .section-1 .contact-form input[type="text"], .contact .section-1 .contact-form input[type="email"], .contact .section-1 .contact-form input[type="tel"] {padding: 7px 10px; border-radius: 0; border: none; font-size: 1.5rem; line-height: 1.8rem; width: 100%;}
.contact .section-1 .contact-form textarea {padding: 7px 10px; border-radius: 0; border: none; min-height: 200px; font-size: 1.5rem; line-height: 1.8rem;  display: block; width: 100%;}
.contact .section-1 .contact-form fieldset {margin: 0 0 20px 0;}
footer { font-size: 1.2rem; line-height: 1.5rem;}
footer .top-bar {color: #fff; background-color: #313E4E; }
.footer-menu {text-align: right;}
.footer-menu li {display: inline-block; padding: 0 10px; border-left: solid 1px #fff;}
.footer-menu li:nth-of-type(1){border-left: none;}
.footer-menu li a {color: #fff; }
.footer-menu li a:hover {}

.site-map .section-1 ul {} 
.site-map .section-1 ul li {}
.site-map .section-1 ul li a {padding: 10px; border-bottom: solid 1px rgba(0,0,0,0.2); display: block;}
.site-map .section-1 ul li:nth-of-type(1) a {border-top: solid 1px rgba(0,0,0,0.2);}
.site-map .section-1 ul li a:hover {background-color: rgba(0,0,0,0.1);}

.content ul {margin-left: 20px; list-style-type:disc; margin-bottom: 10px;}
.content ul li {padding: 0 0 10px 0; list-style-type:disc;}

.site-map .content ul {margin-left: 0; list-style-type:none; margin-bottom: 0;}
.site-map .content ul li {padding: 0 0 0 0; list-style-type:none;}