/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| |
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  {
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| |
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/
**************************************************************************
Copyright 2015 POINT WEB
type : screen
categorie : structure site
Auteur : SERCO POINTWEB
site :
**************************************************************************/

/************* COOKIES **************/
#impliedsubmit{ background:#fff; color:#000; font-family: 'robotoregular'; padding:5px 10px; border:none; font-size:12px;}
#cookiesdirective{opacity: 1 !important; margin: 0 auto !important; text-align: left !important; background-color: #fff6ce !important; border: 1px solid #bcb17b; color: #434343 !important;}
#cookiesdirective a{color: #434343 !important; text-decoration: underline;}
#impliedsubmit{background: none !important;  color: #434343 !important;}
#impliedsubmit:hover{cursor: pointer;}

/************* GENERAL **************/


*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0;
    padding:0;
    outline:none;
    word-break: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

section,article,header,footer,nav,aside {
    display: block;
}
table,td,blockquote,code,pre,textarea,input,video {
  max-width: 100%;
}
p, dd, ul{
	word-wrap: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}
li {
    list-style-type: none;
}
input, textarea, button {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

body {
    font-family: 'latoregular';
    background: #f9f9f9;
}

img {
    border: none;
    max-width: 100%;
    width: 100%;
    height: auto;
}

a {
    text-decoration: none;
    -webkit-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

a:focus, a:active, a:hover { text-decoration: none; outline: none;}
.btn:focus, .btn:hover { color: #FFF; outline: none;}

a:hover {
    text-decoration: none;
}

.paragraphe {
    font-size: 12px;
    margin-bottom: 15px;
    line-height: 19px;
    text-align: justify;
    word-wrap: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none;
}

hr{
    outline: none;
    border: none;
}

.clear {
    clear: both;
    background: none;
    outline: none;
    border: none;
    margin: 0;
}

.separateur{
    display: block;
    width: 100%;
    height: 1px;
    background: #d0d0d0;
    margin: 10px auto;
}
/* Font-Size */
.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}
.fs-15 {font-size: 15px;}
.fs-16 {font-size: 16px;}
.fs-17 {font-size: 17px;}
.fs-18 {font-size: 18px;}
.fs-19 {font-size: 19px;}
.fs-20 {font-size: 20px;}
.fs-25 {font-size: 25px;}
.fs-30 {font-size: 30px;}

/* Mise en forme */
.txt_align_c {text-align: center;}
.txt_align_l {text-align: left;}
.txt_align_r {text-align: right;}
.justify {text-align: justify;}
.bold {font-weight: 600;}
.black {font-weight: 800;}
.italic {font-style: italic;}
.uppercase {text-transform: uppercase;}
.underline {text-decoration: underline;}

/* Détection JS */

#jserror {
    background: #FFFFCC;
    border: #FF0000 solid 1px;
    color: #FF0000;
    padding: 10px;
    margin: 0 0 10px 0;
    float: left;
}
#jserror dt {
    font-weight: bold;
}

.myhr {
    border: none;
    outline: none;
}

/*--------------------------< FLASH NOTICE >--------------------------*/

.flash-notice{
    color: #e64014;
    background: #f5dcdc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0.5em 1em;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 1em;
    border:#e64014 solid 1px;
}

.flash-notice-validate{
    color: #50a98d;
    background: #daf0e9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0.5em 1em;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 1em;
    border:#50a98d solid 1px;
}
/*----------------------------------------------------< FONT FACE >---------------------------------------------------*/

@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black-webfont.eot');
    src: url('../fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lato-black-webfont.woff2') format('woff2'),
    url('../fonts/lato-black-webfont.woff') format('woff'),
    url('../fonts/lato-black-webfont.ttf') format('truetype'),
    url('../fonts/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lato-bold-webfont.woff2') format('woff2'),
    url('../fonts/lato-bold-webfont.woff') format('woff'),
    url('../fonts/lato-bold-webfont.ttf') format('truetype'),
    url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lato-light-webfont.woff2') format('woff2'),
    url('../fonts/lato-light-webfont.woff') format('woff'),
    url('../fonts/lato-light-webfont.ttf') format('truetype'),
    url('../fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lato-regular-webfont.woff2') format('woff2'),
    url('../fonts/lato-regular-webfont.woff') format('woff'),
    url('../fonts/lato-regular-webfont.ttf') format('truetype'),
    url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/lato-italic-webfont.eot');
    src: url('../fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lato-italic-webfont.woff2') format('woff2'),
    url('../fonts/lato-italic-webfont.woff') format('woff'),
    url('../fonts/lato-italic-webfont.ttf') format('truetype'),
    url('../fonts/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latosemibold';
    src: url('../fonts/lato-semibold-webfont.eot');
    src: url('../fonts/lato-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lato-semibold-webfont.woff2') format('woff2'),
    url('../fonts/lato-semibold-webfont.woff') format('woff'),
    url('../fonts/lato-semibold-webfont.ttf') format('truetype'),
    url('../fonts/lato-semibold-webfont.svg#latosemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*----------------------------------------------------< ANIMATIONS >---------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------< ANIMATION CONTENT >---------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes moveUp{
    0% {
        -webkit-transform: translateY(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

@-moz-keyframes moveUp{
    0% {
        -moz-transform: translateY(40px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0px);
        opacity: 1;
    }
}

@-o-keyframes moveUp{
    0% {
        -o-transform: translateY(40px);
        opacity: 0;
    }
    100% {
        -o-transform: translateY(0px);
        opacity: 1;
    }
}

@-ms-keyframes moveUp{
    0% {
        -ms-transform: translateY(40px);
        opacity: 0;
    }
    100% {
        -ms-transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes moveUp{
    0% {
        transform: translateY(40px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes moveDown{
    0% {
        -webkit-transform: translateY(-40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

@-moz-keyframes moveDown{
    0% {
        -moz-transform: translateY(-40px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0px);
        opacity: 1;
    }
}

@-o-keyframes moveDown{
    0% {
        -o-transform: translateY(-40px);
        opacity: 0;
    }
    100% {
        -o-transform: translateY(0px);
        opacity: 1;
    }
}

@-ms-keyframes moveDown{
    0% {
        -ms-transform: translateY(-40px);
        opacity: 0;
    }
    100% {
        -ms-transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes moveDown{
    0% {
        transform: translateY(-40px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes moveRight{
    0% {
        -webkit-transform: translateX(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes moveRight{
    0% {
        -moz-transform: translateX(40px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}

@-o-keyframes moveRight{
    0% {
        -o-transform: translateX(40px);
        opacity: 0;
    }
    100% {
        -o-transform: translateX(0px);
        opacity: 1;
    }
}

@-ms-keyframes moveRight{
    0% {
        -ms-transform: translateX(40px);
        opacity: 0;
    }
    100% {
        -ms-transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes moveRight{
    0% {
        transform: translateX(40px);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes moveLeft{
    0% {
        -webkit-transform: translateX(-40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes moveLeft{
    0% {
        -moz-transform: translateX(-40px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}

@-o-keyframes moveLeft{
    0% {
        -o-transform: translateX(-40px);
        opacity: 0;
    }
    100% {
        -o-transform: translateX(0px);
        opacity: 1;
    }
}

@-ms-keyframes moveLeft{
    0% {
        -ms-transform: translateX(-40px);
        opacity: 0;
    }
    100% {
        -ms-transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes moveLeft{
    0% {
        transform: translateX(-40px);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}


/*---------------------------< MENU >--------------------------------*/

#fixedMenu {
    position: fixed;
    z-index: 10;
    height: 92px;
    width: 100%;
    background: rgba(255, 255, 255, 1);
    color: white;
    -webkit-box-shadow: -4px 3px 5px rgba(55,44,34,.16);
    -moz-box-shadow: -4px 3px 5px rgba(55,44,34,.16);
    box-shadow: -4px 3px 5px rgba(55,44,34,.16);
    padding-top: 1.3em;
}

#fixedMenu .menu {  text-align: right; }

.menu li{ display: inline-block; padding: 1em 0 0 0; position: relative; margin-left: 1em;}

.menu li a{
    color: #444444;
    text-transform: uppercase;
    font-family: 'latoblack';
    padding-bottom: 2.8em;
    display: inline-block;
}

.menu li:last-child a { color: #004070;}
.menu li a:hover { color: #afafaf;}

.menuPages li:last-child a{ color: #444444;}

.menuAcces{ height: 113px !important;}

.menuAcces li {  margin: 0.8em 0 0 0; padding-top: 0.1em; margin-left: 1em;}
.menuAcces li a {  padding-bottom: 0.8em;}

.menu-trigger{ padding-top: 0.6em;}

.menuPages li.active a, .menuAcces li.active a{ border-bottom: 2px solid #004070; color:#004070; }
.menu li a.active{border-bottom: 2px solid #004070; color:#004070;}


.menu ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 120%;
    background: #fff;
    padding:0;
    border-top: solid 2px #003962;
    font-size: 10px;
    font-family: 'latosemibold';
    text-align: center;
    -webkit-box-shadow: 0 0 5px rgba(55,44,34,.5);
    -moz-box-shadow: 0 0 5px rgba(55,44,34,.5);
    box-shadow: 0 0 5px rgba(55,44,34,.5);
    z-index: 10;
}

.menu > ul > li > ul > li{ margin-left: 0}

.menu > ul > li > ul > li > a {
    background: white;
    color: #848484;
    padding: 1em;
    display: block;
    font-family: 'latosemibold';
    text-align: center;
    text-transform: uppercase;
    line-height: 15px;
}

.menu > ul > li > ul > li{ padding: 0; width: 100%;}

.menu > ul > li > ul > li > a:hover{ background: #f5f5f5;}

.menu > ul > li > ul > li:last-child > a{ color: #848484;}

.menu li:hover ul{ display: block;}

.menu li a::after {
    background-color: #28292B;
}

.menu li a::after {
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0;
    background-color: #003962;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.menu li a:hover:after {
    width: 100%;
    left: 0
}

.menu li:nth-child(2) a:hover:after, .menu li:nth-child(2) a::after{ background: none; transition: none;}

.menuAcces li:nth-child(2) a:hover:after,
.menuAcces li:nth-child(2) a::after{

    background-color: #003962;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

}

.menu-trigger-acces{ margin: 0 !important;}

/*---------------------------< ACCES CLIENTS >--------------------------------*/

.menuAcces h1{ margin-top: 0.4em !important;}

#connexion img{ width: auto; float: right; height: 50px;}
#connexion p{ float: right; color: #9d9d9d; text-transform: uppercase; font-size: 0.875em; padding: 1.4em 1em 0 0;}

#content .showProductAcces{ margin-top:2em;}

.specificite{ color: #004070; font-family: 'latobold'; padding: 1.5em 0 0 18%;}

.specificite a.btnDownload{ float: right !important;}

.btn i{ margin-right: 0.5em;}

.listPdf{ color: #004070; padding: 1em 2em;}
.listPdf i{ margin-right: 0.5em;}
.listPdf li{ margin-bottom: 0.8em}
.listPdf li a{ color: #004070;}

#formPass{ width: 100%; margin: 0 auto;}

#formPass input[type=submit]{ float: left; width: auto; line-height: 0; margin-left: 15%;}

#formPass legend, #accesPageConnexion legend{ color: #004070; font-family: 'latobold'; font-size: 1.250em;}

#formPass .form-group{ margin: 0;}

#formPass label{ display: inline-block; float: left; width:15%; margin-top: 0.5em;}
#formPass  input { float: left; width: 85%;}

.well{ background: #FFF; margin: 0 auto; float: none; width: 50%; padding: 2em;}

#formPass p{ margin-bottom: 1.5em;}


#accesPageConnexion{ width: 50%; margin: 0 auto; float: none}

#accesPageConnexion label{ display: inline-block; float: left; width:25%; margin-top: 0.5em;}
#accesPageConnexion input { float: left; width: 75%;}
#accesPageConnexion .form-group{ margin-bottom: 1em; width: 100%; float: left;}

#accesPageConnexion input[type=submit]{ float: left; width: auto; line-height: 0; margin-left: 25%; margin-top: 0;}

/*---------------------------< TABS SHOW ACCES CLIENT >--------------------------------*/

.accordion{
    background: #FFF;
    -webkit-box-shadow: 0 0 3px rgba(55,44,34,.5);
    -moz-box-shadow: 0 0 3px rgba(55,44,34,.5);
    box-shadow: 0 0 3px rgba(55,44,34,.5);
    width: 100%;
    float: left;
    margin-top: 2em;

}
.toggler{
    background: #FFF;
    width: 100%;
    border-bottom: #cecece solid 1px;
    border-top:none;
    border-left:none;
    border-right:none;
    color: #848484;
    font-family: 'latoblack';
    text-transform: uppercase;
    padding: 0.8em 1.5em;
    text-align: left;
    font-size: 0.875em;
    display: block;
    clear: both;
}

/*.toggler-li:last-child .toggler{ border-bottom: none;}*/

.accordion .active{ background: #f5f5f5; border-bottom: #e5e5e5 solid 1px;}

.toggler i{ float: right; padding-top: 0.3em;}

.toggle-div{ padding: 1.5em; clear: both; width: 100%; float: left; display: block; color: #3f3f3f}

.btnReturn{ float: right !important;}

/*---------------------------< structure site >--------------------------------*/

.row{
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
}

h1{ background: url("../images/logo-mic-france.png") no-repeat top left; text-indent: -99999px; width: 140px; height: 47px; margin:0.1em 0 0 0;}
h1.logoMarquage{ background: url("../images/logo-mic-france-marquage.png") no-repeat top left !important; height: 58px; margin-top: -0.1em;}
h1.logoAcces{ background: url("../images/logo-mic-france-acces.png") no-repeat top left !important; height: 58px;  margin-top: 0.25em !important;}

h1 a{ display: block; width: 135px; height: 56px;}

#logoPrint{ display: none;}

/*---------------------------< SLIDES HOMEPAGE >--------------------------------*/

.btn{
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: block;
    color: #FFF;
    outline: none !important;
    font-size: 1.125em;
    padding: 0.5em 1em;
    font-family: 'latosemibold';
    margin-top: 1.5em;
}

.btn:hover{ color: #FFF;}

.btnBlue{ background: #004070;}
.btnBlue:hover{ background: #2676ac;}

.btnPink{ background: #ec0036;}
.btnPink:hover{ background: #ec5276;}

.btnPurple{ background: #77339e;}
.btnPurple:hover{ background: #9854be;}

.btnBlueC{ background: #007b92;}
.btnBlueC:hover{ background: #1293aa;}

.btnOrange{ background: #ff4e28;}
.btnOrange:hover{ background: #fe7154;}

.blue{ color: #004070;}
.pink{ color: #ec0036;}
.purple { color:#77339e;}
.blueC{ color: #007b92;}
.orange{ color: #ff4e28;}

/*--------------------< SLIDE 01 >-------------------*/

h2{ font-size: 1.750em; text-transform: uppercase; text-align: center; margin:0;}

h2 span{ font-size: 3.750em;font-family: 'latoblack';}

/*#wrapper{ padding-top: 92px;}

#slide01 h2{ overflow: hidden; }
#slide01 span{height: 100px; display: block; border: red solid 1px; clear: both; margin-top: 1em;}*/

/* background setup */

.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}

/* fullscreen setup */
html, body {
    height:100%;
}
.fullscreen,
.content-a {
    width:100%;
    height:100vh;
    overflow:hidden;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
    height:auto;
    min-height:100%;
}

/* content centering styles */
.content-a {
    display:table;
}
.content-b {
    display:table-cell;
    position:relative;
    vertical-align:middle;
    text-align:center;
}


#slide01{ background: url("../images/slider/bg_slide_01.jpg") center fixed;  height: 100vh;}

#slide01 .visible {
    overflow: hidden;
    height: 56px;
    padding: 0 40px;
    margin-bottom: 1.5em;
    -webkit-animation: moveUp 0.6s ease-in-out 0.4s backwards;
    -moz-animation: moveUp 0.6s ease-in-out 0.4s;
    -o-animation: moveUp 0.6s ease-in-out 0.4s;
    -ms-animation: moveUp 0.6s ease-in-out 0.4s ;
    animation: moveUp 0.6s ease-in-out 0.4s backwards;
}

#slide01 p {
    font-size: 1.750em;
    text-transform: uppercase;
    text-align: center;
    margin:0;
    -webkit-animation: moveDown 0.6s ease-in-out 0.4s backwards;
    -moz-animation: moveDown 0.6s ease-in-out 0.4s;
    -o-animation: moveDown 0.6s ease-in-out 0.4s;
    -ms-animation: moveDown 0.6s ease-in-out 0.4s ;
    animation: moveDown 0.6s ease-in-out 0.4s backwards;
}

#slide01 ul {
    text-align: center;
    list-style: none;
    -webkit-animation: 10s linear 0s normal none infinite change;
    animation: 10s linear 0s normal none infinite change;
}

#slide01 ul li {
    line-height: 58px;
    margin: 0;
    color: #004070;
    font-size: 3.750em;
    font-family: 'latoblack';
    text-transform: uppercase;
}

#slide01 a{
    display: block;
    width: 210px; margin:0 auto;
    -webkit-animation: moveUp 0.6s ease-in-out 0.4s backwards;
    -moz-animation: moveUp 0.6s ease-in-out 0.4s;
    -o-animation: moveUp 0.6s ease-in-out 0.4s;
    -ms-animation: moveUp 0.6s ease-in-out 0.4s ;
    animation: moveUp 0.6s ease-in-out 0.4s backwards;
}


@-webkit-keyframes change {
    0%, 12%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    17%,29% {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
    }
    34%,46% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    51%,63% {
        -webkit-transform: translateY(-75%);
        transform: translateY(-75%);
    }
    68%,80% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    85%,97% {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
    }
}
@keyframes change {
    0%, 12%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    17%,29% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    34%,46% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    51%,63% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    68%,80% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    85%,97% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.globalContent{ width:100%; max-width: 1170px; margin: 0 auto; position: relative;}
.contentleft{ width: 34%; float: left; margin-top: -6%;}


.sections.bg-fixed .section { background-attachment: fixed; }
.sections.bg-scroll .section { background-attachment: scroll; }

.section { background-position: 65% 35%; background-repeat: no-repeat; /*background-color: #e8eaec; */ padding: 0 15px 0; min-height: 755px; }

.section.is-first { background-image: url(../images/bg_test_01.jpg); min-height: 670px; }
.section.is-second { background-image: url(../images/bg_test_02.jpg); min-height: 670px;}
.section.is-third { background-image: url(../images/bg_test_03.jpg); min-height: 610px;}
.section.is-four { background-image: url(../images/bg_test_04.jpg); min-height: 700px;}

.section__inner { max-width: 1170px; *zoom: 1; margin: 0 auto; }

.section__ipad {display: none; }

.section__ipad img { width:auto; }

.contentRight{ width: 50%;float: right;}

.contentRightForm{
    width: 50%;
    float: right;
    position: relative;
    -webkit-animation: moveRight 0.6s ease-in-out 0.4s backwards;
    -moz-animation: moveRight 0.6s ease-in-out 0.4s;
    -o-animation: moveRight 0.6s ease-in-out 0.4s;
    -ms-animation: moveRight 0.6s ease-in-out 0.4s ;
    animation: moveRight 0.6s ease-in-out 0.4s backwards;
}
.contentLeft50{
    width: 50%;
    float: left;
    -webkit-animation: moveLeft 0.6s ease-in-out 0.4s backwards;
    -moz-animation: moveLeft 0.6s ease-in-out 0.4s;
    -o-animation: moveLeft 0.6s ease-in-out 0.4s;
    -ms-animation: moveLeft 0.6s ease-in-out 0.4s ;
    animation: moveLeft 0.6s ease-in-out 0.4s backwards;

}

.contentRight img{ width: auto; position: absolute; z-index: 5; display: block;}

.img1{ top: -300px; right: 0;}
.img2{ top: -160px; right: 140px;}
.img3{ top: -20px; right: 0;}
.img4{ top: 120px; right: 140px;}

.contentleft h2{

    -webkit-animation: moveDown 0.6s ease-in-out 0.4s backwards;
    -moz-animation: moveDown 0.6s ease-in-out 0.4s;
    -o-animation: moveDown 0.6s ease-in-out 0.4s;
    -ms-animation: moveDown 0.6s ease-in-out 0.4s ;
    animation: moveDown 0.6s ease-in-out 0.4s backwards;

}
.contentleft .txt_slide{

    word-wrap: break-word !important;
    -webkit-hyphens: auto !important;
    -moz-hyphens: auto !important;
    -ms-hyphens: auto !important;
    -o-hyphens: auto !important;
    hyphens: auto !important;
    -webkit-animation: moveLeft 0.6s ease-in-out 0.4s backwards;
    -moz-animation: moveLeft 0.6s ease-in-out 0.4s;
    -o-animation: moveLeft 0.6s ease-in-out 0.4s;
    -ms-animation: moveLeft 0.6s ease-in-out 0.4s ;
    animation: moveLeft 0.6s ease-in-out 0.4s backwards;

}
.contentleft a{

    -webkit-animation: moveUp 0.6s ease-in-out 0.4s backwards;
    -moz-animation: moveUp 0.6s ease-in-out 0.4s;
    -o-animation: moveUp 0.6s ease-in-out 0.4s;
    -ms-animation: moveUp 0.6s ease-in-out 0.4s ;
    animation: moveUp 0.6s ease-in-out 0.4s backwards;

}

/*--------------------< SLIDE 02 >-------------------*/

#slide02{ background: url("../images/slider/bg_slide_02.jpg") center fixed;  height: 100vh;}

#slide02 h2, #slide07 h2{
    font-size: 2.625em;
    -webkit-animation: moveDown 0.6s ease-in-out 0.4s backwards;
    -moz-animation: moveDown 0.6s ease-in-out 0.4s;
    -o-animation: moveDown 0.6s ease-in-out 0.4s;
    -ms-animation: moveDown 0.6s ease-in-out 0.4s ;
    animation: moveDown 0.6s ease-in-out 0.4s backwards;
}
#slide02 h2 span, #slide07 h2 span{font-size: 1em; font-family: 'latoblack';}

.txt_slide{
    color: #3f3f3f;
    text-align: center;
    font-size: 1.250em;
    line-height: 24px;
    margin: 1em 0 0 0;
    word-wrap: normal !important;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
    -o-hyphens: none !important;
    hyphens: none !important;
}

#slide02 .txt_slide{
    width: 30%;
    margin: 1em auto;
    -webkit-animation: moveUp 0.6s ease-in-out 0.4s backwards;
    -moz-animation: moveUp 0.6s ease-in-out 0.4s;
    -o-animation: moveUp 0.6s ease-in-out 0.4s;
    -ms-animation: moveUp 0.6s ease-in-out 0.4s ;
    animation: moveUp 0.6s ease-in-out 0.4s backwards;
}

/*--------------------< SLIDE 03 >-------------------*/

#slide03{ background: url("../images/slider/bg_slide_03.jpg") center fixed;  height: 100vh;}

#slide03 h2, #slide04 h2, #slide05 h2, #slide06 h2, .contentleft h2 {font-size: 2.188em; text-align: left;}
#slide03 h2 span, #slide04 h2 span, #slide05 h2 span, #slide06 h2 span, .contentleft h2 span {font-size: 1em; font-family: 'latoblack';}

.contentleft a{ float: left;}

#slide03 .txt_slide, #slide04 .txt_slide, #slide05 .txt_slide, #slide06 .txt_slide, .contentleft .txt_slide {
    text-align: left;
    word-wrap: normal !important;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
    -o-hyphens: none !important;
    hyphens: none !important;}

/*--------------------< SLIDE 04/05 >-------------------*/

#slide04, #slide05, #slide06{ background: url("../images/slider/bg_slide_03.jpg") center fixed;  height: 100vh; }

/*--------------------< SLIDE 07 >-------------------*/

#slide07{ background: url("../images/slider/bg_slide_05.jpg") center fixed;  height: 82vh;}
#slide07 form{ margin-top: 2em;}
#slide07 fieldset { border: none;}
#slide07 legend{ display: none;}

/*--------------------< MODAL CONNEXION CLIENT >-------------------*/

.modal-dialog {  max-width: 500px;}

.modal-header{
    background: #efefef;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
    .modal-header img{ width: auto !important;}
.modal-header p{ text-align: center; margin-top: 0.5em;}

.modal-content form{ padding: 2em 3em;}
.modal-content form .form-group{ margin-bottom: 2em; width: 100%; float: left;}
.modal-content form label{ display: inline-block; float: left; width:25%; margin-top: 0.5em;}
.modal-content form input, #slide07 form select, #slide07 form textarea { float: left; width: 75%;}

.modal-content form a, #accesPageConnexion form a{ display: block; float: right; margin-top: 0.5em; color: #004070; font-size: 0.813em;}
.modal-content form a:hover,  #accesPageConnexion form a:hover{ text-decoration: underline;}
.modal-content form input[type=submit]{

    float: left;
    padding:0.5em 1.5em;
    margin: 0 0 0 25%;
    width: auto;
    line-height: 0;
}

.modal-dialog {  margin: 15% auto;  }


/*----------------------------------------------------< CONTENT >---------------------------------------------------*/

.bg_pages{
    background: url("../images/slider/bg_slide_01.jpg") no-repeat center fixed;
    height: 100vh;
    -webkit-background-size: cover;
    background-size: cover;
}

#content{ padding-top: 92px; padding-bottom:1.5em; min-height: 930px;}
#content .row{ padding: 4em 0 0 0 !important;}

.contentAcces{ padding-top: 113px; padding-bottom: 4em;}

#content h2 {font-size: 1.750em; margin-bottom: 1em; text-align: left; }
#content h2 span { font-size: 1em;font-family: 'latoblack';}

#content .txt_slide{ text-align: left; font-size: 1.125em; line-height: 22px;}

#content .btn{ font-size: 1em; float: left;}

h2.important{ color: #004070; font-size: 1.15em !important; font-family: 'latobold'; line-height: 20px; margin: 1em 0 1em 0;}

/*----------------------------------------------------< LISTING >---------------------------------------------------*/

.colRight{ padding-top: 10vh;}
.colRight .txt_slide{ padding-right: 2em;}

.bg_product{ background: #FFF; border: #dfdfdf 7px solid ; width: 100%; float: left;}
.listingProduct{ margin-bottom: 1em; cursor: pointer;}

.listingProduct h3{ padding: 0.8em 0 0 0; font-size: 1em; font-family: 'latosemibold'; text-align: center; overflow: hidden; height:27px; clear: both; text-transform: uppercase; color: #666;}
.listingProduct h3 a{ color: #666;}

.listingProduct:hover h3 a{color: #004070;}

figure {
    position: relative;
    float: left;
    overflow: hidden;
    height: auto;
    background: #FFF;
    text-align: center;
    cursor: pointer;
}

figure img {
    position: relative;
    display: block;
    min-height: auto;
    max-width: 100%;
    opacity: 0.8;
}

figure figcaption {
    color: #fff;
    font-size: 1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure figcaption::before,
figure figcaption::after {
    pointer-events: none;
}

figure figcaption,
figure figcaption > a.btn {
    position: absolute;
    top: 39%;
    left: 5%;
    font-size: 0.875em;
    width: 90%;
    color: #FFF;
   /* height: 100%;*/
}

figure figcaption > a.btn {
    z-index: 5;
    opacity: 0;
}

figure.effect-julia {
    background: #FFF;
}

figure.effect-julia img {
    max-width: none;
    -webkit-transition: opacity 0.5s;
    -webkit-transform: 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-julia figcaption {
    text-align: left;
}

figure.effect-julia:hover img {
    opacity: 0.4;
    -webkit-transform: scale3d(1.2,1.2,1);
    transform: scale3d(1.2,1.2,1);
}

figure.effect-julia:hover a.btn {
    z-index: 5;
    opacity: 1;
    top:15%;
    width: 90%;
    margin:0 auto;
}



/*----------------------------------------------------< DETAILS PRODUCTS >---------------------------------------------------*/

#infosShowProduct, .infosProduct{ float: right;}
.imagesShowProduct{ float:left;}

#showProduct h2{ margin: 0;}
.ref{ margin-bottom: 1em; color: #444444; font-family: 'latosemibold'; }
#showProduct .txt_slide{
    padding: 1.5em 0;
    word-wrap: normal !important;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
    -o-hyphens: none !important;
    hyphens: none !important;
}

.ug-button-fullscreen { top: 5% !important;; left: 5% !important;}
.ug-button-play{ top: 5% !important;; right: 5% !important;}

#gallery img{ border: #dfdfdf solid 7px; cursor: pointer}

/*----------------------------------------------------< FOOTER >---------------------------------------------------*/

#footer{
    height: 92px;
    width: 100%;
    background: rgba(255, 255, 255, 1);
    color: white;
    -webkit-box-shadow: -4px 3px 5px rgba(55,44,34,.16);
    -moz-box-shadow: -4px 3px 5px rgba(55,44,34,.16);
    box-shadow: -4px 3px 5px rgba(55,44,34,.16);
    padding-top: 2.7em;
    /*margin-top: 2em;*/
    clear: both;
}

#footerPages{
    height: 92px;
    width: 100%;
    background: rgba(255, 255, 255, 1);
    color: white;
    -webkit-box-shadow: -4px 3px 5px rgba(55,44,34,.16);
    -moz-box-shadow: -4px 3px 5px rgba(55,44,34,.16);
    box-shadow: -4px 3px 5px rgba(55,44,34,.16);
    padding-top: 2.7em;
    margin-top: 2em;
    clear: both;
}


address{ font-style: normal; color: #5a5a5a; font-size: 0.950em; text-transform: uppercase; }

#footer a, #footerPages a{ float: right; color: #5a5a5a; font-size: 0.950em; text-transform: uppercase;}
#footer a:hover, #footerPages a:hover{ color: #004070;}


/*----------------------------------------------------< CONTACT >---------------------------------------------------*/

#slide07 .content-b{ vertical-align: top; padding-top: 10em;}

#slide07 form label{ display: inline-block; float: left; width:20%; margin-top: 0.5em; text-align: left;}
#slide07 form input, #slide07 form select, #slide07 form textarea { float: left; width: 80%;}
#slide07 form .form-group{ margin-bottom: 2em; width: 100%; float: left;}

#slide07 form textarea{ min-height: 155px;}
#slide07 form select option{ padding: 0 0.8em;}
#slide07 form input[type=submit]{

    float: left;
    padding:0.5em 1.5em;
    margin: 0 0 0 20%;
    width: auto;
    line-height: 0;
}



/*----------------------------------------------------< MEDIAQUERIES >---------------------------------------------------*/
/*----------------------------------------------------< MEDIAQUERIES >---------------------------------------------------*/
/*----------------------------------------------------< MEDIAQUERIES >---------------------------------------------------*/
/*----------------------------------------------------< MEDIAQUERIES >---------------------------------------------------*/

.menu-trigger-acces{ display: block !important;}

@media screen and (min-width: 996px) { /* en dessus de 971px - SITE NORMAL */

    .listPdfMobil{ display: none !important;}

}

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

    .txt_slide {  line-height: 20px; font-size: 1.125em;}
    #slide07 {  height: 100vh;}
    .contentleft{ padding-left: 1.5em;}


}


@media screen and (max-width: 995px) { /* en dessous de 970px - TABLETTE */

    .row{ padding: 0 1.5em 0 1.5em !important;}
    #content .row{ padding: 4em 1.5em 2em 1.5em !important;}
    .visuelProduct a{ left: 18%; }
    #content .btn {  font-size: 0.950em; margin-bottom: 2.5em}
    .txt_slide {  line-height: 20px; font-size: 1.125em;}
    #imagesShowProduct{ padding-bottom: 2em;}
    #listPdfMobil{ display: block}
    .colRight{ padding-top: 0;}

    figure{ width: 100%;}
    figure.effect-julia img { width: 100% !important; max-width: 100% !important;}

}

@media screen and (min-width: 806px) {/* au dessus de 768px - TABLETTE */

    .menu-trigger{ display: none;}

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {

    .sections.bg-fixed .section {  background-attachment: scroll !important;  }

    /*#slide01, #slide02{ min-height: 700px !important;}*/

    #slide01{ background: url("../images/slider/bg_slide_01.jpg") center scroll;  height: 100vh;}
    #slide02{ background: url("../images/slider/bg_slide_02.jpg") center scroll;  height: 100vh;}

    .section.is-first { background-image:url(../images/slider/bg_slide_03.jpg); height: 100vh;}
    .section.is-second { background-image:url(../images/slider/bg_slide_03.jpg);height: 100vh;  }
    .section.is-third { background-image: url(../images/slider/bg_slide_03.jpg);height: 100vh;  }
    .section.is-four { background-image: url(../images/slider/bg_slide_03.jpg); height: 100vh; }

    .section__ipad {display: block; width: 50%; float: right; }
    .section__ipad img { width:70%; }

    .contentleft {  width: 50%; padding-left: 1em; padding-top: 20em !important;}

    .row{ padding: 0 2em 0 2em !important;}

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {

    .sections.bg-fixed .section {  background-attachment: scroll !important;  }

    /*#slide01, #slide02{ min-height: 700px !important;}*/

    #slide01{ background: url("../images/slider/bg_slide_01.jpg") center scroll;  height: 100vh; }
    #slide02{ background: url("../images/slider/bg_slide_02.jpg") center scroll;  height: 100vh;}

    .section.is-first { background-image:url(../images/slider/bg_slide_03.jpg); height: 100vh;}
    .section.is-second { background-image:url(../images/slider/bg_slide_03.jpg);height: 100vh;  }
    .section.is-third { background-image: url(../images/slider/bg_slide_03.jpg);height: 100vh;  }
    .section.is-four { background-image: url(../images/slider/bg_slide_03.jpg); height: 100vh; }

    .section__ipad {display: block; width: 50%; float: right; }
    .section__ipad img { width:70%; }

    .contentleft {  width: 50%; padding-left: 1em; padding-top: 20em !important;}

    .row{ padding: 0 2em 0 2em !important;}


}

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

    .menu li a {  font-size: 0.875em;}
    #fixedMenu {  padding-top: 1.7em;  }


    h1.logoAcces{ margin-top: 0 !important;}
    #connexion{ padding-top: 0.7em;}
    .specificite {  padding: 1.5em 0 0 0;  }

    #content .btn {  font-size: 0.950em; margin-bottom: 2em;}

    .menu-trigger{ display: block; margin: 0.2em 0.5em 0 0;}
    .menuAcces .menu-trigger {  padding:0; margin: 0; }

    .menu ul{ display: none;}
    .menuAcces{ display: block !important;}
    .menuAcces ul{ display: none;}

    #connexion img{ display: none;}
    #connexion p { padding: 0;}

    #gallery{ margin: 0 auto;}
    #showProduct .imagesShowProduct {  padding: 2em 0 2em 0;  }
    .noPad{ padding: 0 !important;}
    .btnPrint{ margin-left: 0;}

    .rsContainer { margin-left: 1.5em;}

        /*figure.effect-julia:hover img {
        opacity: 1;
        -webkit-transform:none;
        -moz-transform:none;
        -ms-transform:none;
        transform:none;
    }

    figure.effect-julia img { opacity: 1;}

    figure.effect-julia:hover a.btn {
        display: none !important;
    }*/

    .rsArrowLeft, .rsArrowRight{ display: none !important;}

    #infosShowProduct{ margin-bottom: 2em;}

    h1{ margin: 0;}


    .mp-pusher {
        position: relative;
        left: 0;
        height: 100%;
        perspective: 1000px;
    }

    .content .txt_slide{ text-align: justify;}

    #footerPages{ /*position: static; */ height: auto; text-align: center; padding-top: 2.5em; padding-bottom: 1em;}
    #footer{ height: auto; text-align: center; padding-top: 1.5em; padding-bottom: 1.5em;}
    #footer a, #footerPages a{ float: none}

    .colRight {  padding-top:0;  }

    #slide01 .visible {  margin-top:0;}

    #slide05 h2 span{ font-size: 0.950em;}

    #slide07 {  height: 100vh;  }
    #slide07 .content-b {padding-top: 18em;}

    #slide07 form input[type="submit"] {  margin: 0.5em 0 0 25%;}

    #slide07 form .form-group {  margin-bottom: 0.8em; width: 95%;}

    #slide07 form label { width: 25%;}
    #slide07 form input, #slide07 form select, #slide07 form textarea {  float: left;  width: 75%;  }

    #accesPageConnexion{ width: 70%; margin: 0 auto; float: none}
    .well{ width: 70%;}

    .btnReturn{ float: left !important;}

    .accordion { margin-top: 0.8em}

    #content{ padding-bottom: 4em;}

    .txt_slide {  line-height: 19px;  font-size: 1.125em !important;  }

    .sections.bg-fixed .section {  background-attachment: scroll !important;  }

    .section.is-first { background-image:url(../images/slider/bg_slide_03.jpg); height: 100vh; }
    .section.is-second { background-image:url(../images/slider/bg_slide_03.jpg);height: 100vh;  }
    .section.is-third { background-image: url(../images/slider/bg_slide_03.jpg);height: 100vh;  }
    .section.is-four { background-image: url(../images/slider/bg_slide_03.jpg); height: 100vh; }

    #slide02 .txt_slide {  width: 70%;}
    .contentleft {  width: 50%; padding-left: 1em; padding-top: 17em;}

    .section__ipad {display: block; width: 50%; float: left; }

    .section__ipad img { width:85%; }

    .listPdfMobil{ display:none !important;}

}

@media screen and (max-width: 600px) { /* en dessous de 600px - GRAND MOBILE */

        address{ margin-bottom: 0;}
        .h1HomePage, .h1HomePage a{ text-align: left; width: 140px; display: block;}

        .txt_slide{ padding-right: 2em; line-height: 19px; margin-top: 0.3em; font-size: 1.250em;}

        .contentleft h2 {  text-align: left; padding:0;}
        .contentleft{ padding-top: 9em;}

    #slide03 h2, #slide04 h2, #slide05 h2, #slide06 h2, .contentleft h2 {  font-size: 2em;  }

    #slide07 {  height: 100vh;  }
    #slide07 .content-b {  padding-top: 3em;  }

}

 @media screen and (max-width: 480px) { /* en dessous de 480px - PETIT MOBILE */

    .colRight .txt_slide{ padding-right: 0;}
    .colRight a{ margin-bottom: 2em;}

    .contentAcces{ padding-top: 7em !important;}

    .listingProduct{ padding: 0;}

    .visuelProduct a{ left: 30%; top: 38%; }

    #formPass {  width: 100%;}

    #connexion { padding-top: 0;}
    #connexion p {  font-size: 0.750em;}

    #slide01 .visible {  margin-top: 0; padding: 0; }
    .txt_slide {  line-height: 19px;  font-size: 1.125em !important;  }

        #slide02 h2, #slide07 h2 {  font-size: 2.2em;}

        #slide01 ul li {  line-height: 44px;  font-size: 2.75em;  }
        #slide01 .visible {  overflow: hidden;  height: 43px;}

        .contentleft h2 {  text-align: center; padding:3em 0 0 0;}
        .contentleft a {  float: none; width: 70%; margin: 1em auto;}

    #slide03 h2, #slide04 h2, #slide05 h2, #slide06 h2 {  text-align: center;  }
    .txt_slide{ text-align: center !important; padding-right: 0;}

        .contentleft {  width: 100%; padding:0; float:none}

        .section__ipad {display: block; width: 100%; float: none; margin: 1em 0;}

        .section__ipad img { width:80%; }

    .noMobil{ display: none;}

        #footer {  position: static !important;}

        #slide07 .content-b {  padding-top: 4em;  }

    #slide07 h2 {  font-size: 2em;  }
     #slide07 form{ padding: 0 1em;}
    #slide07 form input[type="submit"] {  margin: 0.5em 0 0 0;}
    #slide07 form label { width: 100%; float:left; text-align: left;}
    #slide07 form .form-group {  width: 100%;  }
    #slide07 {  background: url("../images/slider/bg_slide_05.jpg") center fixed;  height:100vh;  }
    #slide07 form input, #slide07 form select, #slide07 form textarea{ width: 100%;}

    #accesPageConnexion{ width: 100%;}
    .well{ width: 100%;}

    #content {  padding:7em 0 0 0;}
    #content .row {  padding: 2em 1.5em 2em 1.5em !important;  }
    #content .txt_slide{ text-align: left !important; margin-bottom: 1em;}

    .noPad{ padding: 0 !important;}

    #showProduct .txt_slide{ text-align: left !important;}
    #infosShowProduct{ margin-bottom: 1.5em;}

    .listPdfMobil{ display:block; clear: both; padding: 1em 0; margin: 1.5em 0 0 0;}
    .listPdfMobil li{ margin-bottom: 0.5em;}

    a.btnDownload, .rsThumbs{ display: none;}

    .rsOverflow{ width: 100% !important;}
    .rsContainer{ margin-left: 0;}

     .rsContainer img{ width: 100% !important; height: auto !important;}

     .royalSlider {  height: 439px !important;}



    }

@media screen and (max-width: 360px) {
    #slide07 {  height:109vh;  }
}


@media screen and (max-width: 320px) {
    #slide07 {  height:142vh;  }
}