/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);*/
/**********************************/
/** General
/**********************************/
html {
font-size:100%;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
min-width:320px;
font-family:'Open Sans', Arial, sans-serif;
font-weight:lighter;
color:#484848;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
}

body {
font-size:13px;
line-height:1.3;
width:100%;
background-color:#fff;
margin:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,html[xmlns] .slides {
display:block;
}

a {
/*color:#5d5d5d;*/
color:#3A3A3A;
/*font-weight:400;*/
font-weight: 600;
cursor:pointer;
text-decoration:none;
transition:all .2s ease;
-moz-transition:all .2s ease;
-webkit-transition:all .2s ease;
-o-transition:all .2s ease;
}

a:hover, a.more:hover {
color:#19917a;
text-decoration:none;
}

a:visited {
opacity:0.9;
}

a img {
-webkit-transition:opacity 1s ease;
-moz-transition:opacity 1s ease;
-o-transition:opacity 1s ease;
-ms-transition:opacity 1s ease;
transition:opacity 1s ease;
}

a img:hover {
zoom:1;
opacity:0.7;
}

ul li a {
color:#007663;	
}

p {
font-style:normal;
font-weight:400;
line-height:1.8em;
margin:0 0 1em 0;
color:#292929;
}

p:last-child {
margin-bottom:0;
}

b,strong,dt {
font-weight:700;
}

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #7e7e7e;
margin:1em 0;
padding:0;
clear: both;
}

ul,ol {
list-style:none;
list-style-image:none;
margin:0 0 0 10px;
padding:0;
}

img {
border:0;
-ms-interpolation-mode:bicubic;
vertical-align:middle;
height:auto;
width:auto;
max-width:100%;
}

span{
color: #007663;
font-weight: 400;
}
span.white{
color: #fff;
}

label {
cursor:pointer;
display:block;
}


button,input,select,textarea {
font-family:'Open Sans', Arial, sans-serif;
color:#6b6b6b;
font-smooth:always;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-shadow:1px 1px 1px rgba(0,0,0,0.004);
font-size:100%;
vertical-align:middle;
margin:0;
box-shadow: 0 0 3px 1px rgba(73, 73, 73, 0.15);
}

button,input {
line-height:normal;
overflow:visible;
}


button,input[type="button"],input[type="reset"],input[type="submit"] {
cursor:pointer;
-webkit-appearance:button;
}

input[type="checkbox"],input[type="radio"] {
box-sizing:border-box;
}

input[type="search"] {
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}

input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
border:0;
padding:0;
}

textarea {
overflow:auto;
vertical-align:top;
resize:vertical;
min-height:10em;
height:auto;
width:60%;
padding:1em;
}

table button,table input {
overflow:auto;
}

table li {
list-style:disc;
list-style-position:inside;
padding-bottom:5px;
}

td {
vertical-align:top;
}

select {
height:auto;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
margin:0 0 1em;
}

h1 {
font-size:22px;
color:#646464;
font-weight:400;
margin:0 0 .5em;
font-family:'Century Gothic', Arial, sans-serif;
}

h1.title{
	color:#007663;
}

h2 {
font-size:1.3em;
color:#007663;
font-weight:400;
line-height:1.3;
margin:10px 0;
}

.main-section h2 {
    color: #595959;
    width: 100%; 
    text-align: center; 
    border-bottom: 1px solid #d9d9d9; 
    margin: 20px 0 30px; 
    font-size:1.6em;
    font-style: italic;
    font-weight: 600;
    padding-bottom: 10px;
} 

.main-section h2 span { 
    background:#fff; 
    padding:0 50px; 
    color: #595959;
    font-size:1.3em;
    font-style: italic;
    font-weight: 600;
}


h2 a {
font-weight:600;
}

.last-news-content h2 {
font-size:1.2em;
}

h2.prod-title {
text-transform:uppercase;
font-size:1.4em;
}

h3 {
color: #007663;
font-size: 1.4em;
font-weight: normal;
line-height: 1.2em;
margin: 13px 0;
}

h4 {
font-size:1.3em;
margin:0 0 5px;
}

h5 {
font-size:1.1em;
line-height:1.6em;
color:#6b6b6b;
margin:0;
margin-bottom:10px;
}

h6 {
font-size:1em;
margin-bottom:2px;
font-weight:700;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
color:#007663;
text-decoration:none;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
color:#19917a;
text-decoration:none;
}

/**********************************/
/** Grid
/**********************************/
.grid {
float:left;
padding-left:1em;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.nopadding {
padding:0;
}

.offpadding {
padding-left:0;
padding-right:1em;
}

.half-gutter {
margin-left:-1.5em;
}

.half-gutter .grid-col {
padding-left:1.5em;
}

.col-one-half {
width:49%;
}

.col-one-third {
width:32%;
}

.col-two-thirds {
width:66.666%;
}

.col-one-fifth {
width:18.4%;
}

.col-one-quarter {
width:23.5%;
}

.col-three-quarters {
width:75%;
}

.lt-ie9 .container {
min-width:780px;
}

.lt-ie8 .grid {
margin-left:5%;
padding:0;
}
.col-full {
width: 100%;
}
.lt-ie8 .col-full {
width:99.95%;
}

.lt-ie8 .col-one-half {
width:47.45%;
}

.lt-ie8 .col-one-third {
width:29.55%;
}

.lt-ie8 .col-two-thirds {
width:64.95%;
}

.lt-ie8 .col-one-quarter {
width:19.95%;
}

.lt-ie8 .col-three-quarters {
width:74.95%;
}
.lt-ie8 .col-one-fifth{
width:18%;
}

.divide-top {
border-top:1px solid #ccc;
padding-top:2em;
margin-top:1.5em;
}

.mright {
margin-right:2%;
}

.mleft {
margin-left:2%;
}

.mtop {
margin-top:3em;
}

.halfmright {
margin-right:1%;
}

.halfmleft {
margin-left:1%;
}

.halfmtop {
margin-top:1.5em;
}

.fright,.fleft {
display:block;
}

.alignleft {
float:left;
clear:left;
margin:.38em 1.62em .38em 0;
}

.alignright {
float:right;
clear:right;
margin:.38em 0 .38em 1.62em;
}

.right {
text-align:right;
}

.left {
text-align:left;
}

.fright,.flex-next {
float:right;
}

.fleft,.works-7 {
float:left;
}

.aligncenter {
display:block;
margin:0 auto 1.62em;
}

.inner-r {
margin-right:2%;
}

.padding-r {
padding-right:1%;
}

.padding-l {
padding-left:1%;
}

.projects-paginate {
margin:10px auto;
}

.bloc {
width:32%;
float:left;
margin-bottom:15px;
}

.lt-ie8 .bloc-middle {
margin-left:1.9%!important;
margin-right:1.9%!important;
}

.hidden {
display:none!important;
visibility:hidden;
}

.col-one-fifth img,.bloc img {
max-width:100%;
}

.inner-lr,.bloc-middle {
margin-left:2%;
margin-right:2%;
}

.clear,.bloc-first {
clear:both;
line-height: 0;
}

.bloc .border,.border {
border:5px solid #fff;
box-shadow:0 0 3px 1px rgba(73,73,73,0.15);
}

.form-error{
    color:red;
}

.form-success{
    color:green;
}
/**********************************/
/** Layout
/**********************************/

.highlight-title {
  position: absolute;
  margin-left: 1%;
  width: 100%;
  font-size: 15px;
  height: auto;
  pointer-events: none;
  z-index: 100;
}

.highlight-title h3 {
    color:#fff;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
    font-weight: 600;
    margin: 0 auto;
    width: 80%;
}

#highlight-section .main-inner > h3 {
    text-align: center;
}

p.slogan-message {
padding:0 45px;
}

p.date {
font-size:1.3em;
color:#007663;
font-weight:400;
line-height:1.2;
text-align:right;
margin:10px 0;
}

a.more {
display:block;
float:right;
font-size:11px;
color:#007663;
}

.main-inner ul {
list-style-type:disc;
margin-left:15px;
margin-bottom:15px;
list-style-position: inside;
}

.show {
overflow:visible!important;
}

small {
font-size:85%;
color:#999;
}

.center {
text-align:center;
}

.container {
width:100%;
margin:0 auto;
}

header#navtop {
min-height:60px;
height:auto;
width:100%;
z-index:500;
position:absolute;
float:left;
background-image: url('files/images/menu_bc.png');
/*border-top:3px solid #007663;*/
}

header#navtop #navtopinner {
max-width:980px;
width:98%;
height:auto;
position:relative;
margin:0 auto;
}

header nav ul {
clear:both;
margin-top:15px;
width:99%;
margin-right: 70px;
}

.lt-ie8 header#navtop nav ul {
margin-top:15px;
float:right;
}

header nav select {
display:none;
-webkit-appearance:none;
}

header nav ul li {
float:left;
position:relative;
line-height:2em;
}

nav a,menu a {
text-decoration:none;
color:#6b6b6b;
}

.navactive,.arrow:hover,.main aside menu .buttonactive {
color:#007663;
}

#language-block {
width:100%;
position:relative;
text-align:right;
height:55px;
margin-top:10px;
display:none;
}

.languages-flags {
position:absolute;
right:0;
width:60px;
margin-top: 5px;
}

.languages-flags img {
margin-top:0;
margin-left:3px;
margin-right:5px;
opacity:0.3;
}

.languages-flags img.selected,.languages-flags img:hover {
opacity:1;
}

.logo {
margin-top:17px;
z-index:9;
}
.logo img{
	max-width: 310px;
}

.logo:hover,a.parrow,a.parrow:hover {
background:none;
}

.main > section {
margin-bottom:.7em;
}

.main header {
color:#6b6b6b;
margin-bottom:5px;
}

.main header hr {
border-top-color:#a3a3a3;
}

.main-section, .content-section {
width:100%;
height:auto;
float:left;
margin-top:25px;
margin-bottom:10px;
}

.main-inner {
width:98%;
max-width:980px;
height:auto;
margin-left:auto;
margin-right:auto;
position: relative !important;
}

#search-div {
    background-image: url("files/images/search_bg.png");
    position: absolute;
    right: 8%;
    top: 200px;
    width: 320px;
    z-index: 99;
}

#search-form {
    padding:5px 15px 9px;
    margin: 0;
}

#search-form h2 {
    color: #fff;
    font-weight: 600;
    margin: 5px 0;
}

#search-form input {
 margin: 5px 0;
 box-shadow: none;
 border:none;
 border-radius: 0;
}

.arrow:after {
content:" \27F6";
}

header .arrow {
color:#999;
font-style:italic;
}

#map_canvas {
min-height:550px;
margin-left:0;
margin-bottom:0;
z-index:70!important;
padding:0!important;
}

#map_canvas img {
max-width:none!important;
}

.info_content h3 {
margin:0!important;
}

.error,.msg-error {
color:red;
}

ul.tags,ul.projects-list-tags {
margin:0;
}

ul.projects-list-tags {
margin-bottom:15px;
}

ul.tags li,ul.projects-list-tags li {
display:inline;
margin:0;
}

ul.projects-list-tags li {
margin-bottom:5px;
line-height:25px;
}

ul.tags li a,ul.projects-list-tags li a {
background-color:#F4F4F1;
display:inline;
color:#292929;
font-size:11px;
line-height:20px;
height:20px;
opacity:0.9;
text-decoration:none;
margin:0;
padding:2px 6px;
}

ul.projects-list-tags li a {
font-size:12px;
padding:3px 7px;
}

ul.tags li a:hover,ul.projects-list-tags li a:hover,ul.projects-list-tags li.selected a {
background-color:#007663;
color:#FFF;
text-decoration:none;
}




/**********************************/
/** Placard
/**********************************/

.sequence-container {
    color: white;
    font-size: 0.625em;
    height: 700px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.sequence-container > .sequence-canvas {
    height: 100%;
    margin: 0;
    width: 100%;
}
.sequence-container > .sequence-canvas > li {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    -webkit-transition: opacity .5s ease-in-out, background 0s 2012s;
    -moz-transition: opacity .5s ease-in-out, background 0s 2012s;
    -o-transition: opacity .5s ease-in-out, background 0s 2012s;
    transition: opacity .5s ease-in-out, background 0s 2012s;
}
.sequence-container > .sequence-canvas > li img {
    height: auto;
    visibility: hidden;
}
.sequence-container > .sequence-canvas li > * {
    position: absolute;
    transition-property: left, opacity;
}
.sequence-next, .sequence-prev {
    color: white;
    cursor: pointer;
    display: none;
    height: 35px;
    width: 35px;
    padding: 10px;
    position: absolute;
    top: 35%;
    z-index: 90;
}
.sequence-next.first, .sequence-prev.first {
    display: block;
}
.sequence-pause {
    bottom: 0;
    cursor: pointer;
    position: absolute;
    z-index: 1000;
}
.sequence-paused {
    opacity: 0.3;
}
.sequence-prev {
    /*background-image: url("../images/button-prev.png");
    background-repeat: no-repeat;
    background-position: center center;*/
    left: 1%;
}
.sequence-next {
/*    background-image: url("../images/button-next.png");
    background-repeat: no-repeat;
    background-position: center center;*/
    right: 1%;
}
.sequence-prev img, .sequence-next img {
    height: 100%;
    width: auto;
}
.sequence-container-preloader {
    background: #d9d9d9 none repeat scroll 0 0;
}

.sequence-pagination {
    height: 100%;
    left: 0;
    list-style: outside none none;
    max-width: 980px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    z-index: 99;
}


.sequence-pagination li {
    background-color: #ff6600;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 600;
    height: 36px;
    line-height: 36px;
    margin-top: 10px;
    opacity: 0.9;
    text-indent: 10px;
    border-bottom: 2px solid #ff6600;
}


.sequence-pagination > li:first-child {
    margin-top: 20px;
}


.sequence-pagination li.current {
   border-bottom: 2px solid #fff;
}

.sequence-pagination li:hover {
   border-bottom: 2px solid #fff;
} 



/*
.sequence-pagination li img {
    cursor: pointer;
    opacity: 0.5;
    transition-duration: 1s;
    transition-property: margin-bottom, opacity;
}
.sequence-pagination li img:hover {
    margin-bottom: 4px;
    transition-duration: 0.3s;
}
.sequence-pagination li.current img {
    opacity: 1;
    }*/
    .sequence-next, .sequence-prev {
/*        font-family: Lucida Console;
        
        position: absolute;*/
        font-size: 50px;
    }
    .sequence-next:hover, .sequence-prev:hover {
        opacity: 1;
        transition: all 0.2s ease 0s;
        color: #3777be;
    }
    .animate-in .title {
        left: 50%;
        opacity: 1;
        transition-duration: 0.5s;
    }
    .animate-out .title {
        left: 35%;
        opacity: 0;
        transition-duration: 0.5s;
    }
    .subtitle {
        color: black;
        font-size: 2em;
        left: 35%;
        opacity: 0;
        top: 101%;
        width: 35%;
    }
    .animate-in .subtitle {
        left: 50%;
        opacity: 1;
        transition-duration: 0.5s;
    }
    .animate-out .subtitle {
        left: 65%;
        opacity: 0;
        transition-duration: 0.5s;
    }
    .model, .amodel {
        height: auto;
        left: 0;
        opacity: 0;
        position: relative;
        width: 100%;
    }
    .animate-in .model, .animate-in .amodel {
        left: 0;
        opacity: 1;
        transition-duration: 1s;
    }
    .animate-out .model, .animate-out .amodel {
        left: 0;
        opacity: 0;
        transition-duration: 0.5s;
    }

    .sequence-preloader {
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 999999;
    }
    @keyframes preload {
        0% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .sequence-preloader .preloading .circle {
        animation: 1s ease 0s normal none infinite running preload;
        display: inline-block;
        fill: #000;
        height: 12px;
        position: relative;
        top: -50%;
        width: 12px;
    }
    .preloading {
        display: block;
        height: 12px;
        margin: -6px auto 0;
        position: relative;
        top: 50%;
        width: 48px;
    }
    .sequence-preloader .preloading .circle:nth-child(2) {
        animation-delay: 0.15s;
    }
    .sequence-preloader .preloading .circle:nth-child(3) {
        animation-delay: 0.3s;
    }

    .slider-description {
        background-color: #fff;
        bottom: 65px;
        min-height: 80px;
        padding: 15px;
        position: absolute;
        right: 0;
        left: auto !important;
        width: 25%;
        min-width: 500px;
    }

    .slider-description > p {
        color: #1d1d1b;
        font-size: 30px;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: normal !important;
    }

    .slider-description > hr {
       margin-top: 0;
   }

   .slider-description .slider-link {
      color: #1d1d1b;
      cursor: pointer;
      display: inline-block;
      font-size: 18px;
      font-weight: 400;
      margin-top: 10px;
  }

  .see_more_headers {
    display: inline-block;
    height: 19px;
    margin-left: 8px;
    width: 19px;
    background-image: url("../images/see-more.png");
    background-position: center center;
    background-repeat: no-repeat;
}


.placard-section {
    /*margin-bottom: 5px;*/
    clear: both;
}

.placard-section .placard-background {
    height: 100%;
    width: 100%;
}


.placard-section .sequence-container.placard .placard-description {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    left: 0;
    line-height: 20px;
    top: 150px;
    width: 50%;
}

.placard-description p {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    /*line-height: 11px;*/
    text-transform: uppercase;  
    margin:0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); 
    line-height: 20px;
}

.placard-description h2 {
   color: #fff;
   font-style: italic;
    font-size: 46px;
    font-weight: lighter;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.placard_btn {
    background-color: #3777be;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 7px 35px;
    text-transform: uppercase;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.placard_btn:hover {
    background-color: #fff;
    border-radius: 3px;
    color: #3777be;
    transition: all 0.3s ease 0s;
}

.placard-section .sequence-container.placard .placard-description a{
    cursor:pointer;
    color:#fff;
}

.placard-section .sequence-container.placard .placard-description a:hover{
    color:#fff;
}

.sequence-container.placard > .sequence-canvas > li img {
    visibility: visible;
}

.placard-label {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    font-style: italic;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}


/**********************************/
/** Gallery
/**********************************/

.gallery-images {
/*    padding-bottom: 30px;
    margin-top: 30px;*/
}

.gallery-images img{
    /*max-width: 275px;*/
}


.gallery-images > div{
    height: 180px;
    position: relative;
    width: 270px;
}


.gallery-images a:hover{
    transition: none;
}


.gallery-images .highlight-overlay > p{
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    left: 0;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 100%;
    pointer-events: none;
}

.marginright {
    margin-right: 24px;
}

.marginbottom {
    margin-bottom: 20px;
}

.scroller-overlay {
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.scroller-overlay img {
    height: 100%;
    width: 100%;
}

.highlight-overlay {
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.highlight-overlay img {
    height: 100%;
    width: 100%;
}

.highlight-overlay > p {
    color: #fff;
    font-size: 16px;
    left: 35px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 185px;
    width: 235px;
}

.gallery-images a:hover {
    transition: none 0s ease 0s ;
}

.highlight-bloc {
    margin-bottom: 15px;
    min-height: 180px;
    max-height: 180px;
    overflow: hidden;
}

.highlight-bloc a img {
    width: 100%;
}

.highlight-bloc img:hover {
    opacity: 1;
}

.highlight-bloc > .col-full.center.fleft {
    min-height: 180px;
    position: relative;
}

.highlight-bloc.half-bloc {
    height: 83px;
    overflow: hidden;
    margin-right: 0;
    margin-left: 1%;
    margin-bottom: 14px;
    min-height: 0;
}

.highlight-bloc.half-bloc > .col-full {
    min-height: 85px !important;
    max-height: 85px;
}

.highlight-bloc.half-bloc a {
    overflow: hidden;
}

.highlight-bloc.half-bloc a img {
    height: 295px;
    max-width: none;
}

.highlight-bloc.related-content {
    width: 23.4%;
}

/**********************************/
/** GoBar
/**********************************/
.gobar {
background:none repeat scroll 0 0 #111;
border-bottom:1px solid #007663;
height:26px;
position:relative;
width:100%;
z-index:999;
}

.gobar ul {
list-style-type:none;
margin-left:0;
}

.gobar ul li {
display:inline;
height:26px;
line-height:26px;
}

.gobar ul li a.active {
background:none repeat scroll 0 0 #4C4C4C;
}

.gobar ul li a {
color:#CCC!important;
border-top:3px solid rgba(0,0,0,0);
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
height:18px;
text-decoration:none!important;
text-shadow:0 -1px 0 #000;
padding:5px 10px;
}

.gobar ul li a.ff:hover {
border-top:3px solid #F8A020;
background:none repeat scroll 0 0 #4C4C4C;
color:#fefefe!important;
}

.gobar ul li a.wr:hover {
border-top:3px solid #FE9554;
background:none repeat scroll 0 0 #4C4C4C;
color:#fefefe!important;
}

.gobar ul li a.fl:hover {
border-top:3px solid #3BCEFF;
background:none repeat scroll 0 0 #4C4C4C;
color:#fefefe!important;
}

/**********************************/
/** Menu
/**********************************/

.sf-menu a {
color:#898989;
cursor:pointer;
font-size:15px;
text-decoration:none;
transition:color .2s ease;
-moz-transition:color .2s ease;
-webkit-transition:color .2s ease;
-o-transition:color .2s ease;
padding:0;
margin:0 10px;
font-weight: 400;
}

.lt-ie8 .sf-menu a{
	display: block !important;
	height: 35px !important;
	padding-bottom:0px !important;
	
}
.sf-menu li a.selected,.sf-menu li a:hover {
color:#007663;
border-bottom:1px solid #007663;
}

.sf-menu ul li a {
/*padding-left:10px;*/
padding-bottom:0;
background:none;
}

.sf-menu a:hover,.sf-menu a:selected,a:hover,a.selected {
color:#19917a;
text-decoration:none!important;
}

.sf-menu a:hover {
text-decoration:none;
color:#19917a;
}

.sf-menu ul li a:hover {
padding-bottom:0;
background:none;
text-decoration:none;
color:#007663;
}

.sf-menu ul {
background:transparent;
background-color:#FFF;
position:absolute;
display:none;
min-width:150px;
margin-top:50px;
z-index:99;
padding:2px;
}

.sf-menu ul li {
float:none;
margin:0;
padding:0;
}

.sf-menu li > ul {
background-color:rgba(255,255,255,0.85);
}

.sf-menu li > ul a {
font-size:15px;
font-weight:lighter;
}

.sf-menu li:hover > ul {
display:block;
padding-right:3px;
    padding-top: 10px;
margin-top: 0;
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
left:200px;
top:0;
}

.sf-menu li.highlight {
background-color:#007663;
box-shadow:0 0 3px 1px rgba(73, 73, 73, 0.15);
}

.sf-menu li.highlight a {
color:#fff;	
}

.sf-menu li.highlight:hover {
background-color:#19917a;
}

/**********************************/
/** Form(s)
/**********************************/
.content-hide-grey {
    background: url("../images/fancybox_overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: none;
    height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 101;
	top:0;
	left:0;
}
#light-box-content{
	width:600px;
	height:250px;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-125px;
	z-index:102;
	background-color: #E9E9EB;
	display:none;
}

#light-box-content form{
	margin:0;
}

#light-box-content p{
	margin:0;
}

.light-box-button-less{
	width:58px;
	height:52px;
	float:right;
	background-color:#007663;
	cursor:pointer;
	background-image:url(../images/helpbox-bg-less2.png);
	background-repeat:no-repeat;
	background-position:center center;
}
.light-box-content-top-title{
	height:42px;
	background-color:#007663;
	padding: 5px 0px;
	overflow:hidden;
	text-indent:15px; 
}
.light-box-content-top-title h1 {
	margin-top:10px;
	color:#FFF;
	font-size:1.2em;
	font-weight:400;
}
.light-box-content-middle {
padding:15px;
}


#formulario_1 {
margin-top:10px;
}

.form_titulo {
margin-top:6px;
margin-bottom:3px;
}

input#captcha {
height:46px!important;
width:110px!important;
font-size:16px!important;
}

form {
/*margin-top:2em;*/
}

input,select,textarea {
border:1px solid #DDD;
color:#777;
font-size:1em;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
-webkit-appearance:none;
border-radius:0;
padding:.5em;
}

.form_button {
width:60%;
min-width:100px;
margin-top:1em;
background-color:#007663;
color:#FFF;
}

input,textarea {
-moz-transition:border .25s;
-webkit-transition:border .25s;
-o-transition:border .25s;
transition:border .25s;
}

input[type="text"],textarea {
cursor:text;
}

input[type="radio"],input[type="checkbox"] {
display:inline;
width:auto;
height:auto;
margin-right:1em;
}

input[type="file"] {
border:none;
}

input[type="date"] {
width:auto;
}

.success {
color:green;
}

label.error {
color:#007663;
font-weight:400;
font-style:italic;
margin:.5em 0 0 .5em;
}

.msg-success {
color:#0C0;
}

.forms-section h3 {
font-style:normal;
font-weight:lighter;
line-height:1.5em;
font-size:14px;
margin:.5em 0 0;
}

.forms-captcha img {
position:absolute;
z-index:9;
max-height:32px!important;
margin:0;
}

.forms-captcha input {
text-indent:55px;
}

.button,input[type="submit"],button,.toggle-title {
color:#FFF;
text-transform:uppercase;
font-size:1em;
font-weight:400;
text-shadow:0 1px 0 #fff;
border:solid 1px #ddd;
text-decoration:none;
cursor:pointer;
background:linear-gradient(tobottom,#007663%,#efefef100%);
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
-webkit-transition:.1s linear all;
-moz-transition:.1s linear all;
-ms-transition:.1s linear all;
-o-transition:.1s linear all;
transition:.1s linear all;
background-color:#007663;
margin-top:.3em;
padding:.5em 1.2em;
}

.button:hover,input[type="submit"]:hover,button:hover,.toggle-title:hover {
color:#fff;
background-color:#19917a;
}

input:hover,textarea:hover,input:focus,textarea:focus,input:active,textarea:active,.button:focus,input[type="submit"]:focus,button:focus,.toggle-title:focus {
box-shadow:0 0 3px 1px rgba(73,73,73,0.25);
}

/**********************************/
/** search input
/**********************************/

#search-input-section {
width:220px;
height:32px;
float:right;
line-height:32px;
margin-top:20px;
background-color:#fff;
position:relative;
box-shadow:0 0 3px 1px rgba(73,73,73,0.15);
padding:0;
}

#search-input-section:hover {
box-shadow:0 0 3px 1px rgba(73,73,73,0.25);
}

#search-input-section input {
box-shadow:none!important;
}

form#searchform {
position:relative;
/*float:left;*/
margin:0;
padding:0;
}

.languages-flags img{
	margin-right:2px;
	margin-left:1px;
}

.search-input {
width:189px;
height:32px;
line-height:24px;
font-style:italic;
/*background-image:url(../images/bg-search.jpg);*/
color:#b7b7b7;
text-indent:10px;
float:left;
border:none;
padding:0;
}

.search-input:hover,.search-input:focus {
border:none;
}

#search-input-section .form-button {
height:30px;
width:30px;
background-color:#007663;
display:block;
float:left;
position:relative;
font-size:18px;
line-height:30px;
border:0;
box-shadow:none;
border-radius:0;
text-shadow:none;
margin:1px 0 0;
padding:0 0 10px;
}

.form-button:hover {
background-color:#19917a!important;
}

/**********************************/
/** client grid
/**********************************/
#grid-wrap-clients {
width:100%;
min-height:170px;
background-color:#f4f4f1;
float:left;
padding-bottom:10px;
padding-top:10px;
margin-top:10px;
}

.logo-grid {
width:100%;
max-width:980px;
height:auto;
min-height: 160px;
position:relative;
margin:0 auto;
}

.logo-grid a {
display:block;
float:left;
opacity:0.5;
width: 140px;
height: 80px;
}

.logo-grid a:hover {
opacity:1;
}
/**********************************/
/** footer
/**********************************/
.footer {
color: #595959;
font-size: 14px;
line-height: 1.5em;
margin: 0 auto;
max-width: 980px;
position: relative;
width: 98%;
}

.footer h2 {
    color: #595959;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
}

.footer p {
    color: #595959;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4em;
}

.footer a {
    color: #595959;
    font-size: 13px;
    font-weight: 400;
}

.footer a:hover {
    color: #007663;
}

.idea{
    background-image:url(../images/idea.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 35px;
    line-height: 35px;
    background-size: 30px;
}


.access-btn{
	display: none;
}
.mobile-btn{
	display: none;
}
.dsk-v .mobile-btn{
	display: block;
	background-color:#007663;
	padding: 5px;
	color: #fff !important; 
	float: right;
	text-align: center;
}

.footer .col-one-quarter{
/*	display:block;
	width:24.5% !important;*/
}
.footer .col-one-full{
	display:block;
	width:99.5% !important;
}

.footer p {
/*font-size:11px;
font-weight:400;
color:#fff;*/
}

.footer a {
/*font-size:11px;
font-weight:400;
color:#007663;*/
}

.footer li {
font-size:11px;
}

.footer h3 {
font-size:17px;
font-weight:600;
margin:10px 0 0;
}

footer h4 {
font-size:13px;
font-weight:300;
margin-top:0;
}

.copyright {
font-size:12px;
}

#grid-wrap-footer {
background-color: #fff;
border-top: 1px solid #007663;
float: left;
min-height: 225px;
padding-top: 15px;
width: 100%;
margin: 70px 0 0 0;
}


#grid-wrap-footer .rights p, #grid-wrap-footer .rights a  {
font-size:11px;
color:#c3c3c3;
}

.up a {
display:block;
text-align:center;
margin:0 auto;
}

.addthis_toolbox a {
    padding:0 !important;
}

.footer caption {
    height: 0;
    display: none;
}

.footer th {
    display: none;
    height: 0;
}

.footer em {
    font-weight: lighter;
    line-height: 1.5em;
    font-size: 14px;
}

/**********************************/
/** Slider
/**********************************/
#slider-section {
width:100%;
height:auto;
position:relative;
float:left;
background-image:url(../images/bg-slider.jpg);
background-position:center center;
background-repeat:repeat-x;
}

#banner-slide {
width:98%;
max-width:980px;
max-height:370px;
margin-left:auto;
margin-right:auto;
border:5px solid #fff;
box-shadow:0 0 3px 1px rgba(73,73,73,0.15);
position:relative;
overflow:hidden;
}

ul.bjqs {
position:relative;
list-style:none;
overflow:hidden;
display:none;
margin:0;
padding:0;
}

li.bjqs-slide {
position:absolute;
display:none;
}

ul.bjqs-controls {
list-style:none;
z-index:1;
margin:0;
padding:0;
}

ul.bjqs-controls.v-centered li a {
position:absolute;
}

ul.bjqs-controls.v-centered li.bjqs-next a {
right:0;
background-image:url(../images/button-next.png);
width:50px;
height:70px;
font-size:0;
display:none;
}

ul.bjqs-controls.v-centered li.bjqs-prev a {
left:0;
background-image:url(../images/button-prev.png);
width:50px;
height:70px;
font-size:0;
display:none;
}

#banner-slide:hover ul.bjqs-controls.v-centered li.bjqs-prev a,#banner-slide:hover ul.bjqs-controls.v-centered li.bjqs-next a {
display:block;
}

.bjqs-controls {
display:none;
}

ol.bjqs-markers {
list-style:none;
position:absolute;
width:100%;
z-index:3;
height:16px;
top:375px;
display:none;
padding:0;
}

ol.bjqs-markers.h-centered {
text-align:right;
}

ol.bjqs-markers li {
display:inline;
}

ol.bjqs-markers li a {
display:inline-block;
width:16px;
height:16px;
background-image:url(../images/bg-black.png);
font-size:0;
margin:5px 5px 0 0;
}

ol.bjqs-markers li.active-marker a {
background-image:none;
background-color:#fff;
}

p.bjqs-caption {
display:block;
width:190px;
height:50px;
position:absolute;
bottom:0;
background-color:#d61c38;
font-size:14px;
font-style:italic;
color:#fff;
margin:0 0 0 30px;
padding:15px 10px;
}

/*
HELP - BOX
*/

#box-button-plus {
position:fixed;
color:#FFF;
top:32%;
right:0;
padding:10px;
width:75px;
height:32px;
background-color:#007663;
cursor:pointer;
z-index: 100;
/*background-image:url(../images/helpbox-bg-plus2.png);
background-repeat:no-repeat;
background-position:center center;*/
}

#box-button-plus:hover{
	background-color:#19917a;
}

#box-content{
position:fixed;
top:32%;
right:0;
width:400px;
background-color:#E9E9EB;
display:none;
overflow:hidden;
z-index:100;
}

#box-content form{
	margin:0;
}

#box-content-top{
width:400px;
height:52px;
background-color:#007663;
border-bottom:0px solid #007663;
}

#box-button-less {
width:58px;
height:52px;
float:left;
background-color:#007663;
cursor:pointer;
background-image:url(../images/helpbox-bg-less2.png);
background-repeat:no-repeat;
background-position:center center;
}

#box-content-top-title{
width:322px;
height:42px;
float:left;
background-color:#007663;
padding: 5px ;
overflow:hidden;
}
#box-content-top-title h1 {
	margin-top:10px;
color:#FFF;
font-size:1.2em;
font-weight:400;
}
#box-content-middle {
padding:15px;
}

#box-content-middle .box-area-text{
border:none;
background-color:#f4f2f3;
/*background-image: url(../images/helpbox-bg-input.png);
background-repeat:no-repeat;
background-position:6px 10px;*/
padding: 10px 0 0 10px;
width:360px;
height:90px;
font-family: Arial,Helvetica,sans-serif;
font-size:12px;
color:#5f5f5f;
min-height:8.5em;
}

#box-content-middle .box-input-text{
border:none;
background-color:#f4f2f3;
/*background-image: url(../images/helpbox-bg-input.png);
background-repeat:no-repeat;
background-position:6px 10px;*/
padding-left:10px;
width:360px;
height:35px;
font-family: Arial,Helvetica,sans-serif;
font-size:12px;
color:#5f5f5f;
}
#form-captcha .box-input-text{
	width:300px;
}

#box-content-middle .img-captcha{
	float:left;
	margin-top:0px;
}

#box-content-middle label{
float:left;
padding:2px 10px 2px 0;
color:#5f5f5f;
font-size:12px;
cursor:pointer;
}

#box-content-middle label input{
	float: left;
    margin: 0 2px;
}

#box-content-middle p{
clear:both;
margin-bottom:0px !important;
padding-top: 5px;
color:#5f5f5f;
font-size:12px;
}

#box-content-middle .form-success{
padding:15px 0;
text-align:center;
text-transform:none;
}

#box-content-footer{
clear:both;
width:400px;
height:52px;
border-top: 0px solid #007663;
}

#box-content-footer-text{
padding-left: 58px;
width: 236px;
height:52px;
float:left;
background-color:#007663;
background-image: url(../images/helpbox-bg-chat.png);
background-repeat:no-repeat;
background-position:15px center;
overflow:hidden;
}

#box-content-footer-text p {
font-size:12px;
color:#007663;
font-weight:bold;
margin-bottom: 0 !important;
}



#box-content-footer-submit{
width:400px;
height:52px;
float:left;

font-weight:bold;
}
#box-content-footer-submit input{
width:400px;
height:52px;
font-size:12px;
text-align:center;
background-color:transparent;
background-color:#007663;
border:none;
cursor:pointer;
color:#FFF;
text-transform:none;
font-weight:400;
font-size:13px;
}
#box-content-footer-submit input:hover{
background-color:#19917a;
}

/**********************************/
/** pagination
/**********************************/
.paginate {
font-size:11px;
text-align:center;
margin:0 auto;
}

.paginate a {
text-decoration:none;
background-color:#F4F4F1;
color:#292929;
opacity:0.9;
font-size:11px;
line-height:20px;
margin:2px;
padding:2px 6px 3px;
}

.paginate a:hover,.paginate a:active {
background-color:#007663;
color:#fff;
}

.paginate span.current {
font-weight:700;
background-color:#007663;
color:#fff;
line-height:20px;
margin:10px 2px 2px!important;
padding:2px 6px 3px;
}

.paginate span.disabled {
color:#6b6b6b;
opacity:0.7;
line-height:20px;
padding:2px 6px 3px;
}

.paginate .nav-prev {
float:left;
margin-top:-17px!important;
position:relative;
}

.paginate .nav-next {
float:right;
margin-top:-17px!important;
position:relative;
}

.paginate li {
margin-bottom:3px;
list-style:none;
padding:5px;
}

.paginate ul {
margin:6px;
padding:0;
}

/**********************************/
/** wr score system
/**********************************/
#form-ranking {
margin-top:1em;	
}

#form-ranking .form-input {
line-height:2.2em;
height:2.2em;
font-size:1.8em;
padding-bottom:0;
padding-top:0;
font-style:italic;
color: #B7B7B7;
}

.score-shape {
width:150px;
height:150px;
line-height:150px;
text-align:center;
border-radius:150px;
background-color:#007663;
float:right;
position:relative;
}

.border-red {
background-color:#F00 !important;
}

.red {
color:#F00 !important;
}

.border-orange {
background-color:#F60 !important;
}

.orange {
color:#F60 !important;
}

.border-yellow {
background-color:#FC3 !important;
}

.yellow {
color:#FC3 !important;
}

.border-green {
background-color:#00CC00 !important;	
}

.green {
color:#00CC00 !important;		
}

.ranking-score {
font-size:90px;
line-height:150px;
color:#fff;
font-weight:bold;
}

.ranking-url, .ranking-message {
font-size:3em;
font-style:italic;
}

.full100 {
width:100%;
}

a.rank-provider{
	font-size:11px;
	float:right;
	clear:both;
}


/* THEME Sequence Slider */
#sequence {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 970px;
  color: white;
  font-size: 0.625em;
  margin: 0 auto;
  position: relative;
  height: 370px;
  max-height: 370px;
}
#sequence > .sequence-canvas {
  height: 100%;
  width: 100%;
  margin:0;
}
#sequence > .sequence-canvas > li {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  /*top: -50%;*/
}
#sequence > .sequence-canvas > li img {
  height: 100%;
}
#sequence > .sequence-canvas li > * {
  position: absolute;
  /* only cause the left and opacity properties to transition */
  -webkit-transition-property: left, opacity;
  -moz-transition-property: left, opacity;
  -ms-transition-property: left, opacity;
  -o-transition-property: left, opacity;
  transition-property: left, opacity;
}
.sequence-next,
.sequence-prev {
  color: white;
  cursor: pointer;
  display: none;
  font-weight: bold;
  padding: 10px 15px;
  position: absolute;
  top: 50%;
  z-index: 90;
  height: 75px;
  margin-top: -47.5px;
}
.sequence-pause {
  bottom: 0;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
}
.sequence-paused {
  opacity: 0.3;
}
.sequence-prev {
  left: 3%;
}
.sequence-next {
  right: 3%;
}
.sequence-prev img,.sequence-next img {
  height: 100%;
  width: auto;
}
#sequence-preloader {
  background: #d9d9d9;
}
.sequence-pagination {
  bottom: 1%;
  display: none;
  right: 6%;
  position: absolute;
  z-index: 10;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sequence-pagination li {
  display: inline-block;
  *display: inline;
  /* Hack for IE7 and below as they don't support inline-block */
  height: 140px;
}
.sequence-pagination li img {
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: margin-bottom, opacity;
  -moz-transition-property: margin-bottom, opacity;
  -ms-transition-property: margin-bottom, opacity;
  -o-transition-property: margin-bottom, opacity;
  transition-property: margin-bottom, opacity;
}
.sequence-pagination li img:hover {
  margin-bottom: 4px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sequence-pagination li.current img {
  opacity: 1;
}
.sequence-next,.sequence-prev {
	font-size:50px;
  position: absolute;
  opacity: 0.6;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sequence-next:hover,.sequence-prev:hover {
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

.animate-in .title {
  left: 50%;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.animate-out .title {
  left: 35%;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.subtitle {
  color: black;
  font-size: 2em;
  left: 35%;
  width: 35%;
  opacity: 0;
  top: 101%;
}
.animate-in .subtitle {
  left: 50%;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.animate-out .subtitle {
  left: 65%;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.model,.amodel {
  left: 0;
  /*bottom: -50%;*/
  opacity: 0;
  position: relative;
  height: auto;
/*  max-height:370px;*/
  width:100%;
/*  max-width: 970px;*/
}
.animate-in .model,.animate-in .amodel {
  left: 0;
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.animate-out .model,.animate-out .amodel {
  left: 0;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sequence-preloader {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 999999;
}
@keyframes preload {
    0%{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.sequence-preloader .preloading .circle {
    fill: #007663;
    display: inline-block;
    height: 12px;
    position: relative;
    top: -50%;
    width: 12px;
    animation: preload 1s infinite;
}
.preloading {
    display: block;
    height: 12px;
    margin: 0 auto;
    top: 50%;
    margin-top: -6px;
    position: relative;
    width: 48px;
}
.sequence-preloader .preloading .circle:nth-child(2) {
    animation-delay: .15s;
}
.sequence-preloader .preloading .circle:nth-child(3) {
    animation-delay: .3s;
}
.preloading-complete {
    opacity: 0;
    visibility: hidden;
    transition-duration: 1s;
}
div.inline{
    background-color: #007663;
    margin-right: 4px;
    float: left;
}


/**********************************/
/** News Blog
/**********************************/

.main-inner-body {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
    overflow: hidden;
    width: 98%;
}

#noticias-in {
    min-height: 180px;
    overflow: hidden;
    width: 100%;
}

/**********************************/
/** Catalog
/**********************************/

#catalog-section {
    float: left;
    width: 100%;
    margin-top: 20px;
}


.indicator-description {
    background-color: #fafafa;
    padding: 10px;
    max-width: 210px;
}

.indicator-description h3 {
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 5px;
}

.indicator-description p, .indicator-description a {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.line-legend, .linealt-legend, .bar-legend, .baroverlay-legend {
    margin-top: 20px;
}

.line-legend li, .linealt-legend li, .bar-legend li, .baroverlay-legend li {
    min-height: 24px;
    display: inline-block;
    margin-right: 10px;
}

.line-legend span, .linealt-legend span, .bar-legend span, .baroverlay-legend span{
    padding: 5px;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    font-size: 14px;
    font-weight: 600;
}

.sub-line-legend li {
    min-height: 24px;
    display: inline-block;
    margin-right: 15px;
}

.sub-line-legend span, .sub-line-legend p{
    padding: 5px;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    font-size: 10px;
    font-weight: 600;
}

.sub-legend span {
    display: block;
    padding: 0;
    line-height: 20px;
}

.sub-line-legend .minimum {
    float: left;
    background-color: #E09D9D;
    border-radius: 35px;
    cursor: pointer;
}

.sub-line-legend .maximum {
    float: right;
    background-color: #6b8f45;
    border-radius: 35px;
    cursor: pointer;
}

div#legendToolTipMax {
    background-color: #81e81d;
    width: 175px;
    padding: 5px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    font-size: 14px;
    font-weight: 600;
}

div#legendToolTipMin {
    background-color: #00b0ef;
    width: 175px;
    padding: 5px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    font-size: 14px;
    font-weight: 600;
    z-index: 50;
}

.indicator-observations {
    margin-top: 35px;
}


.list-indicators li {
    margin-left: 25px;
}

.list-indicators h2 {
    border-bottom: 0;
    text-align: left;
    margin-bottom: 5px;
    font-size: 1.3em;
}

.list-indicators a {
    font-weight: 400;
}

.list-idr-indicators {
    float: left;
    margin-left: 8px;
    border: 1px solid #d1d1d1;
    padding: 3px 5px;
    margin-bottom: 5px;
}

.list-idr-indicators.selected {
    background-color: #d1d1d1;
}

.list-idr-indicators.selected a{
    color: #007663;
}


.indicator-table {
    margin-top: 45px;
    margin-bottom: 60px;
}

.indicator-table-geographic-area {
    width: 100px;
    float: left;
}

.indicator-table-column-values {
    width: 50px;
    float: left;
    margin-top: 15px;
}

.extra-margin-top{ 
    padding-top: 10px;
}

.indicator-table-geographic-area-row.row-color {
    background-color: #dedede;
}

.indicator-table-column-value-row.row-color {
    background-color: #efe9e9 !important;
}


.indicator-charts h3.title-legend {
    text-align: center;
    margin-top: 20px;
    color: #000;
    font-size: 1.1em;
    z-index: 50;
    position: relative;
}

h3.title-legend.bold {
    font-weight: 600;
}


.indicator-chart1 {
    margin-top: 60px;
    max-width: 95%;
    margin-bottom: 80px;
    position: relative;
    padding-left: 15px;
}

.indicator-chart2 {
    margin-top: 30px;
    max-width: 95%;
    margin-bottom: 80px;
    padding-left: 15px;
    position: relative;
}

.indicator-chart3 {
    margin-top: 30px;
    max-width: 95%;
    margin-bottom: 40px;
    min-height: 400px;
    position: relative;
    padding-left: 15px;
}


.indicator-charts ul{
    text-align: center;
}

.indicator-table-geographic-area-row {
    height: 28px;
    line-height: 28px;
    padding-left: 6px;
}

.indicator-table-column-header-row {
    height: 28px;
    line-height: 28px;
    text-align: center;
    background-color: #E4E4E4;
}

.indicator-table-column-value-row {
    height: 28px;
    line-height: 28px;
    text-align: center;
}

.indicator-table-geographic-area {
    margin-top: 43px;
    line-height: 28px;
    background-color: #E4E4E4;
}

.indicator-table-column-header-row span {
    font-weight: 600;
}

.indicator-table-geographic-area-row span {
    font-weight: 600;
}

.indicator-table-column-values:nth-child(even) {
    background-color: #FAFAFA;
}

.indicator-table-column-value-row:nth-child(even) {
    background-color: #F7F3F3;
}

g.highcharts-data-labels.highcharts-series-0.highcharts-tracker {
    display: none;
}

#legendDiv4 {
    margin-top: 35px;
}

.legendDiv-vertical{
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg); /* Standard syntax */
    position: absolute;
    left: -8px;
    top: 42%;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

.legendDiv-vertical span{
    color: #7B7B7B;
}

.legends-wrapper {
    position: relative;
    z-index: 100;
    width: 352px;
    margin: -205px auto 100px;
}

.breadcrumbs {
    margin-bottom: 35px;
}

.catalog-section h3 {
    font-size: 1.2em;
    line-height: 1.2em;
}


.catalog-section li > h3 {
    display: inline-block;
    width: 90%;
}

.separator{
    border-color: #E2E2E2;
    margin: 120px 0 20px;
    border-style: solid;
    border-width: 2px;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}


.navigation-buttons {
    bottom: 30px;
    height: 60px;
    position: fixed;
    right: 30px;
    width: 100px;
    z-index: 50;
}


.goback-bt {
    border: 1px solid #fff;
    background-color: #007663;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 32px;
    font-weight: 500;
    height: 30px;
    line-height: 28px;
    margin-top: 0;
    padding: 5px 8px 5px 7px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    transition: all 0.1s linear 0s;
    width: 28px;
    position: absolute;
    right: 5px;
    bottom: 10px;
    opacity: 0.6;
}

.goback-bt:hover {
    background-color: #fff;
    color: #007663;
    border: 1px solid #007663;
    opacity: 0.8;
}


/*
.main-section h2{
    position: relative;
    overflow: hidden;
    text-align: center;
}

.main-section h2::before, .main-section h2:after{
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color: #d9d9d9;
}

.main-section h2:before{
    margin-left: -53%;
    text-align: right;
}

.main-section h2:after{
    margin-left: 3%;
}
*/


#search-div-indicators {
    width: 300px;
    position: relative;
    float: right;
    margin-top: -25px;
    margin-bottom: 10px;
}

#search-div-indicators #search-form #search-input {
    float: left;
    width: 60%;
    border: 1px solid #d1d1d1;
    height: 31px;
}

#search-div-indicators #search-form input {
    float: left;
    width: 40%;
}



/**********************************/
/** Media Query 1110px
/**********************************/
@media only screen and (max-width: 1110px) {
    .highlight-bloc > .col-full.center.fleft {
        min-height: 115px;
    }
    
    /*
    .highlight-bloc a img {
        max-width:100%; 
    }
    */
}





/**********************************/
/** Media Query 980px
/**********************************/
@media only screen and (max-width: 980px) {
    .indicator-table .indicator-table-values-wrapper {
        min-width: 800px;
    }

    .indicator-table {
        overflow-x: scroll;
        position: relative;
        width: 100%;
    }
    
    .indicator-chart3 {
        min-height: 430px;
    }
    
    .navigation-buttons {
        bottom: 10px;
        right: 10px;
    }
}

/**********************************/
/** Media Query 1 (mq1)
/**********************************/
@media only screen and (max-width: 60em) {
	/* 13 / 780 */
	.mq1-col-full {
		width:100%;
	}
	
	.mq1-col-one-half {
		width:50%;
	}
	
	.mq1-col-one-third {
		width:33.333%;
	}
	
	.mq1-col-two-thirds {
		width:66.666%;
	}
	
	.mq1-col-one-quarter {
		width:25%;
	}
	
	.mq1-col-three-quarters {
		width:75%;
	}
	
	section.grid-wrap-slider section.grid-wrap,section.grid-wrap .slider {
		padding:0;
	}
	
	header#navtop {
		margin-bottom:0!important;
		min-height:105px!important;
	}
	
	header nav ul li a {
		font-size:17px!important;
	}
	
	h1 {
		font-size:2.2em;
	}
	
	h5 {
		font-size:.7em;
	}
	
	#box-button-plus {
		position:fixed;
		color:#FFF;
		top:20%;
		right:0;
		padding:10px;
		width:75px;
		height:32px;
		background-color:#007663;
		cursor:pointer;
		/*background-image:url(../images/helpbox-bg-plus2.png);
		background-repeat:no-repeat;
		background-position:center center;*/
	}
	#box-content{
	top:20%;
	}
	
	footer li {
		float:left;
		margin-right:.5em;
		padding-right:.5em;
	}
}
    
/**********************************/
/** Media Query 2 (mq2)
/**********************************/
@media only screen and (max-width: 48em) {
	/* 13 / 624 */
	.mq2-col-full {
		width:100%;
	}
	
	.mq2-col-one-half {
		width:50%;
	}
	
	.mq2-col-one-third {
		width:33.333%;
	}
	
	.mq2-col-two-thirds {
		width:66.666%;
	}
	
	.mq2-col-one-quarter {
		width:25%;
	}
	
	.mq2-col-three-quarters {
		width:75%;
	}
	
	header#navtop {
		margin-bottom:5px;
	}
	
	header nav {
		margin-top:5px;
		margin-bottom:10px;
		margin-left:0;
	}
	
	header nav ul {
		padding:0;
		border-left:none;
		line-height:2em;
	}
	
	header nav ul li {
		float:left;
		line-height:2em;
	/*margin-right:20px; */
		margin-left:0;
	}
	
	.sf-menu a {
		font-size:13px!important;
		padding-bottom:10px;
	}
	
	.sf-menu .last-child {
		margin-right:0;
	}
	
	.form_button {
		width:100%;
	}
	
	input,select,textarea {
		width:100%;
	}
	
	.bloc img {
		max-width:97%;
	}
	
	.col-one-fifth img {
		max-width:96%;
	}
	
	.logo-grid p {
		margin-left:25px;
	}
        
        
        

        
        .main-section h2 span {
            line-height: 40px;
            padding: 0;
        }
        
	
}


/**********************************/
/** Media Query 3 (mq3)
/**********************************/
@media only screen and (max-width: 320px) {
	#banner-slide {
		max-width:300px!important;
	}
	
	.bloc img {
		max-width:290px!important;
	}
	#search-input-section {
		max-width: 310px;
		float: left !important;
		margin-left: 2px;
	}
	
	.score-shape, .ranking-url {
	margin:1em;	
	}
	
	iframe {
	max-height:170px;	
	}
	
	.footer .mq3-col-full{
		width:99% !important;
	}
	
}

@media only screen and (max-width: 30em) {
	/* 13 / 390 */
	h1 {
		font-size:22px !important;
	}
	.mq3-col-full {
		width:100%;
	}
	
	.mq3-col-one-half {
		width:100%;
	}
	
	.mq3-col-one-third {
		width:33.333%;
	}
	
	.mq3-col-two-thirds {
		width:66.666%;
	}
	
	.mq3-col-one-quarter {
		width:25%;
	}
	
	.mq3-col-three-quarters {
		width:75%;
	}
	
	.mq3-none {
		display:none;
	}
	
	.col-one-fifth {
		margin-bottom:15px;
	}
	
	.grid-wrap-slider {
		display:none;
	}
	
	.sf-menu {
		margin-top:20px;
		margin:0;
		padding:0 .5em;
		clear:both;
	}
	
	#language-block {
		width:95%;
	}
	
	
	
	header#navtop {
		margin-bottom:5px;
		width:100%!important;
		position:relative;
	}
	
	header#navtop:after {
		clear:both;
	}
	.gobar {
		position: fixed;
		display: none;
	}
	
	header nav select {
		display:block;
		margin-top:0px !important;
		position:fixed;
		top: 0px;
		left:0;
		width: 100%;
		border: none !important;
	}
	
	header nav {
		width:100%;
		margin-top:0;
		margin-bottom:15px;
	}
	
	header nav ul {
		width:auto;
		display:none;
	}
	
	.sf-menu li {
		width:100%;
		line-height:2.5em;
		margin-left:0;
		margin-right:0;
		border-bottom:1px solid #CCC;
	}
	
	.sf-menu li a {
		font-size:16px!important;
		width:100%;
		min-width:100%;
		display:block;
		padding-left:0;
		padding-right:0;
		padding-bottom:6px;
		padding-top:6px;
	}
	
	.sf-menu li a.selected,.sf-menu li a:hover {
		text-decoration:none;
		background-image:none;
		color:#19917a;
	}
	
	footer li {
		float:none;
		margin-right:0;
		padding-right:0;
		border-right:none;
		line-height:2em;
	}
	
	.services article {
		margin-top:3em;
	}
	
	.services article:first-of-type {
		margin-top:0;
	}
	
	h1 {
		font-size:2em;
	}
	
	h2 {
		font-size:1.5em;
	}
	
	p {
		font-size:16px;
	}
	
	.logo.fleft {
		float:none!important;
		width:183px;
		margin:0 auto;
		margin-top:55px;
	}
	.logo img {
		max-width: 250px;
	}
	
	#search-input-section {
		width:100%;
	}
	
	#search {
		width:100%;
	}
	
	.search-input {
		width:90%;
	}
	
	#search-input-section .form-button {
		margin-right:1px;
		float:right;
		line-height: 27px !important;
	}
	
	header nav select {
		background-color:#007663;
		color:#fff;
		font-weight:700;
		height:40px;
		background-image:url(../images/bg-menu-mobile.png);
		background-repeat:no-repeat;
		background-position:right center;
		background-size:30px 28px;
		margin-top:15px;
	}
	
	.main-section {
		margin-top:5px;
	}
	
	.main-inner ul {
		list-style-position:inside;
		margin-left:5px;
	}
	
	p.slogan-message {
		font-size:16px;
		padding:0;
	}
	
	.mq3-add-padd {
		padding:0 1em;
	}
	
	.mq3-fnone {
		float:none!important;
		margin:0 auto;
	}
	
	.mq3-inner-lr {
		margin-left:0;
		margin-right:0;
	}
	
	.inner-lr {
		margin-left:0;
		margin-right:0;
	}
	
	.inner-r {
		margin-right:0!important;
	}
	
	.bloc {
		width:100%;
		margin-bottom:25px;
	}
	
	.bloc-middle {
		margin-left:0;
		margin-right:0;
	}
	
	.bloc img {
		max-width:100%;
	}
	
	ul.logo-grid li {
		width:23%;
	}
	
	section.last-news {
		margin-top:10px;
	}
	
	.main-inner {
		width:94%;
	}
	
	.logo-grid p {
		margin-left:13px;
	}
	
	footer {
		width:94%;
	}
	
	.client-area {
		clear:both;
	}
	
	article ul {
		margin-left:30px;
	}
	
	section.login,section.news,section.news-detail {
		clear:both;
		padding:1em;
	}
	
	section.login .grid,section.news article,section.news-detail article {
		padding:0;
	}
	
	.content article .grid {
		padding:0;
	}
	
	.last-news-content-intro,.last-news-top {
		display:none;
	}
	
	.last-news-content {
		font-size:12px;
	}
	
	footer .adress {
		text-align:left;
	}
	
	
	ul {
		margin-left:10px;
	}
	li.bjqs-slide img{
		height: 100%;
	}
}

@media only screen and (max-width: 768px) {
	#sequence {
	  width: 100%;
	  max-width: 753px;
	  height: 287px;
	  max-height: 287px;
	}
        
        .highlight-bloc.related-content {
            width: 22.9%;
        }
    
    
}

@media only screen and (max-width: 767px) {
	
        .indicator-charts {
            width: 100%;
        }
        
        
        .indicator-description{
            max-width: none;
            position: relative !important;
            top: auto !important;
        }
        
        
        .indicator-description-column {
            width: 100%;
        }
        
        
        .placard-description h2 {
            font-size: 40px;
        }
        
        .placard-section .sequence-container.placard .placard-description {
            top: 130px !important;
        }
        
        
        #search-div {
            right: 20%;
            top: 420px;
        }
        
        .placard-section .sequence-container.placard .placard-description {
            width: 100%;
        }
        
        .languages-flags {
            float: right;
            position: relative;
        }
        
}


@media only screen and (max-width: 767px) {

    .highlight-bloc {
        margin: 1%;
        width: 31.3%;
    }
    
    .highlight-title h3 {
        font-size: 1.2em;
    }
}

@media only screen and (max-width: 640px) {

    .legendDiv-vertical{
        top: 15%;
    }
    

    .highlight-bloc.related-content {
        margin: 1%;
        width: 48%;
    }

}



@media only screen and (max-width: 480px) {
	#slider-section,#slider-section img{
		display:none !important;
	}
	#sequence {
	  width: 100%;
	  max-width: 480px;
	  height: 180px;
	  max-height: 180px;
	}
	.sequence-next,.sequence-prev {
	font-size:20px;
	margin-top:-25px;
	}
	#box-button-plus {
		position:relative;
		color:#FFF;
		top: auto;
		right: auto;
		padding:10px;
		width:150px;
		height:16px;
		background-color:#007663;
		cursor:pointer;
		z-index: 100;
		margin: 0 auto;
		clear: both;
		text-align: center;
	}
	
	#box-content {
	    background-color: #E9E9EB;
	    overflow: hidden;
	    position: relative;
	    right: auto;
	    top: auto;
	    width: 100%;
	    float: left;
	    z-index: 100;
	}
	#box-button-less {
		width: 10%;
	}
	#box-content-top-title {
		width: 90%;
		padding-left: 0;
		padding-right: 0;
	}
	#box-content-top {
		width: 100%;
	}
	#box-content-middle .box-input-text {
		width: 100%;
	}
	#box-content-middle .box-area-text {
		width: 100%;
	}
	#box-content-footer {
		width: 100%;
	}
	#box-content-footer-submit {
		width: 100%;
	}
	#box-content-footer-submit input {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
	.access-btn{
		display: block;
		background-color:#007663;
		padding: 5px;
		color: #fff !important; 
		clear: both;
		margin: 10px auto;
		text-align: center;
	}
        
        .sequence-container {
            height: 180px !important;
        }
        
        .placard-section .sequence-container.placard .placard-description {
            top: 15px !important;
        }
        
        .placard-description h2 {
            font-size: 40px;
        }
        
        .logo.fleft {
            text-align: center;
            width: 100%;
        }
        
        .highlight-title {
            font-size: 16px;
            height: auto;
            margin: 0 auto;
            pointer-events: none;
            position: absolute;
            width: 96%;
            z-index: 100;
        }
        
        
        .highlight-bloc {
            margin: 1%;
            width: 48%;
        }
        
        .highlight-title > h3 {
            font-size: 1.2em;
        }
        
        .highlight-bloc .col-full {
            position: relative;
            width: 100%;
        }
        
        #grid-wrap-footer {
            float: none;
            margin: 40px auto 0 auto;
            width: 90%;
        }
        
        
        .placard-section.first .sequence-container.placard {
            height: 400px !important;
        }
        
        
        .placard-section.first .placard-description h2 {
            font-size: 30px;
            line-height: 30px;
        }
        
        .placard-label {
            font-size: 13px;
            line-height: 13px;
        }
        
        #search-div {
            left: 0;
            top: 250px;
            width: 300px;
        }
        
        .indicator-table {
            margin-top: 5px;
        }
        
        .legends-wrapper {
            width: 315px;
        }
        
        .sub-line-legend li {
            margin-right: 0;
        }
        
        
        #legendDiv4 {
            margin-top: 0;
        }
        
        .line-legend li, .linealt-legend li, .bar-legend li, .baroverlay-legend li {
            margin-right: 4px;
        }
        
        .baroverlay-legend li {
            margin-top: 6px;
        }
        
        .line-legend span, .linealt-legend span, .bar-legend span, .baroverlay-legend span {
            font-size: 12px;
            padding: 5px 3px;
        }
        
        .highlight-bloc > .col-full.center.fleft {
            min-height: 160px;
        }
        
        
        .indicator-chart3 {
            min-height: 440px;
        }
}


@media only screen and (max-width: 470px) {
 
    .legends-wrapper {
        width: 260px;
    }
    
}


@media only screen and (max-width: 360px) {
 
    .highlight-bloc {
        margin: 1%;
        width: 100%;
        margin-bottom: 15px;
    }
    
    .highlight-bloc.related-content {
        margin: 1%;
        width: 100%;
        margin-bottom: 15px;
    }
    
}


@media only screen and (max-width: 359px) {
 
    .legends-wrapper {
        width: 245px;
    }
    
}



@media only screen and (max-width: 320px) {
	#slider-section{
		display:none;
	}
	#sequence {
	  width: 100%;
	  max-width: 300px;
	  height: 114px;
	  max-height: 114px;
	}
	.sequence-next,.sequence-prev {
	font-size:20px;
	margin-top:-25px;
	}
}



@media print {
    #legendDiv .line-legend li:nth-child(1) span{
        background-color: rgba(79,129,189,1) !important;
        -webkit-print-color-adjust: exact; 
    }
    
    #legendDiv .line-legend li:nth-child(2) span{
        background-color: rgba(192,80,77,1) !important;
        -webkit-print-color-adjust: exact; 
    }
    
    #legendDiv .linealt-legend li:nth-child(1) span{
        background-color: rgba(79,129,189,1) !important;
        -webkit-print-color-adjust: exact; 
    }
    
    #legendDiv .linealt-legend li:nth-child(2) span{
        background-color: rgba(192,80,77,1) !important;
        -webkit-print-color-adjust: exact; 
    }
    
    
    #legendDiv2 .baroverlay-legend li:nth-child(1) span{
        background-color: rgba(130,222,255,0.5) !important;
        -webkit-print-color-adjust: exact; 
    }
    
    #legendDiv2 .baroverlay-legend li:nth-child(2) span{
        background-color: rgba(107,143,69,0.9) !important;
        -webkit-print-color-adjust: exact; 
    }
    
    #legendDiv2 .baroverlay-legend li:nth-child(3) span{
        background-color: #d1d1d1 !important;
        -webkit-print-color-adjust: exact; 
    }
    
    #legendDiv2 .baroverlay-legend li:nth-child(4) span{
        background-color: #d1d1d1 !important;
        -webkit-print-color-adjust: exact; 
    }
    
    
    .minimum {
        background-color: #E09D9D !important;
        -webkit-print-color-adjust: exact; 
    }
    
    .maximum {
        background-color: #6b8f45 !important;
        -webkit-print-color-adjust: exact; 
    }
    
    
    #legendDiv4 .line-legend li:nth-child(1) span{
        background-color: #E09D9D !important;
        -webkit-print-color-adjust: exact; 
    }
    
    #legendDiv4 .line-legend li:nth-child(2) span{
        background-color: rgba(79,129,189,1) !important;
        -webkit-print-color-adjust: exact; 
    }
    
    
    #legendDiv4 .line-legend li:nth-child(3) span{
        background-color: rgba(192,80,77,1) !important;
        -webkit-print-color-adjust: exact; 
    }
    
    #legendDiv4 .line-legend li:nth-child(4) span{
        background-color: #6b8f45 !important;
        -webkit-print-color-adjust: exact; 
    }
    
    
}