@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Oswald:300');
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700');
@import url('basic.css');
@import url('normalize.css');
@import url('growl.css');
@import url('qtip.css');
@import url('galeria.css');
@import url('facebox.css');
@import url('font.css');
@import url('slider.css');
@import url('owl.css');
@import url('admin.css');
@import url('hover.css');
@import url('animate.css');

body {margin:0 auto;padding:0;font-family: 'Roboto', sans-serif;overflow-x:hidden;background-color:#f7f7f7;}

div#header {height:120px;background-color:#f7f7f7;display:block;margin:0 auto;position:relative;z-index:3000;background-image:url('../gfx/bg/grey.png');background-repeat:repeat;background-position:center top;}

header#logo {position:absolute;top:5px;left:0;z-index:3000;width:120px;}
header#logo a {display:block;position:relative;z-index:0;}

nav#menu {position:absolute;top:70px;right:5px;z-index:10;}
nav#menu ul {text-align:right;}
nav#menu ul li {display:inline-block;vertical-align:middle;margin:0 0 0 15px;}
nav#menu ul li a {color:#414447;font-weight:500;font-size:16px;line-height:20px;display:block;padding:5px 2px;text-transform:uppercase;font-family:"Roboto";position:relative;z-index:1;}
nav#menu ul li a.active, nav#menu ul li a:hover {text-decoration:none;color:#77c906;}
nav#menu ul li.submenu {position:relative;}
nav#menu ul li.submenu p:first-of-type {border-bottom:1px solid rgba(255,255,255,0.1);}
nav#menu ul li.submenu p a {display:block;text-transform:uppercase;color:#fff;font-weight:400;padding:10px 0;}
nav#menu ul li.submenu p a:hover {color:rgba(214,164,101,1)}
nav#menu ul li.submenu a i {position:relative;font-size:10px;top:-2px;margin-left:1px;}
nav#menu ul li.submenu div.submenu {text-align:left;position:absolute;top:30px;left:0;width:280px;padding:10px 15px;background-color:#77c906;box-shadow:0 0 5px rgba(0,0,0,0.5);z-index:10000;border-radius:3px;}
nav#menu ul li.submenu:hover div.submenu {display:block;}
nav#menu ul li.submenu div.submenu p {margin-bottom:0;}

section#contact {position:absolute;top:8px;right:5px;}
section#contact ul {padding:5px 0;}
section#contact ul li {display:inline-block;vertical-align:middle;font-size:14px;font-family:'Roboto',sans-serif;margin-left:20px;}
section#contact ul li a {font-size:14px;}
section#contact ul li.flag a {display:block;border-radius:50%;overflow:hidden;width:22px;height:22px;box-shadow:0 0 3px rgba(0,0,0,0.5)}
section#contact ul li i {font-size:17px;margin-right:4px;color:#77c906;}

section#slider {width:100%;height:auto;margin:10px 0;position:relative;z-index:1;}
section#slider img.helper {max-width:100%;height:auto;z-index:-10;}

section#banner {background-color:rgba(0,0,0,0.1);height:auto;position:relative;margin-top:10px;}
section#banner h2 {font-size:18px;font-weight:600;display:inline-block;padding:5px 5px;font-family:'Raleway',sans-serif;text-transform:uppercase;}
section#banner p {font-size:21px;line-height:30px;display:inline-block;margin-top:20px;margin-left:10px;padding-left:20px;color:#fff;font-family:'Raleway',sans-serif;border-left:3px solid rgba(214,164,101,0.9)}

div#map {height:300px;margin-top:10px;}

section#about span.green {font-size:18px;padding:12px 15px;}
section#about .w30 {position:relative;}
section#about img.stamp {position:absolute;top:-45px;right:-25px;z-index:-1;}
section#about h2 {margin-top:0;margin-left:5px;}
section#about p {text-align:justify;}

section#news span.green {font-size:18px;padding:12px 15px;}
section#news h2 {margin-top:0;margin-left:5px;}

section#realisation {background-color:#333745}
section#realisation .left, section#realisation .right {padding:0;}
section#realisation a {display:block;overflow:hidden;position:relative;text-align:center;}
section#realisation a:after {position:absolute;top:10px;left:10px;righT:10px;bottom:10px;border:1px solid #fff;content:'';display:block;}
section#realisation a img {transition:all 0.3s ease;opacity:0.75;}
section#realisation a:hover img {transform:scale(1.1) rotate(1deg);opacity:1;}
section#realisation a span {position:absolute;width:100%;text-align:center;top:45%;bottom:auto;left:0;right:auto;display:block;font-family:'Raleway',sans-serif;font-size:32px;font-weight:600;color:#fff;z-index:10;text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,0.9);}

.box-offer, section#offer .box {margin-bottom:25px;background-color:#fff;height:220px;position:relative;background-color:#000;box-shadow:0 0 5px rgba(0,0,0,0.1);}
section#offer .box-header {padding:5% 5%;background-color:#fff;}
.box-offer:after, section#offer .box:after {position:absolute;content:'';top:10px;left:10px;right:10px;bottom:10px;border:1px solid #fff;transition:all 0.3s ease;}
.box-offer:hover:after, section#offer .box:hover:after {border-color:#77c906;}
section#offer .box-header:after {border:1px solid #dbdbdb;}
section#offer .box-header p.header {font-size:28px;line-height:32px;margin:0 0 20px 5px;font-weight:700;font-family:'Raleway',sans-serif;}
section#offer .box-header p span {font-size:18px;padding:8px 30px;text-align:center;}
.box-offer, section#offer .box-3 {padding:0;overflow:hidden;position:relative;}
.box-offer img, section#offer .box-3 img {min-width:100%;}
.box-offer a img, section#offer .box-3 a img {opacity:0.75;transition:all 0.3s ease;}
.box-offer:hover a img, section#offer .box-3:hover a img {transform:scale(1.1) rotate(1deg);opacity:1;}
.box-offer .desc, section#offer .box-3 .desc {position:absolute;top:30%;width:100%;text-align:center;}
article#content .box-offer p, section#offer .box-3 p {font-family:'Raleway',sans-serif;text-transform:uppercase;text-align:center;font-size:17px;line-height:20px;height:40px;font-weight:600;text-align:center;color:#fff;padding:0 5%;}
article#content .box-offer a.button, section#offer .box-3 a.button {font-weight:500;text-transform:uppercase;padding:10px 35px;position:relative;z-index:10;}
.box-offer a.thumb, section#offer a.thumb {display:block;height:180px;overflow:hidden;}
section#offer p {text-align:justify;}
section#offer p.title {text-align:left;font-size:21px;margin:10px 0 5px 0;font-weight:500;}

section#services .left, section#services .right {overflow:hidden;background-color:rgba(214,164,101,0.75);position:relative;}
section#services a span {font-family:'Raleway',sans-serif;color:#fff;font-size:36px;line-height:48px;top:40%;left:0;width:100%;text-align:center;position:absolute;z-index:10;text-transform:uppercase;}
section#services a span em {font-size:16px;font-weight:500;font-style:normal;border:2px solid #fff;padding:10px 20px;border-radius:3px;text-transform:uppercase;transition:all 0.3s ease;}
section#services a:hover span em {background-color:#fff;color:#414141;}
section#services a img {opacity:0.5;transition:all 0.3s ease;}
section#services a:hover img {transform:scale(1.1) rotate(1deg);opacity:0.9;}

article#content p {text-align:justify;}
article#content .rest p {text-align:left;}
article#content .w30 p {text-align:left;}

article#content.contact p i {width:20px;text-align:center;font-size:16px;color:#77c906;}
article#content.contact p strong {font-size:17px;font-weight:500;}

.w30 ul.laws a.active {color:#77c906;font-weight:500;}

article#content .laws {width:100%;padding-bottom:10px;margin:15px 0;}
article#content .laws h3 {font-size:24px;line-height:24px;font-weight:500;margin:8px 0 10px 0;}
article#content .laws div.thumb {max-width:220px;border-radius:3px;overflow:hidden;float:left;margin-right:20px;margin-top:10px;margin-bottom:0;position:relative;}
article#content .laws div.thumb {-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);}
article#content .laws div.thumb img {max-width:100%;border-radius:10px;transition:all 0.3s ease;}
article#content .laws div.thumb:hover img {-webkit-transform:scale(1.1) rotate(0.02deg);transform:scale(1.1) rotate(0.02deg);opacity:1;}
article#content .laws div.thumb .mask {opacity:0;position:absolute;text-align:center;top:0;left:0;width:100%;height:100%;transition:all 0.3s ease;}
article#content .laws div.thumb:hover .mask {opacity:1;background-color:rgba(30,120,79,0.75);}
article#content .laws div.thumb .mask a i {margin:0 10px;font-size:32px;color:#fff;line-height:150px;transition:all 0.3s ease;}
article#content .laws div.thumb .mask a i:hover {color:#292929;}

article#content .box-laws {width:48%;margin:0 1% 3% 1%;}
article#content .box-laws div.thumb {width:100%;max-height:180px;border-radius:3px;overflow:hidden;float:left;margin-bottom:10px;position:relative;}
article#content .box-laws div.thumb {-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);}
article#content .box-laws div.thumb img {max-width:100%;border-radius:10px;transition:all 0.3s ease;}
article#content .box-laws div.thumb:hover img {-webkit-transform:scale(1.1) rotate(0.02deg);transform:scale(1.1) rotate(0.02deg);opacity:1;}
article#content .box-laws div.thumb .mask {opacity:0;position:absolute;text-align:center;top:0;left:0;width:100%;height:100%;transition:all 0.3s ease;}
article#content .box-laws div.thumb:hover .mask {opacity:1;background-color:rgba(30,120,79,0.75);}
article#content .box-laws div.thumb .mask a i {margin:0 10px;font-size:32px;color:#fff;line-height:180px;transition:all 0.3s ease;}
article#content .box-laws div.thumb .mask a i:hover {color:#292929;}
article#content .box-laws p.header {text-align:left;}

#news .box, article#content .news {margin:15px 0;}
#news .box p.header, article#content .news p.header {font-size:18px;font-weight:500;margin-bottom:10px;text-align:left;}
#news .box div.thumb, article#content .news div.thumb {max-width:120px;float:left;margin:0 20px 0 0;border-radius:10px;overflow:hidden;}
#news .box div.thumb img, article#content .news div.thumb img {max-width:100%;height:auto;border-radius:10px;}

form.contact {display:inline-block;width:100%;height:auto;overflow:visible;}
form.contact label {width:100%;display:inline-block;margin:15px 0 10px;}
form.contact input[type=text], form.contact input[type=email], form.contact input[type=password], form.contact select, form.contact textarea {font-family:'Raleway',sans-serif;font-size:15px;width:100%;border:0;border:1px solid #dbdbdb;border-radius:0;vertical-align:top;display:inline-block;line-height:36px;height:36px;margin-bottom:15px;padding:8px 10px;color:#000;transition:all 0.5s ease;}
form.contact input[type=file] {margin-top:6px;}
form.contact textarea {width:100%;height:140px;line-height:21px;resize:none;}
form.contact label.checkbox {font-size:12px;line-height:18px;color:#7a7a7a;text-align:justify;}
form.contact label.checkbox input {position:relative;top:-1px;margin:0 10px 0 0;}
form.contact input[type=text]:focus, form.contact input[type=email]:focus, form.contact input[type=password]:focus, form.contact select:focus, form.contact textarea:focus {border-bottom:1px solid #7fba00;background-color:#fff;}
form.contact input[type=submit] {font-family:'Raleway',sans-serif;cursor:pointer;display:inline-block;padding:16px 32px 14px;font-size:16px;font-weight:500;color:#04a3e3;border-radius:5px;color:#fff;background-color:#77c906;border:1px solid #77c906;text-transform:uppercase;transition:all 0.5s ease;}
form.contact input[type=submit]:hover {background-color:#2a2a2a;border:1px solid #2a2a2a;}

div.fb-widget {position:fixed;top:65px;right:-340px;width:340px;height:450px;z-index:5000;transition:all 0.8s ease-out;}
div.fb-widget:hover {right:0;}
div.fb-widget img.show {position:absolute;top:10px;left:-48px;}

div.insta-widget {position:fixed;top:225px;right:-300px;width:300px;height:450px;z-index:5000;transition:all 0.8s ease-out;}
div.insta-widget:hover {right:0;}
div.insta-widget img.show {position:absolute;top:10px;left:-48px;}

div.pin-widget {position:fixed;top:225px;right:-420px;width:420px;height:450px;z-index:5000;transition:all 0.8s ease-out;}
div.pin-widget:hover {right:0;}
div.pin-widget img.show {position:absolute;top:10px;left:-48px;}

nav#rwdmenu {display:none;position:absolute;top:63px;left:50%;margin-left:350px;text-align:right;z-index:3000;}
nav#rwdmenu a#openmenu {color:#000;}
nav#rwdmenu a#openmenu:hover {color:#77c906;}
nav#rwdmenu.subsite  a#openmenu, nav#rwdmenu.fixed a#openmenu {color:#77c906;}
nav#rwdmenu.subsite a#openmenu:hover, nav#rwdmenu.fixed a#openmenu:hover {color:#292929;}
nav#rwdmenu a#openmenu i {font-size:40px;}
nav#rwdmenu ul {display:block;position:absolute;top:60px;right:0;width:0;height:0;overflow:hidden;background-color:#77c906;border-radius:5px;transition:all 0.3s ease;}
nav#rwdmenu.active ul {width:400px;height:auto;}
nav#rwdmenu.active ul li {width:100%;display:block;border-bottom:1px solid rgba(255,255,255,0.1);}
nav#rwdmenu.active ul li:last-child {border:0;}
nav#rwdmenu.active ul li a {font-family:'Raleway',sans-serif;color:#fff;font-weight:500;text-transform:uppercase;display:block;padding:12px 25px;font-size:15px;line-height:26px;text-shadow:1px 1px 0 rgba(0,0,0,0.1);}
nav#rwdmenu.active ul li a:hover, nav#rwdmenu.active ul li a.active {background-color:rgba(0,0,0,0.3);text-decoration:none;}

footer#bottom {font-size:0;padding:60px 0 0 0;background-color:#333745;color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,0.3);}
footer#bottom .box-3:nth-child(3n-1) {padding:0 5%;}
footer#bottom .box.align-right {vertical-align:bottom;}
footer#bottom a.logo {display:block;position:relative;z-index:0;margin:35px 0;}
footer#bottom a.facebook {margin-bottom:10px;display:inline-block;width:70%;padding:15px 20px;border:1px solid rgba(255,255,255,0.5);background-color:rgba(255,255,255,0.1);border-radius:3px;}
footer#bottom a.facebook i {font-size:48px;display:inline-block;vertical-align:middle;margin-right:15px;}
footer#bottom a.facebook span {font-size:16px;line-height:24px;display:inline-block;vertical-align:middle;}
footer#bottom a.facebook span strong {font-size:20px;font-weight:400;}
footer#bottom a.facebook:hover {border-color:#4267b2;background-color:#4267b2;color:#fff;}
footer#bottom h4 {width:100%;font-size:22px;font-family:'Roboto',sans-serif;font-weight:300;text-transform:none;margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,0.05);padding-bottom:10px;}
footer#bottom li, footer#bottom a, footer#bottom p {font-size:14px;color:#000;font-family:'Roboto',sans-serif;font-weight:400;}
footer#bottom li {line-height:25px;}
footer#bottom .social {text-aling:right;margin-bottom:20px;}
footer#bottom .social li {display:inline-block;margin-left:15px;}
footer#bottom p {line-height:20px;text-align:justify;}
footer#bottom ul {width:100%;height:auto;}
footer#bottom ul li {display:block;}
footer#bottom a {color:#fff;}
footer#bottom a:hover {color:#7fba00;text-decoration:underline;}
footer#bottom .w20 {width:15%;}
footer#bottom .w60 {width:70%;}
footer#bottom p.contact {width:100%;margin-bottom:15px;}
footer#bottom p.contact i {font-size:20px;line-height:24px;width:10%;position:relative;top:-3px;display:inline-block;vertical-align:top;margin:0;color:#77c906;transition:all 0.5s ease;}
footer#bottom p.contact span {display:inline-block;width:90%;padding-left:2%;margin-top:0;font-size:14px;color:#fff;transition:all 0.5s ease;}
footer#bottom div.full {background-color:rgba(0,0,0,0.3);border-top:1px solid rgba(255,255,255,0.1);text-align:center;margin-top:40px;}
footer#bottom div.full p {font-size:13px;padding:12px 0;color:#fff;margin:0;text-align:left;}
footer#bottom div.full p.right {text-align:right;}
footer#bottom div.full p a {color:#fff;}