html,button,input,select,textarea {color: #000;}
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {font-family: Georgia, 'Times New Roman', serif; font-size: 2em; line-height: 1.4;}
::-moz-selection {background: #333; color:#fff; text-shadow: none;}
::selection {background: #333; color:#fff; text-shadow: none;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img { vertical-align: middle;}
fieldset { border: 0; margin: 0; padding: 0;}
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}
*:focus, *:active, a:focus {outline: none;}
@font-face {font-family: 'FontAwesome'; src: url('/assets/fonts/fontawesome-webfont.eot?v=3.0.1'); src: url('/assets/fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('/assets/fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('/assets/fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal;}
/* ===== Styles ================================================== */
a:link, a:visited, a:hover, a:active{color:#71B347}
body {background: #71B347 url("/assets/img/tpl/px_bg.png"); font-size:14px; font-size:1.4rem; font-family: 'Open Sans', Arial, sans-serif; font-weight:300; color:#333}
.bg{background:#71B347 url("/assets/img/tpl/back.png") no-repeat left bottom; width:100%; height:520px; height:52rem; border-bottom:5px solid #499B15}
#wrapper {width: 980px; width:98rem; margin:0 auto; overflow:hidden; position:absolute; top:0; left:50%; margin-left:-490px; margin-left:-49rem}
header{width:100%; height:108px; height:10.8rem; background:#fff; position:relative; border-bottom:5px solid #499B15;}
header .logo{top:20px; top:2rem; left:20px; left:2rem; position:absolute; display:inline-block; text-align:left; width:300px; width:30rem; height:70px; height:7rem; line-height:70px; line-height:7rem;}
header .logo span{display:inline-block; text-indent:-9999px; position:absolute; top:-999999px; left:-9999px;}
header .logo img{max-width:300px; max-width:30rem; }
header address{float:right; text-align:right; font-style:normal; margin:14px 20px 0 0; margin:1.4rem 2rem 0 0;}
header address dl{line-height:20px; line-height:2rem}
header address dl dt{float:left; display:inline;}
header address dl dt.ftel{ display:inline; float:none; text-aligrn:right;}
header address dl dt.non{display:none;}
header address dl dd{display:block;}
header address dl dd.ftel2{ display:inline-block; float:none;}
header address dl a:link, header address dl a:visited{text-decoration:none}
header address dl a:hover, header address dl a:active{text-decoration:underline}
#container{width:100%; background:#fefefe url("/assets/img/tpl/bg_circle.png") no-repeat; padding:46px 0 40px; padding:4.6rem 0 4rem;}
.ftitle{margin:36px 0 46px; margin:3.6rem 0 4.6rem;}
.ftitle h1{font-size:48px; font-size:4.8rem; line-height:48px; line-height:4.8rem; color:#fefefe; margin:0 0 10px 34px; margin:0 0 1rem 3.4rem; letter-spacing: -1px; letter-spacing: -0.1rem; text-shadow: 0px 2px 0px #499B15;}
.ftitle p{font-size:18px; font-size:1.8rem; line-height:20px; line-height:2rem; color:#fefefe; margin:0 0 0 100px; margin:0 0 0 10rem; text-shadow: 0px 2px 0px #499B15;}
section{margin-left:20px; margin-left:2rem; float:left;}
section h2{font-size:30px; font-size:3rem; line-height:30px; line-height:3rem; font-weight:300; color:#333; margin-bottom:26px; margin-bottom:2.6rem;}
.photo{width:530px; width:53rem; height:370px; height:37rem; border:5px solid #fefefe; position:relative; z-index:2; top:-56px; top:-5.6rem; background:#fff; overflow:hidden; -webkit-box-shadow: 0px 2px 12px #d2d2d2;-moz-box-shadow:0px 2px 12px #d2d2d2; box-shadow:0px 2px 12px #d2d2d2; text-align:center;}
.photo img{max-width:530px; max-width:53rem;}
.slides {overflow:hidden; margin-bottom:-26px; margin-bottom:-2.6rem;}
/* Control Nav Slide */
.photo .flex-control-nav {position: absolute;height:16px; height:1.6rem; padding:6px 0 0 10px; padding:0.6rem 0 0 1rem; z-index: 5; background:#fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;position: relative;width: auto;display: inline-block;top: -10px;top: -1rem;margin: 0;left: auto;margin: 0 auto;}
.photo .flex-control-nav li{display: inline-block; margin-right:4px; margin-right:0.4rem; height:20px; height:2rem; line-height:20px; line-height:2rem; float:left }
.photo .flex-control-nav a{background: transparent url("/assets/img/tpl/nav_slide.png") no-repeat -15px top; cursor: pointer; display: block; height:10px; height:1rem; width:11px; width:1.1rem; text-align:center; font-size:12px; font-size:1.2rem; text-indent:-9999px}
.photo .flex-control-nav a.flex-active {background-position:left top; height:10px; height:1rem; width:11px; width:1.1rem; }
.contact{width:380px; width:38rem; position:relative; z-index:2; margin-bottom: 50px; margin-bottom: 5rem;}
.contact p{font-size:13px; font-size:1.3rem; line-height:20px; line-height:2rem; color:#666; margin:6px 0 20px; margin:0.6rem 0 2rem;}
.contact p.ok{color:green; font-size:14px; font-size:1.4rem; font-weight:700;}
.contact p.ok span{display:block;}
.contact p.ko {color:red; font-size:14px; font-size:1.4rem; font-weight:700;}
.contact p.ko span{display:block;}
.contact #priv p{font-size:12px; font-size:1.2rem;}
.contact p a:link, .contact p a:visited, .contact p a:hover, .contact p a:active{color:#71B347; text-decoration:none;}
.contact p a:hover, .contact p a:active{text-decoration:underline;}
.contact ul li input{width:100%; height:38px; height:3.8rem; line-height:38px; line-height:3.8rem; font-size:18px; font-size:1.8rem; font-family: 'Open Sans', Arial, sans-serif; font-weight:300; margin-bottom:10px; margin-bottom:1rem; border:1px solid #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px; -webkit-box-shadow: inset 0px 1px 1px #d9d9d9; -moz-box-shadow: inset 0px 1px 1px #d9d9d9; box-shadow: inset 0px 1px 1px #d9d9d9;text-indent:15px; text-indent:1.5rem; }
.contact ul li label{display:block; position:relative;}
.contact ul li span{display:block; height:38px; height:3.8rem; line-height:40px; line-height:4rem; text-indent:15px; text-indent:1.5rem; position:absolute; color:#333; font-size:18px; font-size:1.8rem; }
.contact input[type="submit"], .contact button{position: relative; background:#71B347; margin-left:160px; margin-left:16rem; font-family: 'Open Sans', Arial, sans-serif; border:none; border-bottom:4px solid #499B15; font-size:24px; font-size:2.4rem; width:220px; width:22rem; height:50px; height:5rem; line-height:50px; line-height:5rem; color:#fff; font-weight:700; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.contact input[type="submit"]:hover, .contact button:hover{position:relative; top:1px; top: 0.1rem; border-bottom-width:3px }
.contact input[type="submit"]:active, .contact button:active{position:relative; top:2px; top: 0.2rem; border-bottom-width:2px }
.contact ul li strong.error{position:absolute; top:12px; top:1.2rem; color:red; right:6px; right:0.6rem}
.contact input:focus + strong.error {opacity: 0.3;}
#priv {overflow-y:scroll; height:100px; height:10rem; margin:20px 0 30px; margin: 2rem 0 3rem;}
.knowus{width:340px; width:34rem; clear:both; padding:0 20px; padding:0 2rem; }
.knowus p{line-height:20px; margin-bottom:14px;}
.knowus ul{ margin-bottom:14px;}
.knowus li{line-height:20px; position:relative; margin-bottom:14px; padding-left:30px;}
.knowus ul li:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; color:#71B347; /* sprites.less reset */display: inline; width: auto;height: auto;line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; margin-right:10px; margin-right:1rem; top:0; left:0; display:block; content: "\f061"; font-size:16px; font-size:1.6rem; position:absolute;}
.what{width:530px; width:53rem; margin-left:30px; margin-left:3rem}
.what p{line-height:20px; margin-bottom:14px;}
.what ul li{/*font-size:18px; font-size:1.8rem;*/ line-height:20px; line-height:2rem; margin-bottom:14px; padding-left:30px; position:relative; }
.what ul li:before { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; color:#71B347; /* sprites.less reset */display: inline; width: auto;height: auto;line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; margin-right:10px; margin-right:1rem; top:0; left:0; display:block; content: "\f00c"; font-size:16px; font-size:1.6rem; position:absolute;}
.what ul li .icon-ok { position:absolute;}
.address{width:940px; width:94rem; overflow:hidden; clear:both; margin-top:26px; margin-top:2.6rem; float:none; padding-bottom:20px; padding-bottom:2rem; margin-left:0; padding-left:20px; padding-left:2rem;}
.address #map_canvas{width:370px; width:37rem; height:250px; height:25rem; float:left; border:5px solid #fff; -webkit-box-shadow:0px 2px 12px #d2d2d2; -moz-box-shadow:0px 2px 12px #d2d2d2; box-shadow:0px 2px 12px #d2d2d2;}
.address .fcont{margin:15px 0 0 30px; margin:1.5rem 0 0 3rem; display:block; float:left; overflow:hidden;}
.address .fcont h2{margin-bottom:20px; margin-bottom:2rem;}
.address .fcont dl {font-size:18px; font-size:1.8rem; line-height:25px; line-height:2.5rem; margin-bottom:30px; margin-bottom:3rem;}
.address .fcont dl dt{float:left; margin-right:10px; margin-right:1rem;}
.address .fcont dl dt.non{display:none;}
.address .fcont dl a:link, .address .fcont dl a:visited{text-decoration:none}
.address .fcont dl a:hover, .address .fcont dl a:active{text-decoration:underline}
.address .fcont p{font-size:18px; font-size:1.8rem; margin-bottom:12px; margin-bottom:1.2rem;}
.middle{width:100%; clear:both; overflow:hidden; background:#f2f2f2; padding:62px 0 50px; padding:6.2rem 0 5rem; position:relative; top:-76px; top:-7.6rem; margin-bottom:-76px; margin-bottom:-7.6rem; z-index:1;}
footer{width:100%; height:90px; height:9rem; background:#71B347; border-top:4px solid #499B15; overflow:hidden; clear:both;}
footer p{color:#fefefe; font-size:14px; font-size:1.4rem; padding:25px 20px 0 36px; padding:2.5rem 2rem 0 3.6rem;}
footer p span{float:right;}
footer p a:link, footer p a:visited, footer p a:hover, footer p a:active{color:#fefefe; text-decoration:none;}
footer p a:hover, footer p a:active{text-decoration:underline;}
/*icons*/
[class^="icon-"],[class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; color:#71B347; /* sprites.less reset */display: inline; width: auto;height: auto;line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; margin-right:10px; margin-right:1rem; top:0; left:0;}
.icon-ok:before {content: "\f00c"; font-size:15px; font-size:1.5rem;}
.icon-map-marker:before {content: "\f041"; margin:0 0 0 26px; margin:0 0 0 2.6rem; font-size:26px; font-size:2.6rem; color:#aaa;}
.icon-mobile-phone:before{content: "\f10b"; margin:0 0 0 26px; margin:0 0 0 2.6rem; font-size:30px; font-size:3rem; color:#aaa; }
.icon-envelope:before {content: "\f003"; margin:0 0 0 24px; margin:0 0 0 2.4rem; font-size:20px; font-size:2rem; color:#aaa }
.icon-angle-right:before{ content: "\f105"; color:#fefefe; font-size:20px; font-size:2rem;}
.contact_mob{display:none;}
.cc-cookies { background: #71B347 }
/* ==========================================================================
Media Queries
========================================================================== */
@media only screen and (max-width: 940px), only screen and (max-device-width: 940px) {
body {background: #71B347;}
.zopim, .bg{display:none !important;}
#wrapper {width: 100%; position:static; top:0; left:0; margin-left:0}
header{width:100%; height:auto; /*height:14rem;*/ padding-bottom:18px; padding-bottom:1.8rem; text-align:center;}
header .logo{position:relative; text-align:center; top:12px; top:1.2rem; left:0; display:block; margin: 0 auto 25px; margin:0 auto 2.5rem; width:300px; width:30rem; height:70px; height:7rem; line-height:70px; line-height:7rem;}
header address{float:none; clear:both; text-align:center; margin:0 20px 0 0; margin:0 2rem 0 0;}
header address dl dt{float:left; display:inline;}
header address dl dt.ftel{margin-left:0; text-align:right; width:45%; float:left;}
header address dl dd.ftel2{width:50%; text-align:left; float:left; padding-left:6px;}
#container{width:100%; background:none; background-image: none; padding:0;}
.ftitle{margin:30px 0 26px; margin:3rem 0 2.6rem;}
.ftitle h1{text-align:center; font-size:30px; font-size:3rem; line-height:30px; line-height:3rem; margin:0 0 8px; margin:0 0 0.8rem;}
.ftitle p{text-align:center; max-width:400px; max-width:40rem; margin:0 auto; font-size:14px; font-size:1.4rem;}
section{margin-left:0; float:none; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;-o-box-sizing:border-box; box-sizing:border-box;}
section h2{font-size:24px; font-size:2.4rem; line-height:24px; line-height:2.4rem;}
.photo{width:430px; width:43rem; height:300px; height:30rem; top:0; margin:0 auto 25px; margin:0 auto 2.5rem; -webkit-box-shadow: 0px 2px 12px #333;-moz-box-shadow:0px 2px 12px #333; box-shadow:0px 2px 12px #333;}
.photo img{max-width:430px; max-width:43rem;}
.contact{width:100%;background:#fefefe; margin-bottom: 0; padding:40px 20px 0; padding:4rem 2rem 0; position:static; border-top:4px solid #499B15}
.contact p{font-size:14px; font-size:1.4rem; width:360px; width:36rem; margin-bottom:30px; margin-bottom:3rem;}
.contact p{width:100%;}
.contact #priv p{width:auto;}
.contact ul li input{width:100%; height:50px; height:5rem; line-height:50px; line-height:5rem;}
.contact ul li span{height:50px; height:5rem; line-height:50px; line-height:5rem;}
.contact input[type="submit"], .contact button{margin-left:0px; font-size:24px; font-size:2.4rem; width:100%; position:relative; z-index:20;}
.middle{width:100%; position:relative; top:-25px; top:-2.5rem; margin-bottom:-25px; margin-bottom:-2.5rem;}
.knowus{width:100%; margin:0 0 30px; margin:0 0 3rem;}
.what{width:auto; margin:0 0 2rem; padding:1rem 2rem 0;}
.what ul li{font-size:14px; font-size:1.4rem; line-height:16px; line-height:1.6rem; margin-bottom:12px; margin-bottom:1.2rem; }
.icon-ok:before {content: "\f00c"; font-size:14px; font-size:1.4rem;}
.address{display:none}
.contact_mob{background:#fefefe; display:block; padding-bottom:50px; padding-bottom:5rem; border-top:1px solid #ddd;}
.contact_mob li{border-bottom:1px solid #ddd; height:50px; height:5rem; line-height:50px; line-height:5rem; font-size:18px; font-size:1.8rem;}
.contact_mob li a{display:block; background:#fefefe; height:50px; height:5rem; line-height:50px; line-height:5rem;}
.contact_mob li a:link, .contact_mob li a:visited, .contact_mob li a:hover, .contact_mob li a:active{color:#333; text-decoration:none;}
.contact_mob li a i{width:50px; width:5rem; display:inline-block;}
.contact_mob li a span.fl{color:#71B347}
.contact_mob li a span.arr{text-align:center; background:#71B347; display:inline-block; margin:10px 20px 0 0; margin:1rem 2rem 0 0; height:30px; height:3rem; line-height:30px; line-height:3rem; width:30px; width:3rem; -moz-border-radius:15px;-webkit-border-radius: 15px; border-radius:15px; float:right;}
.contact_mob li a span.arr i{width:auto; margin-right:0;}
footer{width:100%;}
footer p span{float:none; display:block}
}
.temporal {position: relative;top: 70px;text-align: center;width: 80%;max-width: 500px;background: white;padding: 30px;margin: 0 auto;}
.temporal strong{display:block;}
.temporal span{display:block;}
@media only screen and (max-width: 380px), only screen and (max-device-width: 380px) {
.contact p{width:100%;}
.contact ul li input{width:300px;}
.photo{width:90%; height:auto; }
.photo img {max-width:320px; max-width:32rem; width:100%; }
.contact_mob li{font-size:14px; font-size:1.4rem;}
}
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
.photo{width:280px; width:28rem; height:150px; height:15rem;}
.photo img {max-width:280px; max-width:28rem;}
.contact p{width:100%;}
.contact ul li input{width:260px; width:26rem;}
.contact_mob li{font-size:12px; font-size:1.2rem;}
.contact_mob li a i{width:40px; width:4rem;}
.icon-ok:before {content: "\f00c"; font-size:15px; font-size:1.5rem;}
.contact_mob li a span.arr{line-height:30px; line-height:3.4rem;}
.icon-map-marker:before {font-size:24px; font-size:2.4rem; margin-left:24px; margin-left:2.4rem;}
}