/* ----------------------------------------------
 * Generated by Animista on 2018-11-8 0:41:30
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-out
 * ----------------------------------------
 */
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2018-11-8 0:40:58
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2018-11-8 0:16:30
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-bottom {
  0% {
    -webkit-transform: translateY(290px) translateX(50px) scaleY(.5) scaleX(.5);
            transform: translateY(290px) translateX(50px) scaleY(.5) scaleX(.5);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100px) scaleY(1) scaleX(1);
            transform: translateY(-100px) scaleY(1) scaleX(1);
    opacity: 1;
  }
}
@keyframes slide-out-bottom {
  0% {
    -webkit-transform: translateY(290px) translateX(50px) scaleY(.5) scaleX(.5);
            transform: translateY(290px) translateX(50px) scaleY(.5) scaleX(.5);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100px) scaleY(1) scaleX(1);
            transform: translateY(-100px) scaleY(1) scaleX(1);
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2018-11-8 0:16:30
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(-100px) scaleY(1) scaleX(1);
            transform: translateY(-100px) scaleY(1) scaleX(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(290px) translateX(50px) scaleY(.5) scaleX(.5);
            transform: translateY(290px) translateX(50px) scaleY(.5) scaleX(.5);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(-100px) scaleY(1) scaleX(1);
            transform: translateY(-100px) scaleY(1) scaleX(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(290px) translateX(50px) scaleY(.5) scaleX(.5);
            transform: translateY(290px) translateX(50px) scaleY(.5) scaleX(.5);
    opacity: 1;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2018-11-8 0:5:38
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

 /* ----------------------------------------------
  * Generated by Animista on 2018-11-8 0:29:14
  * w: http://animista.net, t: @cssanimista
  * ---------------------------------------------- */

 /**
  * ----------------------------------------
  * animation slide-out-blurred-br
  * ----------------------------------------
  */
 @-webkit-keyframes slide-out-blurred-br {
   0% {
     -webkit-transform: translate(0, 0) skew(0deg, 0deg);
             transform: translate(0, 0) skew(0deg, 0deg);
     -webkit-transform-origin: 50% 50%;
             transform-origin: 50% 50%;
     -webkit-filter: blur(0);
             filter: blur(0);
     opacity: 1;
   }
   100% {
     -webkit-transform: translate(1000px, 1000px) skew(80deg, 10deg);
             transform: translate(1000px, 1000px) skew(80deg, 10deg);
     -webkit-transform-origin: 0% 100%;
             transform-origin: 0% 100%;
     -webkit-filter: blur(40px);
             filter: blur(40px);
     opacity: 0;
   }
 }
 @keyframes slide-out-blurred-br {
   0% {
     -webkit-transform: translate(0, 0) skew(0deg, 0deg);
             transform: translate(0, 0) skew(0deg, 0deg);
     -webkit-transform-origin: 50% 50%;
             transform-origin: 50% 50%;
     -webkit-filter: blur(0);
             filter: blur(0);
     opacity: 1;
   }
   100% {
     -webkit-transform: translate(1000px, 1000px) skew(80deg, 10deg);
             transform: translate(1000px, 1000px) skew(80deg, 10deg);
     -webkit-transform-origin: 0% 100%;
             transform-origin: 0% 100%;
     -webkit-filter: blur(40px);
             filter: blur(40px);
     opacity: 0;
   }
 }


/* ----------------------------------------------
 * Generated by Animista on 2018-11-8 0:2:31
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-blurred-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2018-11-7 23:56:50
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation swing-in-right-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-right-fwd {
  0% {
    -webkit-transform: rotateY(-100deg);
            transform: rotateY(-100deg);
    -webkit-transform-origin: right;
            transform-origin: right;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-transform-origin: right;
            transform-origin: right;
    opacity: 1;
  }
}
@keyframes swing-in-right-fwd {
  0% {
    -webkit-transform: rotateY(-100deg);
            transform: rotateY(-100deg);
    -webkit-transform-origin: right;
            transform-origin: right;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-transform-origin: right;
            transform-origin: right;
    opacity: 1;
  }
}


* {
}

body {
	font-family: 'Raund', Arial, Helvetica, sans-serif;
}
.date{
  color:#000;
}

.link{
  text-align: right;
}
.thanks{
  display: none;
}
a:link {
  text-decoration: none;
  color:#e2001a;
}
a:visited {
  text-decoration: none;
  color:#e2001a;
}
a:active{
  text-decoration: none;
  color:#e2001a;
}
a:hover{
  text-decoration: underline;
  color:#e2001a;
}

.yellow{
  color:#feff00;
}
.black{
  color:#000000;
}
.red{
  color: #e2001a;
}

.section {
	text-align: center;
	color: #fff;
  background-size: cover;
  background-position: left;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
   -webkit-perspective: 1000;
}
.slide{
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
   -webkit-perspective: 1000;
}

.fp-next{
  display:none;
}
.fp-prev{
  display:none;
}

#slide1{
  background-color: #feff00;
}
#slide2{
  background-image: url("../img/IMG_2563.jpg");
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
}
#slide3{
  background-image: url("../img/img_10.jpg");
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
}
#slide4{
  background-image: url("../img/iot.jpg");
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
}
#slide5{
  background-image: url("../img/img_9.jpg");
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
}
.section-2{
  background-image: url("../img/Digital_Transformation_Executive-Seminar.jpg");
  background-position-x: 260px;
}
.section-3{
  background-image: url("../img/img_2.jpg");
  background-position-x: 0px;
  background-position-y: 0px;
}
.section-4{
  background-image: url("../img/Digital_Transformation_Executive-Seminar.jpg");
  background-position-x: 260px;
}
.section-5{
  background-image: url("../img/img_5.jpg");
  background-position-x: 200px;
}
.section-6{
  background-image: url("../img/img_4.jpg");
  background-position-x: 120px;
}
.section-7{
  background-image: url("../img/img_8.jpg");
}
.section-8{
  background-image: url("../img/img_3.jpg");
  background-position-x: 290px;
}
.section-9{
  background-image: url("../img/Contact-Inscription.jpg");
}

.nw{
  -moz-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  white-space: nowrap;
}
.section h2 {
	margin: 0 0 20px 0;
	font-size: 40px;
}
.content{
  display: table-cell;
  vertical-align: middle;
}
.section .logo{
  position: absolute;
  left: 20px;
  top: 20px;
}
.logo2{
  position: absolute;
}
.logo3{
  position: absolute;
}
.logo4{
  position: absolute;
  right: 50px;
  top: 50px;
}
.head{
  width: 100%;
  max-width: 369px;
}
.head_y{
  width: 100%;
}
.content_b{
  background-color: #000000;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  padding-top: 40px;
  padding-right: 40px;
  padding-left: 30px;
  padding-bottom: 30px;
  bottom: 0px;
  position: absolute;
  left: 30px;
  width: 35%;
}
.content_y{
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  font-size: 20px;
  bottom: -5px;
  position: absolute;
  width: 100%;
}
.content_y .link{
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
}
.section .box_1{
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: justify;
  color: #000;
  position: relative;
  display: table;
  width: 100%
}
#slide1 .fp-tableCell{
  vertical-align: top;
}
.section .box_1 .link{
  text-align: left;
  margin-left: 4%;
  margin-top: 0px
}
.frontpage{
  width: 100%;
}
.frontpage_img{
  width: 96%;
  height: auto;
  margin-top: 2%;
  margin-left: 2%;
  margin-right: 2%;
}
.section .box_2{
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: justify;
  color: #FFF;
  width: 76%;
  min-width: 510px;
  padding: 5px 25px 5px 50px;
  height: 100%;
}
.section .box_2 ul{
  padding-inline-start: 15px;
  -webkit-padding-start: 15px;
}
.section .box_2 .digital{
  margin-top: 20px;
  margin-bottom: 40px;
}
.section .box_2 .left{
  width: 60%;
  float: left;
}
.section .box_2 .right{
  margin-left: 54%;
}

.section .box_3{
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  background-color: white;
  text-align: justify;
  color: #000;
  width: 47%;
  padding: 5px 25px 5px 25px;
  margin-left: 25px;
  position: absolute;
  top: 205px;
}
.section .box_3 ul{
  padding-inline-start: 15px;
}
.economics{
  position: absolute;
  top: 30px;
  left: 30px;
  margin-left: 12px;
}

.section .box_3 .left{
  width: 100%;
  float: left;
  margin-top: 15px;
}
.section .box_3 .right{
  margin-left: 52%;
}
.section .box_4{
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: justify;
  color: #fff;
  width: 50%;
  min-width: 510px;
  padding: 5px 25px 5px 50px;
  height: 100%;
}
.section .box_4 .digital{
  margin-top: 20px;
  margin-right: 200px;
  margin-bottom: 40px;
}
.section .box_4 .left{
  width: 70%;
  float: left;
  min-width: 380px;
}
.section .box_4 .right{
  margin-left: 52%;
}
.section .box_5{
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  background-color: white;
  text-align: justify;
  color: #000;
  width: 66%;
  min-width: 530px;
  padding: 5px 25px 5px 50px;
  height: 100%;
}
.section .box_5 ul{
  padding-inline-start: 15px;
}
.section .box_5 .digital{
  margin-top: 20px;
  margin-bottom: 40px;
}
.section .box_5 .left{
  width: 48%;
  float: left;
}
.section .box_5 .right{
  margin-left: 52%;
}

.section .box_6{
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: left;
  color: #000;
  width: 10%;
  min-width: 190px;
  max-height: calc(100% - 190px);
  position: absolute;
  top: 200px;
  margin-left: 30px;
  padding: 5px 15px 5px 15px
}
.section .box_61{
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: left;
  color: #000;
  width: 10%;
  min-width: 580px;
  max-height: calc(100% - 190px);
  position: absolute;
  top: 200px;
  margin-left: 30px;
  padding: 5px 15px 5px 15px
}
.section .ideasProjects{
  position: absolute;
  top: 30px;
  left: 30px;
  margin-left: 12px;
}
.digitalMindset{
  position: absolute;
  top: 30px;
  left: 30px;
  margin-left: 12px;
}
.digitalTransformation{
  position: absolute;
  top: 30px;
  left: 30px;
  margin-left: 12px;
}
.codingAndBigData{
  position: absolute;
  top: 30px;
  left: 30px;
  margin-left: 12px;
}
.section .box_7 .highlight{
  color:#e2001a;
}

.section .box_7 .digital{
  margin-top: 20px;
  margin-bottom: 40px;
}

.section .box_7{
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  background-color: white;
  text-align: justify;
  color: #000;
  width: 70%;
  min-width: 450px;
  padding: 5px 25px 15px 50px;
  height: 100%;
}
.section .box_7 .left{
  width: 48%;
  float: left;
  margin-right: 20px;
  padding-right: 20px;
}
.section .box_8 .contact{
  position: absolute;
  top: 20px;
  left: 25px;
}
.section .box_8{
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  background-color: white;
  text-align: justify;
  color: #000;
  width: 335px;
  padding: 5px 15px 15px 25px;
  padding-top: 105px;
  margin-left: 25px;
  margin-top: 25px;
  position: absolute;
  top: 0px;
}
.section .box_8 input[type='checkbox'] {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.section .box_8 label {
  display: inline-block;
  text-indent: -22px;
  margin-left: 34px;
}
.section .box_8 input[type='submit']{
  border-color: #000;
  border: .5;
  background-color: #FFF;
}
.mail_error{
  border: 1px !important;
  border-style: solid !important;
  border-color: #e2001a !important;
}
.titel{
  width: 85px;
}
.name{
  margin-right: 5px;
  width: 210px;

}
.play{
  width: 100px;
  height: 100px;
}
.half{
  width: 150px;
}
.mail{
  margin-right: 5px;
  width: 145px;
}
.phone{
  width: 150px;
}
.full{
    width: 310px;
}
.section .box_8 input[type='text'],
.section .box_8 input[type='tel'],
.section .box_8 input[type='email'] {
  border: 0;
  padding: 5px;
  background-color: #eeeeee8f;
}
.section .box_8 textarea{
  border: 0;
  width: 310px;
  padding: 5px;
  background-color: #eeeeee8f;
}
.section p:last-chilf {
	margin: 0;
}
.fp-controlArrow.fp-next {
	border-color: transparent transparent transparent #00174f;
}

.fp-controlArrow.fp-prev {
	border-color: transparent #00174f transparent transparent;
}

.header {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  -webkit-perspective: 358px;
  perspective: 358px;
  pointer-events: none;

}
.header .layer{
  position: fixed;
  width:100%;
  height:100%;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 1);
}
.header .layer.loaded{
  background-color: rgba(0, 0, 0, .4);
  -webkit-animation: fade-out 1s ease-out both;
	        animation: fade-out 1s ease-out both;
}
.header .layer.on{
  -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.header .logo_round_detail{
    position: absolute;
    right: 30px;
    top: 30px;
    width: 100px;
    height: 100px;
    z-index: 1001;
    pointer-events: all;
}

.header .logo_round{
    position: absolute;
    right: 30px;
    bottom: 270px;
    width: 200px;
    height: 200px;
    z-index: 1001;
    pointer-events: all;
    -webkit-animation: slide-out-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-out-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.header .logo_round.on{
  -webkit-animation: slide-in-bottom 0.3s 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: slide-in-bottom 0.3s 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.main-nav {
  pointer-events: all;
  width: 410px;
  padding: 35px;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1005;
  -webkit-animation: slide-out-blurred-br 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
  	        animation: slide-out-blurred-br 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
}
.main-nav.on{
  bottom: 0;
  -webkit-animation: slide-in-blurred-bottom 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
  	        animation: slide-in-blurred-bottom 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

.main-nav ul {
	margin: 0;
	padding: 0;
  padding-bottom: 0;
	list-style: none;
}

.main-nav li {
	margin-bottom: 10px;
}
.main-nav li:last-child {
	margin-bottom: 10px;
}

.main-nav a span{
  padding-left: 5px;
  padding-right: 5px;
}
.main-nav a {
	display: block;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
  text-decoration: none;
  padding: 2px;
  padding-bottom: 0px;
}

.main-nav .active a {
	color: #fff300;
}
.main-nav .active a span{
  background-color: #e2001a;
}
h1{
  font-size: 20px;
}
@media only screen and (max-device-width : 767px) {

  .section{
    text-align: left;
  }
  .digitalMindset{
    position: relative;
    text-align: left;
    width: 80%;
    max-width: 332px;
    margin-top: 20px;
    margin-left: 16px;
    top: 0px;
    left: 0px;
  }
  .digitalTransformation{
    position: relative;
    text-align: left;
    width: 80%;
    max-width: 534px;
    margin-top: 20px;
    margin-left: 16px;
    top: 0px;
    left: 0px;
  }
  .codingAndBigData{
    position: relative;
    text-align: left;
    width: 80%;
    max-width: 247px;
    margin-top: 20px;
    margin-left: 16px;
    top: 0px;
    left: 0px;
  }
  .economics{
    position: relative;
    text-align: left;
    width: 80%;
    max-width: 332px;
    margin-top: 20px;
    margin-left: 16px;
    top: 0px;
    left: 0px;
  }
  .section .ideasProjects{
    position: relative;
    text-align: left;
    width:40%;
    max-width: 209px;
    margin-left: 16px;
    margin-top: 20px;
    top: 0px;
    left: 0px;
  }
  .section .box_61 {
    position: relative;
    top:0px;
    min-width: initial;
    width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    padding: initial;
    font-size: 12px;
    margin-bottom: 60px;
  }
  .section .box_6{
    font-size: 12px;
  }
  .header .logo_round_detail{
    position: absolute;
    right: 30px;
    bottom: 270px;
    width: 100px;
    height: 100px;
    z-index: 1001;
    pointer-events: all;
    -webkit-animation: slide-in-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-in-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
      top:initial;
  }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1025px) {
}
@media (min-width:768px) {
	.section h2 {
		font-size: 60px;
	}

	.main-nav a {
		font-size: 15px;
	}
}