/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
*{
	margin: 0;
	padding: 0;
}
hr,img {
    box-sizing: content-box
}
img,legend {
    border: 0
}
body,html {
    height: 100%
}
.controls .branding,.controls .details,.controls .info {
    transition: all 1000ms cubic-bezier(0, 1, 1, 1);
    -moz-transition: all 1000ms cubic-bezier(0, 1, 1, 1);
    -webkit-transition: all 1000ms cubic-bezier(0, 1, 1, 1)
}
.controls.off .links,.popup {
    visibility: hidden
}
.controls .branding .name:after,.controls .details:after,.controls .links .link:after,.popup .block-1 h2:before,.popup .block-1:after,.popup .block-2 h2:after,.popup .block-2:after,.popup .block-2:before,.popup .block-3 h2:after,.popup .block-3 h2:before,.popup .block-3:after,.popup .block-4 h2:after,.popup .block-4 h2:before,.popup .block-4:after,.popup .block-5 h2:after,.popup .block-5 h2:before,.popup .block-5:after,.popup .block-5:before,.popup .close:after,.popup .close:before,.popup article:before {    content: ''
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}
audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}
.controls .links .back:after,[hidden],template {
    display: none
}
audio:not([controls]) {
    display: none;
    height: 0
}
a {
    background-color: transparent;
    outline: none !important;
}
a:active,a:hover {
    outline: none !important
}
abbr[title] {
    border-bottom: 1px dotted
}
b,optgroup,strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
svg:not(:root) {
    /*overflow: hidden*/
}
figure {
    margin: 1em 40px
}
hr {
    -moz-box-sizing: content-box;
    height: 0
}
pre,textarea {
    overflow: auto
}
code,kbd,pre,samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,select {
    text-transform: none
}
button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}
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-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
.popup .block h2,.popup .block p,legend,td,th {
    padding: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
@-webkit-keyframes loader {
    from {
        -webkit-transform: translate3d(-50%, -50%, 0)rotate(0)
    }
    to {
        -webkit-transform: translate3d(-50%, -50%, 0)rotate(360deg)
    }
}
@-moz-keyframes loader {
    from {
        -moz-transform: translate3d(-50%, -50%, 0)rotate(0)
    }
    to {
        -moz-transform: translate3d(-50%, -50%, 0)rotate(360deg)
    }
}
@keyframes loader {
    from {
        -webkit-transform: translate3d(-50%, -50%, 0)rotate(0);
        -moz-transform: translate3d(-50%, -50%, 0)rotate(0);
        -ms-transform: translate3d(-50%, -50%, 0)rotate(0);
        -o-transform: translate3d(-50%, -50%, 0)rotate(0);
        transform: translate3d(-50%, -50%, 0)rotate(0)
    }
    to {
        -webkit-transform: translate3d(-50%, -50%, 0)rotate(360deg);
        -moz-transform: translate3d(-50%, -50%, 0)rotate(360deg);
        -ms-transform: translate3d(-50%, -50%, 0)rotate(360deg);
        -o-transform: translate3d(-50%, -50%, 0)rotate(360deg);
        transform: translate3d(-50%, -50%, 0)rotate(360deg)
    }
}
*,:after,:before {
    box-sizing: inherit
}
@font-face {
    font-family: Sansation;
    font-weight: 200;
    font-style: normal;
    src: url(../fonts/sansation/Sansation-Light.ttf)format("truetype")
}
@font-face {
    font-family: Sansation;
    font-weight: 200;
    font-style: italic;
    src: url(../fonts/sansation/Sansation-LightItalic.ttf)format("truetype")
}
@font-face {
    font-family: Sansation;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/sansation/Sansation-Regular.ttf)format("truetype")
}
@font-face {
    font-family: Sansation;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/sansation/Sansation-Bold.ttf)format("truetype")
}
@font-face {
    font-family: Sansation;
    font-weight: 400;
    font-style: italic;
    src: url(../fonts/sansation/Sansation-Italic.ttf)format("truetype")
}
@font-face {
    font-family: Sansation;
    font-weight: 700;
    font-style: italic;
    src: url(../fonts/sansation/Sansation-BoldItalic.ttf)format("truetype")
}
body {
    margin: 0;
    background: center center no-repeat #fff;
    color: #0a7791;
    font: 28px Sansation;
    /*overflow: hidden;*/
}
/****
 TEXTES
 ********************/
 .text{
 	position: absolute;
 	left: 0;
 	top: 50%;
 	z-index: 5;
 	width: 351px;
    -ms-transform: translateY(-50%)  ;
    -moz-transform: translateY(-50%)  ;
    -webkit-transform: translateY(-50%)  ;
    transform: translateY(-50%)  ;
    font-size: 25px;
    display: none;
 }
 .text .logo{
   padding:0 0 10px 62px;
   /*font-weight: 700;*/
   background: url(../images/ligne_logo.png) no-repeat left bottom; 
   margin-bottom: 48px;
   position: relative;
   font-size: 18px;
 }
  .text .logo a{
   display: block;
   margin-bottom: -6px;
 }
 .text .bloc1{
  background: url(../images/bg_1.png) no-repeat;
  margin: 0 0 40px 61px;
  padding: 26px 40px 0 40px;
  height: 321px; 
  position: relative;
 }
.text h3{
	font-size: 26px;
	font-weight: 700;
	margin: 0;
}
.text p{
	font-size: 19px;
}
.text .sep{
	background-color: #6e99ab;
	margin: 20px 0;
	height: 1px;
}
.text h5{
	font-size: 18px;
	font-weight: 700;
	margin: 0;
}
.text h6{
	font-size: 16px;
	margin: 0;
}
.text .bloc2{
  background: url(../images/bg2.png) no-repeat;
  margin: 0 0 0 61px;
  padding: 14px 28px 0 26px;
  height: 212px; 
  position: relative;
  text-align: center;
 }
.text .bloc2 .notice,.text .bloc2 .langues{
  float: left;
  width: 50%;
}
.text .bloc2 .notice{
	padding-right: 5px;
        padding-bottom: 7px;
}
.text .bloc2 .langues{
	padding-left: 5px;
}
.text .bloc2 h6{
  padding-bottom: 7px;
  border-bottom: 1px solid #6e99ab;
}
.text .bloc2 .langues h6{
  padding-top: 17px;
}
.text .bloc2  a,.text_mobile .notice a,.text_mobile .langues a,.modal-dialog .langues a {
 border-radius: 50%;
 width: 43px;
 height: 43px;
 /*border: 3px solid #0a7791;*/
 line-height: 37px;
 font-size: 18px;
 display: inline-block;
 text-decoration: none !important;
 position: relative;
}
.text .bloc2 .notice  a,.text_mobile .notice a{
 /*position: absolute;
 display: inline-block;
 left: 50%;
 top: 50%;
 width: 19px;
 height: 20px;
 margin:-9.7px 0 0 -10px;
    -ms-transform: translate(-50%,-50%)  ;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%)  ;
    transform: translate(-50%,-50%);
    -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s; 
  transition: transform 0.3s;   */
    /*background: url(../images/info.png) no-repeat center center;*/
}
.text .bloc2  a:hover span{
 /*-webkit-transform:rotate(-120deg);
   -moz-transform:rotate(-120deg);
   -o-transform:rotate(-120deg);
   transform:rotate(-120deg);
*/}
.text .bloc2 .langues  a:hover{
  /*background-color: #0a7791;
  color: #fff;       */
}
.text .bloc2 .notice  a:hover,.noticeMobile:hover{
  background: url(../images/Pressurice_on.svg) no-repeat center center;
}
.text .bloc2 .notice  a,.noticeMobile{
  background: url(../images/Pressurice_off.svg) no-repeat center center;
}
.selectLanguage_fr{
    background: url(../images/fr.svg) no-repeat center center;
}
.selectLanguage_fr:hover{
    background: url(../images/fr_active.svg) no-repeat center center;
}
.selectLanguage_en{
    background: url(../images/en.svg) no-repeat center center;
}
.selectLanguage_en:hover{
    background: url(../images/en_active.svg) no-repeat center center;
}
.selectLanguage_de{
    background: url(../images/de.svg) no-repeat center center;
}
.selectLanguage_de:hover{
    background: url(../images/de_active.svg) no-repeat center center;
}
.text .bloc2 .notice a,.text .bloc2 .langues a.active{
  margin-top: 6px;
  left: -3px;
}
.text .bloc2 .langues .options{
	padding-top: 15px;
	padding-right: 3px;
    display: none;
}
 
 /****
 LIKS
 ********************/
  .links{
 	position: absolute;
 	left: 50%;
 	top: 50%;
    width: 100%;
    height: 100%;    

       -ms-transform: translate(-50%,-50%);  
    -webkit-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%);
 }
 .links a{
   text-indent: -9999px;
   width:18%;
   height: 7%;
   position: absolute;
   display: inline-block;
   z-index: 4;
 }
 .links a:after {
    position: absolute;
    width: 30%;
    height: 100%;
    content: "";
    cursor: pointer;
}
 .links a.clicked, .links a.clicked:after{
  display: none;
 }
 .links a.shoulder{left: 63%;
top: 19%;}
 .links a.shoulder:after {
    right: 92%;
    top: 99%;
  }
 .links a.elbow{right:41%;top:33%}
 .links a.elbow:after {
    left: 95%;
    top: 94%;
  }
 .links a.back{left:60%;top:36%}
 .links a.thigh{
right: 40%;
top: 49.5%;
 }
 .links a.thigh:after {
    left: 92%;
    top: 87%;
  }
 .links a.knee{left:61%;top:60%}
 .links a.knee:after {
    right: 85%;
    top: 85%;
}
.links a.ankle{
right: 40.5%;
top: 73.5%;
}
.links a.ankle:after {
    left: 88%;
    top: 92%;
}

/****
 VIDEOS
 ********************/
 .videos,.videos .video,.videos .video video{
 	position: absolute;
 	top: 0;
 	left: 0;
 	height: 100%;
 	width: 100%;
 }
.videos .video/*,.videos .video video*/{
    /*display: none;*/
    opacity: 0;
     -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.videos .video.notanimed{
  -webkit-transition:none;
  -moz-transition:none;
  -ms-transition:none;
  -o-transition:opacity 0 ease-in-out;
  transition:none;
}
.videos .video video{
 
       -ms-transform: translate(-50%,-50%);  
    -webkit-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%);
            top: 50%;
            left: 50%;
            height: auto;
            max-height: 85%;
            overflow: hidden;
            background-color: transparent !important;
}
.videos .video.active/*,.videos  .video.active video*/{
    /*display: block;*/
     opacity: 1;
}
 
.videos .video.videos_interne.active,.videos  .video.videos_interne.active video{
	z-index: 5;
}
.videos .video .option_video ,.videos .video .play_video{
 text-align: center; 
 color: #79cbef;
 position: absolute;
  font-size: 13px;
  display: inline-block;
  z-index: 6;
  text-align: center;
  right: 140px;
  top: 10px; 
  width: 47px !important;
  text-decoration: none !important; 
}
.videos .video .option_video .glyphicon,.videos .video .play_video .glyphicon{
     border: 3.5px solid #79cbef;
border-radius: 50%;
display: block;
font-size: 17px;
height: 45px;
line-height: 36px;
margin-bottom: 3px;
padding-left: 2px;
width: 45px;
}
.videos .video .option_video.skip{
    right: 90px;
}
.videos .video .play_video.replay{
    right: 40px;
}
.videos .video .play_video.replay .glyphicon{
    font-size: 12px;
}
.videos .video .play_video.replay .glyphicon:after{
  content: "";
  position: absolute;
  width: 27px;
  height: 28px;
  background:url(../images/replay.png) no-repeat;
  top: 2.5px;
  left: 4.2px;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s; 
  transition: transform 0.3s;   
}

.glyphicon-step-forward{
  padding-right: 3px;
}

.videos .video .play_video.replay:hover:after{
   /*-webkit-transform:rotate(-90deg);
   -moz-transform:rotate(-90deg);
   -o-transform:rotate(-90deg);
   transform:rotate(-90deg);*/
}
.videos .video .option_video:hover,.videos .video .play_video:hover{
   
}
.videos .text_option{
  display: none; 
}
.videos .text_option.active{
  display: inline-block; 
}
/*.mobile_ios .videos .video video,.mobile_ios #loading video{
  display: none !important;
}
.mobile_ios .videos .video,.mobile_ios #loading{
  background-position: center center;
  background-size: 90% 90%;
  background-repeat: no-repeat;
  background-color: #ebebeb;
}
.mobile_ios .videos #video_0_1,.mobile_ios .videos #video_0_2{
  background-image: url(../images/00.jpg);
}
.mobile_ios .videos #video_1_1,.mobile_ios .videos #video_1_2{
  background-image: url(../images/epaule.jpg);
}
.mobile_ios .videos #video_2_1,.mobile_ios .videos #video_2_2{
  background-image: url(../images/bras.jpg);
}
.mobile_ios .videos #video_1_1,.mobile_ios .videos #video_1_2{
  background-image: url(../images/epaule.jpg);
}
.mobile_ios .videos #video_1_1,.mobile_ios .videos #video_1_2{
  background-image: url(../images/epaule.jpg);
}
.mobile_ios .videos #video_1_1,.mobile_ios .videos #video_1_2{
  background-image: url(../images/epaule.jpg);
}
.mobile_ios .videos #video_1_1,.mobile_ios .videos #video_1_2{
  background-image: url(../images/epaule.jpg);
}
*/




/*****
   LOADING
   *********/
#loading,#loading video{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
} 
#pressurice{
    display: none;
}
.vjs-loading-spinner{
    display: none !important;
}  
/****
 POPUP
 ********************/
 .popup {
    visibility: hidden
}
 
.popup .block-1 h2:before,
.popup .block-1:after,
.popup .block-2 h2:after,
.popup .block-2:after,
.popup .block-2:before,
.popup .block-3 h2:after,
.popup .block-3 h2:before,
.popup .block-3:after,
.popup .block-4 h2:after,
.popup .block-4 h2:before,
.popup .block-4:after,
.popup .block-5 h2:after,
.popup .block-5 h2:before,
.popup .block-5:after,
.popup .block-5:before,
.popup .close:after,
.popup .close:before,
.popup article:before {
    content: ''
}
.popup {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, .5);
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    z-index: 100001;
    overflow: scroll;
    opacity: 0;
    -webkit-transition: all 300ms ease 600ms;
    -moz-transition: all 300ms ease 600ms;
    transition: all 300ms ease 600ms;
    -webkit-perspective: 3000px;
    -moz-perspective: 3000px;
    perspective: 3000px
}
.popup.on {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms
}
.popup.on article {
    -webkit-transition: all 600ms cubic-bezier(.25, .25, .415, 1.505)300ms;
    -moz-transition: all 600ms cubic-bezier(.25, .25, .415, 1.505)300ms;
    transition: all 600ms cubic-bezier(.25, .25, .415, 1.505)300ms;
    -webkit-transform: translate3d(0, 0, 0)scale(1);
    -moz-transform: translate3d(0, 0, 0)scale(1);
    -ms-transform: translate3d(0, 0, 0)scale(1);
    -o-transform: translate3d(0, 0, 0)scale(1);
    transform: translate3d(0, 0, 0)scale(1);
    opacity: 1
}
.popup article {
    background: rgba(10, 118, 145, .9);
    color: #fff;
    position: relative;
    -webkit-transform: translate3d(-300px, 300px, 0)scale(.2);
    -moz-transform: translate3d(-300px, 300px, 0)scale(.2);
    -ms-transform: translate3d(-300px, 300px, 0)scale(.2);
    -o-transform: translate3d(-300px, 300px, 0)scale(.2);
    transform: translate3d(-300px, 300px, 0)scale(.2);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease
}
.popup article:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0);
    background-image: -webkit-linear-gradient(-225deg, rgba(255, 255, 255, 0)20%, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0)70%);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0)20%, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0)70%)
}
.popup .close {
    position: absolute;
    border-radius: 50%;
    -webkit-transform: rotate(45deg)scale(1);
    -moz-transform: rotate(45deg)scale(1);
    -ms-transform: rotate(45deg)scale(1);
    -o-transform: rotate(45deg)scale(1);
    transform: rotate(45deg)scale(1);
    opacity: 1;
}
.popup .close:before {
    position: absolute;
    height: 0;
    top: 50%
}
.popup .close:after {
    position: absolute;
    width: 0;
    left: 50%
}
.popup .logo-small {
    background: url(../images/logo-small.png);
    background-size: 100% 100%;
    overflow: hidden;
    text-indent: -99em;
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.popup .block {
    position: absolute
}
.popup .block h2 {
    margin: 0;
    font-weight: 700
}
.popup .block-1 h2:before {
    position: absolute;
    left: 0
}
.popup .block-1:after {
    position: absolute;
    background: url(../images/popup-1.png);
    background-size: 100% 100%
}
.popup .block-2:before {
    position: absolute;
    background: url(../images/popup-2.png);
    background-size: 100% 100%
}
.popup .block-4,
.popup .block-5 {
    text-align: right
}
.popup .block-5:before {
    position: absolute;
    background: url(../images/popup-3.png);
    background-size: 100% 100%
}
.popup .block,
.popup article {
    font-size: 14.93px
}
.details:after {
    width: 38.4px;
    height: 38.4px
}
.popup article {
    border-radius: 8px;
    width: 954.67px;
    height: 597.33px
}
.popup article:before {
    height: 240px
}
.popup .close {
    top: 40px;
    right: 74.67px;
    border: 2px solid #fff;
    width: 32px;
    height: 32px
}
.popup .close:before {
    left: 5.33px;
    right: 5.33px;
    border-top: 2px solid #fff;
    margin: -1px 0 0
}
.popup .close:after {
    top: 5.33px;
    bottom: 5.33px;
    border-left: 2px solid #fff;
    margin: 0 0 0 -1px
}
.popup .logo-small {
    width: 190.93px;
    height: 42.67px;
    top: 40px
}
.popup .block h2 {
    font-size: 22.4px
}
.popup .block h2 small {
    display: block;
    font-size: 14.93px
}
.popup .block p {
    margin: 18.67px 0
}
.popup .block-1 {
    left: 74.67px;
    top: 106.67px
}
.popup .block-1 h2:before {
    border-top: 2px solid #fff;
    top: 133.33px;
    width: 802.67px
}
.popup .block-1:after {
    width: 195.73px;
    height: 181.33px;
    top: -18.67px;
    left: 464px
}
.popup .block-2 {
    left: 74.67px;
    top: 261.33px
}
.popup .block-2 h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 58.67px;
    width: 312px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    overflow: hidden
}
.popup .block-2 h2:after {
    position: absolute;
    left: 311px;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    top: 58.67px;
    width: 48px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    -webkit-transform: rotate(47deg);
    -moz-transform: rotate(47deg);
    -ms-transform: rotate(47deg);
    -o-transform: rotate(47deg);
    transform: rotate(47deg)
}
.popup .block-2:after {
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: 58.67px;
    left: 360px;
    -webkit-transform-origin: -43px 50%;
    -moz-transform-origin: -43px 50%;
    -ms-transform-origin: -43px 50%;
    -o-transform-origin: -43px 50%;
    transform-origin: -43px 50%;
    -webkit-transform: translate3d(-50%, -50%, 0)rotate(47deg);
    -moz-transform: translate3d(-50%, -50%, 0)rotate(47deg);
    -ms-transform: translate3d(-50%, -50%, 0)rotate(47deg);
    -o-transform: translate3d(-50%, -50%, 0)rotate(47deg);
    transform: translate3d(-50%, -50%, 0)rotate(47deg);
    border-radius: 50%
}
.popup .block-2:before {
    width: 152px;
    height: 128px;
    top: 69.33px;
    left: 293.33px
}
.popup .block-3 {
    left: 74.67px;
    top: 437.33px
}
.popup .block-3 h2:before {
    position: absolute;
    left: 0;
    top: 58.67px;
    width: 312px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    overflow: hidden
}
.popup .block-3 h2:after {
    position: absolute;
    left: 311px;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    top: 58.67px;
    width: 101.33px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    -webkit-transform: rotate(-47deg);
    -moz-transform: rotate(-47deg);
    -ms-transform: rotate(-47deg);
    -o-transform: rotate(-47deg);
    transform: rotate(-47deg)
}
.popup .block-3:after {
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: 58.67px;
    left: 413.33px;
    -webkit-transform-origin: -96.33px 50%;
    -moz-transform-origin: -96.33px 50%;
    -ms-transform-origin: -96.33px 50%;
    -o-transform-origin: -96.33px 50%;
    transform-origin: -96.33px 50%;
    -webkit-transform: translate3d(-50%, -50%, 0)rotate(-47deg);
    -moz-transform: translate3d(-50%, -50%, 0)rotate(-47deg);
    -ms-transform: translate3d(-50%, -50%, 0)rotate(-47deg);
    -o-transform: translate3d(-50%, -50%, 0)rotate(-47deg);
    transform: translate3d(-50%, -50%, 0)rotate(-47deg);
    border-radius: 50%
}
.popup .block-4 {
    right: 74.67px;
    top: 261.33px
}
.popup .block-4 h2:before {
    position: absolute;
    right: 0;
    top: 75.73px;
    width: 360px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    overflow: hidden
}
.popup .block-4 h2:after {
    position: absolute;
    right: 359px;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    top: 75.73px;
    width: 32px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.popup .block-4:after {
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: 75.73px;
    right: 392px;
    -webkit-transform-origin: 37px 50%;
    -moz-transform-origin: 37px 50%;
    -ms-transform-origin: 37px 50%;
    -o-transform-origin: 37px 50%;
    transform-origin: 37px 50%;
    -webkit-transform: translate3d(50%, -50%, 0)rotate(-45deg);
    -moz-transform: translate3d(50%, -50%, 0)rotate(-45deg);
    -ms-transform: translate3d(50%, -50%, 0)rotate(-45deg);
    -o-transform: translate3d(50%, -50%, 0)rotate(-45deg);
    transform: translate3d(50%, -50%, 0)rotate(-45deg);
    border-radius: 50%
}
.popup .block-5 {
    right: 74.67px;
    top: 437.33px
}
.popup .block-5 h2:before {
    position: absolute;
    right: 0;
    top: 33.07px;
    width: 270.93px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    overflow: hidden
}
.popup .block-5 h2:after {
    position: absolute;
    right: 269.93px;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    top: 33.07px;
    width: 50.67px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.popup .block-5:after {
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: 33.07px;
    right: 321.6px;
    -webkit-transform-origin: 55.67px 50%;
    -moz-transform-origin: 55.67px 50%;
    -ms-transform-origin: 55.67px 50%;
    -o-transform-origin: 55.67px 50%;
    transform-origin: 55.67px 50%;
    -webkit-transform: translate3d(50%, -50%, 0)rotate(-45deg);
    -moz-transform: translate3d(50%, -50%, 0)rotate(-45deg);
    -ms-transform: translate3d(50%, -50%, 0)rotate(-45deg);
    -o-transform: translate3d(50%, -50%, 0)rotate(-45deg);
    transform: translate3d(50%, -50%, 0)rotate(-45deg);
    border-radius: 50%
}
.popup .block-5:before {
    width: 111.47px;
    height: 75.73px;
    top: 38.93px;
    right: 266.67px
}
@media (min-width: 1280px) {
    .popup .block-2 h2:after,
    .popup .block-2 h2:before,
    .popup .block-2:after,
    .popup .block-3 h2:after,
    .popup .block-3 h2:before,
    .popup .block-4 h2:after,
    .popup .block-4 h2:before,
    .popup .block-4:after,
    .popup .block-5 h2:after,
    .popup .block-5 h2:before,
    .popup .block-5:after {
        background: #fff;
        position: absolute;
        content: ''
    }
    .branding {
        width: 297.33px
    }
    .branding .logo {
        width: 297.33px;
        height: 36.67px;
        margin: -8.67px 0 0
    }
    .branding .name {
        font-size: 33.33px;
        margin: 40px 0 0 -.1em
    }
    .branding .name:after {
        width: 607.33px;
        height: 34px;
        right: -46.67px;
        bottom: -43.33px
    }
    .details,
    .info {
        width: 288.67px
    }
    .info {
        height: 329.33px;
        padding: 40px
    }
    .info h2 {
        font-size: 29.33px
    }
    .info p {
        font-size: 20px
    }
    .info .big {
        font-size: 23.33px
    }
    .info .small {
        font-size: 18px
    }
    .details {
        height: 121.33px;
        font-size: 23.33px;
        padding: 26.67px 0 0
    }
    .popup .block,
    .popup article {
        font-size: 18.67px
    }
    .details:after {
        width: 48px;
        height: 48px
    }
    .popup article {
        border-radius: 10px;
        width: 1193.33px;
        height: 746.67px
    }
    .popup article:before {
        height: 300px
    }
    .popup .close {
        top: 50px;
        right: 93.33px;
        border: 2px solid #fff;
        width: 40px;
        height: 40px
    }
    .popup .close:before {
        left: 6.67px;
        right: 6.67px;
        border-top: 2px solid #fff;
        margin: -1px 0 0
    }
    .popup .close:after {
        top: 6.67px;
        bottom: 6.67px;
        border-left: 2px solid #fff;
        margin: 0 0 0 -1px
    }
    .popup .logo-small {
        width: 238.67px;
        height: 53.33px;
        top: 50px
    }
    .popup .block h2 {
        font-size: 28px
    }
    .popup .block h2 small {
        font-size: 18.67px
    }
    .popup .block p {
        margin: 23.33px 0
    }
    .popup .block-1 {
        left: 93.33px;
        top: 133.33px
    }
    .popup .block-1 h2:before {
        border-top: 2px solid #fff;
        top: 166.67px;
        width: 1003.33px
    }
    .popup .block-1:after {
        width: 244.67px;
        height: 226.67px;
        top: -23.33px;
        left: 580px
    }
    .popup .block-2 {
        left: 93.33px;
        top: 326.67px
    }
    .popup .block-2 h2:before {
        left: 0;
        top: 73.33px;
        width: 390px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden
    }
    .popup .block-2 h2:after {
        left: 389px;
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        -o-transform-origin: 0 50%;
        transform-origin: 0 50%;
        top: 73.33px;
        width: 60px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden;
        -webkit-transform: rotate(47deg);
        -moz-transform: rotate(47deg);
        -ms-transform: rotate(47deg);
        -o-transform: rotate(47deg);
        transform: rotate(47deg)
    }
    .popup .block-2:after {
        width: 10px;
        height: 10px;
        top: 73.33px;
        left: 450px;
        -webkit-transform-origin: -55px 50%;
        -moz-transform-origin: -55px 50%;
        -ms-transform-origin: -55px 50%;
        -o-transform-origin: -55px 50%;
        transform-origin: -55px 50%;
        -webkit-transform: translate3d(-50%, -50%, 0)rotate(47deg);
        -moz-transform: translate3d(-50%, -50%, 0)rotate(47deg);
        -ms-transform: translate3d(-50%, -50%, 0)rotate(47deg);
        -o-transform: translate3d(-50%, -50%, 0)rotate(47deg);
        transform: translate3d(-50%, -50%, 0)rotate(47deg);
        border-radius: 50%
    }
    .popup .block-2:before {
        width: 190px;
        height: 160px;
        top: 86.67px;
        left: 366.67px
    }
    .popup .block-3 {
        left: 93.33px;
        top: 546.67px
    }
    .popup .block-3 h2:before {
        left: 0;
        top: 73.33px;
        width: 390px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden
    }
    .popup .block-3 h2:after {
        left: 389px;
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        -o-transform-origin: 0 50%;
        transform-origin: 0 50%;
        top: 73.33px;
        width: 126.67px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden;
        -webkit-transform: rotate(-47deg);
        -moz-transform: rotate(-47deg);
        -ms-transform: rotate(-47deg);
        -o-transform: rotate(-47deg);
        transform: rotate(-47deg)
    }
    .popup .block-3:after {
        content: '';
        width: 10px;
        height: 10px;
        background: #fff;
        position: absolute;
        top: 73.33px;
        left: 516.67px;
        -webkit-transform-origin: -121.67px 50%;
        -moz-transform-origin: -121.67px 50%;
        -ms-transform-origin: -121.67px 50%;
        -o-transform-origin: -121.67px 50%;
        transform-origin: -121.67px 50%;
        -webkit-transform: translate3d(-50%, -50%, 0)rotate(-47deg);
        -moz-transform: translate3d(-50%, -50%, 0)rotate(-47deg);
        -ms-transform: translate3d(-50%, -50%, 0)rotate(-47deg);
        -o-transform: translate3d(-50%, -50%, 0)rotate(-47deg);
        transform: translate3d(-50%, -50%, 0)rotate(-47deg);
        border-radius: 50%
    }
    .popup .block-4 {
        right: 93.33px;
        top: 326.67px
    }
    .popup .block-4 h2:before {
        right: 0;
        top: 94.67px;
        width: 450px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden
    }
    .popup .block-4 h2:after {
        right: 449px;
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        -o-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        top: 94.67px;
        width: 40px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .popup .block-4:after {
        width: 10px;
        height: 10px;
        top: 94.67px;
        right: 490px;
        -webkit-transform-origin: 45px 50%;
        -moz-transform-origin: 45px 50%;
        -ms-transform-origin: 45px 50%;
        -o-transform-origin: 45px 50%;
        transform-origin: 45px 50%;
        -webkit-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -moz-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -ms-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -o-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        transform: translate3d(50%, -50%, 0)rotate(-45deg);
        border-radius: 50%
    }
    .popup .block-5 {
        right: 93.33px;
        top: 546.67px
    }
    .popup .block-5 h2:before {
        right: 0;
        top: 41.33px;
        width: 338.67px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden
    }
    .popup .block-5 h2:after {
        right: 337.67px;
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        -o-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        top: 41.33px;
        width: 63.33px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .popup .block-5:after {
        width: 10px;
        height: 10px;
        top: 41.33px;
        right: 402px;
        -webkit-transform-origin: 68.33px 50%;
        -moz-transform-origin: 68.33px 50%;
        -ms-transform-origin: 68.33px 50%;
        -o-transform-origin: 68.33px 50%;
        transform-origin: 68.33px 50%;
        -webkit-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -moz-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -ms-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -o-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        transform: translate3d(50%, -50%, 0)rotate(-45deg);
        border-radius: 50%
    }
    .popup .block-5:before {
        width: 139.33px;
        height: 94.67px;
        top: 48.67px;
        right: 333.33px
    }
}
@media (min-width: 1680px) {
    .popup .block-2 h2:after,
    .popup .block-2 h2:before,
    .popup .block-2:after,
    .popup .block-3 h2:after,
    .popup .block-3 h2:before,
    .popup .block-4 h2:after,
    .popup .block-4 h2:before,
    .popup .block-4:after,
    .popup .block-5 h2:after,
    .popup .block-5 h2:before,
    .popup .block-5:after {
        background: #fff;
        position: absolute;
        content: ''
    }
    .branding {
        width: 390.25px
    }
    .branding .logo {
        width: 390.25px;
        height: 48.13px;
        margin: -11.38px 0 0
    }
    .branding .name {
        font-size: 43.75px;
        margin: 52.5px 0 0 -.1em
    }
    .branding .name:after {
        width: 797.13px;
        height: 44.63px;
        right: -61.25px;
        bottom: -56.88px
    }
    .details,
    .info {
        width: 378.88px
    }
    .info {
        height: 432.25px;
        padding: 52.5px
    }
    .info h2 {
        font-size: 38.5px
    }
    .info p {
        font-size: 26.25px
    }
    .info .big {
        font-size: 30.63px
    }
    .info .small {
        font-size: 23.63px
    }
    .details {
        height: 159.25px;
        font-size: 30.63px;
        padding: 35px 0 0
    }
    .popup .block,
    .popup article {
        font-size: 24.5px
    }
    .details:after {
        width: 63px;
        height: 63px
    }
    .popup article {
        border-radius: 13.13px;
        width: 1566.25px;
        height: 980px
    }
    .popup article:before {
        height: 393.75px
    }
    .popup .close {
        top: 65.63px;
        right: 122.5px;
        border: 2px solid #fff;
        width: 52.5px;
        height: 52.5px
    }
    .popup .close:before {
        left: 8.75px;
        right: 8.75px;
        border-top: 2px solid #fff;
        margin: -1px 0 0
    }
    .popup .close:after {
        top: 8.75px;
        bottom: 8.75px;
        border-left: 2px solid #fff;
        margin: 0 0 0 -1px
    }
    .popup .logo-small {
        width: 313.25px;
        height: 70px;
        top: 65.63px
    }
    .popup .block h2 {
        font-size: 36.75px
    }
    .popup .block h2 small {
        font-size: 24.5px
    }
    .popup .block p {
        margin: 30.63px 0
    }
    .popup .block-1 {
        left: 122.5px;
        top: 175px
    }
    .popup .block-1 h2:before {
        border-top: 2px solid #fff;
        top: 218.75px;
        width: 1316.88px
    }
    .popup .block-1:after {
        width: 321.13px;
        height: 297.5px;
        top: -30.63px;
        left: 761.25px
    }
    .popup .block-2 {
        left: 122.5px;
        top: 428.75px
    }
    .popup .block-2 h2:before {
        left: 0;
        top: 96.25px;
        width: 511.88px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden
    }
    .popup .block-2 h2:after {
        left: 510.88px;
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        -o-transform-origin: 0 50%;
        transform-origin: 0 50%;
        top: 96.25px;
        width: 78.75px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden;
        -webkit-transform: rotate(47deg);
        -moz-transform: rotate(47deg);
        -ms-transform: rotate(47deg);
        -o-transform: rotate(47deg);
        transform: rotate(47deg)
    }
    .popup .block-2:after {
        width: 10px;
        height: 10px;
        top: 96.25px;
        left: 590.63px;
        -webkit-transform-origin: -73.75px 50%;
        -moz-transform-origin: -73.75px 50%;
        -ms-transform-origin: -73.75px 50%;
        -o-transform-origin: -73.75px 50%;
        transform-origin: -73.75px 50%;
        -webkit-transform: translate3d(-50%, -50%, 0)rotate(47deg);
        -moz-transform: translate3d(-50%, -50%, 0)rotate(47deg);
        -ms-transform: translate3d(-50%, -50%, 0)rotate(47deg);
        -o-transform: translate3d(-50%, -50%, 0)rotate(47deg);
        transform: translate3d(-50%, -50%, 0)rotate(47deg);
        border-radius: 50%
    }
    .popup .block-2:before {
        width: 249.38px;
        height: 210px;
        top: 113.75px;
        left: 481.25px
    }
    .popup .block-3 {
        left: 122.5px;
        top: 717.5px
    }
    .popup .block-3 h2:before {
        left: 0;
        top: 96.25px;
        width: 511.88px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden
    }
    .popup .block-3 h2:after {
        left: 510.88px;
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        -o-transform-origin: 0 50%;
        transform-origin: 0 50%;
        top: 96.25px;
        width: 166.25px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden;
        -webkit-transform: rotate(-47deg);
        -moz-transform: rotate(-47deg);
        -ms-transform: rotate(-47deg);
        -o-transform: rotate(-47deg);
        transform: rotate(-47deg)
    }
    .popup .block-3:after {
        content: '';
        width: 10px;
        height: 10px;
        background: #fff;
        position: absolute;
        top: 96.25px;
        left: 678.13px;
        -webkit-transform-origin: -161.25px 50%;
        -moz-transform-origin: -161.25px 50%;
        -ms-transform-origin: -161.25px 50%;
        -o-transform-origin: -161.25px 50%;
        transform-origin: -161.25px 50%;
        -webkit-transform: translate3d(-50%, -50%, 0)rotate(-47deg);
        -moz-transform: translate3d(-50%, -50%, 0)rotate(-47deg);
        -ms-transform: translate3d(-50%, -50%, 0)rotate(-47deg);
        -o-transform: translate3d(-50%, -50%, 0)rotate(-47deg);
        transform: translate3d(-50%, -50%, 0)rotate(-47deg);
        border-radius: 50%
    }
    .popup .block-4 {
        right: 122.5px;
        top: 428.75px
    }
    .popup .block-4 h2:before {
        right: 0;
        top: 124.25px;
        width: 590.63px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden
    }
    .popup .block-4 h2:after {
        right: 589.63px;
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        -o-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        top: 124.25px;
        width: 52.5px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .popup .block-4:after {
        width: 10px;
        height: 10px;
        top: 124.25px;
        right: 643.13px;
        -webkit-transform-origin: 57.5px 50%;
        -moz-transform-origin: 57.5px 50%;
        -ms-transform-origin: 57.5px 50%;
        -o-transform-origin: 57.5px 50%;
        transform-origin: 57.5px 50%;
        -webkit-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -moz-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -ms-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -o-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        transform: translate3d(50%, -50%, 0)rotate(-45deg);
        border-radius: 50%
    }
    .popup .block-5 {
        right: 122.5px;
        top: 717.5px
    }
    .popup .block-5 h2:before {
        right: 0;
        top: 54.25px;
        width: 444.5px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden
    }
    .popup .block-5 h2:after {
        right: 443.5px;
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        -o-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        top: 54.25px;
        width: 83.13px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .popup .block-5:after {
        width: 10px;
        height: 10px;
        top: 54.25px;
        right: 527.63px;
        -webkit-transform-origin: 88.13px 50%;
        -moz-transform-origin: 88.13px 50%;
        -ms-transform-origin: 88.13px 50%;
        -o-transform-origin: 88.13px 50%;
        transform-origin: 88.13px 50%;
        -webkit-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -moz-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -ms-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -o-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        transform: translate3d(50%, -50%, 0)rotate(-45deg);
        border-radius: 50%
    }
    .popup .block-5:before {
        width: 182.88px;
        height: 124.25px;
        top: 63.88px;
        right: 437.5px
    }
}
@media (min-width: 1920px) {
    .popup .block-2 h2:after,
    .popup .block-2 h2:before,
    .popup .block-2:after,
    .popup .block-3 h2:after,
    .popup .block-3 h2:before,
    .popup .block-4 h2:after,
    .popup .block-4 h2:before,
    .popup .block-4:after,
    .popup .block-5 h2:after,
    .popup .block-5 h2:before,
    .popup .block-5:after {
        background: #fff;
        position: absolute;
        content: ''
    }
    .branding {
        width: 446px
    }
    .branding .logo {
        width: 446px;
        height: 55px;
        margin: -13px 0 0
    }
    .branding .name {
        font-size: 50px;
        margin: 60px 0 0 -.1em
    }
    .branding .name:after {
        width: 911px;
        height: 51px;
        right: -70px;
        bottom: -65px
    }
    .info {
        width: 433px;
        height: 494px;
        padding: 60px
    }
    .info h2 {
        font-size: 44px
    }
    .info p {
        font-size: 30px
    }
    .info .big {
        font-size: 35px
    }
    .info .small {
        font-size: 27px
    }
    .details {
        width: 433px;
        height: 182px;
        font-size: 35px;
        padding: 40px 0 0
    }
    .popup .block,
    .popup article {
        font-size: 28px
    }
    .details:after {
        width: 72px;
        height: 72px
    }
    .popup article {
        border-radius: 15px;
        width: 1790px;
        height: 1120px
    }
    .popup article:before {
        height: 450px
    }
    .popup .close {
        top: 75px;
        right: 140px;
        border: 2px solid #fff;
        width: 60px;
        height: 60px;
    }
    .popup .close:before {
        left: 10px;
        right: 10px;
        border-top: 2px solid #fff;
        margin: -1px 0 0
    }
    .popup .close:after {
        top: 10px;
        bottom: 10px;
        border-left: 2px solid #fff;
        margin: 0 0 0 -1px
    }
    .popup .logo-small {
        width: 358px;
        height: 80px;
        top: 75px
    }
    .popup .block h2 {
        font-size: 42px
    }
    .popup .block h2 small {
        font-size: 28px
    }
    .popup .block p {
        margin: 35px 0
    }
    .popup .block-1 {
        left: 140px;
        top: 200px
    }
    .popup .block-1 h2:before {
        border-top: 2px solid #fff;
        top: 250px;
        width: 1505px
    }
    .popup .block-1:after {
        width: 367px;
        height: 340px;
        top: -35px;
        left: 870px
    }
    .popup .block-2 {
        left: 140px;
        top: 490px
    }
    .popup .block-2 h2:before {
        left: 0;
        top: 110px;
        width: 585px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden
    }
    .popup .block-2 h2:after {
        left: 584px;
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        -o-transform-origin: 0 50%;
        transform-origin: 0 50%;
        top: 110px;
        width: 90px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden;
        -webkit-transform: rotate(47deg);
        -moz-transform: rotate(47deg);
        -ms-transform: rotate(47deg);
        -o-transform: rotate(47deg);
        transform: rotate(47deg)
    }
    .popup .block-2:after {
        width: 10px;
        height: 10px;
        top: 110px;
        left: 675px;
        -webkit-transform-origin: -85px 50%;
        -moz-transform-origin: -85px 50%;
        -ms-transform-origin: -85px 50%;
        -o-transform-origin: -85px 50%;
        transform-origin: -85px 50%;
        -webkit-transform: translate3d(-50%, -50%, 0)rotate(47deg);
        -moz-transform: translate3d(-50%, -50%, 0)rotate(47deg);
        -ms-transform: translate3d(-50%, -50%, 0)rotate(47deg);
        -o-transform: translate3d(-50%, -50%, 0)rotate(47deg);
        transform: translate3d(-50%, -50%, 0)rotate(47deg);
        border-radius: 50%
    }
    .popup .block-2:before {
        width: 285px;
        height: 240px;
        top: 130px;
        left: 550px
    }
    .popup .block-3 {
        left: 140px;
        top: 820px
    }
    .popup .block-3 h2:before {
        left: 0;
        top: 110px;
        width: 585px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden
    }
    .popup .block-3 h2:after {
        left: 584px;
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        -o-transform-origin: 0 50%;
        transform-origin: 0 50%;
        top: 110px;
        width: 190px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden;
        -webkit-transform: rotate(-47deg);
        -moz-transform: rotate(-47deg);
        -ms-transform: rotate(-47deg);
        -o-transform: rotate(-47deg);
        transform: rotate(-47deg)
    }
    .popup .block-3:after {
        content: '';
        width: 10px;
        height: 10px;
        background: #fff;
        position: absolute;
        top: 110px;
        left: 775px;
        -webkit-transform-origin: -185px 50%;
        -moz-transform-origin: -185px 50%;
        -ms-transform-origin: -185px 50%;
        -o-transform-origin: -185px 50%;
        transform-origin: -185px 50%;
        -webkit-transform: translate3d(-50%, -50%, 0)rotate(-47deg);
        -moz-transform: translate3d(-50%, -50%, 0)rotate(-47deg);
        -ms-transform: translate3d(-50%, -50%, 0)rotate(-47deg);
        -o-transform: translate3d(-50%, -50%, 0)rotate(-47deg);
        transform: translate3d(-50%, -50%, 0)rotate(-47deg);
        border-radius: 50%
    }
    .popup .block-4 {
        right: 140px;
        top: 490px
    }
    .popup .block-4 h2:before {
        right: 0;
        top: 142px;
        width: 675px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden
    }
    .popup .block-4 h2:after {
        right: 674px;
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        -o-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        top: 142px;
        width: 60px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .popup .block-4:after {
        width: 10px;
        height: 10px;
        top: 142px;
        right: 735px;
        -webkit-transform-origin: 65px 50%;
        -moz-transform-origin: 65px 50%;
        -ms-transform-origin: 65px 50%;
        -o-transform-origin: 65px 50%;
        transform-origin: 65px 50%;
        -webkit-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -moz-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -ms-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -o-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        transform: translate3d(50%, -50%, 0)rotate(-45deg);
        border-radius: 50%
    }
    .popup .block-5 {
        right: 140px;
        top: 820px
    }
    .popup .block-5 h2:before {
        right: 0;
        top: 62px;
        width: 508px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden
    }
    .popup .block-5 h2:after {
        right: 507px;
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        -o-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        top: 62px;
        width: 95px;
        height: 2px;
        border-radius: 2px;
        overflow: hidden;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .popup .block-5:after {
        width: 10px;
        height: 10px;
        top: 62px;
        right: 603px;
        -webkit-transform-origin: 100px 50%;
        -moz-transform-origin: 100px 50%;
        -ms-transform-origin: 100px 50%;
        -o-transform-origin: 100px 50%;
        transform-origin: 100px 50%;
        -webkit-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -moz-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -ms-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        -o-transform: translate3d(50%, -50%, 0)rotate(-45deg);
        transform: translate3d(50%, -50%, 0)rotate(-45deg);
        border-radius: 50%
    }
    .popup .block-5:before {
        width: 209px;
        height: 142px;
        top: 73px;
        right: 500px
    }
}




/***********************
     Mobile  
   **********************************/
 .text_mobile{
    display: none;
 }
 .text_mobile .container-fluid{
    margin-top: 20px;
 }
 .text_mobile .notice, .text_mobile  .langues{
    text-align: center;
    font-size: 16px;
 }
 .text_mobile  .options{
    display: none;
 }
 .text_mobile .noice a{
   display: inline-block;
 }
 .modal-dialog .langues {
    text-align: center;
 }
 .popup .close span{
    display: none;
 }
 #modalPopup{
    font-size: 14px;
    color: #79cbef;
 }
  #modalPopup h6{
   text-transform: uppercase;
   font-size: 15px;
  }
  #modalPopup h6,#modalPopup p{
    margin-bottom: 25px;
  }
  #modalPopup ul{
    padding-left: 15px;
  }
  #modalPopup ul li{
    display: list-item;
    list-style-type: disc; 
    padding-left: 15px;
    margin-bottom: 4px;
  }
  #modalPopup .modal-body{
     padding-top: 30px;
  }
  #modalPopup .info_popup{
       border-top: 1px solid #79cbef;
     margin: 30px -15px 15px -15px;
     padding: 30px 40px 0 40px;
  }
  #modalPopup .info_popup p{
    padding:0 0 0 60px;
    background-position: 8px 0;
    background-repeat: no-repeat;
  }
   #modalPopup .info_popup p.consulter{
     background-image: url(../images/consulter.svg);
     padding-bottom:10px;
     background-size: 32px auto;
   }
   #modalPopup .info_popup p.temperature{
     background-image: url(../images/temperature.svg);
     padding-bottom: 23px;
      background-position: left 0;
      background-size: 43px auto;
   }
   #modalPopup .info_popup p.prudence{
     background-image: url(../images/prudance.svg);
     padding-top: 7px;
     padding-bottom: 5px;
     background-size: 26px auto;
   }
   #modalPopup .info_popup p.siege{
    background-image: url("../images/siege.svg");
    background-size: 25px auto;
   }
   #modalPopup .close_popup{
      color: #79cbef;
      /*border: 3px solid #79cbef;*/
      border-radius: 50%;
      width: 40px;
      height: 40px;
      line-height: 38px;
      text-align: center;
      position: absolute;
      top: 10px;
      right: 10px;
      opacity: 1;
      z-index: 1;
      font-size: 18px;
      background:none;
   }

@media screen and (max-width:1024px){
    .videos,.videos .video,.videos .video video,.links,.links a,.text{
        position: static;
        height: auto;
        width: 100%;
        -ms-transform: none ;
        -moz-transform: none  ;
        -webkit-transform: none  ;
        transform: none  ;
    }
    .videos{
        margin-bottom:20px;
        border-bottom: 5px solid #7ccbef; 
    }
    .videos .video .option_video,.videos .video .play_video{
       left: 10px;
       top: 76px !important;
       right: auto !important;
    }
    .videos .video .option_video.skip{
      top: 142px  !important;
   }
   .videos .video .play_video.replay{
      top: 10px  !important;
   }
    .text{
        text-align: center;
        display: block;
        margin-bottom:20px;
        width:100% !important;
        height: auto !important;
    }
    .text .logo{
        background: none;
        padding: 0;
    }
    .text .bloc1{
      padding: 0;
      margin-bottom: 20px;
      margin: 0 0 20px 0;
      background: none;
      height: auto;
    }
    .text .bloc2,.text .sep,.text .bloc1 h5,.text .bloc1 h6,.text_desktop{     
      display: none;
    }
    .text_mobile{
      display: block;
    }
    .links{
        text-align: center;
        overflow: hidden;
        max-width: 414px;
        margin: 0 auto;
        position: static;
          -ms-transform: none;  
    -webkit-transform: none; 
    transform: none;
    height: auto !important;
    width: 100% !important;
    }
    .links a{
      text-indent: 0;       
      padding: 0 15px;
      line-height: 35px;
      color: #fff;
      font-size: 16px;
      width: 47%;
      display: inline-block !important;
      text-align: right;
      margin:0 5px 14px 0;
      background: url(../images/btn_mobile_left.png) no-repeat;
      background-size: 100% 35px;
    }
    .links a:after {
      display: none;
    }
    .links a:nth-child(2n) {
      background-image: url(../images/btn_mobile_right.png);
      text-align: left;
      margin-right: 0;
    }
    .popup{
        background: rgba(0,0,0,0.4);
        padding: 20px;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .popup article {
      background-color: #fff;
      color: #7dcaee;
      padding: 20px;
      overflow: scroll;
      -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
        max-height: 100%;
        position: static;
    }
    .popup .block-1 h2:before,
.popup .block-1:after,
.popup .block-2 h2:after,
.popup .block-2:after,
.popup .block-2:before,
.popup .block-3 h2:after,
.popup .block-3 h2:before,
.popup .block-3:after,
.popup .block-4 h2:after,
.popup .block-4 h2:before,
.popup .block-4:after,
.popup .block-5 h2:after,
.popup .block-5 h2:before,
.popup .block-5:after,
.popup .block-5:before,
.popup .close:after,
.popup .close:before,
.popup article:before {
    display: none !important;
}
.popup .block-1,.popup .block-2,.popup .block-3,.popup .block-4,.popup .block-5 {
 position: static;
 text-align: left;
}
.popup .close {
    top: 10px;
    right:10px;
}
.popup .close:before,.popup .close:after,.popup .close {
    border-color: #000;
    border-left-color:#000;
    border-right-color:#000;
    color: #000;
}
.popup .logo-small{
    display: none;
}
 .popup .close{
    -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
 }
 .popup .close span{
    display: inline;
    color: #000;
    position: absolute;
    left: 8px;
    top: 7px;
    font-size: 13px;
 }

.videos .video{
    display: none;

}
.videos .video.active{
    display: block;
}

}
@media screen and (max-width:768px){
    .videos,.videos .video,.videos .video video,.links,.links a,.text{
        position: static;
        height: auto;
        width: 100%;
        -ms-transform: none ;
        -moz-transform: none  ;
        -webkit-transform: none  ;
        transform: none  ;
    }
    .videos{
        margin-bottom:20px;
        border-bottom: 5px solid #7ccbef; 
    }
    .videos .video .option_video,.videos .video .play_video{
       left: 10px;
       top: 76px !important;
       right: auto !important;
    }
    .videos .video .option_video.skip{
      top: 142px  !important;
   }
   .videos .video .play_video.replay{
      top: 10px  !important;
   }
    .text{
        text-align: center;
        display: block;
        margin-bottom:20px;
        width:100% !important;
        height: auto !important;
    }
    .text .logo{
        background: none;
        padding: 0;
    }
    .text .bloc1{
      padding: 0;
      margin-bottom: 20px;
      margin: 0 0 20px 0;
      background: none;
      height: auto;
    }
    .text .bloc2,.text .sep,.text .bloc1 h5,.text .bloc1 h6,.text_desktop{     
      display: none;
    }
    .text_mobile{
      display: block;
    }
    .links{
        text-align: center;
        overflow: hidden;
        max-width: 414px;
        margin: 0 auto;
        position: static;
          -ms-transform: none;  
    -webkit-transform: none; 
    transform: none;
    height: auto !important;
    width: 100% !important;
    }
    .links a{
      text-indent: 0;       
      padding: 0 15px;
      line-height: 35px;
      color: #fff;
      font-size: 16px;
      width: 47%;
      display: inline-block !important;
      text-align: right;
      margin:0 5px 14px 0;
      background: url(../images/btn_mobile_left.png) no-repeat;
      background-size: 100% 35px;
    }
    .links a:after {
      display: none;
    }
    .links a:nth-child(2n) {
      background-image: url(../images/btn_mobile_right.png);
      text-align: left;
      margin-right: 0;
    }
    .popup{
        background: rgba(0,0,0,0.4);
        padding: 20px;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .popup article {
      background-color: #fff;
      color: #7dcaee;
      padding: 20px;
      overflow: scroll;
      -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
        max-height: 100%;
        position: static;
    }
    .popup .block-1 h2:before,
.popup .block-1:after,
.popup .block-2 h2:after,
.popup .block-2:after,
.popup .block-2:before,
.popup .block-3 h2:after,
.popup .block-3 h2:before,
.popup .block-3:after,
.popup .block-4 h2:after,
.popup .block-4 h2:before,
.popup .block-4:after,
.popup .block-5 h2:after,
.popup .block-5 h2:before,
.popup .block-5:after,
.popup .block-5:before,
.popup .close:after,
.popup .close:before,
.popup article:before {
    display: none !important;
}
.popup .block-1,.popup .block-2,.popup .block-3,.popup .block-4,.popup .block-5 {
 position: static;
 text-align: left;
}
.popup .close {
    top: 10px;
    right:10px;
}
.popup .close:before,.popup .close:after,.popup .close {
    border-color: #000;
    border-left-color:#000;
    border-right-color:#000;
    color: #000;
}
.popup .logo-small{
    display: none;
}
 .popup .close{
    -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
 }
 .popup .close span{
    display: inline;
    color: #000;
    position: absolute;
    left: 8px;
    top: 7px;
    font-size: 13px;
 }

.videos .video{
    display: none;

}
.videos .video.active{
    display: block;
}

}
@media screen and (max-height:1215px){
  .text {
     width: 400px;
  }
  .text .logo{
     background-size: 100% auto;
     padding-right: 24px;
     font-size: 25px;
  }
  .text .logo img{
   margin-bottom: 10px;
  }
  .text .bloc1 {
   background-size: 100% 100%;
   padding-bottom: 25px;
   height: auto;
  }
  .text .bloc2 {
   background-size: 100% 100%;
   height: 129px;
  }
  .text h3 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .text p {
    font-size: 26px;
  }
  .text h5 {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .text h6{
    font-size: 22px;
  }
  .text .bloc2 .langues h6 {
    padding-top: 24px;
  }
  .text .bloc2 .notice a, .text .bloc2 .langues a.active {
    left: 1px;
  }
  .text .logo{
    margin-bottom: 90px;
  }
  .text .bloc1{
    margin-bottom: 80px;
  }
  .text .logo img{
    width: 370px;
  }
  .text .logo{
    width: 500px;
    font-size: 30px;
  }

 
}
@media screen and (max-height:800px){
  .text {
     width: 351px;
  }
  .text .logo{
     background-size: auto;
     padding-right: 0;
     text-align: left;
     font-size: 18px;
     width: auto;
  }
  .text .logo img{
   margin-bottom: 0;
   width: auto;
  }
   .text .bloc1 {
   background-size: auto;
   padding-bottom: 0;
   height: 321px;
  }
  .text .bloc2 {
   background-size: auto;
   height: auto;
  }
  .text h3 {
    font-size: 26px;
  }
  .text p {
    font-size: 19px;
  }
  .text h5 {
    font-size: 18px;
    margin-bottom: 0;
  }
  .text h6{
    font-size: 16px;
  }
  .text .bloc2 .langues h6 {
    padding-top: 17px;
}
.text .bloc2 .notice a, .text .bloc2 .langues a.active {
    left: -3px;
}
  .text .logo{
    margin-bottom: 48px;
  }
  .text .bloc1{
    margin-bottom: 40px;
  }
 
}
@media screen and (max-height:700px){
 .text {
  height: 90vh;
}
.text .logo {
  margin-bottom: 20px;
}
.text .bloc1 {
  background-size: 100% 100%;
  margin-bottom: 10px ;
  padding: 20px 40px;
  height: auto;
}

}
@media screen and (max-width:2554px){
 .text .bloc2,.text .bloc1{
      /*margin-left: 200px;*/
  }
  .text .logo{
    /*padding-left: 200px;*/
  }
  .text .bloc2,.text .bloc1{
   /*width: 335px*/
  }
  .text .logo{
    width: 604px;
  }
}
@media screen and (max-width:1447px){
 .text .bloc2,.text .bloc1{
      margin-left: 61px;
  }
  .text .logo{
    padding-left: 61px;
  }
  .text .bloc2,.text .bloc1,.text .logo{
   width: auto
  }
}
@media screen and (max-width:736px){
 
}
@media screen and (max-width:601px){
 
}
@media screen and (max-width:414px){
 
}
@media screen and (max-width:375px){
 
}
@media screen and (max-width:360px){
 
}
@media screen and (max-width:320px){
 
}