/* ------------------ Futura ------------------ */
@font-face {font-family: "Futura";
  src: url('/fonts/futura/light.eot');
  src: local('☺'),
    url('/fonts/futura/light.woff') format('woff'),
    url('/fonts/futura/light.ttf') format('truetype'),
    url('/fonts/futura/light.svg#webfontIu3uvmKd') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {font-family: "Futura";
  src: url('/fonts/futura/medium.eot');
  src: local('☺'),
    url('/fonts/futura/medium.woff') format('woff'),
    url('/fonts/futura/medium.ttf') format('truetype'),
    url('/fonts/futura/medium.svg#webfontIu3uvmKd') format('svg');
  font-weight: bold;
  font-style: normal;
}

html {height: 100%; margin: 0; padding: 0;}
body {font: 12px arial, helvetica, sans-serif; color: #000000; text-align: center; height: 100%; margin: 0; padding: 0; background: #FFFFFF url(/img/global/bg.jpg) top center no-repeat fixed;}

h1, h2, h3, h4,
form#frmheadercontact p.title,
form fieldset legend,
form fieldset label,
form div.submitbtn,
div#mainlogo,
ul#mainnav li span,
ul#headerlinks li,
div#footer {font-family: Futura, Arial, Helvetica, Verdana, Geneva, sans-serif;}

img {display: block;}
a img {border: 0;}

a {
  -moz-transition-property: color, text-decoration, background, opacity; -moz-transition-duration: .2s, .2s, .2s, .2s; -moz-transition-timing-function: ease-in, ease-in, ease-in, ease-in; 
  -webkit-transition-property: color, text-decoration, background, opacity; -webkit-transition-duration: .2s, .2s, .2s, .2s; -webkit-transition-timing-function: ease-in, ease-in, ease-in, ease-in; 
  transition-property: color, text-decoration, background, opacity; transition-duration: .2s, .2s, .2s, .2s; transition-timing-function: ease-in, ease-in, ease-in, ease-in; 
}
a:link, a:visited {color: #4E9376; font-weight: bold; text-decoration: none;}
a:hover, a:focus, a:active {color: #728666; font-weight: bold; text-decoration: none;}

h1 {clear: both; font-size: 26px; font-weight: bold; color: #3B8866; text-align: left; text-transform: uppercase; margin: 0 0 10px 0; padding: 0; border-bottom: 1px #666666 dotted;}
h2 {font-size: 18px; font-weight: bold; color: #3B8866; text-align: left; text-transform: uppercase; margin: 30px 0 10px 0; padding: 0; border-bottom: 1px #AAAAAA dotted;}
h2.special {margin-top: 8px;}
h2.first {margin-top: 0; padding-top: 0;}
h3 {font-size: 14px; font-weight: bold; color: #3B8866; text-align: left; text-transform: uppercase; margin: 20px 0 5px 0; padding: 0;}
h3.special {border-bottom: 1px #AAAAAA dotted;}
h3.addspace {margin-top: 30px;}
h3.first {margin-top: 0;}
h4 {font-size: 12px; font-weight: bold; color: #013D86; text-align: left; text-transform: uppercase; margin: 20px 0 5px 0; padding: 0;}
h4.first {margin-top: 0;}

p {margin: 0 0 10px 0; padding: 0;}
ul {margin: 0; padding: 0;}
ul li {list-style-type: none; margin: 0; padding: 0;}
ul li.last {margin-bottom: 0 !important;}
div.text {text-align: left;}
div.text p {font-size: 11px; line-height: 18px; margin: 0 0 10px 0; padding: 0;}
div.text p.last {margin-bottom: 0;}
div.text p.copyr {font-size: 10px; line-height: 14px;}
div.text ul {text-align: left; margin: 0 0 10px 0; padding: 0 0 0 15px;}
div.text ul.last {margin-bottom: 0;}
div.text ul li {list-style-type: none; font-size: 11px; line-height: 18px; padding: 0 0 0 10px; background: url(/img/global/bullet.gif) 0 6px no-repeat;}
div.text ol {text-align: left; margin: 0 0 10px 0; padding: 0 0 0 30px;}
div.text ol.last {margin-bottom: 0;}
div.text ol li {list-style-type: decimal; font-size: 11px; line-height: 18px; padding: 0; background: none;}
div.text a:link, div.text a:visited {font-weight: normal; color: #728666;}
div.text a:hover, div.text a:focus, div.text a:active {font-weight: normal; color: #4E9376;}
div.text a.bold:link, div.text a.bold:visited,
div.text a.bold:hover, div.text a.bold:focus, div.text a.bold:active {font-weight: bold;}
p.last,
ul.last {margin-bottom: 0;}

strong {font-weight: bold;}

.hidden {display: none;}
.visible {display: block;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.upper {text-transform: uppercase;}
.nobr {white-space: nowrap;}
.fleft {float: left;}
.fright {float: right;}
.cleft {clear: left;}
.cright {clear: right;}
.cboth {clear: both;}

ul.btnslist {overflow: hidden;}
ul.btnslist li {float: left; margin: 0 10px 0 0;}
ul.btnslist li.last {margin-right: 0 !important;}
ul.btnslist li a {display: block;}
ul.btnslist li img {display: block;}
body.ie6 ul.btnslist {height: 1px; overflow: visible;}

div.multicols {overflow: hidden;}
div.multicols div.item {float: left; margin-right: 20px;}
div.multicols div.itemLast {margin: 0;}
div.multicolsFixed div.item {width: 469px;}
div.multicolsFixed3 div.item {width: 306px;}
body.ie6 div.multicols {height: 1px; overflow: visible;}

form {position: relative; text-align: left; margin: 0; padding: 0;}
form fieldset {margin: 0; padding: 10px 0 10px 17px; border: none;}
form fieldset legend {position: relative; font-size: 18px; color: #398966; line-height: 20px; width: 453px; margin: 0 0 0 -17px; padding: 10px 17px; background-color: #ABF7D3;
  -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px;
  -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px;
  border-top-left-radius: 8px; border-top-right-radius: 8px;
}
form fieldset div.item {position: relative; overflow: hidden; margin: 0 0 5px 0; padding: 0 0 0 10px;}
form fieldset div.item label {display: block; float: left; font-size: 15px; line-height: 28px; color: #4C9776; width: 80px;}
form fieldset div.item input.textbox,
form fieldset div.item textarea {position: relative; font-size: 11px; font-family: arial, helvetica, sans-serif; padding: 0 3px;
  border: 4px #9EE4C8 solid;
  -moz-box-shadow: 0 1px 1px #999999 inset; -webkit-box-shadow: 0 1px 1px #999999 inset; box-shadow: 0 1px 1px #999999 inset;
}
form fieldset div.item input.textbox {width: 237px; height: 21px;
  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
}
form fieldset div.item textarea {width: 431px; height: 109px; padding-top: 2px;
  -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
}
form fieldset div.itemLast {margin-bottom: 0;}
form fieldset div.mandatory label span {display: block; position: absolute; top: 0; left: 0; font-size: 14px; line-height: 25px; color: #CC0000;}
form fieldset div span.error {display: block; position: absolute; top: 8px; right: 7px; width: 14px; height: 14px; background: url(/img/global/form_error.png) 0 0 no-repeat;}
form fieldset.special {margin: 0; padding: 0; border: none;}
form fieldset.special legend {display: none;}
form div.submitbtn {position: absolute; bottom: 17px; right: 27px; font-size: 20px; min-height: 21px;}
form div.submitbtn div {display: none; background: url(/img/global/form_arrow.png) right center no-repeat;}
form div.submitbtn a {font-weight: normal; padding: 0 26px 0 0; cursor: pointer;}
form div.submitbtn a:link, form div.submitbtn a:visited {color: #398966;}
form div.submitbtn a:hover, form div.submitbtn a:focus, form div.submitbtn a:active {color: #728666;}
form div.submitbtn a:active {padding-right: 22px;}
form div.submitbtn a span {min-height: 21px; padding: 2px 25px;
  background: #FFFFFF;
  background: -moz-linear-gradient(center top, #FFFFFF 0%, #D5D5D5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #D5D5D5));
  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
  -moz-box-shadow: 0 1px 1px #999999; -webkit-box-shadow: 0 1px 1px #999999; box-shadow: 0 1px 1px #999999;
}
form div.submitbtn a:active span {
  background: #D5D5D5;
  background: -moz-linear-gradient(center top, #D5D5D5 0%, #FFFFFF 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D5D5D5), color-stop(1, #FFFFFF));
  
  border: 4px #9EE4C8 solid;
  -moz-box-shadow: 0 1px 1px #999999 inset; -webkit-box-shadow: 0 1px 1px #999999 inset; box-shadow: 0 1px 1px #999999 inset;
}
form.multicols {overflow: hidden;}
form.multicols fieldset {background-color: #9EE4C8;
  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
form.multicols fieldset.item {float: left; width: 364px; height: 205px; margin-right: 12px;}
form.multicols fieldset.itemLast {width: 548px; margin: 0;}
form.multicols fieldset legend {width: 347px}
form.multicols fieldset.itemLast legend {width: 531px}
form.multicols fieldset.itemLast div.item {padding-left: 0;}
body.ie form fieldset legend {margin-top: -10px; margin-bottom: 10px;}
body.ie form fieldset div.item input.textbox {height: 17px; padding-top: 4px;}
body.ie form div.submitbtn {font-size: 18px; line-height: 23px; text-align: left;}
body.ie form div.submitbtn a {display: block;}
body.ie form div.submitbtn a:active {padding-right: 26px;}
body.ie form div.submitbtn a span {display: block; text-align: center; width: 131px; height: 21px; padding: 2px 0; background: url(/img/global/bt_send.png) 0 0 no-repeat; border: none !important;}
body.ie7 form fieldset legend {margin-left: -24px;}
body.ie7 form fieldset div.item {margin-bottom: 2px;}
body.ie6 form fieldset div.item {height: 1px; overflow: visible;}
body.ie6 form fieldset div.item input.textbox {width: 243px; height: 29px; padding-top: 4px;}
body.ie6 form fieldset div.item textarea {width: 437px;}
body.ie6 form.multicols {height: 1px; overflow: visible;}
body.ie6 form.multicols fieldset.item {width: 381px; height: 225px;}
body.ie6 form.multicols fieldset.itemLast {width: 565px;}
body.ie6 form.multicols fieldset legend {width: 381px; margin-right: -17px;}
body.ie6 form.multicols fieldset.itemLast legend {width: 565px;}
body.ie6 form.multicols div.submitbtn {position: static; float: right; padding: 10px 0 0 0;}
body.ie6 form div.submitbtn div {background: none;}

.addmargin {margin-bottom: 30px;}


/* LAYOUT */
div#wrapper {position: relative; text-align: center; width: 980px; margin: 0 auto; padding: 0;}
div#wrapperMain {text-align: center; margin: 0;}
body.ie div#wrapper {width: 982px;}

div#header {position: relative; height: 260px; margin: 0;}
body.ie7 div#header {z-index: 5;}

div#content {position: relative; text-align: left; overflow: hidden; padding: 11px; background-color: #FFFFFF;
  -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
  -moz-box-shadow: 0 0 6px #BABABA; -webkit-box-shadow: 0 0 6px #BABABA; box-shadow: 0 0 6px #BABABA;
}
body.ie div#content {border: 1px #DEDEDE solid;}
body.ie6 div#content {height: 1px; overflow: visible;}

div#footer {position: relative; font-size: 14px; line-height: 18px; padding: 20px 0;}


/* HEADER */
div#mainlogo {position: absolute; top: 80px; left: 11px; font-size: 23px; line-height: 35px; text-shadow: 0 1px 1px #FFFFFF;}
div#mainlogo span {font-size: 35px;}
div#mainlogo a {font-weight: normal;}
div#mainlogo a:link, div#mainlogo a:visited {color: #3B8866;}
div#mainlogo a:hover, div#mainlogo a:focus, div#mainlogo a:active {color: #728666;}
div#mainlogo a span {font-weight: bold;}
body.ie7 div#mainlogo {line-height: 40px;}

ul#mainnav {position: absolute; bottom: 14px; left: 11px; text-align: left;}
ul#mainnav li {position: relative; float: left; font-size: 11px; line-height: 16px; width: 150px; height: 36px; margin: 0 5px 0 0;}
ul#mainnav li a {display: block; font-weight: normal; height: 45px; padding: 7px;
  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
ul#mainnav li a:link, ul#mainnav li a:visited,
ul#mainnav li a:hover, ul#mainnav li a:focus {
  background: #A9F4D3;
  background: -moz-linear-gradient(center top, #A9F4D3 0%, #9DE3C9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A9F4D3), color-stop(1, #9DE3C9));
}
ul#mainnav li a:active {
  background: #9DE3C9;
  background: -moz-linear-gradient(center top, #9DE3C9 0%, #A9F4D3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9DE3C9), color-stop(1, #A9F4D3));
}
ul#mainnav li a:link, ul#mainnav li a:visited,
ul#mainnav li a:hover, ul#mainnav li a:focus, ul#mainnav li a:active {color: #398966;}
ul#mainnav li a span {display: block; font-size: 18px; font-weight: bold; line-height: 20px; text-shadow: 0 1px 0 rgba(255,255,255,.3);}
ul#mainnav li a:link span, ul#mainnav li a:visited span {color: #398966;}
ul#mainnav li a:hover span, ul#mainnav li a:focus span, ul#mainnav li a:active span {color: #728666;}
ul#mainnav li.current {z-index: 5;}
ul#mainnav li.current a {
  -moz-box-shadow: 0 2px 2px #CCCCCC inset; -webkit-box-shadow: 0 2px 2px #CCCCCC inset; box-shadow: 0 2px 2px #CCCCCC inset;
}
ul#mainnav li.current a:link, ul#mainnav li.current a:visited,
ul#mainnav li.current a:hover, ul#mainnav li.current a:focus, ul#mainnav li.current a:active {
  background: #F0F0F0;
  background: -moz-linear-gradient(center top, #F0F0F0 0%, #FFFFFF 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F0F0F0), color-stop(1, #FFFFFF));
}
ul#mainnav li.current a:link, ul#mainnav li.current a:visited {color: #C0C0C0;}
ul#mainnav li.current a:hover, ul#mainnav li.current a:focus, ul#mainnav li.current a:active {color: #A8A8A8;}
ul#mainnav li.current a:link span, ul#mainnav li.current a:visited span {color: #C0C0C0;}
ul#mainnav li.current a:hover span, ul#mainnav li.current a:focus span, ul#mainnav li.current a:active span {color: #A8A8A8;}
@media screen and (-webkit-min-device-pixel-ratio: 0){
  /*Chrome CSS here*/
  ul#mainnav li.current a {height: 40px; border: 2px #FFFFFF solid;}
}
body.ie ul#mainnav li a {border-radius: 0;}
body.ie ul#mainnav li a:link, body.ie ul#mainnav li a:visited,
body.ie ul#mainnav li a:hover, body.ie ul#mainnav li a:focus {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9F4D3', endColorstr='#9DE3C9',GradientType=0);}
body.ie ul#mainnav li a:active {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9DE3C9', endColorstr='#A9F4D3',GradientType=0);}
body.ie ul#mainnav li.current a:link, body.ie ul#mainnav li.current a:visited,
body.ie ul#mainnav li.current a:hover, body.ie ul#mainnav li.current a:focus, body.ie ul#mainnav li.current a:active {border: 1px #DEDEDE solid; border-top: 1px #CCCCCC solid; border-bottom: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#FFFFFF',GradientType=0);
}
body.ie7 ul#mainnav {height: 36px;}
body.ie7 ul#mainnav li {height: 50px; overflow: hidden;}
body.ie7 ul#mainnav li.current {overflow: visible;}
body.ie6 ul#mainnav {bottom: -1px;}

ul#headerlinks {position: absolute; bottom: 5px;height: 40px; right: 11px;width:170px;}
ul#headerlinks li {float: left; font-size: 14px; padding: 0 10px; border-right: 1px #3B8866 solid;}
ul#headerlinks li.first {padding-left: 0;}
ul#headerlinks li.last  {padding-right: 0; border: none;}
ul#headerlinks a:link, ul#headerlinks a:visited {color: #3B8866; font-weight: normal;}
ul#headerlinks a:hover, ul#headerlinks a:focus, ul#headerlinks a:active {color: #728666; font-weight: normal;}

#header_lng_menu {display:inline-block;margin-top:5px;}

div#headerad {position: absolute; top: 30px; right: 0; height: 60px;}

div.headerimg {position: relative; z-index: 10; float: left; width: 578px; height: 229px; margin: 0 0 10px 0; background: url(/img/global/headerimg01.jpg) 0 0 no-repeat;}
div#headerimg1 {background-image: url(/img/global/headerimg01.jpg);}
div#headerimg2 {background-image: url(/img/global/headerimg02.jpg);}
div#headerimg3 {background-image: url(/img/global/headerimg03.jpg);}
div#headerimg4 {background-image: url(/img/global/headerimg04.jpg);}
div#headerimg5 {background-image: url(/img/global/headerimg05.jpg);}

form#frmheadercontact {float: right; width: 369px; height: 229px; background-color: #9EE4C8; overflow: hidden;
  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
form#frmheadercontact p.title {font-size: 18px; color: #398966; line-height: 20px; margin: 0; padding: 10px 17px; background-color: #ABF7D3;
  -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px;
  -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px;
  border-top-left-radius: 8px; border-top-right-radius: 8px;
}
form#frmheadercontact fieldset {padding: 10px 0 10px 17px;}
form#frmheadercontact fieldset div.item {padding-left: 0;}
form#frmheadercontact fieldset div.item label {width: 100px;}
form#frmheadercontact fieldset div.item input.textbox {width: 215px;}
body.ie6 form#frmheadercontact fieldset div.item input.textbox {width: 221px;}
body.ie6 form div.submitbtn {position: absolute; right: 5px; float: none; padding: 0;}


/* FOOTER */
div#footer p {margin: 0;}
div#footer ul#footerlinks {color: #4E9376;}
div#footer ul#footerlinks li {display: inline;}
div#footer ul#footerlinks li:after {content:" - ";}
div#footer ul#footerlinks li.last:after {content: "";}
div#footer ul#footerlinks li a {font-weight: normal;}
div#footer ul#footerlinks li a:link, div#footer ul#footerlinks li a:visited {color: #4E9376;}
div#footer ul#footerlinks li a:hover, div#footer ul#footerlinks li a:focus, div#footer ul#footerlinks li a:active {color: #728666;}
div#footer div#footerlogo {position: absolute; top: 15px; right: 38px;}
div#footer div#footerlogo2 {position: absolute; top: 10px; left: 38px;}
body.ie7 div#footer ul#footerlinks li {margin-right: 5px; border-right: 1px #4E9376 solid;}
body.ie7 div#footer ul#footerlinks li.last {margin: 0; border: none;}


/* IE6 UPGRADE MSG */
body.ie6 div#ie6upgrade {position: absolute; top: 0; left: 0; z-index: 100; text-align: left; color: #FFFFFF; width: 100%; margin-bottom: 10px; padding: 10px; background-color: #000000;}
body.ie6 div#ie6upgrade p {color: #FFFFFF; margin: 0; padding: 0;}
body.ie6 div#ie6upgrade a:link, body.ie6 div#ie6upgrade a:visited {color: #FFFFFF; font-weight: bold; text-decoration: none;}
body.ie6 div#ie6upgrade a:hover, body.ie6 div#ie6upgrade a:focus, body.ie6 div#ie6upgrade a:active {color: #CCCCCC; font-weight: bold; text-decoration: none;}

/*************************************************/
/* CTA */
/*************************************************/
#cta {float: right; width: 369px; height: 229px; background-image: url(/img/global/bg-contact.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; box-sizing: border-box; padding: 28px; display: flex; flex-direction: column; align-items: flex-start;}
#cta p.title {color: #ffffff; font-size: 20px; line-height: 24px; margin-bottom: 1em; margin-top: auto; font-family: Futura, Arial, Helvetica, Verdana, Geneva, sans-serif;}
.btn-primary, a.btn-primary {display: inline-block; display: inline-flex; background-color: #4e9376; color: #ffffff; font-size: 18px; font-family: Futura, Arial, Helvetica, Verdana, Geneva, sans-serif; padding: 0.8em 1.6em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; align-items: center; }
.btn-primary .text {}
.btn-primary .icon { position: relative; left: 0; display: inline-block; display: inline-flex; width: 24px; height: 24px; margin-left: 8px; transition: all 0.25s; }
.btn-primary .icon-arrow { background-image: url(/img/global/icon-arrow-right-light.png); background-position: center center; background-repeat: no-repeat; margin-right: -4px; }
.btn-primary:hover,
.btn-primary:focus {
  background-color: #398966;
}
.btn-primary:hover .icon,
.btn-primary:focus .icon {
  left: 4px;
}

@media (max-width: 979px) {
  #cta { width: 38.6%; height: 294px; background-color: red;}
}

@media (max-width: 767px) {
  #cta { width: 100%; height: auto; padding-top: 4em; padding-bottom: 4em; align-items: center; text-align: center; justify-content: center; margin-bottom: 30px;}
  #cta p.title {margin-top: 0;}
}

/*************************************************/
/******* END CTA *********/
/*************************************************/