/*
Theme Name: Tango Events
Theme URI: https://www.idp.lu
Author: Kamel Chikhi
Author URI: https://www.idp.lu
Description: Tango Events
Version: 0.1
License:
License URI:
Tags:
Text Domain: tangoevents

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

color blue : #0b538e ou rgb(11,83,142)
color green : #b0cf3d ou rgb(176,207,61)
*/

@font-face {font-family: "BelgacomMedium";font-style: normal;font-weight: normal;src: url("fonts/belgacom-medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/belgacom-medium-webfont.woff") format("woff"), url("fonts/belgacom-medium-webfont.ttf") format("truetype"), url("fonts/belgacom-medium-webfont.svg#BelgacomMedium") format("svg");}
@font-face {font-family: "BelgacomUltraLight";font-style: normal;font-weight: normal;src: url("fonts/belgacom-ultralight-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/belgacom-ultralight-webfont.woff") format("woff"), url("fonts/belgacom-ultralight-webfont.ttf") format("truetype"), url("fonts/belgacom-ultralight-webfont.svg#BelgacomUltraLight") format("svg");}
@font-face {font-family: "BelgacomBold";font-style: normal;font-weight: normal;src: url("fonts/belgacom-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/belgacom-bold-webfont.woff") format("woff"), url("fonts/belgacom-bold-webfont.ttf") format("truetype"), url("fonts/belgacom-bold-webfont.svg#BelgacomBold") format("svg");}
@font-face {font-family: "BelgacomLight";font-style: normal;font-weight: normal;src: url("fonts/belgacom-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/belgacom-light-webfont.woff") format("woff"), url("fonts/belgacom-light-webfont.ttf") format("truetype"), url("fonts/belgacom-light-webfont.svg#BelgacomLight") format("svg");}

body{font-family: "BelgacomLight"; color:#0c5894; font-size:15px;letter-spacing:1px}
strong{font-family: "BelgacomMedium"!important}
.flexcenter {-webkit-align-content: flex-start;align-content: flex-start;-webkit-align-items: center;align-items: center;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;height:100%}
.mt40{margin-top:40px}
.form-control{color:#0b538e; border-radius: 10px;border-color:#0b538e; letter-spacing:1px}
.mb60{margin-bottom:60px}
.img-responsive{max-width: 100%}
.img-responsive-single{max-width: 100%;max-height: 260px;margin: 0 auto}
.mr40{margin-right: 40px}
.mb20{margin-bottom:20px}
.mb40{margin-bottom:40px}
#wrapper{position: relative;left:0;}
.fright{float:right}
.fleft{float:left}
@media(min-width:768px){.row-right div[class*="col-sm"]{float:right}}

/*
  NAVBAR
-------------------------------------- */
.navbar-nav > li > a{ text-transform:uppercase; padding:0px 15px; border-left:1px solid #0c5894;line-height: 15px;}
.navbar-nav > li:first-child > a{border:none}
.nav > li > a:focus, .nav > li > a:hover, .nav > li > a.active { background:transparent;color:#b4d141}
.navbar-brand{position:absolute;z-index:1;top:0;left:0}
.navbar-brand > img, .navbar-brand > svg{width:130px;margin-top:25px}
.navbar-brand .br{position:absolute;z-index:-1; -webkit-transform:rotate(74deg);transform:rotate(74deg); top:-120px;left:-116px;width: 265px;height:265px;background: #0c5894;border-radius:60px}
.topbar .navbar{height:0;min-height: 0}

/*
  Menu
-------------------------------------- */
#open-menu {background-color: rgb(12, 88, 148);border-radius: 1em;width: 60px;height: 60px;right: 30px;top: 30px;}
.tango-nav{background:rgba(255,255,255,0.95);position:absolute;width:100%;top:10px;-webkit-align-content: flex-start;align-content: flex-start;-webkit-align-items: center;align-items: center;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center; height:100px}
.menu-icon{float:right;position:absolute;top:10px;right:0;z-index:3;height:100px;width:100px;cursor:pointer}
.menu-icon span {position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);display: block;width: 22px;height: 3px;background-color: #FFFFFF;-webkit-transition: background 0.5s;transition: background 0.5s;z-index:2;}
.menu-icon span:before, .menu-icon span:after {content: '';position: absolute;top: 0;left: 0;-webkit-transform: translateY(-6px);transform: translateY(-6px);display: block;width: 22px;height: 3px;background-color: #FFFFFF;-webkit-transition: transform 0.2s;transition: transform 0.2s;}
.menu-icon span:after {-webkit-transform: translateY(6px);transform: translateY(6px);}
.menu-icon:hover span:after{-webkit-transform: translateY(10px);transform: translateY(10px);}
.menu-icon:hover span:before{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.tango-nav{-webkit-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.1);-webkit-transform:translateY(-110%);transform:translateY(-110%); -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;opacity:0}
.isOpen .tango-nav{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}
.isOpen .menu-icon{visibility:hidden;z-index:-1}
.menu-remove{float:right;position:absolute;top:35px;right:30px;z-index:3;height:50px;width:50px; cursor:pointer; text-align:center; line-height:50px;font-size:20px;border:1px solid #0c5894;border-radius:50px;display:none;}
.isOpen .menu-remove{display:block; }
.isOpen .tango-nav{border-radius:0;z-index:1}

/*
  SLIDER
-------------------------------------- */
.masthead{background-size:cover;position:relative;overflow:hidden;background-color: #000}
  .masthead-controls{background:#fff;height:88px;position:absolute;left:0;right:0;bottom:0; z-index: 3}
    .masthead-controls .after{width:58px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-align: center;display: block; text-decoration: none;cursor:pointer;position:absolute;top:0;bottom:0;right:0;color:#ddd;z-index: 100;font-size: 40px;line-height: 66px;padding: 0 15px;border-left:1px solid #ddd;background: #fff}
    .masthead-controls .after:active{background:#0b538e;color:#fff}
    .masthead-controls:after{content:"";display: block;position: absolute;z-index:0;bottom:0;left:0;right:0;border-bottom:5px solid #e6edf3}
  .masthead-caption{width:280px; height:145px; overflow:hidden;position:absolute;left:0;bottom:0; font-family: "BelgacomUltraLight";z-index: 10}
  .masthead-caption strong{font-family: "BelgacomUltraLight"}
  .masthead-caption div{height:88px;-webkit-align-content: flex-start;align-content: flex-start;-webkit-align-items: center;align-items: center;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;position:absolute;bottom:0;left:0; right:0;}
  .masthead-caption .br{background:#1fbad9;border-radius:60px;-webkit-transform:rotate(-16deg) translate(-30px, 17px);transform:rotate(-16deg) translate(-30px, 17px);position:absolute;z-index:0;width:300px; height:280px; left:0; top:0;}
  .masthead-caption span, .masthead-btn span{z-index:1;position:relative;font-size:20px;color:#fff; line-height: normal;}
  .masthead-btn {font-family: "BelgacomUltraLight";height: 220px;width:300px;color:#ffffff; position:absolute;bottom:100%;right:0;overflow:hidden;}
    .masthead-btn .br{background:#1fbad9;border-radius:60px;-webkit-transform:rotate(15deg);transform:rotate(15deg); position:absolute;z-index:0;width:400px; height:800px; left:-46px; top:25px;}
    .masthead-btn span{display: block;position: absolute;top:50%;left:56%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
    .masthead-btn .mobile{display:none;padding: 20px}
      .masthead-btn .mobile a.btn{border:none;display: block;border-radius: 0}
      .masthead-btn .mobile .te-right-open{border:2px solid #d2f1f7;border-radius: 25px;}
    .masthead-btn a.btn{display:table;border:2px solid #d2f1f7;color:#fff;font-size: 16px;border-radius: 25px;padding: 6px 15px;margin-top: 15px;z-index:100}
    .masthead-btn a.btn:hover{background:#d2f1f7;color:#1fbad9}

  .slide-item{background-size:cover;overflow:hidden;position: relative;height:100%;}
    /* .slide-item img{display: none!important} */
    .slide-item .caption{position: absolute; right:0; bottom:150px ;left: 0;color:#fff; font-size: 50px; z-index: 2;}
    .slide-item .bg{position: absolute; right:0; bottom:0; top:60%; left: 0; z-index: 1;
      background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
      background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
      background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );}
  .slider .owl-controls .owl-nav{position: absolute;top:40%;right:0;left:0;z-index: 2000;}
  .slider .owl-controls .owl-nav div{font-size:30px;height:45px;width:28px;overflow:hidden;padding: 0;font-family:'Glyphicons Halflings';background:none; color:#fff; position: absolute;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;}
  .slider .owl-prev{left:-100px;}
  .slider .owl-next{right:-100px;}
  .slider:hover .owl-prev{left:20px;}
  .slider:hover .owl-next{right:20px;}
  .slider .owl-prev:before{content:"\e079"}
  .slider .owl-next:before{content:"\e080"}
    .slider .owl-dots{position: relative; bottom:142px;display: table; margin: 0 auto}
    .owl-theme .owl-dots .owl-dot { display: inline-block;}
    .owl-theme .owl-dots .owl-dot span {background: #fff none repeat scroll 0 0;border-radius: 30px;display: block;height: 14px; margin: 5px 7px;-webkit-transition: opacity 200ms ease 0s;transition: opacity 200ms ease 0s;width: 14px;}
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#1fbad9}
    .owl-controls{position: absolute;left:0;right:0;bottom:0}
  .owl-item.active .slide-item .caption{
    webkit-animation-name: transition1;animation-name: transition1;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;
  }
  .slide-item .play{widht:55px;height:55px;position: absolute; top:50%;left:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);padding: 10px; border-radius: 100px; background:#0b538e; }
    .slide-item:hover .play{transform:scale(1.5, 1.5) translate(-33%, -33%)}
    .slide-item .play .te-play{font-size: 25px;color:#fff;margin-left: 3px;}
  #block_video{position: fixed;top:0;left:0;bottom:0;right:0;z-index: 10005;}
  #block_video .project-close{position: absolute;top:0;right:0;width:60px;height:60px;z-index: 10005;cursor: pointer;background: #0b538e;color:#fff;font-size: 30px;text-align: center;line-height: 60px;}
  .slider div[data-ytube]{cursor:pointer}


  .masthead-form{z-index: 2;color:#fff;position: absolute;bottom:-126px;right:-389px; -wbekit-transform: translate(0,0); transform: translate(0,0);width:765px;height: 435px; overflow: hidden}
    .masthead-form:hover{bottom:88px;right:0;}
    .masthead-form .br{background:#1fbad9;border-radius:60px;-webkit-transform:rotate(15deg);transform:rotate(15deg); position:absolute;z-index:0;width:1000px; height:1000px; left:-6px; top:100px;}
    .masthead-form .content{position: relative;z-index: 2;width: 70%;margin-top: 40px}
    .masthead-form .form-control{background:transparent;border:1px solid #fff;color:#fff}
    .masthead-form input::-webkit-input-placeholder { color: #fff; }
    .masthead-form input::-moz-placeholder { color: #fff; }
    .masthead-form input:-ms-input-placeholder {color: #fff;}
    .masthead-form input:-moz-placeholder {color: #fff; }
      .masthead-form input:focus{border-width: 3px}
    .masthead-form .btn{background: transparent; border: 2px solid #fff; padding: 6 20px; border-radius: 10px}
      .masthead-form .btn:hover{background: #fff;color:#1fbad9}
      .masthead-form-item{position: absolute;top:0;left:0;right:0;bottom:0}
      .masthead-form-item-1 .content{width: 200px;margin:70px 0 0 140px;}
      .masthead-form-item-2{display: none}
        .masthead-form:hover .masthead-form-item-1{display: none}
        .masthead-form:hover .masthead-form-item-2{display: flex}
      .masthead-form.openForm .masthead-form-item-1{display: none}
      .masthead-form.openForm .masthead-form-item-2{display: flex}
      .masthead-form.openForm{bottom:88px;right:0;}
      .masthead-form.completedForm{
        -webkit-animation-duration: 0.8s;animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;
        webkit-animation-name: removeForm;animation-name: removeForm;-webkit-animation-delay: 3s;animation-delay: 3s;

      }

      @media(max-width:768px){
        .masthead-form{position:static;height: auto;width: auto;background:#1fbad9; padding: 40px 0}
        .masthead-form .br{display: none}
        .masthead-form .masthead-form-item{position:static;}
        .masthead-form .masthead-form-item-1{display:none;}
        .masthead-form .masthead-form-item-2{display:flex;}
        .masthead-form .content{margin-top:0px;width: 90%}
      }

  /*
    slider compact
  ----------------------------------------------- */
  .masthead-compact{height:450px;position:relative;overflow:hidden;-webkit-background-size: cover; -o-background-size: cover;background-size: cover; background-position: center}
    .masthead-compact-controls{position:absolute;height:60px;left:0;right:0;bottom:0px;background:#0c5894;color:#fff;z-index:3;}
    .masthead-compact-controls h1{text-align: center;font-size: 18px}
    .masthead-compact .bgTable .box{width:521px;-webkit-transform:translate(-70%,-62%);transform:translate(-70%,-62%);}

  /*
    NAV EVENTS
  ----------------------------------- */
  .nav-events{margin:0;padding: 0; display: table; margin:0 auto;width:100%;position: relative;cursor: e-resize;z-index: 2}
    .nav-events .nav-events-item{list-style:none;display: block;padding: 0;margin:0;border-left:1px solid #ddd;float: left;background: #fff}
    .nav-events .nav-events-item:first-child{border:none}
    .nav-events .nav-events-item a{height: 88px; border-bottom:5px solid #e6edf3;margin:0;padding: 0 45px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
      .nav-events .nav-events-item a:hover, .nav-events .nav-events-item a.active{text-decoration: none; border-color:#b0cf3d; background:#b0cf3d;color:#fff }
      .nav-events .nav-events-item a img{height: 60px; width: auto;margin-right: 15px;}

  /*
    AFTER SLIDE
  ----------------------------------- */
  .layout-afterSlider{color:#fff;position: relative;padding:60px 0;font-size:32px;text-align: center; background-attachment:fixed;background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover;background-size: cover;}
    .layout-afterSlider .colorFilter{content:"";display: block;background:rgba(31,186,217,0.8);position:absolute;top:0;left:0;right:0;bottom:0;z-index: 1}
    .layout-afterSlider .container{z-index:2;position:relative}
    .layout-afterSlider #getting-started div{display:inline-block; margin: 0 10px 20px 10px; padding: 15px; font-size: 122px;font-family: "BelgacomBold";line-height:120px}
      .layout-afterSlider #getting-started div:after{display: block; background: #fff;color:#0b538e;font-size:16px;line-height:20px; margin:0 -15px; border-radius:10px;}
      .layout-afterSlider #getting-started .day:after{content: "jours";}
      .layout-afterSlider #getting-started .hour:after{content: "heures";}
      .layout-afterSlider #getting-started .minute:after{content: "minutes";}
      .layout-afterSlider #getting-started .second:after{content: "secondes";}
    .layout-afterSlider .btn{color:#fff;border:3px solid #fff;font-size: 21px;border-radius:20px;padding: 10px 30px}
      .layout-afterSlider .btn:hover{color:#0b538e;background:#fff}

  /*
    FLYERSMAG
  ---------------------------------------- */
  .layout-photos a{text-decoration: none}
  .flyersmag-photos{text-align:left}
  .flyersmag-photos .photo-item {margin-bottom: 30px;
    -webkit-animation-duration: 0.8s;animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;
    webkit-animation-name: opacityIn;animation-name: opacityIn;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
    .flyersmag-photos .photo-item .fancybox-thumb:hover img{opacity: 0.6;-webkit-transform: scale(0.95);transform: scale(0.95);}
  .flyersmag-photos .photo-item img{ width:100%}
  .flyersmag-photos .share a{display: inline-block;padding: 5px; color:#0c5894;}
    .flyersmag-photos .share a:hover{color:#b0cf3d;}
    .flyersmag-photos .share .count-share{border:1px solid #0c5894;display: inline-block;padding: 0 4px 0 15px;font-size:12px;position: relative}
    .flyersmag-photos .share .count-share:after{content:"";display: block;position: absolute;top:0;bottom:0;width:6px; right:-6px; background: url(images/phylactery.gif) center no-repeat;}
    .button-flyersmag-container{display:table;margin:auto;text-align: center}
    .flyersmag-photos .nav{margin:0 0 50px 0;padding: 0; text-align: left}
      .flyersmag-photos .nav li{display: inline-block;margin-right: 5px}
        .flyersmag-photos .nav li a{display: block;border:1px solid #0b538e;padding: 10px 30px; border-radius:12px;color:#0b538e;font-size:18px;cursor: pointer}
          .flyersmag-photos .nav li a:hover, .flyersmag-photos .nav li a.active{background: #0b538e; color:#fff;text-decoration:none}

  a.button-flyersmag{border-radius: 120px;border:2px solid #0b538e;width:110px;height:110px;display:table-cell;margin:auto; vertical-align: middle;cursor: pointer;text-decoration: none}
  .flyersmag-events{padding: 15px;}
  .flyersmag-events-item{border:1px solid #0c5894; float:left;width: 33.33%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .flyersmag-events-item a:hover{text-decoration: none}
      .flyersmag-events-item:hover .thumb-img img{-webkit-transform: scale(1.3); transform: scale(1.3);}
    .flyersmag-events-item .thumb-img{overflow: hidden;height:365px}
      .flyersmag-events-item .thumb-img img{width: 100%; -webkit-transform: scale(1); transform: scale(1);}
    .flyersmag-events-item h2{font-size:15px}
    .flyersmag-events .nav{margin:0 0 50px 0;padding: 0; text-align: left}
      .flyersmag-events .nav li{display: inline-block;margin-right: 5px}
        .flyersmag-events .nav li a{display: block;border:1px solid #0b538e;padding: 10px 30px; border-radius:12px;color:#0b538e;font-size:18px;cursor: pointer}
          .flyersmag-events .nav li a:hover, .flyersmag-events .nav li a.active{background: #0b538e; color:#fff;text-decoration:none}
          .flyersmag_link{cursor:pointer}


    @media(max-width:768px){
      .flyersmag-events-item{width:100%;padding: 15px;}
      .flyersmag-photos .col-sm-4{width: 100%!important}
      .flyersmag-photos .nav li{margin-bottom:10px;}
    }

  /*
    PROGRAM
  ------------------------------------ */
  .layout-program{padding:60px 0;border-bottom: 1px solid #eee}
    .layout-program .nav-program{margin:50px 0;padding: 0;}
      .layout-program .nav-program li{display: inline-block;margin-right: 5px}
        .layout-program .nav-program li a{display: block;border:1px solid #0b538e;padding: 10px 20px; border-radius:12px;color:#0b538e;font-size:18px}
          .layout-program .nav-program li a:hover, .layout-program .nav-program li a.active{background: #0b538e; color:#fff;text-decoration:none}
    .layout-program .thumb-wrapper{padding: 0 20px;background-color: #FFF;padding: 7px;-webkit-box-shadow: 2px 3px 12px -4px rgba(0,0,0,0.58);-moz-box-shadow: 2px 3px 12px -4px rgba(0,0,0,0.58);box-shadow: 2px 3px 12px -4px rgba(0,0,0,0.58);}
    .layout-program .thumb-wrapper img{width: 100%}
    .layout-program .btn.link{border:2px solid #b0cf3d; color:#b0cf3d; border-radius: 15px; padding: 10px 20px; margin:auto;white-space:normal}
    .layout-program .btn.link:hover{background:#b0cf3d; color:#fff;}
  ul.program-list{margin:0;padding:0;display:none}
    ul.program-list.active{display:block}
    ul.program-list li{list-style: none;padding-bottom:40px;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
      ul.program-list li:after{margin-top: -20px;border-left:2px solid #0b538e;content:"";display: block;position: absolute;left:0;top:0;bottom: 0;}
      ul.program-list li:first-child:after{top:50%}
      ul.program-list li:last-child:after{bottom:50%;margin:0 0 20px 0}
      ul.program-list li:last-child{border:none}
    ul.program-list li div.a{padding-left: 50px;color:#0d5d99;text-decoration:none; display: block;}
    ul.program-list li div.a span{display:block;}
    ul.program-list li .artist{color:#b0cf3d}
    ul.program-list li .c1{margin-top: -20px;position: absolute; width: 29px; height: 29px;line-height: 29px;border:2px solid #0b538e;border-radius: 30px;top:50%;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
    ul.program-list li .c2{width: 10px; height: 10px;border:6px solid #0b538e;border-radius: 30px; position: absolute; left:50%;top:50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
    ul.program-list li div.a:hover .c1{ width: 25px; height: 25px; border:6px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:2}
    ul.program-list li div.a:hover .c2{ width: 20px; height: 20px; background: #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    ul.program-list li a{border:1px solid #0b538e;color:#0b538e; margin-top: 10px;white-space:normal}
    ul.program-list li a .te-calendar{color:#b41a24}
    ul.program-list li a:hover{color:#b41a24;border-color:#b41a24}
    .layout-program .nav-program.select li{display: block;margin: 0}
    .layout-program .nav-program.select li a{display: none;margin: 0;border-radius: 0; background-color: #fff;color:#0b538e}
    .layout-program .nav-program.select li a.active{color: #0b538e;display: block;}
    .layout-program .nav-program.select li a:hover{background: #0b538e;color:#fff;}

    .layout-program .nav-program-select{width:100%; line-height: 50px;margin: 50px 0; font-size: 20px;display: none;}
    @media(max-width:768px){
      .layout-program .nav-program-select{display: block}
      .layout-program .nav-program{display: none}
    }

  /*
   .layout-presentation
  ------------------------------------------------------ */
  .layout-presentation{padding: 0 15px; background:#3e4a56; color:#fff;line-height: normal;background-position:right center; background-size:cover;}
  @media(max-width:990px){
    .layout-presentation{padding: 40px 15px;height: auto!important;position: relative}
    .layout-presentation:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0.8); z-index: 1}
    .layout-presentation .row{position: relative;z-index: 2}
  }
  /*
    VIDEOS
  -------------------------------------------------- */
  .layout-videos{padding:60px 0;}
  .layout-videos .video-thumbnail {border: 2px solid #000;background: url("images/screen-reflection.jpg") no-repeat center top; background-size:cover;cursor:pointer;background-attachment: initial;background-position: center center;height:360px;position:relative; background-color: #000}
    .layout-videos .video-thumbnail .play{width:55px;height:55px;position: absolute; top:50%;left:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);padding: 10px; border-radius: 100px; background:#0b538e; }
      .layout-videos .video-thumbnail:hover .play{transform:scale(1.5, 1.5) translate(-33%, -33%)}
      .layout-videos .play .te-play{font-size: 25px;color:#fff;margin-left:3px}
    .layout-videos .video-list-item{cursor:pointer}
    .layout-videos .video-list-item .thumb-wrapper{width: 120px;height: 60px;float:left; background: #000;margin-right:15px;}
    .layout-videos .video-list-item{margin-bottom: 20px}
    .layout-videos .video-item{position: relative;}
      .layout-videos .video-item h4{color:#b0cf3d}
    .layout-videos .video-item .shadow{display: block;width: 100%;z-index:-1;position: relative;margin-top:-50px}
    .layout-videos .screen{padding: 10px; background: url("images/screen.jpg") no-repeat center top; background-size:cover;}

  /*
    PROMO
  ----------------------------------------------- */
  .layout-promo{padding:60px 0px;color:#fff; background-attachment:fixed; background-size:cover; background-repeat: no-repeat; background-position:center;position: relative}
    .layout-promo .container{position:relative;z-index:2}
    .layout-promo:after{content:"";display:block;position: absolute;top:0;left:0;bottom:0;right:0;background: rgba(11,83,142, 0.8);z-index: 1}
    .layout-promo .btn{border: 2px solid #d5e0e9;color:#fff; padding: 10px 30px;border-radius:24px;font-size: 21px;margin-top:20px}
      .layout-promo .btn:hover{background:#d5e0e9;color:#0b538e}

  /*
    LAYOUT EVENTS
  -------------------------------------------------- */
  .layout-events{padding: 60px 0;border-bottom:1px solid #eee}
  .layout-events-item{margin-bottom: 15px;}
    .layout-events-item a:hover{text-decoration: none}
      .layout-events-item:hover .thumb-img img{-webkit-transform: scale(1.3); transform: scale(1.3);}
    .layout-events-item .thumb-img{ border:1px solid #0c5894;border-radius: 20px; overflow: hidden;height:300px}
      .layout-events-item .thumb-img img{width: 100%; }
    .layout-events-item h2{font-size:15px}
    .layout-events .btn{border:2px solid #b0cf3d; color:#b0cf3d; border-radius: 15px; padding: 10px 20px; margin:auto;white-space:normal;display: table;}
      .layout-events .btn:hover{background:#b0cf3d; color:#fff;}

  /*
    INFOS
  ----------------------------------------------- */
  .layout-infos{padding:60px 0px; position:relative;color:#fff;background-size:cover;background-position: center;}
    .layout-infos .container{position:relative;z-index: 2}
    .layout-infos:after{background:rgba(176,207,61,0.8);position: absolute;top:0;right:0;bottom:0;left:0;content:"";display: block;z-index: 1}
    .layout-infos .te-icon-tango{font-size: 67px;}
    .layout-infos h1{margin-top:0px;}

  /*
    MAP
  ---------------------------------------------- */
  .acf-map {height: 380px!important;margin: 0 auto;}
  .map_address{text-align: center}

  /*
    REGULATION
  --------------------------------------------- */
  .layout-regulation{padding: 40px 0;}
    .layout-regulation a{color:#aaaaaa}
    .layout-regulation .borderTop{border-top:1px solid #aaaaaa;padding-top: 40px}

  /*
    VOUCHER
  --------------------------------------------- */
  .layout-voucher{padding:60px 0px;overflow:hidden;border-bottom: 1px solid #eee}
    .layout-voucher .form-control{height:44px}
    .layout-voucher .comment{color:#a5a5a5}
    .layout-voucher .btn{border:2px solid #0b538e; background: #fff; color:#0b538e; font-size: 16px; border-radius: 20px;padding:10px 30px}
    .layout-voucher .btn:hover{background:#0b538e; color: #fff; }
    .layout-voucher label{font-weight: normal}
    .layout-voucher img.t{margin-bottom: -95px}
    .voucher-bg{position: relative}
    .voucher-bg img{width:100%}
    #voucher-code{position: absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#000000;}

  /*
    NEWSLETTER
  ---------------------------------------------- */
  .layout-newsletter{padding:60px 0px;color:#fff;position:relative;text-align: center;-webkit-background-size: cover; -o-background-size: cover;background-size: cover; background-position: center;background-attachment:fixed;}
    .layout-newsletter .container{z-index: 2;position:relative}
    .layout-newsletter:after{content: "";display: block; position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(11,83,142,0.8);}
    .layout-newsletter .form-control{border:1px solid #fff;box-shadow:none; background: transparent;color:#fff}
    .layout-newsletter input::-webkit-input-placeholder { color: #fff; }
    .layout-newsletter input::-moz-placeholder { color: #fff; }
    .layout-newsletter input:-ms-input-placeholder {color: #fff;}
    .layout-newsletter input:-moz-placeholder {color: #fff; }
    .layout-newsletter input:focus{border-width: 3px}
    .layout-newsletter .btn{color:#fff;background:transparent;border:none;border-radius:10px;text-transform: uppercase;}
    .layout-newsletter .btn:hover{color:#0b538e;background:#fff;}


  /*
    PHOTOS
  ---------------------------------------------- */
  .layout-photos{padding:60px 0px;text-align: center}
    .layout-photos .btn{border:2px solid #b0cf3d; color:#b0cf3d; border-radius: 15px; padding: 10px 20px; display: table; margin:auto}

  /*
    layout-gallery360
  ------------------------------------------------- */
  .layout-gallery360{position:relative;padding:60px 0px; color:#fff;-webkit-background-size: cover; -o-background-size: cover;background-size: cover; background-position: center;background-attachment:fixed;}
    .layout-gallery360 .btn{border: 2px solid #fff;color:#fff; padding: 10px 30px;border-radius:24px;font-size: 21px;margin-top:20px}
      .layout-gallery360 .btn:hover{background:rgba(255,255,255,0.5);color:#ffffff}
    .layout-gallery360 .bgcolor{position: absolute;top:0;left:0;right:0;bottom:0;background-color: #0b538e;z-index:1;opacity: 0.8}
    .layout-gallery360 .container{z-index:2;position:relative}

  /*
    ANIMATE
  ----------------------------------- */
  .animate, .btn{-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
  .animate-wrapper{-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;position: relative;  }
  .animated {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  @-webkit-keyframes transition1 {
    from {-webkit-transform:translateY(10%);opacity:0;}
    to {-webkit-transform:translateY(0%);opacity:1;}
  }
  @keyframes transition1 {
    from {transform:translateY(10%);opacity:0; }
    to {transform:translateY(0%);opacity:1; }
  }

  @-webkit-keyframes removeForm {
    from {-webkit-transform:translateY(0%,0%);opacity:1;}
    to {-webkit-transform:translate(10%,10%);opacity:0; display: none;}
  }
  @keyframes removeForm {
    from {transform:translate(0%,0%);opacity:1; }
    to {transform:translate(10%,10%);opacity:0; display: none;}
  }

  @-webkit-keyframes opacityIn {
    from {opacity:0;}
    to {opacity:1;}
  }
  @keyframes opacityIn {
    from {opacity:0;}
    to {opacity:1;}
  }

  /*
    panel body
  ---------------------------------------------------- */
  .panel-body{padding:40px 0 60px 0;position: relative;}

  /*
    LAST EVENTS
  ----------------------------------------------- */
  .last-events{padding: 60px 15px;}
    .last-events .last-events-item{overflow:hidden;float:left;padding:20px;color:#fff;width:25%;height:500px;position: relative;background-position: center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
    .last-events .last-events-item .colorFilter{background:rgba(11,83,142,0.9);position: absolute; z-index: 0;content:"";display: block;top:0;left:0;right:0;bottom:0}
      .last-events .last-events-item .content{position: relative;z-index: 2; text-align: center}
      .last-events .last-events-item img{width: 225px; margin: 0 auto; display: block;height: auto;}
      .last-events .last-events-item h1{font-size: 18px}
      .last-events .last-events-item .btn{border:2px solid #fff;color:#fff;border-radius: 25px; padding: 20px 20px;margin-top:60px}
      .last-events .last-events-item .btn:hover{background: #fff;color:#0b538e;}
      .last-events .thumb-img{height:225px;overflow:hidden}

    .last-events .last-events-item:after{content:"";display: table;clear:both;}

  /*
    ARCHIVE EVENTS
  --------------------------------------- */
  .archive-events{padding:60px 0px}
    .archive-events-item{border:1px solid #0b538e;padding: 15px;text-align: center;height:460px}
      .archive-events-item .thumb-wrapper{min-height: 348px;overflow:hidden;display: block;-webkit-align-items: center;align-items: center;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center}
      .archive-events-item img{width:100%; display: block;}
      .archive-events .col-sm-4{padding:0}
      .archive-events-item h1{font-size: 18px}
      .archive-events .archive-row {padding:0 15px}


  /*
  	FOOTER
  -------------------------------------- */
  footer.footer{
  	font-size:12px;	background: #e3eff8;padding:65px 0;
  }
  footer.footer h4{color:#0d5f9b;font-size:18px;margin:0; width: 30%}
  footer.footer h4::after{content: "";display: block;width: 10%;border-top:1px solid #0c5894;margin-top:15px}
  footer.footer h4 strong{display: block; font-size: 33px}
  .footer-nav{margin:0; padding:0; width: 40%}
  footer.footer strong{font-family: "BelgacomLight"!important;font-weight:100}
  .signature{font-size:12px;margin:0px;width: 30%}
  .social{margin:0;padding:0;-webkit-align-content: flex-start;align-content: flex-start;-webkit-align-items: flex-start;align-items: flex-start;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center}
  .social li{list-style:none;}
  .social li a {display:block; padding:0 7px; text-align:center}
  .social li a:before {display:table; width:66px;height:66px; margin: 0 auto 5px auto; background:url("images/social-network.png");content:'';overflow: hidden;}
  .social li a.i:before { background-position: 0 top;}
  .social li a.p:before { background-position: 66px top;}
  .social li a.f:before { background-position: -95px top;}
  .social li a.c:before { background-position: -192px top;}
  .social li a.t:before { background-position: -288px top;}
  footer .barry{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-align-content: flex-start;align-content: flex-start;align-items: flex-end;display: -webkit-flex;display: flex;-webkit-justify-content: center; justify-content: center }


@media (max-width: 1024px) {
  .tango-nav { position: fixed; left:auto; right: 0; top:0;bottom: 0;width:55%; height: auto; -webkit-transform:translate(100%, 0%);transform:translate(100%, 0%); border-radius: 0px;-webkit-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.9);-moz-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.9);box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.9);}
  .tango-nav .navbar-nav>li{float:none; padding: 15px 0;margin: 0 15px;border-top: 1px solid rgba(255,255,255,0.2);}
  .tango-nav .navbar-nav>li:first-child{border:none;}
  .navbar-nav > li > a{border:none;color:#fff}
  .isOpen .tango-nav{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);opacity:1; overflow-y: auto; background: #0c5894}
  .isOpen #wrapper{ left: -55%;position: relative;z-index:0}
  .isOpen #wrapper:after{position: fixed;content:"";top:0;left:0;bottom:0;right:0;background:rgba(255,255,255,0.4); z-index: 100}
  .isOpen .menu-remove{color:rgba(255,255,255,0.8);border-color:rgba(255,255,255,0.8);}
  .nav-events{margin:0;}
    .nav-events .nav-events-item a{font-size:12px;padding:0 10px}
}

@media (max-width: 970px) {
  .last-events .last-events-item{width:50%!important}
}

/* All , nexus10 */
@media (max-width: 768px),
only screen and (min-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait) {
  .layout-afterSlider{background-attachment:unset}
  .last-events .last-events-item{width:100%!important}
  .layout-voucher{padding:60px 0;}
    .layout-voucher img.t{margin-bottom: 0;display: none}
  .archive-events-item{height: auto}
  #open-menu{top:5px;right:5px}
  .isOpen .menu-remove{top:10px;right:10px}
  .tango-nav { width:80%;}
  .isOpen #wrapper{ left: -80%;}
  .masthead-controls{height: auto;position: static}
    .masthead-controls .after{display: none!important}
    .nav-events{display: block;left:0!important;margin: 0px!important}
      .nav-events .nav-events-item{float: none}
        .nav-events .nav-events-item a{padding:0 15px;-webkit-justify-content:flex-end;justify-content:flex-start;height:69px}
          .nav-events .nav-events-item a img{width:40px;height: auto}
  .masthead-caption{display: none;height:292px;width:79px;bottom: 0px; background: #1fbad9; border-radius: 0 79px 0 0 }
    .masthead-caption div{height:292px;width:100%}
    .masthead-caption span{font-size: 14px}
    .masthead-caption .br{display: none;height:424px;width: 300px;-webkit-transform: rotate(-16deg) translate(-179px, 17px);transform: rotate(-16deg) translate(-179px, 17px);}
  .masthead-btn{width:auto;height:70px;position: static;background:#1fbad9;text-align: center}
    .masthead-btn a.btn{margin:auto;display: table;font-size: 18px;padding: 2px 10px}
    .masthead-btn span{display: none;position: static;font-size: 18px;-webkit-transform: translate(0,0);transform: translate(0,0)}
      .masthead-btn span.mobile{display:block}
      .masthead-btn span br{display: none}
    .masthead-btn .br{display:none}
  .slide-item .caption{font-size: 14px;bottom:21px}
    .slider .owl-dots{bottom: 0}
  .navbar-brand > svg{width: 83px;margin-top:0px}
  .navbar-brand .br{top:-163px;left:-154px;width: 240px;border-radius: 37px;}
  .layout-videos{padding:20px 0;}
  .layout-program{padding:20px 0;}
    .layout-program .thumb-wrapper {margin:40px 0}
    .layout-program .nav-program{margin: 20px 0}
      .layout-program .nav-program li a{font-size: 14px;padding: 6px 12px;margin-bottom: 15px}
  ul.program-list{margin:0;padding-left: 13px}
  .video-item{margin-bottom:50px}
  .layout-afterSlider{font-size:19px}
    .layout-afterSlider #getting-started div{font-size:34px;line-height:34px;margin:0 4px 20px;padding: 0;font-family:"BelgacomLight"}
    .layout-afterSlider #getting-started div:after{font-size:14px;margin:0;background:transparent;color:#fff}
      .layout-afterSlider .btn{font-size:15px;padding:4px 18px}
  .layout-infos{text-align: center}
    .layout-promo h1{font-size: 26px}
    .layout-promo .btn{font-size: 17px; padding:6px 21px}
    .layout-promo img{margin-top:40px;}
  footer.footer{padding: 44px 0;}
    footer .barry{display: block}
    footer.footer h4, .footer-nav{width: auto; margin-bottom:50px}
      .signature{width:auto}
        .social li a{padding: 0 6px;}
    .masthead.fullheight, .masthead .fullheight{height:auto!important;}
    .acf-map{margin:15px}
    .slider .owl-controls .owl-nav{display:none}
    .layout-promo{padding-top:20px}
    .layout-infos .te-icon-tango {font-size: 50px;}
    .voucher-bg{margin-bottom: 20px}
}

/* iPad portrait, Nexus7 */
@media only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (orientation: portrait),
only screen and (min-device-width: 600px) and (max-device-height: 960px) and (orientation: portrait)  {
  .slide-item .caption{font-size: 22px}
}
/* ipad et ipad mini paysage, Nexus7 */
@media only screen and (min-device-width: 1024px) and (max-device-height: 768px) and (orientation: landscape),
only screen and (min-device-width: 960px) and (max-device-height: 600px) and (orientation: landscape) {
  .slide-item .caption{font-size: 22px}
  .masthead-caption{width:220px}
    .masthead-caption .br{left:-57px}
  .nav-events{margin:0}
    .nav-events .nav-events-item{border-left:1px solid #ddd}
      .nav-events .nav-events-item:first-child{border:none}
      .nav-events .nav-events-item a{padding:0 15px}
  .masthead{padding-bottom: 87px}
    .masthead.fullheight, .masthead .fullheight{height:auto!important;}
  .slider .owl-dots{bottom: 0;}
}
/* iphone 6, Nexus 5x portrait */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2),
only screen and (min-device-width: 411px) and (max-device-height: 731px) and (orientation: portrait) {
  .nav-events .nav-events-item a{padding: 0 15px;font-size:14px}
}
/* iphone 6, Nexus 5x paysage */
@media screen and (min-device-width: 667px) and (max-device-height: 375px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2),
only screen and (min-device-width: 731px) and (max-device-height: 411px) and (orientation: landscape) {

}
/* iphone5 portrait */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) {
  .masthead-caption{height:auto;width:100%;position: static; background: #0b538e}
    .masthead-caption div{height: 30px;width:100%;position: static;}
    .masthead-caption span br{display:none}
    .masthead-caption .br{display:none}
    .nav-events .nav-events-item a{padding:0 15px}
    .slide-item .caption{font-size:11px}
}