/*
*	AMWS-2024 by AM Web Solutions Ltd
*	18/06/2024
* 	+-+-+ +-+-+-+ +-+-+-+-+-+-+-+-+-+
* 	|A|M| |W|E|B| |S|O|L|U|T|I|O|N|S|
* 	+-+-+ +-+-+-+ +-+-+-+-+-+-+-+-+-+
*/ 

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	list-style: none;
	text-decoration: none;
}
html {
	overflow-x: hidden;
}
body {
	color: #fff;
	font-size: 16px;
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	/*background: url(../images/bg.jpg) top center no-repeat fixed #011F41;*/
}
h1, h2, h3, h4, h5, h6 {
	position: relative;
}
a {
	color: #FFF;
}
a:hover {
	color: #FFF;
	text-decoration: underline;
}
.blue {
    color: #1784ff;
}
.blue-bg {
    background-color: #1784ff;
}
.navbar .nav-item {
	margin: 0 10px;
	position: relative;
}
.navbar .nav-sub .nav-item {

}
.navbar .nav-item .nav-link {
	color: #fff; 
	font-size: 20px; 
	position: relative;
	font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
}
.navbar .nav-sub .nav-item .nav-link {
    font-size: 14px;    
    padding: .3rem 1rem; 
}
.slogan {
    font-size: 120px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 0.9;
    margin: 30px 0;
}
.slogan .endless { 
    letter-spacing: -15px; 
}
.inner .slogan {
    font-size: 90px;
}
.inner .slogan .endless {
    letter-spacing: 15px;
}
.stroke { 
	-webkit-text-stroke: 1px white;
    text-stroke: 1px white; 
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent
    /*-webkit-animation: fill 0.5s infinite alternate;*/
}
/*
@-webkit-keyframes fill {
  from { -webkit-text-fill-color: transparent; }
  to { -webkit-text-fill-color: white; }
} 
*/
.slogan b {
	top: -15px;
	position: relative;
    transition: all 0.3s ease-in-out;
}
.slogan:hover b {
    top: 15px;
}
.slogan .possibilities {
    transition: all 0.3s ease-in-out;
}
.slogan:hover .possibilities {
    letter-spacing: 5px;
}
.title {
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 4px;
    margin-bottom: 25px;
}
.title .stroke {
	font-size: 60px;
}
.title-bar:after {
	display: block;
	width: 100%;
	height: 4px;
    background: rgb(106,198,240);
    background: linear-gradient(90deg, rgba(106,198,240,1) 30%, rgba(22,62,144,1) 100%);
	/*background-color: #fff;*/
	content: " ";
	margin-top: 20px;
    border-radius: 3px;
}
.sub-title {
	font-size: 25px;
}
.title.sub-title .stroke {
	font-size: 30px;
}
.amws-btn { 
	display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #011F41;
    background: #fff;
    border: 1px solid #666;
    border-radius: 40px;
    transition-duration: 0.7s;
    padding: 12px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
}
.amws-btn.main-btn {
	padding: 20px 20px 20px 40px;
	font-size: 18px;
}
.amws-btn i { 
    transition: all 0.3s ease-in-out;
    color: #011F41;
    font-size: 54px;
  	transform: rotate(-45deg);
  	position: absolute;
  	top: 4px;
  	left: -18px;
}
.amws-btn:hover {
    background: rgb(106,198,240);
    background: linear-gradient(90deg, rgba(106,198,240,1) 30%, rgba(22,62,144,1) 100%);	 	
	color: #fff;
    border-color: #fff;
    text-decoration: none;
    /*text-indent: -20px;
    background: #011F41; */
} 
.amws-btn:hover i {
  transform: rotate(45deg);
  color: #FFF;
}
.amws-btn.main-btn:hover {
	text-indent: 15px;
}
#contact-form {

}
#contact-form .form-control {
	height: 45px;
	border: 0;
}
#contact-form textarea.form-control {
	height: 125px;
	margin-bottom: 20px;
}
#contact-form .form-control:focus {
	border-color: none;
	outline: 0;
	box-shadow: none;
}
#contact-form label {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
}
#contact-form #submit {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
	background-color: #295592;
	color: #FFF;
}
#contact-form #submit:hover {
	background-color: #FFF;
	color: #295592;	
}
.footer-menu {

}
.footer-menu li {
	margin: 25px 0;
}
.footer-menu li a {
	letter-spacing: 2px;
	font-weight: 500;
	font-size: 13px;
}
.footer-menu li a i {
	margin-right: 15px;
	font-size: 25px;
}
.lower-footer-box {
    background: #fff;
    height: 85px;
    bottom: 0;
    position: absolute;
    color: #295592;
	align-content: center;
}
.lower-footer-box a {
	color: #295592;
}
.navbar-toggler {
	border: 0;
}
.navbar-light .navbar-toggler-icon {
    background-image: url(../images/svg/menu.png); 
}
.section p {
	text-align: justify;
}
.content-box {
    align-content: center;
}
.content-box ul li {
    margin-left: 35px;
    list-style: disc none inside;
}
.illustration-box {
    display: none;
}
.inner .illustration-box {
    display: block;
}
.logoAMWS img {
    /*width: 25%;*/
}
/*
.nav-hamburger {
    width: 125px;
    cursor: pointer;
}
.nav-icon {
    width: 20px;
    height: 16px;
    cursor: pointer;
    position: relative;
}
.nav-icon.nav-icon-white span, .nav-icon.nav-icon-white::after, .nav-icon.nav-icon-white::before {
    background-color: #fff;
}
.nav-icon::before {
    right: 0;
    top: 0;
}
.nav-icon::after, .nav-icon::before {
    position: absolute;
    width: 50%;
    height: 2px;
    background-color: #fff;
    content: "";
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}
.nav-icon span {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 2px;
    background-color: #fff;
}
*/ 
.navbar-light .container.position-relative {
  padding: 0 15px!important;
}
.navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
    position: absolute;
    right: 0;
    top: -60px;
    display: block!important;
}
.nav-icon {
    width: 20px;
    height: 16px;
    cursor: pointer;
    position: relative
}
.nav-icon span {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 2px;
    background-color: #fff
}
.nav-icon::after,
.nav-icon::before {
    position: absolute;
    width: 50%;
    height: 2px;
    background-color: #fff;
    content: "";
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear
}
.nav-icon:hover::after,
.nav-icon:hover::before {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    content: "";
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear
}
.nav-icon::before {
    right: 0;
    top: 0
}
.nav-icon::after {
    left: 0;
    bottom: 0
}
.nav-icon.nav-icon-white span,
.nav-icon.nav-icon-white::after,
.nav-icon.nav-icon-white::before {
    background-color: #fff
}
.nav-icon.nav-icon-active span,
.nav-icon.nav-icon-active::before,
.nav-icon.nav-icon-active:after {
    background-color: #fff
}
.nav-icon.nav-icon-active span {
    display: none
}
.nav-icon.nav-icon-close span {
    display: none
}
.nav-icon.nav-icon-close::after,
.nav-icon.nav-icon-close::before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    width: 100%;
    height: 2px;
    background-color: #fff;
    content: "";
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}
.nav-icon.nav-icon-close::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.nav-icon.nav-icon-close::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.nav-bg-blur {
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(15px) saturate(180%);
    backdrop-filter: blur(15px) saturate(180%);
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background: #121212d9
}
/*
#AM-MENU {
      padding-top: 25px; 
      height: 100vh;
      width: 80%;
      transform: translate(-150%);
      display: flex;
      flex-direction: column;
      margin-left: -40px;
      padding-left: 10px;
      transition: transform 0.5s ease-in-out;
      text-align: center;
      position: relative;
      z-index: 1;
      border-right: 4px solid #28adf7;
      backdrop-filter: blur(8px);
      background-color: rgba(255, 255, 255, 0.75);    
}
*/
#amws_anim {
    position: fixed;
    /*top: 25px;
    right: 95px;
    width: 35%;*/
    top: -250px;
    right: -480px;
    width: 100%;
}
.inner #amws_anim {
    display: none!important;
}
.home #icon {
    visibility: hidden;
}
#amws_canvas {
    z-index: -1;
}
#fullpage {
    z-index: 1;
}
#amws_anim {
    z-index: 0;
}
#left-message {
    left: 100px;
    top: calc(100% - 100px);
    width: 100vh;
    height: 100px;
    line-height: 100px;
    position: fixed;
    z-index: 2;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: left bottom;
    /*background: linear-gradient(to right, #f5612d, #f5612d00 70%);*/
    background: #285592;
}
#left-message .left-message-niveau1 {
    font-weight: 700;
    margin: 0;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    line-height: 1.1em;
    font-size: 30px;
    letter-spacing: 10px;
    color: transparent;
    text-shadow: none;
    text-transform: uppercase;
    padding: 0 30px;
    -webkit-text-stroke: 1px #fff;
    -moz-text-stroke: 1px #fff;
    -ms-text-stroke: 1px #fff;
    -o-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
}
#left-message .left-message-niveau1 .left-message-niveau2 {
    display: inline-block;
    width: 100%;
    -webkit-text-stroke: 0;
    -moz-text-stroke: 0;
    -ms-text-stroke: 0;
    -o-text-stroke: 0;
    text-stroke: 0;
    color: #fff;
    font-size: 20px;
}
.service-box {
    background: #285592; 
    /*padding: 300px 30px 30px 30px;*/
    width: 80%;
    border-radius: 10px;
    margin: auto;
    position: relative;
}
.service-box .autre-icon {
    /*margin-top: -345px;
    margin-bottom: -45px;*/
    top: -50px;
    position: relative;
    margin-bottom: -75px;
}
.service-box p {
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;    
    margin-bottom: 30px;
    /* margin: 25px 0;
    border-bottom: 3px solid #fff;
    text-decoration: underline; */
}
.service-box .amws-btn {
    margin-bottom: 25px;
}
.service-box .autre-icon #icon {
    width: 100%;
    padding: 0;
    margin: auto;
}
.inner .fp-overflow {
    overflow: visible;
}
.nos-partenaires-list {
    overflow: hidden;
}
.owl-demo .item{
  margin: 3px;
  text-align: center;
}
.owl-demo .item img{
  /*display: block;
  width: 100%;*/
  height: auto;
}
.owl-item {
    display: inline-block;
    text-align: center;
}
.owl-item .item {    
    background-color: #FFF;
}
.owl-nav {
    display: none;
}
.wpcb-float .wpcb-message {
    font-size: 12px;
}
.wpcb-float .wpcb-message {
    margin: 0!important;
    padding: 5px;
}
.wpcb-left {
    left: unset!important;
    right: 1em;
}
/* PAGE */
.page .lower-footer-box {
    position: static;
}
.page #slide-7 {
    display: none;
}
.page #fullpageX .container {
    padding-top: 100px;
}
/* Contact */
.error {
    border: 1px solid red!important;
}
#contact-form .disabled, #contact-form input:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}
input.disabled, input:disabled {
    border-color: #6c757d;
    background-color: #6c757d;
    color: #fff;
}
.swal-icon--success__ring {
    border-color: #6AC6F0;
}
.swal-icon--success__line {
    background-color: #008FD5;
}
#contact-form .custom-control-input {
    position: static;
}
#btop {
    position: fixed;
    bottom: 10%;
    right: 5%;
    animation-name: keypulse;
    animation-duration: 1s;
    animation-iteration-count: infinite; 
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.55);
    padding: 5px;
    border-radius: 20px;
    display: none;
}
#btop i {
    font-size: 32px;
}
#tagCanvas {
    width: 800px;
    height: 600px;
}
/* ICONS */
#icon {
  display: block;
  box-sizing: border-box;
  width:100%;
  /*height:250px;
  background: #FFF;*/
  margin:auto;
  padding: 60px;
}
.inner #icon {
    padding: 0;
    width: 255%;
    margin-left: -255px;
}

.p-web #left-message,
.p-web .title-bar:after,
.home .s-web .title-bar:after,
.home .s-web .amws-btn:hover,
.nav-item.m-web .nav-link:hover,
.i-web {
    background: rgb(46,49,146);
    background: linear-gradient(90deg, rgba(46,49,146,1) 0%, rgba(27,255,255,1) 100%);
}
.p-app #left-message,
.p-app .title-bar:after,
.home .s-app .title-bar:after,
.home .s-app .amws-btn:hover,
.nav-item.m-app .nav-link:hover,
.i-app {
    background: rgb(252,53,76);
    background: linear-gradient(90deg, rgba(252,53,76,1) 0%, rgba(10,191,188,1) 98%);
}
.p-media #left-message,
.p-media .title-bar:after,
.home .s-media .title-bar:after,
.home .s-media .amws-btn:hover,
.nav-item.m-media .nav-link:hover,
.i-media {
    background: rgb(255,81,47);
    background: linear-gradient(90deg, rgba(255,81,47,1) 0%, rgba(221,36,118,1) 98%);
} 
.p-marketing #left-message,
.p-marketing .title-bar:after,
.home .s-marketing .title-bar:after,
.home .s-marketing .amws-btn:hover,
.nav-item.m-marketing .nav-link:hover,
.i-marketing {
    background: rgb(6,125,104);
    background: linear-gradient(90deg, rgba(6,125,104,1) 2%, rgba(80,213,183,1) 100%);
}
.p-infogerance #left-message,
.p-infogerance .title-bar:after,
.home .s-infogerance .title-bar:after,
.home .s-infogerance .amws-btn:hover,
.nav-item.m-infogerance .nav-link:hover,
.i-infogerence {
    background: rgb(164,70,164);
    background: linear-gradient(90deg, rgba(164,70,164,1) 8%, rgba(131,165,190,1) 100%);
}
.p-regie #left-message,
.p-regie .title-bar:after,
.home .s-regie .title-bar:after,
.home .s-regie .amws-btn:hover,
.nav-item.m-regie .nav-link:hover,
.i-regie {
    background: rgb(240,72,198);
    background: linear-gradient(90deg, rgba(240,72,198,1) 8%, rgba(246,214,65,1) 100%);
}
.p-centre #left-message,
.p-centre .title-bar:after,
.home .s-centre .title-bar:after,
.home .s-centre .amws-btn:hover,
.nav-item.m-centre .nav-link:hover,
.i-centre {
    background: rgb(2,170,189);
    background: linear-gradient(90deg, rgba(2,170,189,1) 0%, rgba(0,205,172,1) 98%);
}

@keyframes keypulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse { 
        display: none;
    }
}
@media (max-width: 1400px) {
  .page #fullpageX .container {
      padding-left: 100px;
  }
}
@media (max-width: 1300px) {
    #left-message {
        /*display: none;*/   
        left: 75px;
        top: calc(100% - 75px); 
        height: 75px;
        line-height: 75px;
    }
    #left-message .left-message-niveau1 {
        font-size: 20px;
        letter-spacing: 7px;
    }
    #left-message .left-message-niveau1 .left-message-niveau2 {
        font-size: 16px;
    }
}
@media (max-width: 1080px) {
    #left-message { 
        left: 40px;
        top: calc(100% - 40px);
        height: 40px;
        line-height: 40px;
    }
    #left-message .left-message-niveau1 {
        font-size: 14px;
        letter-spacing: 3px;
    }
    #left-message .left-message-niveau1 .left-message-niveau2 {
        font-size: 12px;
    }
    #amws_anim {
        top: 310px;
        right: -260px;
    }
    .page #fullpageX .container {
        padding-left: 50px;
    }
}
@media (max-width: 991px) {
    .inner .slogan,
	.slogan {
		font-size: 80px;
	}
	.slogan .endless {
    	letter-spacing: -5px;
	}
	.illustration-box img { 
		width: 50%;
	}
	.navbar .nav-item .nav-link {
		font-size: 18px;
	}
    .section p, 
    .content-box ul li {
    	font-size: 15px;
    }
    .title {
    	font-size: 26px;
	}
	.title .stroke {
    	font-size: 45px;
	}
	.title-bar:after {
	    height: 4px;
	    margin-top: 5px;
	}
    #amws_anim {
        position: fixed;
        top: 220px;
        right: 0;
        width: 100%;
        opacity: 0.55;
    }
    #fp-nav.fp-right {
        right: 8px!important;
    }
    #icon {
        padding: 0;
        /*width: 55%;*/
    }
    .inner .illustration-box.illustration-box-svg {
        position: absolute;
        top: 0;
        left: 100px;
        right: 0;
        bottom: 0;
        opacity: 0.55;
        width: 55%;
    }
    .inner .content-box {
        margin-bottom: 235px;
    }
    .inner .illustration-box {
        justify-content: center;
    }
    .gmap img {
        height: 98vh;
        object-fit: cover;
    }    
    #left-message { 
        left: 30px;
        top: calc(100% - 30px);
        height: 30px;
        line-height: 30px;
    }
    #left-message .left-message-niveau1 {
        font-size: 10px;
        letter-spacing: 2px;
    }
    #left-message .left-message-niveau1 .left-message-niveau2 {
        font-size: 10px;
    }
    #tagCanvas {
        width: 600px;
        height: 450px;
    }
    .page #fullpageX .container {
        padding-left: 0px;
    }
}
@media (max-width: 767px) {
    #left-message {
        display: none;   
    }
    .inner .slogan,
	.slogan {
		font-size: 70px;
	}
	.navbar-light .navbar-toggler {
		right: -65px;
	}
	.logo-box img {
		width: 45%;
    height: auto;
	}
  #tagCanvas {
      width: 500px;
      height: 375px;
  }
  .lower-footer-box {
    height: unset;
  }
  .lower-footer-box .col-md-4 {
    margin-top: 7px;
  }
}
@media (max-width: 545px) {
    .inner .slogan,
	.slogan {
		font-size: 55px;
	}
	.logoAMWS img {
		width: 60%;
	}
    .navbar-light .navbar-toggler {
        right: -10px;
        top: -75px;
    }
    .navbar .nav-item .nav-link {
        font-size: 14px;
    }
    .section p,
    .content-box ul li {
    	font-size: 12px;
    }
    .title {
    	font-size: 20px;
	}
	.title .stroke {
    	font-size: 30px;
	}
	#contact-form label {
	    font-size: 12px;
	    margin-bottom: 5px;
	}
    #contact-form label span {
        display: none;
    }
	#contact-form .form-control {
		height: 38px;
        font-size: 12px;
	}
	#contact-form textarea.form-control {
    	height: 100px;
    	margin-bottom: 10px;
	}
	.title.sub-title {
    	font-size: 15px;
    	margin-bottom: 8px;
	}
	.title.sub-title .stroke {
    	font-size: 16px;
	}
	.footer-menu li {
		margin: 0;
	}
	.footer-menu li a {
		font-size: 10px;
	}
	.footer-menu li a i {
	    margin-right: 10px;
	    font-size: 15px;
	}
	.title-bar:after {
		margin-top: 5px;
	}
	.lower-footer-box { 
    font-size: 12px;
	}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
		padding-right: 45px;
		padding-left: 45px;
	}    
    .slogan:hover b {
        top: 8px;
    } 
    .slogan:hover .possibilities {
        letter-spacing: 3px;
    }
    .inner .illustration-box.illustration-box-svg {
        left: 0;
        width: 100%;
    }
    .inner .content-box {
        margin-bottom: 60px;
    }
    .service-box {

    }
    .service-box .autre-icon { 
        top: -40px;
    }
    #amws_anim { 
        /*top: 0;
        right: 280px; */        
        top: -68px;
        right: 80px;
    }
    #icon { 
        width: 180%;
    } 
    #tagCanvas {
        width: 300px;
        height: 225px;
    }
}
@media (max-width: 435px) {
	.inner .slogan,
    .slogan {
		font-size: 35px;
	}
	.slogan b {
    	top: -8px;
	}
    .navbar-light .navbar-toggler {
        top: -60px;
        right: -30px;
    }
    .amws-btn.main-btn {
    	padding: 15px 15px 15px 25px;
	}
	.amws-btn {
	    font-size: 12px;
	    padding: 12px;
	}
}
/* FullPage.JS */
.fp-watermark {
	display: none!important;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	background: #FFF;
}
#fp-nav.fp-right {
    right: 40px;
}
/* Cursor animation */
.cursor-follower {
  position: fixed;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: rgba(1, 31, 65, 0.6);
  opacity: 0;
  z-index: 10000;
  user-select: none;
  pointer-events: none;
}
/* background SVG polygons */
#amws_canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}
.inner.web #icon #web,
.inner.app #icon #app {
    display: block;
}
.inner .service-box.i-web #icon #web,
.inner .service-box.i-media #icon #media,
.inner .service-box.i-app #icon #app, 
.inner .service-box.i-marketing #icon #marketing, 
.inner .service-box.i-infogerence #icon #infogerence, 
.inner .service-box.i-regie #icon #regie, 
.inner .service-box.i-centre #icon #centre {
    display: block!important;
}