/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300); */

@font-face {
    font-family: Paton;
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/Panton.otf") format("opentype"),
    url("../fonts/Panton.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Panton.eot");         
}

@font-face {
    font-family: Paton;
    font-weight: 600;
    font-style: normal;
    src: url("../fonts/Panton-SemiBold.otf") format("opentype"),
    url("../fonts/Panton-SemiBold.eot?#iefix") format('embedded-opentype'),
    url("../fonts/Panton-SemiBold.eot");
         
}

@font-face {
    font-family: Paton;
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/Panton-Bold.otf") format("opentype"),
    url("../fonts/Panton-Bold.eot?#iefix") format('embedded-opentype'),
    url("../fonts/Panton-Bold.eot");
         
}

@font-face {
    font-family: Paton;
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/Panton-Light-Italic.otf") format("opentype"), 
    url("../fonts/Panton-Light-Italic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Panton-Light-Italic.eot");
}

@font-face {
    font-family: Paton;
    font-weight: 300;
    font-style: italic;
    src: url("../fonts/Panton-ExtraLight-Italic.otf") format("opentype"),
    url("../fonts/Panton-ExtraLight-Italic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Panton-ExtraLight-Italic.eot");
}

@font-face {
    font-family: Paton;
    font-weight: 700;
    font-style: italic;
    src: url("../fonts/Panton-Bold-Italic.otf") format("opentype"),
    url("../fonts/Panton-Bold-Italic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Panton-Bold-Italic.eot");
}

@font-face {
    font-family: Paton-ExtraBold;
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/Panton-ExtraBold.otf") format("opentype"),
    url("../fonts/Panton-ExtraBold.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Panton-ExtraBold.eot");
}

/**********************************/
/** General
/**********************************/
html {
font-size:100%;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
min-width:320px;
font-family:'Paton', Arial, sans-serif;
font-weight:lighter;
color:#484848;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
}

body {
font-size:14px;
line-height:1.4;
width:100%;
background-color:#fff;
margin:0;
letter-spacing: 0;
}

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

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

outline: none;  
}

a:hover, a.more:hover {
color:#000;
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:#5d5d5d;	
}

p {
font-style:normal;
font-weight:300;
line-height:1.4;
margin:0 0 1em 0;
color:#292929;
letter-spacing: 0;
}

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

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

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #a8a9ad;
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%;
}
i, em{
    font-weight: normal;
    font-style: italic;
}
span{
color: #404041;
/*font-weight: normal;*/
}
span.white{
color: #fff;
}

label {
cursor:pointer;
display:block;
}


button,input,select,textarea {
font-family:'Paton', 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: 26px;
color: #000;
font-weight: 400;
margin: 0 0 .5em;
font-weight: 600;
margin-top: 55px;
}

h1.title{
	color:#404041;
}

h2 {
color: #2f2d30;
font-size: 26px;
font-weight: 400;
line-height: 1.8em;
margin:30px 0 20px;
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 {
font-size:1.2em;
line-height:1.1;
font-weight:normal;
margin:13px 0;
color: #404041;
}

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:#404041;
text-decoration:none;
}

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

#catalog-section {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 0;
    padding-bottom: 25px;
}

/*
.main-inner h2 {
    text-transform: uppercase;
}*/

.catalog-item  {
    display: block;
    float: left;
    width: 24%;
}

.top-spacer {
    width: 100%;
    height: 150px;
    position: relative;
}

.breadcrumbs-center {
width: 98%;
max-width: 1200px;
height: auto;
margin-left: auto;
margin-right: auto;
}

.breadcrumbs {
position: absolute;
bottom: 6px;
}

.breadcrumbs span {
    color: #878787;
    font-size: 12px;
    margin:0 21px;
}

.breadcrumbs a {
    color: #878787;
    font-size: 13px;
}

.breadcrumbs a.select, .breadcrumbs a:hover {
    color:#000;
}

/**********************************/
/** Grid
/**********************************/

/*.home #at4-share {
    position: absolute !important;
    top:700px !important;
}

.alt #at4-share {
    position: absolute !important;
    top:250px !important;
}

.home .shortcut-bar {
    position: absolute !important;
    top:700px !important;
}

.alt .shortcut-bar {
    position: absolute !important;
    top:250px !important;
}*/

.at-resp-share-element .at-share-btn {
    display: block !important;
    margin:0 !important;
    padding: 8px !important;
}

.at-resp-share-element a.at-share-btn:focus, .at-resp-share-element a.at-share-btn:hover {
    -webkit-transform: none !important;
    transform: none !important;
}

.at-resp-share-element a.at-share-btn.at-svc-facebook:focus, .at-resp-share-element a.at-share-btn.at-svc-facebook:hover {
    background-color: #4867aa !important;
}

.at-resp-share-element a.at-share-btn.at-svc-facebook:focus, .at-resp-share-element a.at-share-btn.at-svc-twitter:hover {
    background-color: #1da1f2 !important;
}

.at-resp-share-element a.at-share-btn.at-svc-facebook:focus, .at-resp-share-element a.at-share-btn.at-svc-pinterest_share:hover {
    background-color: #bd081c !important;
}

.at-resp-share-element a.at-share-btn.at-svc-facebook:focus, .at-resp-share-element a.at-share-btn.at-svc-linkedin:hover {
    background-color: #0077b5 !important;
}

.at-resp-share-element a.at-share-btn.at-svc-facebook:focus, .at-resp-share-element a.at-share-btn.at-svc-google_plusone_share:hover {
    background-color: #dc4a38 !important;
}

.share-bar {
    width: auto;
    height: auto;
    position: fixed;
    z-index: 10;
    left: 0;
    top: 190px;
}

.shortcut-bar {
    width: auto;
    height: auto;
    position: fixed;
    z-index: 10;
    right: 0;
    top: 190px;

    -webkit-transition:background-color .2s ease-in-out;
    -moz-transition:background-color .2s ease-in-out;
    -ms-transition:background-color .2s ease-in-out;
    -o-transition:background-color .2s ease-in-out;
    transition:background-color .2s ease-in-out;
}

.shortcut {
    text-align: right;
    overflow: hidden;
}

.shortcut a {
    width: 48px;
    height: 20px;
    color: #fff !important;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: block;
    padding-top: 14px;
    padding-bottom: 14px;
    display: inline-block;
    white-space: nowrap;
}

.shortcut a.side-hover {
    width: 160px;
}


.shortcut.nt a {
    background-color:#999999;
        -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.shortcut.tr a {
    background-color:#999999;
        -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.shortcut.ag a {
    background-color:#999999;
        -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.shortcut.am a {
    background-color:#999999;
        -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.shortcut.cul a {
    background-color:#999999;
        -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.shortcut.des a {
    background-color:#999999;
        -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.shortcut.edu a {
    background-color:#999999;
        -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.shortcut.as a {
    background-color:#999999;
        -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.shortcut.nt a:hover {
    background-color:#000000;
}

.shortcut.tr a:hover {
    background-color:#000000;
}

.shortcut.ag a:hover {
    background-color:#8cc63f;
}

.shortcut.am a:hover {
    background-color:#365e7f;
}

.shortcut.cul a:hover {
    background-color:#f1592a;
}

.shortcut.des a:hover {
    background-color:#25aae1;
}

.shortcut.edu a:hover {
    background-color:#ed217c;
}

.shortcut.as a:hover {
    background-color:#9f1f63;
}

.share-bar.barmobile {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    width: 100%;
    background-color: #404041;
        text-align: center;

}

.shortcut-bar.barmobile {
    position: fixed !important;
    top: auto !important;
    bottom: 48px !important;
    width: 100%;
    background-color: #999;
    border-bottom: 1px solid #fff;
        text-align: center;
        display: none;
}

.shortcut-bar.barmobile a{
    font-size: 14px;
}

.shortcut-bar.barmobile .shortcut a.side-hover {
    width: 100px;
}

.share-bar.barmobile .at-resp-share-element .at-share-btn  {
display: inline-block !important;
}

.shortcut-bar.barmobile .shortcut {
display: inline-block !important;

}

/**********************************/
/** Video
/**********************************/


    .videocontain {
    width: 100%;
    height: 500px;
    z-index: 5;
    }

    #videoFallback{
    width: 100%;
    height: 500px;
        background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    }

    #header-section .header-background {
        z-index: 6;
    }

    #bgndFallback {
    height: 100%;
    width: 100%;
    max-width: none;
    max-height: none;
    z-index: 5;
    }

/**********************************/
/** 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:48%;
}

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


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

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



.col-one-fifth.no-margin {
    width:19.88%;
}

.col-one-sixth {
    width:15%;
}

.col-two-sixth {
    width:32%;
}

.col-three-sixth {
    width:49%;
}

.col-four-sixth {
    width:66%;
}

.col-five-sixth {
    width:83%;
}

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

.col-four-fifths {
    width: 79.5%;
}

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


.bloc-left {
width: 68%;
}
.bloc-right {
width: 29%;
}

.bloc-left-inner {
width: 35%;
}
.bloc-right-inner {
width: 61%;
margin-left: 4%;
}


.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;
}


.margin-l {
    margin-left:2%;
}

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

.mright {
margin-right:1%;
}

.mleft {
margin-left:1%;
}

.mtop {
margin-top:3em;
}

.halfmright {
margin-right:1.5em;
}

.halfmleft {
margin-left:1.5em;
}

.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 !important;
}

.left {
text-align:left !important;
}

.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:31.5%;
display: inline-block;
margin-bottom: 15px;
vertical-align: top;
}

.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;
}

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

.form-error{
    color:red;
    font-size: 15px;
    font-weight: bold;
}

.form-success{
    color:green;
    font-size: 15px;
    font-weight: bold;
}
/**********************************/
/** Layout
/**********************************/


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

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

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

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

.main-inner-wrap .sub-menu {
    margin:0 21px;
}

.main-inner-wrap .sub-menu ul {
    margin:0;
    list-style-type:none;
}

.main-inner-wrap .sub-menu ul li.select ul {
    display: block;
}

.main-inner-wrap .sub-menu ul li.select ul {
    display: block;
}

.main-inner-wrap .sub-menu ul li ul {
    display: none;
    margin: 5px 0 5px 15px;
}

.main-inner-wrap .sub-menu ul li{
margin-bottom: 5px;
}

.main-inner-wrap .sub-menu h2 {
color: #878787;
line-height: normal;
margin: 0 0 5px 0;
}

.main-inner-wrap .sub-menu h2 a {
color: #878787;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.7px;
}

.main-inner-wrap .sub-menu a {
color: #878787;
font-size: 13px;
letter-spacing: 0.7px;
}

.main-inner-wrap .sub-menu h2 a:hover, .main-inner-wrap .sub-menu h2 a.select {
color:#000;
}
.main-inner-wrap .sub-menu a:hover, .main-inner-wrap .sub-menu a.select {
color:#000;
}

.show {
overflow:visible!important;
}

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

.center {
text-align:center !important;
}

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

header#navtop {
height:150px;
/*height:auto;*/
width:100%;
z-index:71;
/*position:relative;
background-color: #363636;*/
position: absolute;
top: 0;
float:left;
background-color: rgba(0,0,0,0.75);
/*background-image: url("../images/top-menu-bg.jpg");*/
/*box-shadow: 0px 2px 5px #d1d1d1;
border-bottom: 1px solid #d1d1d1;
padding-bottom: 3px;*/

-webkit-backface-visibility:hidden;
}

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

header nav ul {
clear:both;
margin-top:86px;
width:100%;
}

header nav {
   margin-right: 0; 
}

.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:2.7em;
}

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

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

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

.languages-flags {
position: absolute;
margin-top: 10px;
margin-right: 0;
width: 70px;
right: 0;
margin-left: 25px;

}

.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: 27px;
z-index: 9;
margin-bottom: 10px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
cursor: auto;
}
.logo img{
	max-width: 150px;
        -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.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:0;
/*background-color: #fff;*/
}

.main-inner {
width:100%;
max-width:1200px;
height:auto;
margin-left:auto;
margin-right:auto;
/*margin-top: 80px;
margin-bottom: 25px;
margin-top: 25px;*/
}

.main-inner-wrap {
    width:98%;
max-width:1200px;
height:auto;
margin-left:auto;
margin-right:auto;
/*margin-top: 80px;*/
margin-bottom: 25px;
margin-top: 25px;
}

.main-inner-slim {
        height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    max-width: 800px;
}

.main-inner-slim.welcome {
        margin-top: -30px;
}

.main-inner-slim h1 {
color: #a8a9ad;
    font-size: 40px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 0;
    line-height: 1;
    letter-spacing: 4px;
}

.main-inner-slim p {
    color: #a8a9ad;
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
    margin: 0;
    letter-spacing: 0.9px;
    line-height: 1.3;
    padding: 0px 50px;
}

.main-inner-slim hr {
    margin: 30px 0;
}

a.see_more {
    background-color: #404041;
    border: 1px solid #404041;
    border-radius: 0;
    color: #ffffff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    margin-top: 0.3em;
    padding: 7px 20px;
    text-decoration: none;
    text-transform: uppercase;


    -webkit-transition:.1s linear all;
    -moz-transition:.1s linear all;
    -ms-transition:.1s linear all;
    -o-transition:.1s linear all;
    transition:.1s linear all;
}

a.see_more:hover {
    background-color: transparent;
    color: #404041;
}

.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:#404041;
color:#FFF;
text-decoration:none;
}


.bgrey {
    background-color: #EEEEEE;
}


/**********************************/
/** Sequence
/**********************************/


#header-section {
    width:100%;
    min-height:100px;
    margin:0 auto;
}
#header-section p{
    margin-bottom:0 !important;
}
.header-column-left{
    width:270px;
    float:left;
    display: none;
}
.header-column-center{
    float:left;
    position:relative;
}
.header-one-column{
	width:390px;
}
.header-two-columns{
	width:100%;
}
.header-three-columns{
	width:1500px;
}
.header-column-right{
    width:270px;
    float:right;
}

/*.header-slide ol.bjqs-markers{
top:545px !important;
}*/

.header-slide {
    max-width: 100% !important;
}

#header-section .header-background {
    height: 100%;
    width: 100%;
    max-width: none;
    max-height: none;
}

.slider-title.model {
    font-size: 40px;
    width: 98%;
    margin: 0 auto;
    position: relative !important;
    top: 45%;
    font-weight: bold;
    line-height: 50px;
    max-width: 800px;
    height: 100px;
}

.slider-title.model h2 {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    margin: 0;
}

.slider-title .slider-link {
    font-size: 25px;
    font-weight: bold;
    color: #d3d3d3;
}

#header-section .slider-numbers-title {
    font-size: 17px !important;
    font-weight: bold !important;
    text-align: center;
    margin-bottom: 20px !important;
}

.slider-numbers .number-label-top {
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
}

.slider-numbers .number-label-below {
    color: #404041;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
}

.slider-numbers-item{
    width: 19.9%;
}





/*SEQUENCE*/
.sequence-container {
    color: white;
    font-size: 0.625em;
    height: 750px;
    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;
    display: -webkit-box !important;
}
.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;
    font-weight: bold;
    height: 35px;
    width: 35px;
    padding: 10px;
    position: absolute;
    top: 55%;
    z-index: 65;
}
.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;
    background-size: 20px;
    left: 2%;
}
.sequence-next {
    background-image: url("../images/button-next.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    right: 2%;
}
.sequence-prev img, .sequence-next img {
    height: 100%;
    width: auto;
}
.sequence-container-preloader {
    background: #d9d9d9 none repeat scroll 0 0;
}

.sequence-pagination {
    list-style: none;
    position:absolute;
    padding: 0;
    max-width:1200px;
    z-index:3;
    height:16px;
    z-index: 99;
    bottom:25px;
    right: 2%;
}


.sequence-pagination li {
    display:inline-block;
    width:20px;
    height:20px;
    background-image:url(../images/button-off.png);
    background-repeat:no-repeat;
    font-size:0px;
    margin:0px 2px 0 0;
    cursor: pointer;
}

.sequence-pagination li.current {
    background-image:url(../images/button-on.png);
}


/*
.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;
        font-size: 55px;
        position: absolute;
    }
    .sequence-next:hover, .sequence-prev:hover {
        opacity: 1;
        transition-duration: 1s;
    }
    .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-arrow-down.model {
       background-color: #fff;
        background-image: url("../images/see-more-black-arrow-down-big.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 46% auto;
        border-radius: 30px;
        /*bottom: 23px;*/
        display: inline-block;
        height: 30px;
        left: 49%;
        position: absolute;
        width: 30px;
        margin: 2px;
        transition: none;
        /*cursor: pointer;*/
        
    }
    
    @keyframes bounce {
        0%       { bottom:23px; }
        85%      { bottom:28px; }
        100%     { bottom:22px; }
      }  
      
    @-moz-keyframes bounce {
        0%       { bottom:23px; }
        85%      { bottom:28px; }
        100%     { bottom:22px; }
    } 
    
    @-webkit-keyframes bounce {
        0%       { bottom:23px; }
        85%      { bottom:28px; }
        100%     { bottom:22px; }
    }
      
    .bounce {
        bottom:23px;
        -webkit-animation: bounce 1.5s infinite !important;
        -moz-animation: bounce 1.5s infinite !important;
        animation: bounce 1.5s infinite !important;
        -webkit-transition-duration: 0.8s; /* Safari */
        -moz-transition-duration: 0.8s;
        transition-duration: 0.8s;
    }

    .slider-description {
        bottom: 45px !important;
        min-height: 90px;
        /* padding: 15px; */
        position: absolute;
        right: 0;
        left: auto !important;
        width: 50% !important;
        min-width: 500px;
        margin: 0 25%;
        max-width: none !important;
    }

    .slider-description > p {
        color: #fff;
        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: 16px;
      font-weight: 600;
      margin-top: 10px;
  }

  .slider-link-big {
    height: 100%;
    width: 100%;
  }

  .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;
    vertical-align: -4px;
}


/**********************************/
/** Scroller
/**********************************/

#mycarousel-scroller {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#mycarousel-scroller img {
    width: 100%;
}

#scrollers-slide {
    position: relative;
    overflow: hidden;
    width: 100%;
}


#mycarousel-scroller li {
    width: 160px;
    float: left;
    position: relative;
}

#mycarousel-scroller{
    margin:0;
}

.jcarousel-control-prev {
    left: 20px;
}

.jcarousel-control-next {
    right: 20px;
}

.jcarousel-control-prev, .jcarousel-control-next {
    color: #fff;
    font-size: 50px;
    height: 30px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    top: 42%;
    width: 30px;
    line-height: 20px;
}
.scollers-item-placeholder {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.scroller-description {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    z-index: 45;
    pointer-events: none;
    width: 90%;
    display: block;
    bottom: 30%;
    margin: 0 5%;
    opacity: 0;
    -webkit-transition:.3s linear all;
    -moz-transition:.3s linear all;
    -ms-transition:.3s linear all;
    -o-transition:.3s linear all;
    transition:.3s linear all;
}

.scollers-item-placeholder span a {
    color: #fff;
}

.scroller-name {
    position: absolute;
    top: 44%;
    left: 0;
    text-align: center;
    width: 76%;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    margin: 0px 12%;
    -webkit-transition:.3s linear all;
    -moz-transition:.3s linear all;
    -ms-transition:.3s linear all;
    -o-transition:.3s linear all;
    transition:.3s linear all;
}

.scroller-button-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    opacity: 0;
    -webkit-transition:.3s linear all;
    -moz-transition:.3s linear all;
    -ms-transition:.3s linear all;
    -o-transition:.3s linear all;
    transition:.3s linear all;
}

a.scroller-button {
    width: 80px;
    height: 30px;
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 30px;
    border: 1px solid #fff;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
}

#scrollers-slide ul li:hover .scroller-overlay{
    background-color: #404041;
    opacity: 1;
}


#scrollers-slide ul li:hover .scroller-name{
    top: 20%;
}

#scrollers-slide ul li:hover .scroller-button-wrapper{
    opacity: 1;
}

#scrollers-slide ul li:hover .scroller-description{
    opacity: 1;
}


 /*
}
.jcarousel-skin-scollers .jcarousel-container-horizontal {
    padding: 0;
    max-width: 100%;
}


.jcarousel-skin-scollers .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-scollers .jcarousel-clip-horizontal {
    max-width:  100%;
}


.jcarousel-skin-scollers .jcarousel-item {
    position: relative;
    width: 100%;
    max-width: 960px;
   
    
}

.jcarousel-skin-scollers .jcarousel-item img {
 display: block;
 height: auto !important;
 max-width: 100%;
 width: 100%;
}

.jcarousel-skin-scollers .jcarousel-item-horizontal {
    margin-left: 0px;
    margin-right: 0px;
}

.jcarousel-skin-scollers .scollers-item-placeholder {
    height:auto;
    text-align:center;
    background-color:#E7E7E9;
    font-size:12px;
    padding:5px;
    position:absolute;
}

 .jcarousel-skin-scollers .jcarousel-next-horizontal {
    position: absolute;
    top: 100px;
    right: -100px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background: transparent url(../images/arrow_scroller_right.png) no-repeat center center;
}

    .jcarousel-skin-scollers .jcarousel-prev-horizontal{
        position: absolute;
        top: 100px;
        left: -100px;
        width: 35px;
        height: 35px;
        cursor: pointer;
        background: transparent url(../images/arrow_scroller_left.png) no-repeat center center;
    }


    .jcarousel-item > a {
        position: relative;
        display: block;
    }



    .jcarousel-item-title {
        background-color: #fff;
        min-height: 40px;
        height: auto;
        width: 100%;
        position: relative;
    }

    .jcarousel-item-title > span {
        color: #000;
        font-size: 16px;
        font-weight: 600;
        display: block;
        padding: 10px;
    }



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

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

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


.gallery-images > div{
    height: 180px;
    position: relative;
    width: 220px;
    margin: 10px;
    display: inline-block;
    float: none;
    padding: 0;
}


.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: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #000;
    opacity: 0.5;
    pointer-events: none;
}

.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 ;
}

/**********************************/
/** GoBar
/**********************************/
.gobar {
background:none repeat scroll 0 0 #111;
border-bottom:1px solid #404041;
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:#fff;
cursor:pointer;
font-size:16px;
text-decoration:none;
transition:color .2s ease;
-moz-transition:color .2s ease;
-webkit-transition:color .2s ease;
-o-transition:color .2s ease;
padding-bottom:0;
padding-left: 12px;
padding-right: 12px;
text-transform: uppercase;
/*font-weight: 600;*/
font-weight: 700;
display: block;
border: 5px solid transparent;
    line-height: 2.0em;
}

.bold {
    font-weight: bold !important;
}

.sf-menu a.bold {
    font-weight: 700 !important;
}

.lt-ie8 .sf-menu a{
	display: block !important;
	height: 35px !important;
	padding-bottom:0px !important;
	
}

.sf-menu li {
    cursor: pointer;
    display: block;
}

.sf-menu li a.selected,.sf-menu li a:hover {
color: #808080 !important;
/*color:#404041 !important;
background-image: url('../images/menu-under-arrow.jpg');
background-repeat: no-repeat;
background-position: center 20px;*/
}

.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:#54b3e1;
text-decoration:none!important;
}

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

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

.sf-menu ul {
background:transparent;
background-color:#FFF;
position:absolute;
display:none;
min-width:230px;
margin-top:32px;
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); */
/*background-color: rgba(255,255,255,0.6);*/
background-color: transparent;
padding:0;
margin-top: 0px;
margin-left: 0;
top: 35px;
padding-top: 34px;
}

nav .sf-menu li > ul li {
/*    border-top: 1px solid #696969;*/
line-height: 1.5;
background-color: #fff;
margin-bottom: 5px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.25), 3px 4px 8px 0px rgba(0, 0, 0, 0.25);
}

nav .sf-menu li > ul li:first-child {
/*border:none;*/
}

.sf-menu li > ul a {
font-size:14px;
color:#404041 !important;
text-transform: capitalize !important;
}

.sf-menu li > ul a:hover {
color:#000000 !important;
}

.sf-menu li:hover a {
    color:#404041;
}

.sf-menu li:hover > ul {
display:block;
/*padding-right:3px;*/
}

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

.sf-menu li.highlight {
background-color:#404041;
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:#54b3e1;
}

/*ul.sf-menu li.sf-menus-inner a.topmenu:after {
    content: "↓";
    font-size: 17px;
    font-weight: 400;
    margin-left: 1px;
}
*/
/**********************************/
/** 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:#404041;
	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:#404041;
	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 #eee;
color:#777;
font-size:14px;
background-color: #f9f9f9;
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:10px 15px;
margin-bottom: 10px;
}

.form_button {
width:60%;
min-width:100px;
margin-top:1em;
background-color:#404041;
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="checkbox"] {
    -webkit-appearance: checkbox;
    margin-right: 5px;
    margin-top: 7px;
}

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

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

.success {
color:green;
}

label.error {
color:#404041;
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;
margin-top: 25px;
margin-bottom: 5px;
}

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

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

.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,#404041%,#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:#404041;
margin-top:.3em;
padding:.5em 1.2em;
}

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


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


input[type=submit]:disabled {
    background-color: #eee;
    cursor: auto;
    box-shadow: none;
}

input[type=submit]:disabled:hover {
    background-color: #eee;
    cursor: auto;
    box-shadow: none;
}


/*FANCYBOX*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34\px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}



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

#search-input-section {
position: absolute;
right: -130px;
top: 86px;
float: right;
padding: 10px 15px;
border-left: 1px solid #dcdddf;
z-index: 999;
}

#search-input-section:hover {
}

#search-input-section input {
box-shadow: none !important;
margin: 0;
padding: 15px 45px 15px 15px;
border: none;
background-color: #ffffff;
font-size: 13px;
color: #000;
}

form#searchform {
}

#search-icon {
    width: 25px;
    height: 25px;
    background-image: url('../../files/images/s_mag.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 17;
position: relative;
}

#search-field {
position: absolute;
top: 0;
height: 47px;
width: 0;
right: 0;
opacity: 0;
overflow: hidden;
   /* -webkit-transition:1s linear all;
    -moz-transition:1s linear all;
    -ms-transition:1s linear all;
    -o-transition:1s linear all;
    transition:1s linear all; */

    -webkit-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#search-field form {
    margin:0;
}

.search-input {
}

.search-input:hover,.search-input:focus {

}

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

.form-button:hover {
background-color:#54b3e1!important;
}

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

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

.logo-grid {
width:100%;
max-width:960px;
height:auto;
min-height: 130px;
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;
}

.logo-grid h2 {
    text-align: center;
    margin: 0 0 10px;
}
/**********************************/
/** footer
/**********************************/

a.contact_btn {
    background-color: #404041;
    border: 1px solid #404041;
    border-radius: 0;
    color: #ffffff !important;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    margin-top: 0.3em;
    padding: 7px 20px;
    text-decoration: none;
    text-transform: uppercase;


    -webkit-transition:.1s linear all;
    -moz-transition:.1s linear all;
    -ms-transition:.1s linear all;
    -o-transition:.1s linear all;
    transition:.1s linear all;
}

a.contact_btn:hover {
    background-color: transparent;
    color: #404041 !important;
}

.social_inner {
    margin: 15px auto 30px;
    text-align: center;
    width: 460px;
}

.contact_us_inner {
    text-align: center;
    max-width: 400px;
    margin: 50px auto 0;
}

.footer {
width:98%;
max-width:1200px;
color:#f7f7f7;
font-size:14px;
line-height:1.4;
position:relative;
margin:0 auto;
}

.social-div {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
    border-top: 1px solid #404041;
    border-bottom: 1px solid #404041;
    padding: 30px 0;
}

.social-div a {
    margin:0 5px;
}

.social-div img {
    display: inline-block;
    max-width: 30px;
}

.social-div img:hover {
    opacity: 0.8;
}

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

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

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

.footer a {
font-size:11px;
font-weight:400;
color:#808080;
display: inline-block;
}

.footer .links a {
    display: inline-block;
    font-size: 14px;
    color: #fff;
}

.footer .links a:hover {
    color: #a7a9ab;
}

.footer .links {
    margin-bottom: 30px;
    text-align: left;
    margin-top: 35px;
}

a.goto-newsletter {
    display: block;
    border: 1px solid #808080;
    text-align: center;
    font-size: 15px !important;
    max-width: 240px;
    width: 100%;
    line-height: 33px;
    height: 33px;
}

a.goto-newsletter:hover {
    border: 1px solid #404041;
    color: #404041;
}

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

.footer h3 {
font-weight: 700;
color: #fff;
font-size: 16px;
margin: 10px 0 5px;
}

.social_inner a {
    margin-left: 12px;
    margin-right: 12px;
    display: block;
    float: left;
}

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

.copyright {
font-size:12px;
}

#grid-wrap-footer {
width:100%;
min-height:200px;
background-color:#35383f;
float:left;
margin-top: 30px;
position: relative;
}

.footer-shadow {
    top: -510px;
    left: 0;
    right: 0;
    background-color: #e7e7e9;
    height: 515px;
    position: absolute;
    z-index: -10;
}

.footer{
    border-top:1px solid #404041;
}

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

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

.footer-badges img {
    max-width: 130px;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-right: 10px;
}

.footer-copyright a {
    display: inline-block;
}

.footer-newsletter {
    margin-top: 15px;
}
/**********************************/
/** 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:1500;
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;
display: block;
}

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:#404041;
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:#54b3e1;
}

#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:#404041;
border-bottom:0px solid #404041;
}

#box-button-less {
width:58px;
height:52px;
float:left;
background-color:#404041;
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:#404041;
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 #404041;
}

#box-content-footer-text{
padding-left: 58px;
width: 236px;
height:52px;
float:left;
background-color:#404041;
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:#404041;
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:#404041;
border:none;
cursor:pointer;
color:#FFF;
text-transform:none;
font-weight:400;
font-size:13px;
}
#box-content-footer-submit input:hover{
background-color:#54b3e1;
}

/**********************************/
/** 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:#404041;
color:#fff;
}

.paginate span.current {
font-weight:700;
background-color:#404041;
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:#404041;
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,
3.sequence-prev {
    color: white;
    cursor: pointer;
    display: none;
    font-weight: bold;
    padding: 10px 10px;
    position: absolute;
    top: 50%;
    z-index: 70;
    height: 20px;
    margin-top: 0;
    width: 20px;
    border-radius: 30px;
    background-color: #363636;
}
.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: #404041;
    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: #404041;
    margin-right: 4px;
    float: left;
}


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

/*.news-categories {
        float: left;
    width: 38%;
    margin-bottom: 25px;
}

.main-inner .news-categories ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
}

.main-inner .news-categories ul li {
    display: block;
}

.main-inner .news-categories ul li a {
background-color: #c5c5c5;
    padding: 7px 15px;
    display: block;
    color: #fff;
    font-size: 15px;
    margin-bottom: 5px;
}

.main-inner .news-categories ul li a:hover {
background-color: #404041;
}

.main-inner .news-categories ul li.selected a {
background-color: #404041;
}*/

.news-categories {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.main-inner .news-categories ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
}

.main-inner .news-categories ul li {
    display: inline-block;
    margin-bottom: 5px;
}

.main-inner .news-categories ul li:first-child {
    border:none;
}

.main-inner .news-categories ul li a {
    background-color: transparent;
    padding: 7px 10px;
    display: block;
    color: #000;
    font-size: 13px;
    background-color: #F4F4F1;
}

.main-inner .news-categories ul li.selected a, .main-inner .news-categories ul li a:hover  {
color: #fff;
background-color: #404041;
}

.image-grid {
    display: block;
}

.image-grid a {
    display: inline-block;
    width: 190px;
    /*margin: 6px 5px;*/
    margin: 6px 6px 6px 0;
    vertical-align: top;
    max-width: 100%;
    height: 190px;
}

.image-grid .image-holder {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
}

.slick-events {
    width: 100%;
    float: left;
    margin-top: 15px;
    position: relative;
}

.events-arrow {
    position: absolute;
    bottom: 5px;
    z-index: 10;
    outline: 0;
}

.events-arrow.slick-next {
    background-color: transparent;
    background-image: url(../../layout/images/slick-right-invert.png);
    background-repeat: no-repeat;
    border: medium none;
    color: transparent;
    height: 25px;
    width: 10px;
    background-size: 12px 18px;
    right: -70px;
    top: 50%;
    position: absolute;
    z-index: 10;
    text-indent: 100px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    background-position: right;

}

.events-arrow.slick-prev {
    background-color: transparent;
    background-image: url(../../layout/images/slick-left-invert.png);
    background-repeat: no-repeat;
    border: medium none;
    color: transparent;
    height: 25px;
    width: 10px;
    background-size: 12px 18px;
    left: -70px;
    top: 50%;
    position: absolute;
    z-index: 10;
    text-indent: 100px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    background-position: left;

}


.board-arrow {
    position: absolute;
    bottom: 5px;
    z-index: 10;
    outline: 0;
}

.slick-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 !important;
    text-align: center;
    background-color: rgba(0,0,0,0.3);
    padding: 10px 0;
}

.slick-dots li button {
    margin: 5px;
    font-size: 1px;
    width: 13px;
    height: 13px;
    border-radius: 10px;
    color: #fff;
    background-color: transparent;
    text-shadow: none;
    overflow: hidden;
    text-indent: 200px;
    box-shadow: none;
    border: 2px solid #fff;
    outline: 0;
}

.slick-dots li.slick-active button {
background-color: #fff;
border:2px solid #fff;
}

.slick-dots li {
    display: inline-block;
    list-style-type:none;
}

.board-arrow.slick-next {
    background-color: transparent;
    background-image: url(../../layout/images/slick-right.png);
    background-repeat: no-repeat;
    border: medium none;
    color: transparent;
    height: 25px;
    width: 10px;
    background-size: 12px 18px;
    right: 15px;
    bottom: 10px;
    position: absolute;
    z-index: 10;
    text-indent: 100px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    background-position: right;
}

.board-arrow.slick-prev {
    background-color: transparent;
    background-image: url(../../layout/images/slick-left.png);
    background-repeat: no-repeat;
    border: medium none;
    color: transparent;
    height: 25px;
    width: 10px;
    background-size: 12px 18px;
    left: 15px;
    bottom: 10px;
    position: absolute;
    z-index: 10;
    text-indent: 100px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    background-position: left;
}



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

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

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

.logo-fifty-years-top {
    width: 83px;
    height: 5px;
    position: absolute;
    right: 0;
    top: -5px;
    background-color: #404041;
}


.logo-fifty-years {
    position: absolute;
    bottom: -147px;
    right: 0;
    width: 83px;
    height: 147px;
}

.logo-fifty-years img {
    width: 100%;
}

.logo-wrap-grid {
    background-color: #ededed;
    padding: 25px 0 10px;
}

.map {
    width: 100%;
    height: 250px;
    border-top: 2px solid #000;
}

.map iframe {
    width: 100% !important;
    height: 250px !important;
    max-height: none;
}


#highlight-section {
    background-color: #ededed;
    margin: 0;
    padding-bottom: 30px;
    padding-top: 35px;
}

.highlight-bloc {
    margin-bottom: 10px;
    margin-top: 10px;
    height: 220px;
}

.highlight-title h2 {
    font-size: 15px;
    line-height: 24px;
    margin: 0;
    font-weight: 600;
    color: #404041;
}

.highlight-bloc .col-one-third {
    width: 21%;
}

.highlight-bloc .col-two-thirds {
    width: 78%;
}

#highlight-section .main-inner > h2 {
    margin-bottom: 44px;
}

.highlight-bloc .col-one-third {
    margin-bottom: 10px;
}

.video-wrapper {
    width: 100%;
}

.video-wrapper iframe{
    width: 640px !important;
    margin: 0 auto;
    display: block;
    max-width: 100% !important;
}

.company-title{
    background-color: #363636;
    color: #fff;
    padding: 0 20px;
    margin: 15px 0 10px;
}

.company-photo{
    float: right;
    display: block;
    margin-bottom: 50px;
}


.info-message {
    margin-top: 70px;
    margin-bottom: 70px;
}

#model-gallery-section{
    background-color: #363636;
    padding: 1%;
}

.model-gallery-image-wrapper {
    width: 23%;
    height: 200px;
    margin: 0.8%;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.model-gallery-image-wrapper a{
    display: block;
    width: 99%;
    height: 99%;
    padding: 1%;
}

.model-gallery-image-wrapper:hover .model-gallery-overlay{
    opacity: 1;
    -webkit-transition:.3s linear all;
    -moz-transition:.3s linear all;
    -ms-transition:.3s linear all;
    -o-transition:.3s linear all;
    transition:.3s linear all;
}

.model-gallery-overlay{
    opacity: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3) url("../images/icon-zoom.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px;
}



.model-specs-image-wrapper {
    width: 23%;
    height: auto;
    margin: 0.8%;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.model-specs-image {
    width: 100%;
    height: 200px;
    display: block
}

.model-specs-image-wrapper h3 {
    background-color: #363636;
    padding: 10px;
    margin: 0;
}

.model-specs-description {
    background-color: #ececed;
    padding: 10px;
}


.title-breadcrumb{
    font-size: 20px;
    line-height: 20px;
    margin-top: 10px; 
}

.model-detail-title{
    font-size: 26px;
    line-height: 26px;
    margin-top: 0;
}

.bloc-wrapper{
    background-color: #ececed;
}

.bloc h2{
    padding: 5px 10px;
    margin: 0;
    font-size: 20px;
}

.bloc:hover h2{
    background-color: #363636;
}

.bloc.noback:hover h2 {
    background-color: #fff;
}

h2.active{
    background-color: #363636;
}

.bloc-description{
    padding: 20px 10px;
}

.title {
    font-size: 20px;
}

.spec-title {
    font-weight: bold;
    margin-bottom: 1px;
    line-height: 1.2em;
}

.title-model-spec{
    font-size: 19px;
    margin-top: 35px;
    margin-bottom: 10px;
    background-color: #363636;
    padding: 8px 10px;
}

.model-big-title{
    margin-top: 40px;
}

.spec-wrapper {
    width: 22.7%;
    display: inline-block;
    padding: 1%;
    vertical-align: top;
}



.models-select {
    display: block;
    height: auto;
    min-height: 48px;
    width: 100%;
    float: left;
    padding-top: 1px;
    position: relative;
}

.category-div-2 {
    position: absolute;
    font-size: 14px;
    color: #000000;
    background-color: #e3e3e4;
    font-weight: 600;
    padding: 0 13px;
    top: -46px;
    left: 0px;
}

.category-wrap {
    position: relative;
}

.models-select-inner {
    max-width:1200px;
    width:100%;
    height:auto;
    position:relative;
    margin:0 auto;
}

.model-select-title {
    display: inline-block;
    padding: 15px 30px 12px 30px;
    margin: 0;
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
    vertical-align: top;
    border-bottom: 1px solid #fff;
}

.model-select-title:hover, .model-select-title.active {
    background-color: #363636;
    color: #404041;
}


.models-select-list {
    width: 100%;
    position: absolute;
    height: auto;
    min-height: 50px;
    top: 48px;
    left: 0;
    z-index: 600;
    display: none;
    background-color: rgba(255,255,255,0.8);
    cursor: default;
}


.models-select-list > div{
    display: none;
    min-height: 50px;
    position: relative;
    width: 100%;
    padding-top: 0px;
}


.models-select-list .bloc {
    width: 10%;
    min-width: 145px;
    vertical-align: top;
    margin: 0;
}

.models-select-list h2 {
    font-size: 14px;
}

.news-board {
/*    border-top:1px solid #a8a9ad;
    border-bottom:1px solid #a8a9ad;*/
    position: relative;
}

.news-board a {
/*margin: 6%;
width: 88%;*/
width: 100%;
height: 500px;
}

.board-category-div{
position: absolute;
font-size: 14px;
color: #fff;
background-color: #5b5b5b;
font-weight: 600;
padding: 0 13px;
top: 0;
right: 6%;
z-index: 6;
}

.board-category-div a {
    font-size: 14px;
    color: #fff;
    font-weight: 600;  
}

.board-category-div a:hover {
    color: #a7a9ab;
}

.news-line {
    margin-top: 50px;
    margin-bottom: 30px;
}

.size-l {
width: 60%;
margin-right: 2%;
}

.size-m {
width: 49%;
margin-right: 2%;
}

.size-m a {
    height: 400px;
}

.size-s {
width: 23.5%;
height: 375px;
}

.ralign {
    margin-right: 0 !important;
    margin-top: -401px;
    -webkit-margin-before:-400px;
}

.nmargin {
    margin-left: 2%;
}

.news-board {
    float: left;
    width: 38%;
    margin-bottom: 25px;
}



.btn_bloc_grey {
font-size: 14px;
margin: 4px 0;
display: block;

color: #35383f;
font-weight: bold;

transition:all .2s ease;
-moz-transition:all .2s ease;
-webkit-transition:all .2s ease;
-o-transition:all .2s ease;
}

.btn_bloc_grey:hover {
    color: #000;
}

.btn_bloc_grey_blog {
    font-size: 14px;
    margin: 4px 0;
    display: inline-block;
    padding: 2px 13px;
    text-transform: lowercase;
    color: #35383f;
    font-weight: 500;
    background-color: #e7e7e9;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
}

.btn_bloc_grey_blog:hover {
    color: #a7a9ab;
}

.btn_bloc_grey_events {
    font-size: 14px;
    margin: 4px 0;
    display: inline-block;
    padding: 2px 13px;
    text-transform: lowercase;
    color: #fff;
    font-weight: 500;
    background-color: #35383f;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
}

.btn_bloc_grey_events:hover {
    color: #a7a9ab;
}

.size-s .news-bloc-description p {
overflow: hidden;
max-height: 70px;
}

.news-bloc {
    /*width: 22.5%;
    display: inline-block;
    margin: 1% 1% 20px 1%;
    background-color: #ececed;
    vertical-align: top;*/
    position: relative;
    float: left;
    margin-bottom: 25px;

}

.news-bloc.size-s h3 {
    overflow: hidden;
    max-height: 49px;
    padding: 0;
    margin: 10px 0;
}

.category-div {
    position: absolute;
    font-size: 14px;
    color: #fff;
    background-color: #5b5b5b;
    font-weight: 600;
    padding:0 13px;
    top: 0;
    right: 15px;
}

.category-div a {
    font-size: 14px;
    color: #fff;
    font-weight: 600;  
}

.category-div a:hover {
    color: #a7a9ab;
}

#noticias-in hr, #noticias hr {
    margin:45px 0;
}

.news-bloc-detail {
    position: relative;
}

.similar-news h3 {
margin:0 0 5px 0;
line-height: 1;
}

.similar-news h3 a {
color:#000;
font-size: 14px;
font-weight: 600;
}

.bloc-left-inner {
    clear: both;
    height: 100px;
    margin-bottom: 25px;
}

.bloc-right-inner {
    height: 100px;
    margin-bottom: 25px;
}

.similar-news .news-bloc-description p {
    font-size: 13px;
    line-height: 1.1;
}

.similar-news .btn_bloc_grey {
    font-size: 13px;
    margin:3px 0 0 0;
}

.similar-news .news-bloc-description p {
    overflow: hidden;
    max-height: 40px;
}

.news-image-thumb {
    width: 100%;
    height: 100px;
    display: block;
}

.news-bloc-detail h3 a {
    font-size: 30px;
    color: #000;
    font-weight: 700;
}

.news-bloc-detail .news-bloc-description p {
    color: #000;
    font-size: 17px;
}

.size-l .news-bloc-image {
    height: 420px;
}

.news-image-detail {
    height: 465px;
    width: 100%;
    display: block;
}

.size-l.news-bloc h3 a, .size-m.news-bloc h3 a {
    font-size: 30px;
    font-weight: 700;
}

.size-l.news-bloc h3, .size-m.news-bloc h3 {
    padding:10px 0;
}

.size-l .news-bloc-description p, .size-m .news-bloc-description p {
    font-size: 17px;
}

.news-bloc-image {
    width: 100%;
    height: 200px;
    display: block;
}

.news-bloc h3 {
    /*background-color: #fff;*/
    padding:10px 0;
    margin: 0;
}

.news-bloc h3 a {
    font-size: 22px;
    color: #000;
    font-weight: 600;
}

.news-bloc-description {
    padding: 0;
}

.news-bloc-description span {
    color: #292929;
}

.news-bloc-description p {
    font-size: 16px;
}

.news-bloc .date {
    font-size: 13px;
    font-weight: 600;
    padding: 0 10px;
}


.news-line .see-more{
    margin-top: 20px;
    display: inline-block;  
}


.blog-detail-date {
    font-weight: 600;
}


.blog-list-item {
    width: 44%;
    display: inline-block;
    margin: 2% 2% 15px 2%;
    margin-bottom: 15px;
    background-color: #ececed;
    padding: 10px;
}

.blog-list-item img{
    display:block;
    margin: 0 auto;
}

.date-blog-list{
    font-weight: 600;   
}

.blog-list-item h3{
    font-size: 24px;
}


/**********************************/
/** Menu mobile
/**********************************/
.toggle-menu{
    width: 35px;
    float: left;
    background-image:url(../images/bg-menu-mobile.png);
    background-repeat:no-repeat;
    background-position:right center;
    background-size: 32px 32px;
    z-index: 900;
    height: 50px;
    position: absolute;
    left: 18px;
    top: 30px;
    display: none;
    cursor: pointer;
}



.toggle-menu.stateopen{
    background-image:url(../images/close-icon.png);
}


.moving .toggle-menu{
    background-image:url(../images/bg-menu-mobile-inverted.png);
}

.moving .toggle-menu.stateopen {
    background-image: url(../images/close-icon-inverted.png);
}



.mobile-menu {
    position: fixed;
    top: 130px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    overflow-y: auto;
    /*width: 100%;*/
    background-color: rgba(255,255,255,0.92);
    /*height: 100%;*/
    display: none;
}


.mobile-menu .sf-menu {
    padding: 0;
}

.mobile-menu .sf-menu a {
    color: #363636;
    text-align: center;
    padding: 4px 0;
}

.mobile-menu .sf-menu ul {
    position: relative;
    display: block;
    z-index: 99;
    margin: 0;
    padding: 0;
}


.mobile-menu .sf-menu ul li a {
    padding-left: 0;
    background: none;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.mobile-menu .sf-menu ul li a:hover {
    padding-bottom:4px;
    background:none;
    text-decoration:none;
    color:#54b3e1;
}


.mobile-menu .sf-menu li > ul {
    background-color: #404041;
    top: 0 !important;
    padding-top: 0 !important;
}

.mobile-menu .sf-menu li > ul li {
    background-color: #e8e8e8;
    /*border: none;*/
    position: relative;
}

.mobile-menu .sf-menu li > ul li a:hover {
    color: #fff;
}

.mobile-menu .sf-menu li:hover > ul {
    display: none;
    top: 0;
    padding-right: 0px;
}


.mobile-menu ul.sf-submenu {
    display: none;
}

.mobile-menu .sf-menus-inner{
    position: relative;
    line-height: 27px;
}

.mobile-menu .sf-menus-inner a{
    width: 80%;
    padding-right: 10%;
    padding-left: 10%;
    display: block;
    min-width: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mobile-menu .sf-menus-inner ul li a{
    padding-left: 10%;
    padding-right: 10%;
}

.mobile-menu .sf-menus-inner ul li a.selected {
    color: #fff;
}

.mobile-menu .sf-menus-inner ul li a.active{
    color: #fff;
}


.button-plus, .button-plus-submenu {
    background-image:url(../images/plus-icon-orange.png);
    background-repeat:no-repeat;
    background-position: center center;
    background-size: 17px 17px;
    width: 35px;
    height: 43px;
    background-color: #363636;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.button-plus.open, .button-plus-submenu.open {
    background-image:url(../images/minus-icon-orange.png);
}

.button-plus:hover, .button-plus-submenu:hover {
    background-color: #5f5f5f;
}

.mobile-menu .sf-menus-inner .sf-submenu.showmenu{
    display: block;
}


.mobile-menu .sf-menus-inner .mobile-models-list > a {
    background-color: #363636;
    color: #fff;
}

.mobile-menu .sf-menus-inner .mobile-models-list > a:hover {
    background-color: #363636;
    color: #404041;
}

.mobile-models-list.showmenu.active a{
    background-color: #363636;
    color: #404041;
}

.mobile-models-list{
    display: none;
    border-bottom: 1px solid #CCC;
}

.mobile-models-list.showmenu{
    display: block;
}



/**********************************/
/** Dealers
/**********************************/

#invalid_postcode {
    background-color: rgba(255, 0, 0, 0.63);
    border: 1px solid red;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
    text-align: center;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 400;
}

.dealer-filters {
    padding: 20px;
    margin: 20px 0;
    background-color: #ececed;
}

#dealer-type {
    width: 33%;
    margin-right: 2%;
    margin-top: 5px;
    margin-bottom: 5px;
}

#dealer-radius {
    width: 21%;
    margin-right: 2%;
    margin-top: 5px;
    margin-bottom: 5px;
}

#dealer-postalcode {
    width: 21%;
    margin-right: 2%;
    margin-top: 5px;
    margin-bottom: 5px;
}

#dealer-search {
    width: 18%;
    margin-top: 5px;
    margin-bottom: 5px;  
}

.dealer-results table {
    width: 100%;
    text-align: left;
    vertical-align: top;
    border-spacing: 0px;
    word-break: break-word;
}

.dealer-results table p{
    padding: 0;
    margin: 0;
    color: #000 !important;
    font-weight: 400;
}

.dealer-results table .dealer-details p{
    font-size: 14px;
}


.dealer-results table .mobile-title{
   display: none;
}

.dealer-details{
    display: none;
    background-color: #ececed;
}

.dealer-results table thead {
    background-color: #ececed;
    color: #404041;
}

.dealer-results h3 {
    font-weight: 600;
}

.dealer-results table th {
    padding: 12px 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: left;
    word-break: normal;
}

.dealer-results table th:first-child {
    border-left: 1px solid #fff;
}


.dealer-results tbody tr td {
    padding: 8px;
    border-right: 1px solid #ececed;
    border-bottom: 1px solid #ececed;
    font-weight: 400;
    color: #000;
    font-size: 15px;
}

.dealer-results tbody tr td a {
    font-weight: 400;
    color: #000;
}

.dealer-results tbody tr td a:hover {
     color: #404041;
}


.dealer-results tbody tr td:first-child {
    border-left: 1px solid #ececed;
}


.dealer-results table h4 {
    font-size: 14px;
    margin-top: 20px;
    font-weight: 600;
}


.dealer-results tbody .dealer-details td {
    padding: 1px 30px 20px 30px;
}

span.arrow-down-icon {
    background-image:url(../images/down-arrow.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size: contain;
    width: 11px;
    height: 10px;
    position: relative;
    display: inline-block;
    margin-right: 8px;
}

.gm-style-iw p {
    margin-bottom: 2px;
}

.gm-style-iw b {
    font-size: 15px;
}

table .open-details{
    display: inline-block;
}

table .open-details-mobile{
    display: none;
}



/**********************************/
/** NEWSLETTER CSS
/**********************************/

 .newsletters-form{
    max-width: 640px;
    width: 100%;
 }
 
 
 .newsletters-form input[type="radio"] {
    display: none;
}

.newsletters-form label {
    background-color: #fff;
    border: 1.5px solid #000;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    padding: 6px;
    vertical-align: -2px;
}

.newsletters-form input[type="radio"]:checked + label {
    background-color:#000;
}

.main-section-inner {
    max-width:980px;
    width: 100%;
    min-height:35px;
    margin:0 auto -10px;;
}

.full-line {
    border-bottom: 1px solid #000;
    height: 1px;
    margin: 25px 0;
    width: 100%;
}


.full-line-faq {
    border-bottom: 1px solid #000;
    height: 1px;
    margin: 0;
    position: absolute;
    top: 50px;
    width: 100%;
}

.full-line-news {
    border-bottom: 1px solid #000;
    height: 1px;
    margin: 0;
    position: absolute;
    top: 50px;
    width: 100%;
}

.radio-margin span{
    padding: 0 25px 0 0;
    font-weight: 600;
    color:#000;
    font-size: 14px;
}

.radio-margin {
    margin: 15px 0;
}

p.newsletter-msg{
    color:#4D4D4D;
    margin-bottom:5px;
}

.newsletters-form .inputtext{
    margin-bottom: 10px;
    padding: 7px 10px 7px 15px;
    width: 100%;
}

.newsletters-form .inputselect{
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    cursor: pointer;
    border: 1px solid #000;
    color: #000;
    font-weight: 600;
    margin-bottom: 5px;
    padding: 1px 10px;
    width: 243px;
    line-height: 25px;
}

.newsletters-form .inputselect option{
    padding:5px 0px 5px 10px;
    color:#000000;
}
/*
.newsletters-form .inputbutton{
    border: 0 none;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    outline: medium none;
    padding: 12px 30px 12px 12px;
    cursor:pointer;
}*/

h2.color-red{
    color:#F1807C;
}
/*
.newsletters-form .inputbutton:hover{
    color:#fff;
    background-color:#4d4d4d;
}*/

.newsletters-form .inputname{
    /*background-image:url(../images/bg-person.jpg);*/
}

.newsletters-form .inputemail{
    /*background-image:url(../images/bg-email.jpg);*/
}

#error_msg {
    /*background-color: #e6b4b4;
    padding: 20px 0;
    display: none;
    */
    color:red;
}
#success_msg {
 /*background-color: #beddc8;
 padding: 20px 0;
 display: none; 
 */
 color:green;
}



/*
.error_msg_inner {
    margin: 0 auto;
    max-width: 980px;
    width: 95%;
    font-weight: 500;
} 

#error_white_space_up {
    width: 100%;
    height: 20px;
    background-color: #fff;
    display: none;
}

#error_white_space_bottom {
    width: 100%;
    height: 20px;
    background-color: #fff;
    display: none;
}
*/



/**********************************/
/** RESPONSIVE FREEHAND CSS
/**********************************/

#responsive-section {
    /*margin-top: 20px;*/
    clear: both;
}
#responsive-section .main-inner .col-one-half.fleft {
    margin-bottom: 10px;
}
#responsive-section .main-inner .col-one-third.fleft {
   /*min-width: 312px;*/
   margin-bottom: 10px;
}
#responsive-section .main-inner .col-two-thirds.fleft {
    margin-bottom: 10px;
}
#responsive-section .main-inner .col-one-quarter.fleft {
    margin-bottom: 10px;
}
#responsive-section .main-inner .col-two-quarters.fleft {
    margin-bottom: 10px;
}
#responsive-section .main-inner .col-three-quarters.fleft {
    margin-bottom: 10px;
}
#responsive-section .main-inner .col-one-fifth.fleft {
    margin-bottom: 10px;
}
#responsive-section .main-inner .col-two-fifths.fleft {
    margin-bottom: 10px;
}
#responsive-section .main-inner .col-three-fifths.fleft {
    margin-bottom: 10px;
}
#responsive-section .main-inner .col-one-sixth.fleft {
    margin-bottom: 10px;
}
#responsive-section .main-inner .col-full.fleft {
    margin-bottom: 10px;
}

#responsive-section img {
   /* height: auto !important;*/
   max-width: 100%;
}

#responsive-section .col-full div {
    max-width: 98%;
}

#responsive-section .col-full ul {
    max-width: 98%;
}

.at-share-btn-elements a {
    background-color: #404041 !important;
}

li#menu-270 {
        margin-left: 12px;
}

li#menu-270 a{
    border: 5px solid #fff;
}

li#menu-270 a:hover{
    background-color: #fff;
}


.moving {
    background-color: #fff !important;
    position: fixed !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 3px 4px 8px 0px rgba(0, 0, 0, 0.11);
}

.moving .sf-menu a{
    color: #35383f;
}

.moving li#menu-270 a{
    border: 5px solid #363940;
}


.moving .sf-menu a:hover{
    color: #000 !important;
}

.moving li#menu-270 a:hover{
    border: 5px solid #363940 !important;
}


.moving #search-input-section {
    border-left: 1px solid #35383f;
}

header.moving nav ul {
    /*margin-top: 14px;*/
    margin-top: 16px;
}

header.moving nav ul ul {
    margin-top: 35px;
    padding-top: 30px !important;
}

.moving .logo {
    margin-top: 19px;
    margin-bottom: 0;
}

header.moving {
    /*min-height: 73px !important;*/
        height: 73px !important;
}    

.moving #search-input-section {
    top: 14px;
}

.moving #search-input-section input {
    background-color: #d7d7d7;
}

.big-logo{
    display: block;
}

.small-logo{
    display: none;
    margin-top: 6px;
}

.small-logo p.l1{
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    /*font-family:'Paton-ExtraBold', Arial, sans-serif;*/
    font-family:'Paton-Bold', Arial, sans-serif;
    /*font-weight: normal;*/
    font-weight: bold;
    color: #35383f;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1;
}

.small-logo p.l2{
    font-weight: 500;
    font-size: 12px;
    color: #35383f;
     margin-bottom: 0;
    padding-bottom: 0;
}

.moving .big-logo{
    display: none;
}

.moving .small-logo{
    display: block;
    /*margin-top: -12px;*/
    margin-top: 6px;
}

.moving .small-logo img {
    width: 175px;
    max-width: 175px;
}

.moving .sf-menu li > ul {
    top: 0;
    padding-top: 52px;
}


body.stopmotion{
    overflow: auto;
}



#scrollers-vertical-slide-wrapper {
    margin-top: -55px;
    margin-bottom: 90px;
}

#scrollers-vertical-slide {
    width: 260px;
    height: 55px;
    overflow: hidden;
    float: right;
    z-index: 6;
    position: relative;
}

#scrollers-vertical-slide {
    width: 260px;
    height: 55px;

        -webkit-border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
    -o-border-radius:10px 10px 0 0;
    -ms-border-radius:10px 10px 0 0;
    -khtml-border-radius:10px 10px 0 0;
    border-radius:10px 10px 0 0;
        background-color: #fff;
}


#scrollers-vertical-slide .slick-slide{
    border: none;
}

#scrollers-vertical-slide .slick-slide img{
    display: block;
    width: 240px;
    height: 35px;
    padding: 10px;
    
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);

 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=70);

  /* Netscape */
  -moz-opacity: 0.7;

  /* Safari 1.x */
  -khtml-opacity: 0.7;

  /* Good browsers */
  opacity: 0.7;
}

#scrollers-vertical-slide .slick-slide img:hover{
        filter: none;

        transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    

 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=100);

  /* Netscape */
  -moz-opacity: 1;

  /* Safari 1.x */
  -khtml-opacity: 1;

  /* Good browsers */
  opacity: 1;
}

.category-div.title-events {
    position: relative;
    width: auto;
    top: auto;
    left: auto;
    right: auto;
    display: inline-block;
    float: left;
    margin-bottom: 15px;
    margin-top: 15px;
}

.copyrights-logos{
    max-width: 330px;
}

footer .copyrights {
        padding-top: 5px;
    margin-bottom: 20px;
}

footer .mright {
    margin-right: 2%;
}

footer img.app-logo {
    max-width: 80px;
}

footer img.app-button {
    max-width: 74px;
}

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

    .slider-description {
        bottom: 40px !important;
        left: auto !important;
        margin: 0 20%;
        min-height: 90px;
        min-width: 500px;
        position: absolute;
        right: 0;
        width: 60% !important;
    }
    
    .slider-numbers .number-label-top {
        color: #fff;
        font-size: 50px;
        font-weight: bold;
        line-height: 50px;
        text-align: center;
    }
    
    .slider-numbers .number-label-below {
        color: #404041;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
    }
   
}





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

    /*
    header#navtop {
        min-height: 135px;
    }
    
    header nav ul {
        margin-top: 5px;
    } */
   #dealer-search {
        width: 17.5%;
    }
}

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

#search-input-section {
    right: -100px;
}

}

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

#search-input-section {
    right: -80px;
}

}

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

#search-input-section {
    right: -50px;
}

header nav {
    margin-right: 50px;
}

.events-arrow.slick-next {
right:-30px;
}

.events-arrow.slick-prev {
    left: -30px;
}

}

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

.events-arrow.slick-next {
right:0;
    top: unset;
    bottom: 10px;
}

.events-arrow.slick-prev {
    left:0;
    top: unset;
    bottom: 10px;
}

#search-input-section {
    right: 0;
    position: relative;
}

header nav {
    margin-right: 40px;
}

}

@media only screen and (max-width: 1200px) {
 
    .model-specs-image-wrapper {
        width: 31%;
    }

}

@media only screen and (max-width: 1100px) {
    .sf-menu a {
        font-size: 14px;
        padding-left: 4px;
        padding-right: 4px;
    }
    
    li#menu-270 a {
        padding-left: 10px;
        padding-right: 10px;
    }

    header nav {
        margin-right: 20px;
    }
    
    footer .col-one-sixth {
        width: 30%;
        margin-bottom: 25px;
    }
    
    footer .apps {
        float: left;
        width: 100%;
        max-width: 185px;
        margin-bottom: 45px;
    }
    
    footer .col-five-sixth {
        width: 100%;
    }
    
}


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

    .slider-numbers-item {
        min-width: 130px !important;
    }
    
    .slider-description {
        margin: 0 15%;
        width: 70% !important;
    }
   
    .spec-wrapper {
        width: 22%;
        padding: 1%;
    }

    .sf-menu a {
    font-size: 13px;
    padding-left: 4px;
    padding-right: 4px;
    }
    
}


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


.footer-shadow {
    top: -860px;
    left: 0;
    right: 0;
    background-color: #e7e7e9;
    height: 865px;
    position: absolute;
    z-index: -10;
}

header.moving .logo.fleft {
width: 170px;
}

.small-logo p.l1 {
        font-size: 16px;
}
    
        .sf-menu {
		margin-top:20px;
		margin:0;
		padding:0 .5em;
		clear:both;
	}

        .bloc-left {
        width: 100%;
    }

    .bloc-right {
        width: 100%;
        margin-top: 20px;
    }

    .size-l {
        width: 100%;
    }


    .news-board {
        width: 100%;
    }

    .news-categories {
    width: 100%;
    }   

    .size-s {
        width: 49%;
        margin:0;
    }

    .size-m {
        width: 100%;
        margin-top: 0;
        -webkit-margin-before:0;
        margin:0;
    }

    .news-board a {
        margin: 4%;
        width: 92%;
    }

    .board-category-div {
        right: 4%;
    }

    .mmargin {
        margin-left: 2%;
    }

    .breadcrumbs {
bottom: 0;
}

    .top-spacer {
        height: 145px;
    }

    header#navtop #navtopinner {
        width: 100%;
    }

#search-input-section {
    top: 35px;
    position: absolute;
    right: 7px;
}


	#language-block {
		width:95%;
	}
	
        .languages-flags {
            left: 0;
            margin-left: 0;
            margin-top: 28px;
        }
	
	header#navtop {
            width:100%!important;
            position: fixed;
            top: 0;
            left: 0;

            height: 130px;
            background-color: rgba(0,0,0,0.7);
	}
	
	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:0;
	}
	
	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;
	}
        
        header nav select {
		background-color:#404041;
		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;
                z-index: 950;
	}
        
        .logo.fleft {
		float:none!important;
		width: 135px;
                margin: 0 auto;
                margin-bottom: 5px;
                margin-top: 10px !important;
                padding-top: 10px;
	}
        
	.logo img {
		max-width: 100%;
	}  

    .moving .small-logo img {
        max-width: 100%;
    } 
        
        .toggle-menu{
            display: block;
        }
        
        .mobile-menu {
            display: none;
        }
        
        .mobile-menu.showmenu {
            display: block;
        }
        
        .moving .mobile-menu {
            top: 73px;
        }
        
        
        .models-select {
            display: none;
        }
        
/*        body {
            padding-top: 85px;
        }*/
        
        
        #dealer-type {
            width: 48%;
        }

        #dealer-radius {
            width: 47%;
        }

        #dealer-postalcode {
            width: 48%;
        }

        #dealer-search {
            width: 47%;
        }
        
        #responsive-section .main-inner  .col-one-quarter {
            width: 22.5%;
        }


        #responsive-section .main-inner  .col-one-quarter img {
            max-width: 100%;
        }
        
        body.stopmotion{
            overflow: hidden;
        }
        
        
        .moving .toggle-menu {
            top: 0px;
        }

        .moving #search-input-section {
            top: 4px !important;
        }

    .moving .small-logo {
        text-align: center;
    }
}





/**********************************/
/** 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:#404041;
		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 only screen and (max-width: 768px) {
	#sequence {
	  width: 100%;
	  max-width: 753px;
	  height: 287px;
	  max-height: 287px;
	}

    .main-inner-slim h1 {
        font-size: 48px;
    }
        
        .slider-description {
            margin: 0 2%;
            width: 96% !important;
        }
        
        .slider-title.model {
            font-size: 45px;
            line-height: 45px;
            margin: 0 10%;
            top: 20%;
            width: 80%;
        }
        
        .slider-title.model h2{
            font-size: 23px;
            line-height: 32px;
        }
        
        .highlight-bloc {
            height: 245px;
        }
        
        .slider-numbers-item {
            width: 33%;
        }
        
        .model-gallery-image-wrapper {
            width: 31%;
            height: 180px;
            margin: 0.9%;
        }
        
        .model-specs-image-wrapper {
            width: 48%;
        }
        
        .news-bloc {
            /*width: 47.5%;*/
        }
        
        
        
        #responsive-section .main-inner .col-one-half.fleft.margin-l{
            margin-left: 0;
        }

        #responsive-section .main-inner .col-one-third.fleft.margin-l {
            margin-left: 0;
        }

        #responsive-section .main-inner .col-one-quarter.fleft.margin-l {
            margin-left: 0;
        }

        #responsive-section .main-inner .col-one-fifth.fleft.margin-l {
            margin-left: 0;
        }

        #responsive-section .main-inner .col-one-sixth.fleft.margin-l {
            margin-left: 0;
        }

        #responsive-section .main-inner .col-one-third.fleft{
            width: 45%;
        }
       
        
        #responsive-section .main-inner .col-one-third.fleft {
            min-width: 0;
            margin-left: 0 !important;
            width: 100%;
        }
        
        #responsive-section .col-one-fifth {
            margin-left: 0 !important;
            width: 100% !important;
        }

        #responsive-section .col-one-sixth {
            margin-left: 0 !important;
            width: 100% !important;
        }
        
        #responsive-section .main-inner .col-one-half.fleft{
            width: 100% !important;
        }
        
        #responsive-section .main-inner .col-one-quarter.fleft {
            width: 100% !important;
        }
        
        
        .sequence-container {
            height: 480px;
        }
        
}



@media only screen and (max-width: 640px) {
    .slider-title.model {
        font-size: 35px;
        line-height: 35px;
        margin: 0 10%;
        top: 10%;
    }
    
    .slider-title .slider-link {
        font-size: 25px;
    }
    
    .slider-numbers .number-label-top {
        font-size: 35px;
        line-height: 35px;
    }
    
    .highlight-bloc {
        height: auto;
        width: 100%;
    }
    
    .slider-description {
        bottom: 5px !important;
    }
    
    .slider-numbers .number-label-top {
        font-size: 20px;
        line-height: 14px;
    }
    
    #header-section .slider-numbers-title {
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }
    
    .slider-title.model {
        font-size: 30px;
        line-height: 30px;
        top: 20%;
    }
    
    .slider-title .slider-link {
        font-size: 20px;
    }
    
    .spec-wrapper {
        width: 30.2%;
        padding: 1%;
    }
    
    .blog-list-item {
        width: 98%;
    }
    
    #dealer-type {
        width: 100%;
        margin-right: 0;
    }

    #dealer-radius {
        width: 100%;
        margin-right: 0;
    }

    #dealer-postalcode {
        width: 100%;
        margin-right: 0;
    }

    #dealer-search {
        width: 100%;
    }
    
    
    .dealer-results tbody tr td {
        width: 100%;
        position: relative;
        display: block;
    }
    
    .dealer-results table th {
        width: 100%;
        border-collapse: collapse;
        display: none;
    }
    
    .dealer-results table .mobile-title {
        display: block;
        font-weight: 600;
    }
    
    .dealer-results tbody tr td:first-child {
        border-top: 2px solid #404041;
    }
    
    .dealer-results tbody .dealer-details td:first-child{
        padding: 0;
        border: none;
    }
    
    .dealer-results table {
        width: 90%;
    }
    
    .dealer-results tbody tr td {
        padding: 8px 5%;
    }
    
    table .dealer-details {
        padding: 2px 5% 15px 5%;
        background-color: #ececed;
        display: block !important;
        width: 100%;
    }
    
    table .dealer-details .col-one-half {
        width: 100%;
        float: none;
        padding: 0;
    }
    
    table .open-details{
        display: none;
    }
    
    table .open-details-mobile{
        display: inline-block;
    }
    
    
    .footer .col-one-quarter {
        width: 100% !important;
        margin: 20px 0;
    }

    /*.footer .links {
        margin-top: 0;
    }*/

    .footer .col-three-quarters {
        width: 100% !important;
        margin: 20px 0;
        text-align: center;
    }
    
    .social_inner {
        width: 100%;
        margin: 5px auto 10px;
    }
    
    .social_inner a {
        display: inline-block;
        float: none;
        margin-bottom: 20px;
    }
    
    .sequence-container {
        height: 375px;
    }
    
    
    footer .col-one-sixth {
        width: 47%;
    }
    
    footer .apps .mq3-col-full {
        width: 48%;
    }
     
}

    
/**********************************/
/** 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 {
	}
	
	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:2.7em;
	/*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;
	}
	
}


@media only screen and (max-width: 480px) {/*mbYTP_wrapper*/

    .footer-shadow {
    top: -1610px;
    left: 0;
    right: 0;
    background-color: #e7e7e9;
    height: 1615px;
    position: absolute;
    z-index: -10;
}

	#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:#404041;
		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:#404041;
		padding: 5px;
		color: #fff !important; 
		clear: both;
		margin: 10px auto;
		text-align: center;
	}
        
        .logo-fifty-years-top {
            display: none;
        }
        
        
        #search-input-section{
            margin-right: 0;
        }
        
        .slider-description {
            bottom: 20px !important;
            margin: 0 2%;
            width: 96% !important;
            min-width: 0 !important;
        }
        
        .slider-numbers-item {
            margin-bottom: 3px !important;
            min-width: 100px !important;
            width: 33%;
        }
        
        .highlight-bloc {
            height: 290px;
        }   

        .highlight-bloc {
            height: auto;
        }   

        .footer {
            width: 96%;
        }
        
        .slider-title.model {
            font-size: 30px;
            line-height: 30px;
            margin: 0 5%;
            top: 15%;
            width: 90%;
        }
        
        .slider-title .slider-link {
            font-size: 20px;
        }
        
        .slider-numbers .number-label-top {
            font-size: 18px;
            line-height: 14px;
        }
        
        .slider-numbers .number-label-below {
            font-size: 11px;
            line-height: 21px;
        }
        
        #header-section .slider-numbers-title {
            margin-bottom: 10px !important;
        }
        
        
        .slider-description {
            bottom: 5px !important;
            margin: 0 2%;
            min-width: 0 !important;
            width: 96% !important;
        }
        
        
        .model-gallery-image-wrapper {
            width: 47%;
            height: 170px;
            margin: 1%;
        }
        
        .model-specs-image-wrapper {
            width: 100%;
            margin: 0 0 40px 0;
        }
        
        .spec-wrapper {
            width: 98%;
            padding: 1%;
        }
        
        .news-bloc {
            width: 100%;
            margin:0;
        }
        
       
}

@media only screen and (max-width: 400px) {
    .mbYTP_wrapper {display: none !important;}
    
    #bgndFallback {
        background-color: #000;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }
}

@media only screen and (max-width: 360px) {
    .copyrights-logos {
        max-width: 100%;
    }
}

@media only screen and (max-width: 338px) {
    body {overflow-x: hidden;}
}

@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 {
		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:0;
	}
	
	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:#54b3e1;
	}
        */
	
	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;
	}

    .main-inner-slim h1 {
        font-size: 32px !important;
    }

    .main-inner-slim p {
        font-size: 17px;
    }
	
        /*
	.logo.fleft {
		float:none!important;
		width:190px;
		margin:0;
		margin-top:45px;
                
	}
	.logo img {
		max-width: 100%;
	}*/
	
/*	#search-input-section {
		width: 70%;
                float: left;
	}
        #search-input-section .form-button {
                height: 28px;
                width: 26px;
        }
	
	#search {
		width:100%;
	}
	
	.search-input {
		width:85%;
	}
	
	#search-input-section .form-button {
		float:right;
	}*/
        

	
        /*
	header nav select {
		background-color:#404041;
		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;
                z-index: 950;
	}
        */
	
	
	.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%;
	}
        
        
        .logo-grid {
            width: 90%;
        }
}




@media only screen and (max-width: 380px) {
    .model-gallery-image-wrapper {
       width: 92%;
       height: 190px;
       margin: 4%;
       margin-bottom: 1%;
   }   
   
   
   footer .col-one-sixth {
        width: 100%;
        margin-right: 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;
	}
        
        .logo-grid {
            width: 100%;
        }
	
}



@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;
	}
        
        #search-input-section .form-button{
            width: 28px;
        }
}