@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome/fa-solid-900.eot');
  src: url('../fonts/fontawesome/fa-solid-900.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome/fa-solid-900.woff2') format('woff2'), url('../fonts/fontawesome/fa-solid-900.woff') format('woff'), url('../fonts/fontawesome/fa-solid-900.ttf') format('truetype'), url('../fonts/fontawesome/fa-solid-900.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lagoon-semi';
  src: url('../fonts/semi/Lagoon-Lg-Semi-Ext.eot');
  src: local('☺'), url('../fonts/semi/Lagoon-Lg-Semi-Ext.woff') format('woff'), url('../fonts/semi/Lagoon-Lg-Semi-Ext.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Lagoon-semi';
  src: url('../fonts/semi/Lagoon-Rg-Semi-Ext.eot');
  src: local('☺'), url('../fonts/semi/Lagoon-Rg-Semi-Ext.woff') format('woff'), url('../fonts/semi/Lagoon-Rg-Semi-Ext.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Lagoon-semi';
  src: url('../fonts/semi/Lagoon-Md-Semi-Ext.eot');
  src: local('☺'), url('../fonts/semi/Lagoon-Md-Semi-Ext.woff') format('woff'), url('../fonts/semi/Lagoon-Md-Semi-Ext.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Lagoon-ext';
  src: url('../fonts/extended/Lagoon-Regular-Ext.eot');
  src: local('☺'), url('../fonts/extended/Lagoon-Regular-Ext.woff') format('woff'), url('../fonts/extended/Lagoon-Regular-Ext.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Lagoon-ext';
  src: url('../fonts/extended/Lagoon-Medium-Ext.eot');
  src: local('☺'), url('../fonts/extended/Lagoon-Medium-Ext.woff') format('woff'), url('../fonts/extended/Lagoon-Medium-Ext.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Lagoon-ext';
  src: url('../fonts/extended/Lagoon-Bold-Ext.eot');
  src: local('☺'), url('../fonts/extended/Lagoon-Bold-Ext.woff') format('woff'), url('../fonts/extended/Lagoon-Bold-Ext.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Lagoon-ext';
  src: url('../fonts/extended/Lagoon-Black-Ext.eot');
  src: local('☺'), url('../fonts/extended/Lagoon-Black-Ext.woff') format('woff'), url('../fonts/extended/Lagoon-Black-Ext.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Lagoon';
  src: url('../fonts/normal/Lagoon-Regular.eot');
  src: local('☺'), url('../fonts/normal/Lagoon-Regular.woff') format('woff'), url('../fonts/normal/Lagoon-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Lagoon';
  src: url('../fonts/normal/Lagoon-Medium.eot');
  src: local('☺'), url('../fonts/normal/Lagoon-Medium.woff') format('woff'), url('../fonts/normal/Lagoon-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Lagoon';
  src: url('../fonts/normal/Lagoon-Bold.eot');
  src: local('☺'), url('../fonts/normal/Lagoon-Bold.woff') format('woff'), url('../fonts/normal/Lagoon-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Lagoon';
  src: url('../fonts/normal/Lagoon-Black.eot');
  src: local('☺'), url('../fonts/normal/Lagoon-Black.woff') format('woff'), url('../fonts/normal/Lagoon-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
button:focus {
  outline: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
.cover {
  background: transparent center no-repeat;
  background-size: cover;
}
.coverImg {
  overflow: hidden;
}
.coverImg img {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
}
.hiddenBlock.hidden {
  -ms-transform: translateY(200px);
  -webkit-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hiddenBlock.hidden.visible {
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.bg-scroll {
  overflow: hidden;
}
.bg-scroll .bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 120%!important;
  will-change: transform;
}
#zoomSlider {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 200;
  display: none;
}
#zoomSlider .bloc {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100% - 160px);
  height: calc(100% - 160px);
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#zoomSlider .bloc .close {
  position: absolute;
  right: 30px;
  top: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 2;
}
#zoomSlider .bloc .close:before,
#zoomSlider .bloc .close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #000;
  -webkit-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#zoomSlider .bloc .close:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#zoomSlider .bloc .close:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}
#zoomSlider .bloc .close.over:before {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
#zoomSlider .bloc .close.over:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
#zoomSlider .bloc .title {
  position: relative;
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 80px;
  text-transform: uppercase;
  font-family: 'Lagoon-ext', arial;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  color: #00adbb;
  background-color: rgba(255, 255, 255, 0.8);
}
#zoomSlider .bloc .slider {
  position: relative;
  width: 100%;
  height: calc(100% - 60px);
  margin: 0 auto;
  overflow: hidden;
}
#zoomSlider .bloc .slider .slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#zoomSlider .bloc .slider .slide .visu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 00px);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f4f4f4;
}
#zoomSlider .bloc .slider .slide:nth-child(odd) .visu {
  background-color: #f0f0f0;
}
#zoomSlider .bloc .slider .slide .legend {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0px;
  font-family: 'Lagoon', arial;
  text-align: center;
  color: #000;
  font-weight: 400;
  font-size: 10px;
  line-height: 20px;
  height: auto;
  padding: 10px 20px;
  background-color: rgba(255, 255, 255, 0.8);
}
#zoomSlider .bloc .slider .slide .legend .pinBtn {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url('../img/common/pin-icon.png') center no-repeat #444;
  background-size: 100%;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  cursor: pointer;
  margin-left: 20px;
  border-radius: 3px;
}
#zoomSlider .bloc .slider .slide .legend .pinBtn.over {
  background-color: #00adbb;
}
#zoomSlider .bloc .arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  top: 50%;
  margin-top: -20px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #ccc;
  background-color: #fff;
  -webkit-transition: all 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
#zoomSlider .bloc .arrow:before,
#zoomSlider .bloc .arrow:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/common/slider_arrow.png');
  background-size: 100%;
  background-position: center;
  -webkit-transition: all 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
#zoomSlider .bloc .arrow:after {
  left: -100%;
}
#zoomSlider .bloc .arrow.over:before,
#zoomSlider .bloc .arrow.over:after {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
#zoomSlider .bloc .arrow.right {
  right: 20px;
  -webkit-transform: rotateZ(0);
  -ms-transform: rotate(0);
  transform: rotateZ(0);
}
#zoomSlider .bloc .arrow.left {
  left: 20px;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@media screen and (max-width: 890px) {
  #zoomSlider .bloc {
    width: calc(100% - 80px);
    height: calc(100% - 80px);
  }
  #zoomSlider .bloc .close {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 2;
  }
  #zoomSlider .bloc .title {
    height: 80px;
    line-height: 80px;
    padding: 0 80px;
    font-size: 15px;
  }
}
@media screen and (max-width: 700px) {
  #zoomSlider .bloc {
    width: 100%;
    height: 100%;
  }
  #zoomSlider .bloc .title {
    height: 80px;
    line-height: 80px;
    padding: 0 80px;
    font-size: 15px;
  }
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
header {
  position: relative;
  background-color: #fff;
  z-index: 100;
  /************************************************************************************************************************************************/
  /************************************************************************************************************************************************/
  /************************************************************************************************************************************************/
}
header .topBar {
  position: relative;
  height: 139px;
  line-height: 139px;
  background-color: #fff;
}
header .topBar .logo {
  position: relative;
  display: block;
  height: 100%;
  width: 180px;
  background: url('../img/common/header_logo.png') center no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  margin: 0 auto;
}
header .topBar .mobileBtn {
  display: none;
}
header .topBar .langs {
  position: absolute;
  right: 0;
  top: 0;
  width: 160px;
  height: 100%;
  cursor: pointer;
}
header .topBar .langs .lang {
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  font-family: 'Lagoon', arial;
  font-weight: 700;
  font-size: 10px;
  background-color: transparent;
  text-align: center;
  display: none;
}
header .topBar .langs .lang.over {
  background-color: #f5f5f5;
}
header .topBar .langs .lang a {
  /*display: block;*/
  display: inline-block;
  vertical-align: middle;
      padding: 25;
  width: 100%;
  height: 100%;
}
/*
header .topBar .langs .lang a:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
header .topBar .langs .lang a:before,
*/
header .topBar .langs .lang .content:before {
  content: "";
  width: 25px;
  height: 15px;
  background-color: #ddd;
  background-size: cover;
}
header .topBar .langs .lang.active {
     display: inline-block;
    vertical-align: middle;
  height: 100%;
  display: block;
  line-height: 100px;
}
header .topBar .langs .lang.active .content {
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
}
header .topBar .langs .lang.active .content:before {
  display: block;
  margin: 0 auto 10px;
}
header .topBar .langs .lang.en .content:before {
  background-image: url('../img/common/flag_en.png');
}
header .topBar .langs .lang.fr .content:before {
  background-image: url('../img/common/flag_fr.png');
}
header .topBar .langs .lang.de a:before,
header .topBar .langs .lang.de .content:before {
  background-image: url('../img/common/flag_de.png');
}
header .topBar .langs .lang.es a:before,
header .topBar .langs .lang.es .content:before {
  background-image: url('../img/common/flag_es.png');
}
header .topBar .langs .lang.it a:before,
header .topBar .langs .lang.it .content:before {
  background-image: url('../img/common/flag_it.png');
}
header .topBar .langs .lang.pt a:before,
header .topBar .langs .lang.pt .content:before {
  background-image: url('../img/common/flag_pt.png');
}
header .topBar .langs .lang.ru a:before,
header .topBar .langs .lang.ru .content:before {
  background-image: url('../img/common/flag_ru.png');
}
header .topBar .langs .lang.cn a:before,
header .topBar .langs .lang.cn .content:before {
  background-image: url('../img/common/flag_cn.png');
}
header .topBar .langs.opened .lang {
  display: block;
}
header .topBar .club {
  position: absolute;
  right: 0;
  top: 0;
  width: 160px;
  height: 100%;
  border-left: 1px solid #ccc;
  background: url('../img/common/header_clublagoon.png') center no-repeat;
  -webkit-background-size: 100px;
  background-size: 100px;
}
header .topBar .account {
  position: absolute;
  right: 0;
  top: 0;
  width: 160px;
  height: 100%;
  border-left: 1px solid #ccc;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}
header .topBar .account .accountContent {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
}
header .topBar .account .accountContent.profile .text {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Lagoon', arial;
  font-weight: 700;
  font-size: 10px;
  line-height: normal;
}
header .topBar .account .accountContent.profile .text .picture {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #DDD;
  margin: 0 auto 5px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
header .topBar .account .accountContent.links {
  left: 100%;
  font-size: 0;
}
header .topBar .account .accountContent.links a {
  position: relative;
  height: 50%;
  width: 100%;
  display: block;
  text-transform: uppercase;
  font-family: 'Lagoon', arial;
  font-size: 10px;
  font-weight: 700;
  color: #FFF;
  line-height: 45px;
  background-color: #008899;
  -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;
}
header .topBar .account .accountContent.links a:first-child {
  border-bottom: 1px solid #00adbb;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
header .topBar .account .accountContent.links a.over {
  background-color: #015a60;
}
header .topBar .account.over .accountContent.profile {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
header .topBar .account.over .accountContent.links a {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
header nav {
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 60px;
  line-height: 60px;
  font-family: 'Lagoon', arial;
  font-weight: 700;
  text-transform: uppercase;
  color: #989898;
  background-color: #fff;
}
header nav .links {
  list-style: none;
  font-size: 0;
  height: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
}
header nav .links .modele-drop,
header nav .links .menu-drop,
header nav .links .link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  border-right: 1px solid #ccc;
  font-size: 9px;
  letter-spacing: .01em;
}
header nav .links .modele-drop:first-child,
header nav .links .menu-drop:first-child,
header nav .links .link:first-child {
  border-left: 1px solid #ccc;
}
header nav .links .modele-drop.active,
header nav .links .menu-drop.active,
header nav .links .link.active {
  color: #00adbb;
}
header nav .links .modele-drop a,
header nav .links .menu-drop a,
header nav .links .link a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 15px;
}
header nav .links .menu-drop .dropbox {
  position: absolute;
  left: 50%;
  top: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
  display: none;
  padding: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
header nav .links .menu-drop .dropbox .sublinks {
  position: relative;
  padding: 0;
  margin: 0;
  width: auto;
  display: block;
}
header nav .links .menu-drop .dropbox .sublinks .sublink {
  display: block;
  position: relative;
  width: auto;
  height: 34px;
  line-height: 34px;
  color: #999;
  border-bottom: 1px solid #ccc;
  font-size: 9px;
  letter-spacing: .01em;
  white-space: nowrap;
}
header nav .links .menu-drop .dropbox .sublinks .sublink a {
  position: relative;
  display: block;
}
header nav .links .menu-drop .dropbox .sublinks .sublink:last-child {
  border-bottom: none;
}
header nav .links .menu-drop .dropbox .sublinks .sublink.active {
  color: #00adbb;
}
@media screen and (min-width: 1441px) {
  header .topBar {
    height: 119px;
    line-height: 119px;
  }
  header .topBar .logo {
    width: 210px;
  }
  header .topBar .langs {
    width: 186.66666667px;
  }
  header .topBar .langs .lang {
    height: 46.66666667px;
    line-height: 46.66666667px;
    font-size: 11.66666667px;
  }
  header .topBar .langs .lang a:before {
    margin-right: 11.66666667px;
  }
  header .topBar .langs .lang a:before,
  header .topBar .langs .lang .content:before {
    width: 29.16666667px;
    height: 17.5px;
  }
  header .topBar .langs .lang.active {
    line-height: 116.66666667px;
  }
  header .topBar .langs .lang.active .content {
    line-height: 18.66666667px;
  }
  header .topBar .langs .lang.active .content:before {
    margin-bottom: 11.66666667px;
  }
  header .topBar .account,
  header .topBar .club {
    width: 186.66666667px;
    -webkit-background-size: 116.66666667px;
    background-size: 116.66666667px;
  }
  header .topBar .account .accountContent.links a,
  header .topBar .club .accountContent.links a {
    line-height: 58.33333333px;
  }
  header nav {
    height: 70px;
    line-height: 70px;
  }
  header nav .links .modele-drop,
  header nav .links .menu-drop,
  header nav .links .link {
    font-size: 10.5px;
  }
  header nav .links .modele-drop a,
  header nav .links .menu-drop a,
  header nav .links .link a {
    padding: 0 17.5px;
  }
  header nav .links .menu-drop .dropbox .sublinks .sublink {
    height: 39.66666667px;
    line-height: 39.66666667px;
    font-size: 10.5px;
  }
}
@media screen and (min-width: 1681px) {
  header .topBar {
    height: 136px;
    line-height: 136px;
  }
  header .topBar .logo {
    width: 240px;
  }
  header .topBar .langs {
    width: 213.33333333px;
  }
  header .topBar .langs .lang {
    height: 53.33333333px;
    line-height: 53.33333333px;
    font-size: 13.33333333px;
  }
  header .topBar .langs .lang a:before {
    margin-right: 13.33333333px;
  }
  header .topBar .langs .lang a:before,
  header .topBar .langs .lang .content:before {
    width: 33.33333333px;
    height: 20px;
  }
  header .topBar .langs .lang.active {
    line-height: 133.33333333px;
  }
  header .topBar .langs .lang.active .content {
    line-height: 21.33333333px;
  }
  header .topBar .langs .lang.active .content:before {
    margin-bottom: 13.33333333px;
  }
  header .topBar .account,
  header .topBar .club {
    width: 213.33333333px;
    -webkit-background-size: 133.33333333px;
    background-size: 133.33333333px;
  }
  header .topBar .account .accountContent.links a,
  header .topBar .club .accountContent.links a {
    line-height: 66.66666667px;
  }
  header nav {
    height: 80px;
    line-height: 80px;
  }
  header nav .links .modele-drop,
  header nav .links .menu-drop,
  header nav .links .link {
    font-size: 12px;
  }
  header nav .links .modele-drop a,
  header nav .links .menu-drop a,
  header nav .links .link a {
    padding: 0 20px;
  }
  header nav .links .menu-drop .dropbox .sublinks .sublink {
    height: 45.33333333px;
    line-height: 45.33333333px;
    font-size: 12px;
  }
}
@media screen and (max-width: 1280px) {
  header .topBar {
    height: 90.66666667px;
    line-height: 90.66666667px;
  }
  header .topBar .logo {
    width: 160px;
  }
  header .topBar .langs {
    width: 142.22222222px;
  }
  header .topBar .langs .lang {
    height: 35.55555556px;
    line-height: 35.55555556px;
  }
  header .topBar .langs .lang a:before {
    margin-right: 8.88888889px;
  }
  header .topBar .langs .lang a:before,
  header .topBar .langs .lang .content:before {
    width: 22.22222222px;
    height: 13.33333333px;
  }
  header .topBar .langs .lang.active {
    line-height: 88.88888889px;
  }
  header .topBar .langs .lang.active .content {
    line-height: 14.22222222px;
  }
  header .topBar .langs .lang.active .content:before {
    margin-bottom: 8.88888889px;
  }
  header .topBar .account,
  header .topBar .club {
    width: 142.22222222px;
    -webkit-background-size: 88.88888889px;
    background-size: 88.88888889px;
  }
  header nav {
    height: 53.33333333px;
    line-height: 53.33333333px;
  }
  header nav .links .menu-drop .dropbox .sublinks .sublink {
    height: 30.22222222px;
    line-height: 30.22222222px;
  }
}
@media screen and (max-width: 1024px) {
  header .topBar {
    height: 80px;
    line-height: 80px;
  }
  header .topBar .logo {
    width: 150px;
  }
  header .topBar .langs {
    width: 130px;
  }
  header .topBar .langs .lang {
    height: 30px;
    line-height: 30px;
  }
  header .topBar .langs .lang a:before {
    margin-right: 8px;
  }
  header .topBar .langs .lang a:before,
  header .topBar .langs .lang .content:before {
    width: 22px;
    height: 13px;
  }
  header .topBar .langs .lang.active {
    line-height: 80px;
  }
  header .topBar .langs .lang.active .content {
    line-height: 13px;
  }
  header .topBar .langs .lang.active .content:before {
    margin-bottom: 8px;
  }
  header .topBar .account,
  header .topBar .club {
    width: 130px;
    -webkit-background-size: 80px;
    background-size: 80px;
  }
  header .topBar .account .accountContent.links a,
  header .topBar .club .accountContent.links a {
    line-height: 40px;
  }
  header nav {
    height: 40px;
    line-height: 40px;
  }
  header nav ul li a {
    padding: 0 10px;
  }
}
@media screen and (max-width: 760px) {
  header .topBar {
    border-bottom: 1px solid #ddd;
  }
  header .topBar .mobileBtn {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 80px;
    height: 100%;
    border-right: 1px solid #DDD;
    background: url('../img/nav/mobileBtn.png') center no-repeat;
    background-size: 25%;
  }
  header .topBar .langs {
    display: none;
  }
  header .topBar .account,
  header .topBar .club {
    width: 80px;
    -webkit-background-size: 60px;
    background-size: 60px;
  }
  header nav {
    display: none;
  }
}
header .modele-dropbox {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #fff;
  width: calc(100%);
  height: calc(100vh - 162px);
  overflow: hidden;
  padding: 40px;
  padding-top: 0!important;
  text-align: center;
  z-index: -1;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
}
header .modele-dropbox.visible {
  overflow: auto;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
header .modele-dropbox .sublinks {
  position: relative;
  padding: 0;
  margin: 0;
  width: auto;
  display: inline-block;
  max-width: 1150px;
  font-size: 0;
  text-align: left;
}
header .modele-dropbox .sublinks .sublink {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  width: 180px;
  height: auto;
  margin: 10px 25px;
  text-align: center;
  font-size: 10px;
  line-height: 20px;
  font-family: 'Lagoon', arial;
  font-weight: 400;
}
header .modele-dropbox .sublinks .sublink a {
  position: relative;
  display: block;
  padding-bottom: 15px;
}
header .modele-dropbox .sublinks .sublink a img {
  width: 100%;
  height: auto;
}
header .modele-dropbox .sublinks .sublink a .name {
  font-family: 'Lagoon-ext', arial;
  font-weight: 900;
  font-size: 15px;
}
header .modele-dropbox .sublinks .sublink a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #000;
  -webkit-transition: width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
header .modele-dropbox .sublinks .sublink a.over:after {
  width: 50%;
}
header .modele-dropbox.motor {
  background-color: #343434;
  color: #FFF;
}
header .modele-dropbox.motor .sublinks .sublink a:after {
  background-color: #fff;
}
@media screen and (min-width: 1441px) {
  header .modele-dropbox {
    padding: 46.66666667px;
    height: calc(100vh -  189px);
  }
  header .modele-dropbox .sublinks {
    max-width: 1341.66666667px;
  }
  header .modele-dropbox .sublinks .sublink {
    width: 210px;
    margin: 11.66666667px 29.16666667px;
    font-size: 11.66666667px;
    line-height: 23.33333333px;
  }
  header .modele-dropbox .sublinks .sublink a {
    padding-bottom: 17.5px;
  }
  header .modele-dropbox .sublinks .sublink a .name {
    font-size: 17.5px;
  }
}
@media screen and (min-width: 1681px) {
  header .modele-dropbox {
    padding: 53.33333333px;
    height: calc(100vh -  216px);
  }
  header .modele-dropbox .sublinks {
    max-width: 1533.33333333px;
  }
  header .modele-dropbox .sublinks .sublink {
    width: 240px;
    margin: 13.33333333px 33.33333333px;
    font-size: 13.33333333px;
    line-height: 26.66666667px;
  }
  header .modele-dropbox .sublinks .sublink a {
    padding-bottom: 20px;
  }
  header .modele-dropbox .sublinks .sublink a .name {
    font-size: 20px;
  }
}
@media screen and (max-width: 1280px) {
  header .modele-dropbox {
    padding: 35.55555556px;
    height: calc(100vh -  144px);
  }
  header .modele-dropbox .sublinks {
    max-width: 1022.22222222px;
  }
  header .modele-dropbox .sublinks .sublink {
    width: 160px;
    margin: 8.88888889px 22.22222222px;
    line-height: 17.77777778px;
  }
  header .modele-dropbox .sublinks .sublink a {
    padding-bottom: 13.33333333px;
  }
  header .modele-dropbox .sublinks .sublink a .name {
    font-size: 13.33333333px;
  }
}
@media screen and (max-width: 1110px) {
  header .modele-dropbox {
    padding: 30px;
  }
  header .modele-dropbox .sublinks {
    text-align: center;
  }
  header .modele-dropbox .sublinks .sublink {
    width: 140px;
    margin: 5px 15px;
    line-height: 18px;
  }
  header .modele-dropbox .sublinks .sublink a {
    padding-bottom: 10px;
  }
  header .modele-dropbox .sublinks .sublink a .name {
    font-size: 13px;
  }
}
@media screen and (max-width: 1024px) {
  header .modele-dropbox {
    height: calc(100vh - 120px);
  }
}
@media screen and (max-width: 760px) {
  header .modele-dropbox {
    display: none;
  }
}
header.club {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #00adbb;
  background: -webkit-linear-gradient(top, #2bb9cf, #00adbb);
  background: -o-linear-gradient(top, #2bb9cf, #00adbb);
  background: -webkit-gradient(linear, top, bottom, #2bb9cf, #00adbb);
  background: -webkit-gradient(linear, left top, left bottom, from(#2bb9cf), to(#00adbb));
  background: linear-gradient(to bottom, #2bb9cf, #00adbb);
  z-index: 101;
  -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
header.club .topBar {
  background-color: transparent;
}
header.club .topBar .logo {
  width: 180px;
  background: url('../img/club-common/logo-club.png') center no-repeat;
  background-size: 100%;
}
header.club .topBar .mobileBtn {
  left: auto;
  right: 0;
}
header.club .topBar .closeBtn {
  position: absolute;
  left: 0;
  top: 0;
  width: 160px;
  height: calc(100% - -1px);
  z-index: 2;
  border-right: 1px solid #ccc;
  cursor: pointer;
}
header.club .topBar .closeBtn:before,
header.club .topBar .closeBtn:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 2px;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -1px;
  background-color: #fff;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
header.club .topBar .closeBtn:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
header.club .topBar .closeBtn:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
header.club .topBar .closeBtn.over:before {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
header.club .topBar .closeBtn.over:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
header.club .topBar .account .text {
  color: #FFF;
}
header.club nav {
  color: #fff;
  background-color: transparent;
}
header.club nav .links .modele-drop,
header.club nav .links .menu-drop,
header.club nav .links .link {
  border-right: none;
}
header.club nav .links .modele-drop:first-child,
header.club nav .links .menu-drop:first-child,
header.club nav .links .link:first-child {
  border-left: none;
}
header.club nav .links .modele-drop.active,
header.club nav .links .menu-drop.active,
header.club nav .links .link.active {
  color: #015a60;
}
header.club nav .links .modele-drop.active:after,
header.club nav .links .menu-drop.active:after,
header.club nav .links .link.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 5px;
  width: 45px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #015a60;
}
header.club nav .links .menu-drop .dropbox {
  background-color: #00adbb;
}
header.club.hidden {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
@media screen and (min-width: 1441px) {
  header.club .topBar .logo {
    width: 210px;
  }
  header.club .topBar .closeBtn {
    width: 186.66666667px;
  }
}
@media screen and (min-width: 1681px) {
  header.club .topBar .logo {
    width: 240px;
  }
  header.club .topBar .closeBtn {
    width: 213.33333333px;
  }
}
@media screen and (min-width: 1280px) {
  header.club .topBar .logo {
    width: 160px;
  }
  header.club .topBar .closeBtn {
    width: 142.22222222px;
  }
}
@media screen and (max-width: 1024px) {
  header.club .topBar .logo {
    width: 150px;
  }
  header.club .topBar .closeBtn {
    width: 130px;
  }
}
@media screen and (max-width: 760px) {
  header.club .topBar .logo {
    width: 130px;
  }
  header.club .topBar .closeBtn {
    width: 80px;
  }
  header.club .topBar .account {
    display: none;
  }
}
.navMobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 110;
  overflow: hidden;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.navMobile.visible {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.navMobile .close {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
}
.navMobile .close:before,
.navMobile .close:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -1px;
  margin-left: -10px;
  width: 20px;
  height: 2px;
  background-color: #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navMobile .close:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.navMobile .langs {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0;
  border-top: 1px solid #ddd;
}
.navMobile .langs .lang {
  display: inline-block;
  height: 100%;
  border-right: 1px solid #ddd;
}
.navMobile .langs .lang a,
.navMobile .langs .lang .content {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: 'Lagoon', arial;
  font-size: 10px;
  padding: 15px 0;
  text-transform: uppercase;
  color: #999;
}
.navMobile .langs .lang .content {
  color: #00adbb;
  font-weight: 700;
}
.navMobile .langs .lang:nth-last-child(10):first-child,
.navMobile .langs .lang:nth-last-child(10):first-child ~ .lang {
  width: 10%;
}
.navMobile .langs .lang:nth-last-child(9):first-child,
.navMobile .langs .lang:nth-last-child(9):first-child ~ .lang {
  width: 11.11111111%;
}
.navMobile .langs .lang:nth-last-child(8):first-child,
.navMobile .langs .lang:nth-last-child(8):first-child ~ .lang {
  width: 12.5%;
}
.navMobile .langs .lang:nth-last-child(7):first-child,
.navMobile .langs .lang:nth-last-child(7):first-child ~ .lang {
  width: 14.28571429%;
}
.navMobile .langs .lang:nth-last-child(6):first-child,
.navMobile .langs .lang:nth-last-child(6):first-child ~ .lang {
  width: 16.66666667%;
}
.navMobile .langs .lang:nth-last-child(5):first-child,
.navMobile .langs .lang:nth-last-child(5):first-child ~ .lang {
  width: 20%;
}
.navMobile .langs .lang:nth-last-child(4):first-child,
.navMobile .langs .lang:nth-last-child(4):first-child ~ .lang {
  width: 25%;
}
.navMobile .langs .lang:nth-last-child(3):first-child,
.navMobile .langs .lang:nth-last-child(3):first-child ~ .lang {
  width: 33.33333333%;
}
.navMobile .langs .lang:nth-last-child(2):first-child,
.navMobile .langs .lang:nth-last-child(2):first-child ~ .lang {
  width: 50%;
}
.navMobile .langs .lang:nth-last-child(1):first-child,
.navMobile .langs .lang:nth-last-child(1):first-child ~ .lang {
  width: 100%;
}
.navMobile .logo {
  position: relative;
  display: block;
  height: 80px;
  width: 150px;
  background: url('../img/common/header_logo.png') center no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  margin: 0 auto;
}
.navMobile nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'Lagoon', arial;
  font-weight: 700;
  text-transform: uppercase;
  color: #989898;
  background-color: #fff;
  margin-top: 20px;
  max-height: calc(100vh - 130px);
  overflow: auto;
  padding-bottom: 20px;
}
.navMobile nav .links {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 40px;
}
.navMobile nav .links .modele-mob-drop,
.navMobile nav .links .link,
.navMobile nav .links .title {
  position: relative;
  display: block;
  font-size: 10px;
  line-height: 20px;
  letter-spacing: .01em;
}
.navMobile nav .links .modele-mob-drop a,
.navMobile nav .links .link a,
.navMobile nav .links .title a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 15px;
}
.navMobile nav .links .link {
  margin-top: 20px;
  font-size: 13px;
}
.navMobile nav .links .sublink {
  margin-top: 5px;
  line-height: 20px;
  font-size: 10px;
  opacity: .7;
  font-weight: 400;
}
.navMobile nav .links .sublink .active {
  font-weight: 700;
  color: #00adbb;
}
.navMobile nav .links .title {
  margin-top: 20px;
  font-size: 13px;
}
.navMobile nav .links .title .active {
  font-weight: 700;
  color: #00adbb;
}
.navMobile .modeles {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.navMobile .modeles.visible {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.navMobile .modeles .back {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 35px ;
  height: 60px;
  line-height: 60px;
  z-index: 20;
  font-size: 10px;
  text-transform: uppercase;
}
.navMobile .modeles .back:before,
.navMobile .modeles .back:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
}
.navMobile .modeles .back:after {
  width: 10px;
  height: 2px;
  margin-left: 4px;
  margin-top: -1px;
  background-color: #000;
}
.navMobile .modeles .back:before {
  border: 4px solid #000;
  margin-top: -4px;
  border-top-color: transparent;
  border-right-color: transparent;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navMobile .modeles .sublinks {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  font-size: 0;
  padding: 60px 20px 20px;
}
.navMobile .modeles .sublinks .sublink {
  width: 40%;
  height: auto;
  margin: 5%;
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  font-size: 10px;
  line-height: 20px;
  font-family: 'Lagoon', arial;
  font-weight: 400;
}
.navMobile .modeles .sublinks .sublink a {
  position: relative;
  display: block;
  padding-bottom: 15px;
}
.navMobile .modeles .sublinks .sublink a img {
  width: 100%;
  height: auto;
}
.navMobile .modeles .sublinks .sublink a .name {
  font-family: 'Lagoon-ext', arial;
  font-weight: 900;
  font-size: 12px;
}
.navMobile .modeles .sublinks .sublink a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #000;
  -webkit-transition: width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (min-width: 761px) {
  .navMobile {
    display: none;
  }
}
.navMobile#navMobileClub {
  background-color: #00adbb;
}
.navMobile#navMobileClub .close:before,
.navMobile#navMobileClub .close:after {
  background-color: #fff;
}
.navMobile#navMobileClub .logo {
  background-image: url('../img/club-common/logo-club.png');
}
.navMobile#navMobileClub nav {
  background-color: #00adbb;
  color: #FFF;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
footer {
  position: relative;
  background-color: #0c121c;
  color: #FFF;
  padding: 0 50px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  font-family: 'Lagoon', arial;
  font-size: 10px;
  font-weight: 700;
}
footer a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
footer .social {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
}
footer .social a {
  height: 25px;
  width: 25px;
  background: transparent no-repeat center;
  background-size: auto 100%;
}
footer .social a.facebook {
  background-image: url('../img/common/social_facebook.png');
}
footer .social a.vimeo {
  background-image: url('../img/common/social_vimeo.png');
}
footer .social a.youtube {
  width: 45px;
  background-image: url('../img/common/social_youtube.png');
}
footer .social a.twitter {
  width: 28px;
  background-image: url('../img/common/social_twitter.png');
}
footer .social a.linkedin {
  background-image: url('../img/common/social_linkedin.png');
}
footer .social a.instagram {
  background-image: url('../img/common/social_instagram.png');
}
footer .social a.wechat {
  background-image: url('../img/common/social_wechat.png');
}
footer .social a.weibo {
  background-image: url('../img/common/social_weibo.png');
}
footer .social a.youku {
  background-image: url('../img/common/social_youku.png');
}
footer #wechat_qrcode {
  display: none;
  position: absolute;
  left: -65px;
  bottom: 65px;
}
footer .left {
  float: left;
  text-align: left;
}
footer .right {
  float: right;
  text-align: right;
}
@media screen and (max-width: 830px) {
  footer {
    height: auto;
    line-height: 40px;
    padding: 20px;
  }
  footer .left,
  footer .right,
  footer .social {
    position: relative;
    left: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    float: none;
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 760px) {
  footer .social a.wechat {
    display: none;
  }
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.popin {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 250;
  display: none;
}
.popin.visible {
  display: block;
}
.popin .bloc {
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #fff;
  padding: 40px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.popin .bloc .close {
  position: absolute;
  right: 30px;
  top: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 2;
}
.popin .bloc .close:before,
.popin .bloc .close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  width: 100%;
  height: 2px;
  background-color: #000;
  -webkit-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.popin .bloc .close:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.popin .bloc .close:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}
.popin .bloc .close.over:before {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.popin .bloc .close.over:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.popin .bloc .title {
  position: relative;
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 80px;
  text-transform: uppercase;
  font-family: 'Lagoon-ext', arial;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  color: #00adbb;
  background-color: rgba(255, 255, 255, 0.8);
}
.popin .bloc .desc {
  font-family: 'Lagoon', arial;
  font-weight: 400;
  font-size: 10px;
}
.popin .bloc .desc .link {
  cursor: pointer;
  text-decoration: underline;
}
.popin .bloc .cta {
  display: inline-block;
  margin-top: 20px;
  text-transform: uppercase;
  font-family: 'Lagoon', arial;
  font-weight: 700;
  font-size: 10px;
  line-height: 25px;
  cursor: pointer;
}
.popin .bloc .cta:after {
  content: "";
  display: block;
  margin: 8px auto 0;
  width: 25px;
  height: 3px;
  background-color: currentcolor;
  -webkit-transition: width 200ms;
  transition: width 200ms;
}
.popin .bloc .cta.over:after {
  width: 50px;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.mail_message {
  max-width: 50%;
  margin: 60px auto;
  padding: 0 20px;
  font-family: "Lagoon";
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #00adbb;
}
@media screen and (max-width: 860px) {
  .mail_message {
    max-width: 70%;
  }
}
@media screen and (max-width: 600px) {
  .mail_message {
    max-width: 100%;
  }
}
.alert_messages {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  right: 0;
  font-family: 'Lagoon', arial;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.alert_messages .message {
  position: relative;
  background-color: rgba(125, 125, 125, 0.8);
  color: #222;
  padding: 15px 20px;
  border-radius: 3px;
  margin: 0 20px 5px;
}
.alert_messages .message:first-child {
  margin-top: 20px;
}
.alert_messages .message .close {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  cursor: pointer;
  z-index: 2;
}
.alert_messages .message .close:before,
.alert_messages .message .close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  width: 100%;
  height: 2px;
  background-color: currentcolor;
  -webkit-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.alert_messages .message .close:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.alert_messages .message .close:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}
.alert_messages .message .close.over:before {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.alert_messages .message .close.over:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.alert_messages .message.success {
  background-color: rgba(92, 184, 92, 0.9);
  color: #FFF;
}
.alert_messages .message.error {
  background-color: rgba(217, 83, 79, 0.9);
  color: #FFF;
}
.alert_messages .message.notice {
  background-color: rgba(0, 173, 187, 0.9);
  color: #FFF;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
}
section {
  position: relative;
  overflow: hidden;
  height: 600px;
}
section .text {
  letter-spacing: .01em;
  line-height: 20px;
}
section .text h1,
section .text h2,
section .text h3,
section .text h4,
section .text h5,
section .text h6,
section .text .title {
  text-transform: uppercase;
  font-family: 'Lagoon-ext', arial;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 25px;
  color: #00adbb;
}
section .text p,
section .text .desc {
  font-family: 'Lagoon', arial;
  font-weight: 400;
  font-size: 10px;
}
section .text .cta {
  display: inline-block;
  margin-top: 20px;
  text-transform: uppercase;
  font-family: 'Lagoon', arial;
  font-weight: 700;
  font-size: 10px;
  line-height: 25px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
}
section .text .cta:after {
  content: "";
  display: block;
  margin: 8px auto 0;
  width: 25px;
  height: 3px;
  background-color: currentcolor;
  -webkit-transition: width 200ms;
  transition: width 200ms;
}
section .text .cta.over:after {
  width: 50px;
}
@media screen and (min-width: 1441px) {
  section {
    height: 700px;
  }
  section .text {
    line-height: 23.33333333px;
  }
  section .text h1,
  section .text h2,
  section .text h3,
  section .text h4,
  section .text h5,
  section .text h6,
  section .text .title {
    font-size: 17.5px;
    margin-bottom: 29.16666667px;
  }
  section .text p,
  section .text .desc,
  section .text .cta {
    margin-top: 23.33333333px;
    font-size: 11.66666667px;
  }
  section .text p:after,
  section .text .desc:after,
  section .text .cta:after {
    margin: 9.33333333px auto 0;
    width: 29.16666667px;
    height: 3.5px;
  }
  section .text p.over:after,
  section .text .desc.over:after,
  section .text .cta.over:after {
    width: 58.33333333px;
  }
}
@media screen and (min-width: 1681px) {
  section {
    height: 800px;
  }
  section .text {
    line-height: 26.66666667px;
  }
  section .text h1,
  section .text h2,
  section .text h3,
  section .text h4,
  section .text h5,
  section .text h6,
  section .text .title {
    font-size: 20px;
    margin-bottom: 33.33333333px;
  }
  section .text p,
  section .text .desc,
  section .text .cta {
    margin-top: 26.66666667px;
    font-size: 13.33333333px;
  }
  section .text p:after,
  section .text .desc:after,
  section .text .cta:after {
    margin: 10.66666667px auto 0;
    width: 33.33333333px;
    height: 4px;
  }
  section .text p.over:after,
  section .text .desc.over:after,
  section .text .cta.over:after {
    width: 66.66666667px;
  }
}
@media screen and (max-width: 1280px) {
  section {
    height: 533.33333333px;
  }
  section .text {
    line-height: 17.77777778px;
  }
  section .text h1,
  section .text h2,
  section .text h3,
  section .text h4,
  section .text h5,
  section .text h6,
  section .text .title {
    font-size: 13.33333333px;
    margin-bottom: 22.22222222px;
  }
  section .text p,
  section .text .desc,
  section .text .cta {
    margin-top: 17.77777778px;
  }
  section .text p:after,
  section .text .desc:after,
  section .text .cta:after {
    margin: 7.11111111px auto 0;
    width: 22.22222222px;
    height: 2.66666667px;
  }
  section .text p.over:after,
  section .text .desc.over:after,
  section .text .cta.over:after {
    width: 44.44444444px;
  }
}
@media screen and (max-width: 1010px) {
  section {
    height: 400px;
  }
}
.news section {
  position: relative;
  overflow: hidden;
  height: auto;
  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
}
.news section .intro {
  text-align: center;
  padding-top: 30px;
  z-index: 2;
}
.news section .intro h1 {
  font-family: 'Lagoon-ext', arial;
  font-weight: 500;
  font-size: 15px;
  line-height: 25px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.news section .intro h2 {
  font-family: 'Lagoon', arial;
  font-weight: 400;
  font-size: 10px;
  line-height: 20px;
  max-width: 620px;
  margin: 0 auto;
}
@media screen and (min-width: 1441px) {
  .news section .intro {
    padding-top: 35px;
  }
  .news section .intro h1 {
    font-size: 17.5px;
    line-height: 29.16666667px;
    margin-bottom: 23.33333333px;
  }
  .news section .intro h2 {
    font-size: 11.66666667px;
    line-height: 23.33333333px;
    max-width: 723.33333333px;
  }
}
@media screen and (min-width: 1681px) {
  .news section .intro {
    padding-top: 40px;
  }
  .news section .intro h1 {
    font-size: 20px;
    line-height: 33.33333333px;
    margin-bottom: 26.66666667px;
  }
  .news section .intro h2 {
    font-size: 13.33333333px;
    line-height: 26.66666667px;
    max-width: 826.66666667px;
  }
}
@media screen and (max-width: 1280px) {
  .news section .intro {
    padding-top: 26.66666667px;
  }
  .news section .intro h1 {
    font-size: 13.33333333px;
    line-height: 22.22222222px;
    margin-bottom: 17.77777778px;
  }
  .news section .intro h2 {
    font-size: 8.88888889px;
    line-height: 17.77777778px;
    max-width: 551.11111111px;
  }
}
.news section .sorts {
  position: relative;
  margin-top: 40px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 65px;
  line-height: 65px;
  text-align: center;
  font-size: 0;
  padding: 0;
}
.news section .sorts .sort {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  font-family: 'Lagoon', arial;
  vertical-align: middle;
  font-size: 9px;
  font-weight: 700;
  color: #808080;
  margin: 0 20px;
  padding: 0 20px;
  cursor: pointer;
}
.news section .sorts .sort:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 5px;
  width: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #00adbb;
  -webkit-transition: width 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: width 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.news section .sorts .sort.active {
  color: #00adbb;
}
.news section .sorts .sort.active:after {
  width: 45px;
}
@media screen and (min-width: 1441px) {
  .news section .sorts {
    margin-top: 46.66666667px;
    height: 75.83333333px;
    line-height: 75.83333333px;
  }
  .news section .sorts .sort {
    font-size: 10.5px;
    margin: 0 23.33333333px;
    padding: 0 23.33333333px;
  }
  .news section .sorts .sort.active:after {
    width: 52.5px;
  }
}
@media screen and (min-width: 1681px) {
  .news section .sorts {
    margin-top: 53.33333333px;
    height: 86.66666667px;
    line-height: 86.66666667px;
  }
  .news section .sorts .sort {
    font-size: 12px;
    margin: 0 26.66666667px;
    padding: 0 26.66666667px;
  }
  .news section .sorts .sort.active:after {
    width: 60px;
  }
}
@media screen and (max-width: 1280px) {
  .news section .sorts {
    margin-top: 35.55555556px;
    height: 57.77777778px;
    line-height: 57.77777778px;
  }
  .news section .sorts .sort {
    margin: 0 17.77777778px;
    padding: 0 17.77777778px;
  }
  .news section .sorts .sort.active:after {
    width: 40px;
  }
}
@media screen and (max-width: 800px) {
  .news section .sorts .sort {
    margin: 0 10px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 600px) {
  .news section .sorts .sort {
    height: 65px;
    line-height: normal;
    padding-top: 10px;
    margin: 0;
    text-align: center;
  }
  .news section .sorts .sort:nth-last-child(2):first-child,
  .news section .sorts .sort:nth-last-child(2):first-child ~ li {
    width: 50%;
  }
  .news section .sorts .sort:nth-last-child(3):first-child,
  .news section .sorts .sort:nth-last-child(3):first-child ~ li {
    width: 33.33333333%;
  }
  .news section .sorts .sort:nth-last-child(4):first-child,
  .news section .sorts .sort:nth-last-child(4):first-child ~ li {
    width: 25%;
  }
  .news section .sorts .sort:nth-last-child(5):first-child,
  .news section .sorts .sort:nth-last-child(5):first-child ~ li {
    width: 20%;
  }
  .news section .sorts .sort:nth-last-child(6):first-child,
  .news section .sorts .sort:nth-last-child(6):first-child ~ li {
    width: 16.66666667%;
  }
}
.news section .newsContainer {
  height: auto;
  background-color: #fff;
  padding: 0 8px;
}
.news section .newsContainer .new {
  position: relative;
  display: block;
  width: 100%;
  margin: 8px 0;
  min-height: calc(100vw / 1440 * 280);
  line-height: calc(100vw / 1440 * 280 -  40px);
  padding: 40px 0 40px 40%;
  text-align: center;
  overflow: hidden;
}
.news section .newsContainer .new.sail {
  background-color: #f2f2f2;
  color: #000;
}
.news section .newsContainer .new.sail .text .cta:after {
  background-color: #000;
}
.news section .newsContainer .new.motor {
  background-color: #1f1f1f;
  color: #fff;
}
.news section .newsContainer .new.event {
  background-color: #334659;
  color: #fff;
}
.news section .newsContainer .new:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 10px solid #00adbb;
  opacity: .5;
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-transition: all 200ms;
  transition: all 200ms;
}
.news section .newsContainer .new.over:after {
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.news section .newsContainer .new .image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 40%;
  overflow: hidden;
}
.news section .newsContainer .new .image .imageContent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.news section .newsContainer .new.over .image .imageContent {
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-transition: all 5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.news section .newsContainer .new .text {
  display: inline-block;
  vertical-align: middle;
  padding: 0 40px;
  text-align: center;
}
.news section .newsContainer .new .text .date {
  text-transform: uppercase;
  font-family: "Lagoon";
  font-weight: 500;
  color: #bfbfbf;
  font-size: 10px;
}
.news section .newsContainer .new .text .title {
  text-transform: uppercase;
  font-family: "Lagoon";
  font-weight: 500;
  color: #00adbb;
  font-size: 15px;
  margin-bottom: 25px;
}
.news section .newsContainer .new .text .desc {
  margin-bottom: 42px;
}
.news section .newsContainer .new .text .cta {
  position: relative;
  margin-top: 0;
}
.news section .newsContainer .new:nth-child(even) {
  padding-left: 0;
  padding-right: 40%;
}
.news section .newsContainer .new:nth-child(even) .image {
  left: auto;
  right: 0;
}
@media screen and (min-width: 1441px) {
  .news section .newsContainer {
    padding: 0 10px;
  }
  .news section .newsContainer .new {
    margin: 10px 0;
    padding-left: 45%;
  }
  .news section .newsContainer .new .image {
    width: 45%;
  }
  .news section .newsContainer .new .text {
    padding: 0 40px;
    max-width: 70%;
  }
  .news section .newsContainer .new .text .date {
    font-size: 11.66666667px;
  }
  .news section .newsContainer .new .text .title {
    font-size: 17.5px;
    margin-bottom: 29.16666667px;
  }
  .news section .newsContainer .new .text .desc {
    margin-bottom: 49px;
  }
  .news section .newsContainer .new:nth-child(even) {
    padding-left: 0;
    padding-right: 45%;
  }
}
@media screen and (min-width: 1681px) {
  .news section .newsContainer .new .text .date {
    font-size: 13.33333333px;
  }
  .news section .newsContainer .new .text .title {
    font-size: 20px;
    margin-bottom: 33.33333333px;
  }
  .news section .newsContainer .new .text .desc {
    margin-bottom: 56px;
  }
}
@media screen and (max-width: 1280px) {
  .news section .newsContainer .new .text .title {
    font-size: 13.33333333px;
    margin-bottom: 22.22222222px;
  }
  .news section .newsContainer .new .text .desc {
    margin-bottom: 22.22222222px;
  }
}
@media screen and (max-width: 560px) {
  .news section .newsContainer .new {
    margin-top: 8px;
    padding: 0!important;
  }
  .news section .newsContainer .new:after {
    border: 10px solid #00adbb;
  }
  .news section .newsContainer .new .image {
    position: relative;
    left: 0;
    top: 0;
    height: 150px;
    width: 100%;
  }
  .news section .newsContainer .new .text {
    padding: 40px 20px;
  }
  .news section .newsContainer .new:last-child {
    margin-bottom: 8px;
  }
}
.events {
  text-align: center;
  padding: 40px 20px;
  height: auto;
  min-height: auto;
  overflow: hidden;
}
.events .text {
  position: relative;
  z-index: 2;
}
.events .text .title {
  /*color: #FFF;*/
}
.events .table {
  position: relative;
  width: 100%;
  padding-top: 40px;
}
.events .table table {
  width: 100%;
  text-transform: uppercase;
  font-family: 'Lagoon', arial;
  color: #fff;
  font-weight: 300;
  font-size: 10px;
  margin: 0;
}
.events .table table tr {
  background: rgba(0, 0, 0, 0.4);
  height: 40px;
}
.events .table table tr:nth-child(even) {
  background: rgba(0, 0, 0, 0.6);
}
.events .table table tr .link .view {
  line-height: 12px;
  font-weight: 700;
}
.events .table table tr .link .view.over {
  text-decoration: underline;
}
.events .table table tr .invite {
  display: inline-block;
  font-weight: 700;
  background-color: #444;
  padding: 10px 20px;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 300ms;
  margin: 5px;
}
.events .table table tr .invite.over {
  background-color: #00adbb;
}
.events .table table tr.label {
  font-family: 'Lagoon', arial;
  font-size: 12px;
  line-height: 14px;
  min-height: 40px;
  margin-bottom: 20px;
  font-weight: 700;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
}
.events .table table tr.label td {
  padding: 0 20px;
  text-align: center;
}
.events .table table tr.label td:first-child {
  padding-left: 30px;
  text-align: left;
}
.events .table table tr td {
  text-align: center;
  padding: 0 5px;
  font-weight: 300;
  min-height: 50px;
}
.events .table table tr td:first-child {
  padding-left: 30px;
  font-weight: 500;
  text-align: left;
}
.events .table table tr .name {
  min-width: 40%;
  color: white;
}
.events .table table tr .dates span {
  display: inline-block;
}
@media screen and (max-width: 600px) {
  .events {
    padding: 40px 0;
  }
  .events .table table tr .link,
  .events .table table tr .country {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .events .table table tr .dates,
  .events .table table tr .link,
  .events .table table tr .country {
    display: none;
  }
}


.text_blue_lagoon{
color: #00a6b2;
}

/*# sourceMappingURL=news.css.map */