.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    left: -5px;
    background: #fff;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000
}

.bx-wrapper .bx-prev {
    left: 10px
}

.bx-wrapper .bx-next {
    right: 10px
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    font-size: .85em;
    padding: 10px
}

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

img,
object,
embed {
    max-width: 100%
}

html {
    overflow-y: scroll
}

ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    font-weight: bold;
    vertical-align: bottom
}

td {
    font-weight: normal;
    vertical-align: top
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

input[type="radio"] {
    vertical-align: text-bottom
}

input[type="checkbox"] {
    vertical-align: middle;
}

.ie6 input {
    vertical-align: text-bottom
}

select,
input,
textarea {
    font: 99% sans-serif
}

table {
    font-size: inherit;
    font: 100%
}

small {
    font-size: 85%
}

strong,
th {
    font-weight: bold
}

td,
td img {
    vertical-align: top
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

pre,
code,
kbd,
samp {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.clickable,
input[type=button],
input[type=submit],
button {
    cursor: pointer
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button
}

button,
input,
select,
textarea {
    margin: 0
}

button,
input {
    *overflow: visible;
    line-height: normal
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body,
html {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none;
    color: #333333 ;
}
a:visited{
  color: #333333;
}
a,
button {
    cursor: pointer;
    font-size: 100%
}

ul,
li {
    padding: 0;
    margin: 0
}

button {
    border: 0;
    padding: 0;
    margin: 0
}

.disabled {
    pointer-events: none
}

.hidden {
    display: none
}

.smartHidden {
    visibility: hidden;
    opacity: 0
}

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


*,
:before,
:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

body {
    background-color: #333333;
    /* background:-webkit-linear-gradient(30deg, #ff9a44, #fc6076, #fee140);
    background:linear-gradient(30deg, #ff9a44, #fc6076, #fee140);
    background-size: 600% 600%;

    -webkit-animation: movinggradient 1s ease infinite;
    -moz-animation: movinggradient 1s ease infinite;
    -o-animation: movinggradient 1s ease infinite;
    animation: movinggradient 1s ease infinite;

    @-webkit-keyframes movinggradient {
        0%{background-position:81% 0%}
        50%{background-position:20% 100%}
        100%{background-position:81% 0%}
    }
    @-moz-keyframes movinggradient {
      0%{background-position:81% 0%}
      50%{background-position:20% 100%}
      100%{background-position:81% 0%}
    }
    @-o-keyframes movinggradient {
        0%{background-position:81% 0%}
        50%{background-position:20% 100%}
        100%{background-position:81% 0%}
    }
    @keyframes movinggradient {
        0%{background-position:81% 0%}
        50%{background-position:20% 100%}
        100%{background-position:81% 0%}
    } */
    /* background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28); */
}

body a,
body a:visited {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

body h1,
body h2,
body h4,
body h5, {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body p {
    color: #575757
}

body .mobileSticky {
    display: none
}

/* body .wrap {
    border: 35px solid #fff
} */

body .wrap .bg {
    /* width: 1213px;
    height: 684px;
    position: absolute; */
    /* bottom: 25px;
    top: 100px; */
    /* background: url(../images/title.png) bottom left no-repeat;
    background-size: 70% */

margin: auto;
}

body .wrap .video {
    position: absolute;
    width: 22%;
    height: 350px;
    right: 70px;
    top: 65px
}

body .wrap .video .thumb {
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 150px;
    cursor: pointer;
    overflow: hidden;
    margin: 0 0 20px;
    max-width: 300px
}

body .wrap .video .thumb img {
    width: 100%;
    height: auto;
    display: block
}

body .wrap .video .thumb .circle {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

body .wrap .video .thumb .circle i {
    position: absolute;
    color: #f9c20a
}

body .wrap .video .thumb .circle i.bgCircle {
    font-size: 120px;
    top: 0px;
    left: -25px
}

body .wrap .video .thumb .circle i.bgCircleFull {
    opacity: 0;
    font-size: 106px;
    top: 7px;
    left: -15px;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease
}

body .wrap .video .thumb .circle i.icon {
    font-size: 50px;
    left: 27px;
    top: 35px;
    z-index: 5;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    body .wrap .video .thumb .circle i.icon {
        left: 28px;
        top: 39px
    }
}

body .wrap .video .thumb:hover .circle i.bgCircleFull {
    opacity: 1
}

body .wrap .video .thumb:hover .circle i.icon {
    color: #F6F6F6
}

body .wrap .video a.watch {
    font-size: 12px;
    line-height: 17px;
    color: #B9060B;
    font-weight: 600;
    padding: 5px 0 5px 22px;
    cursor: pointer;
    background: url(../images/flecheNav.png) left center no-repeat;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border: 1px solid transparent;
    border-bottom: 1px solid #B9060B;
    margin: 0 auto;
    display: table;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease
}

body .wrap .video a.watch:hover {
    background-position: 5% center;
    font-size: 11px;
    padding: 6px 7px 6px 22px;
    border: 1px solid #B9060B
}

body .lightbox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: none
}

body .lightbox .bgLightbox {
    background: #444345;
    opacity: 0.85;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

body .lightbox .btnClose {
    position: absolute;
    top: 40px;
    right: 40px;
    color: #F6F6F6;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer
}

body .lightbox .btnClose span {
    margin: 0 0 0 10px;
    font-size: 15px
}

body .lightbox .player {
    position: absolute;
    top: 130px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 900px
}

body .lightbox .player iframe {
    width: 100%;
    display: block
}

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

    body .wrap .bg {
        /* left: 50px;
        top: 45px;
        background-size: 65% */
    }
    body .wrap .video {
        right: 50px;
        top: 85px
    }
    body .wrap .video .thumb .circle {
        width: 60px;
        height: 60px
    }
    body .wrap .video .thumb .circle i.bgCircle {
        font-size: 60px;
        top: 0px;
        left: -12px
    }
    body .wrap .video .thumb .circle i.bgCircleFull {
        font-size: 53px;
        top: 3px;
        left: -7px
    }
    body .wrap .video .thumb .circle i.icon {
        font-size: 25px;
        left: 15px;
        top: 17px
    }
}

@media screen and (max-width: 980px) and (-webkit-min-device-pixel-ratio: 0) {
    body .wrap .video .thumb .circle i.icon {
        left: 14px;
        top: 19px
    }
}

@media screen and (max-width: 640px) {
    body .mobileSticky {
        display: block;
        position: fixed;
        top: 0;
        height: 45px;
        width: 100%;
        background-color: #B9060B;
        color: #fff;
        font-size: 14px;
        line-height: 14px;
        padding: 16px 0;
        text-align: center;
        cursor: pointer;
        text-transform: uppercase;
        z-index: 99;
        letter-spacing: 0.8px;
        font-family: azo-sans-web, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 400;
        font-style: normal;
    }
    body .mobileSticky span {
        background: url(../images/flecheMobile.png) center no-repeat;
        width: 7px;
        height: 8px;
        display: inline-block;
        background-size: 7px 8px
    }
    body .mobileSticky span:first-child {
        margin-right: 24px
    }
    body .mobileSticky span:last-child {
        margin-left: 24px
    }
    body .wrap {
        border: 0;
        position: relative
    }
    body .wrap .bg {
        /* left: 0;
        top: 0; */
        /* background: url(../images/title2.png) center 80px no-repeat;
        background-size: 100%; */
        width: 100%;
    }
    .title2{
      display: block !important;
    }
    .title{
      display: none;
    }
    body .wrap .video {
        width: 260px;
        right: auto;
        top: auto;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%)
    }
    body .wrap .video .thumb .circle {
        width: 110px;
        height: 110px
    }
    body .wrap .video .thumb .circle i.bgCircle {
        font-size: 120px;
        top: 0px;
        left: -25px
    }
    body .wrap .video .thumb .circle i.bgCircleFull {
        font-size: 106px;
        top: 7px;
        left: -15px
    }
    body .wrap .video .thumb .circle i.icon {
        font-size: 50px;
        left: 27px;
        top: 35px
    }
}

@media screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 0) {
    body .wrap .video .thumb .circle i.icon {
        left: 28px;
        top: 39px
    }
}

body header {
    padding: 15px 60px;
    position: relative;
    z-index: 1;
    max-width: 1440px;
    margin: 0 auto
}

body header h1 {
    float: left
}

body header h1 a {
    font-size: 0
}

body header nav {
    float: right;
    padding-top: 20px;
}

body header nav .instagHash {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    color: #2c5153;
    float: right
}

body header nav .instagHash:hover {
    opacity: 0.7
}

body header nav ul li {
    display: inline-block
}

body header nav ul .script {
  font-family: amboy-inline, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: white;
    margin-right: 10px;
    letter-spacing: 1.5px;
    top: 2px;
    position: relative;
}

body header nav ul .tel {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    color: white;
    font-family: azo-sans-web, "Helvetica Neue", Helvetica, sans-serif;

    font-style: normal;
}

body header nav ul .lang a {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.5px;
    color: #B9060B;
    font-weight: 600;
    background: url(../images/flecheNav.png) left center no-repeat;
    padding-left: 20px;
    text-transform: uppercase;
    margin-left: 25px
}

body header nav ul .lang a:hover {
    color: #362927;
    background: url(../images/flecheBtnNoir.png) left center no-repeat
}

body header nav ul .facebook a {
    margin-left: 10px;
    vertical-align: middle;
    display: block
}

body header nav ul .facebook a i {
    color: #B9060B;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease
}

body header nav ul .facebook a:hover i {
    color: #362927
}

body header nav ul .twitter a {
    margin-left: 10px;
    vertical-align: -3px
}

body header nav ul .twitter a i {
    color: #B9060B;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
    font-size: 18px
}

body header nav ul .twitter a:hover i {
    color: #362927
}

body header nav ul .linkedin a {
    margin-left: 5px;
    vertical-align: middle
}

body header nav ul .linkedin a i {
    color: #B9060B;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
    font-size: 18px
}

body header nav ul .linkedin a:hover i {
    color: #362927
}

@media screen and (max-width: 1024px) {
  body .wrap .bg {
      margin-top: 0px;
  }
  body header h1{
    margin: auto;
    float: unset;
        text-align: center;
  }
  body header h1 a img {
      max-width: 500px;
      height: unset !important;
      margin: auto;
  }
  /* body header {
      padding: 15px
  }
  body header h1 {
      margin-top: 60px
  }

  body header nav {
text-align: center;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      margin: auto;
      padding: 22px 30px 8px
  }
  body header nav .instagHash {
      position: absolute;
      top: 22px;
      right: 15px;
      font-size: 18px;
      line-height: 23px
  }
  body header nav ul {
      width: 100%;
      text-align: left
  }
  body header nav ul li.script {
      font-size: 19px;
      line-height: 18px;
      float: left
  }
  body header nav ul li.tel {
      font-size: 15px;
      line-height: 10px;
      margin-bottom: 0;
      letter-spacing: 0;
      position:relative;
      top: -4px;
  }
  body header nav ul li.lang {
      position: absolute;
      right: 95px;
      top: 73px
  }
  body header nav ul li.facebook {
      position: absolute;
      right: 5px;
      top: 15px
  }
  body header nav ul li.twitter {
      position: absolute;
      right: 42px;
      top: 73px
  }
  body header nav ul li.linkedin {
      position: absolute;
      right: 15px;
      top: 73px
  } */
}

@media screen and (max-width: 768px) {
    body .wrap .bg {
        margin-top: 25px
    }
}

@media screen and (max-width: 1024px) {
    body .wrap .bg {
        margin-top: 0px;
    }
    body header {
        padding: 15px 15px 5px 15px;
    }
    body header h1 {
        margin-top: 65px;
    }
    body header h1 a img {
        width: 100%;
        height: unset !important;
    }
    body header nav {
text-align: center;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin: auto;
        padding: 22px 30px 8px
    }
    body header nav .instagHash {
        position: absolute;
        top: 22px;
        right: 15px;
        font-size: 18px;
        line-height: 23px
    }
    body header nav ul {
        width: 100%;
        text-align: center;
    }
    body header nav ul li.script {
        font-size: 19px;
        line-height: 18px;
            float: none;
    }
    body header nav ul li.tel {
        font-size: 16px;
        line-height: 16px;
        margin-top: 0px;
        margin-bottom: 0;
        letter-spacing: 0;
        position:relative;
        /* top: 2px; */
    }
    body header nav ul li.lang {
        position: absolute;
        right: 95px;
        top: 73px
    }
    body header nav ul li.facebook {
        position: absolute;
        right: 5px;
        top: 15px
    }
    body header nav ul li.twitter {
        position: absolute;
        right: 42px;
        top: 73px
    }
    body header nav ul li.linkedin {
        position: absolute;
        right: 15px;
        top: 73px
    }
}

body.fr footer>div ul.last li {
    margin-left: 16px
}

body footer {
    background-color: #444844;
    height: 95px;
    margin-top: 30px;
}

body footer>div {
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px 35px 18px;
    vertical-align: middle
}

body footer>div .logo {
    display: inline-block;
    margin-right: 30px;
    float: left;
    margin-top: 15px
}

body footer>div .logo a {
    background: url(../images/footerLogo.png) center no-repeat;
    width: 95px;
    height: 23px;
    display: inline-block
}

body footer>div .logo a:hover {
    opacity: 0.7
}

body footer>div .logo2 {
    display: inline-block;
    margin-right: 45px;
    float: left;
    background: url(../images/footerLogo2.png) center no-repeat;
    width: 99px;
    height: 63px;
    display: inline-block;
    margin-top: -6px
}

body footer>div ul {
    vertical-align: top;
    margin-top: 10px
}

body footer>div ul,
body footer>div a,
body footer>div ul li {
    display: inline-block
}

body footer>div ul li {
    color: #999;
    font-size: 12px;
    line-height: 20px
}

body footer>div ul.first {
    float: left;
    margin-right: 15px
}

body footer>div ul.first li:not(:last-child) {
    margin-right: 15px
}

body footer>div ul.last {
    float: right;
    padding: 10px 30px 0 0
}

body footer>div ul.last li {
    text-transform: uppercase;
    padding-left: 20px;
    margin-left: 15px;
    background: url(../images/flecheBtnBlanc.png) left center no-repeat;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
    letter-spacing: 0.5px;
    margin-left: 20px
}

body footer>div ul.last li:first-child {
    margin-left: 0
}

body footer>div ul.last li:hover {
    background: url(../images/flecheNav.png) left center no-repeat
}

body footer>div ul.last li:hover a {
    color: #B9060B
}

body footer>div ul.last li a {
    color: #fff
}

body footer>div>a {
    float: left;
    color: #fff;
    margin-left: 15px
}

body footer>div>a i {
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease
}

body footer>div>a:hover i {
    color: #B9060B
}

body footer>div>a.instagHash {
    font-size: 12px;
    line-height: 25px;
    font-weight: 600
}

body footer>div>a.instagHash:hover {
    color: #B9060B
}

@media screen and (max-width: 1380px) {
    body footer {
        height: auto
    }
    body footer>div ul.first {
        width: 387px
    }
}

@media screen and (max-width: 1200px) {
    body footer>div {
        float: left
    }
    body footer>div ul.first {
        width: 100%;
        margin-top: 15px
    }
    body footer>div ul.first li {
        margin: 0 20px 0 0
    }
    body footer>div ul.first br {
        display: none
    }
    body footer>div ul.last {
        float: left;
        margin-top: 10px
    }
    body footer>div ul.last li {
        margin: 0 20px 0 0
    }
    body footer>div>a {
        margin-top: 10px
    }
}

@media screen and (max-width: 640px) {
    body footer>div {
        padding: 50px 35px 30px;
        position: relative
    }
    body footer>div>a {
        position: absolute;
        bottom: 50px
    }
    body footer>div>a.facebook {
        right: 30px
    }
    body footer>div>a.twitter {
        right: 140px
    }
    body footer>div>a.linkedin {
        right: 111px
    }
    body footer>div>a.instagHash {
        bottom: 48px;
        right: 30px
    }
    body footer>div .logo {
        margin-top: 0
    }
    body footer>div .logo2 {
        margin-right: 0;
        margin-top: -20px;
        margin-bottom: 10px
    }
    body footer>div ul.last {
        width: 100%;
        margin-top: 35px;
        padding-top: 0
    }
    body footer>div ul.last li {
        margin-bottom: 20px
    }
    body footer>div ul.last li a {
        font-size: 12px;
        line-height: 9px
    }
    body footer>div ul.first li {
        width: 100%
    }
    body footer>div ul.first li:nth-child(3) {
        margin-top: 20px
    }
    body.fr footer>div ul.last {
        width: 220px;
        margin-top: 35px
    }
    body.fr footer>div ul.last li {
        margin-left: 0;
        margin-bottom: 20px
    }
    body.fr footer>div ul.last li a {
        font-size: 12px;
        line-height: 9px
    }
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #fff
}

body.fr section article .intro>a {
    background: #B9060B url(../images/flecheBtnBlanc.png) 89% no-repeat
}

body.fr section article .intro>a:hover {
    background: #fff url(../images/flecheNav.png) 89% no-repeat
}

.isTouch .sidebar>div {
    position: relative !important;
    top: 0 !important
}

.isTouch body section article .content .listing .champs:hover {
    /* background-color: #fff */
}

.isTouch body section article .content .listing .champs:hover {
    /* background-color: #fff */
}

.isTouch body section article .content .listing .champs:hover .circle i.bgCircleFull {
    opacity: 1
}

/* .isTouch body section article .content .listing .champs:hover span {
    letter-spacing: 0.8px;
    border: 1px solid #FFF;
    border-bottom: 1px solid #B9060B;
    padding: 5px 0 5px 22px;
    font-size: 12px
} */

@media screen and (min-width: 640px) {
    body section article .slider .left .bx-wrapper .bx-viewport {
        height: 100% !important
    }
}

body iframe,
body>img {
    display: none
}

body section {
    font-size: 0;
    max-width: 1440px;
    position: relative;
    z-index: 10;
    margin:auto;


}

body section article {
    width: 67%;
    display: inline-block;
    margin-top: -30px;
      /* background-color: #fff; */
}

body section article .intro {
    /* background-color: #fff; */
    text-align: center;
    padding: 25px 0px;

    border-left: 20px solid transparent;
}

body section article .intro .fleche {
    background: url(../images/flecheIntro.png) center no-repeat;
    background-size: 12px 15px;
    width: 12px;
    height: 15px;
    display: inline-block;
    margin: 0 auto;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease
}

body section article .intro .fleche:hover {
    opacity: 0.7
}

body section article .intro h2, body section .sidebar h2 {
    font-size: 30px;
    line-height: 42px;
    max-width: 80%;
    margin: auto ;
    display: block;
    text-transform: initial;
    text-transform: uppercase;
    text-align: left;
    color: #333333;

    padding: 20px 0px;
}

body section article .intro p {
    font-size: 18px;
    line-height: 28px;
    max-width: 80%;
    margin: 0 auto 0px auto;
    text-align: left;
    display: block;
    color: #333333
}

body section article .slider {
    width: 100%;
    font-size: 15px;
    display: table
}

body section article .slider .left {
    width: 50%;
    display: table-cell;
    position: relative
}

body section article .slider .left .bx-wrapper {
    margin: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

body section article .slider .left .bx-wrapper .bx-viewport {
    border: none;
    box-shadow: none;
    left: 0
}

body section article .slider .left .bx-wrapper .bx-viewport ul {
    height: 100%
}

body section article .slider .left .bx-wrapper .bx-viewport ul li {
    width: 100%;
    height: 100%
}

body section article .slider .left .bx-wrapper .bx-viewport ul li img {
    height: 100%;
    width: auto;
    max-width: none;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%)
}

body section article .slider .right {
    width: 50%;
    display: table-cell;
    padding: 40px 40px 40px 60px;
    color: #F6F6F6;
    line-height: 28px;
    vertical-align: top
}

body section article .slider .right h3 {
    margin: 0
}

body section article .slider .right ul {
    margin: 25px 0 0 0;
    padding: 0
}

body section article .slider .right ul li {
    margin: 0 0 15px;
    color: #F6F6F6;
    position: relative
}

body section article .slider .right ul li:before {
    content: url(../images/flecheNavWhite.png);
    position: absolute;
    left: -20px;
    top: -2px
}
/* Added by Nick */
body section article .slider {
    width: 100%;

    font-size: 15px;
    display: table
}

body section article .slider .secondright {
    width: 50%;
    display: table-cell;
    position: relative
}

body section article .slider .secondright .bx-wrapper {
    margin: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

body section article .slider .secondright .bx-wrapper .bx-viewport {
    border: none;
    box-shadow: none;
    left: 0
}

body section article .slider .secondright .bx-wrapper .bx-viewport ul {
    height: 100%
}

body section article .slider .secondright .bx-wrapper .bx-viewport ul li {
    width: 100%;
    height: 100%
}

body section article .slider .secondright .bx-wrapper .bx-viewport ul li img {
    height: 100%;
    width: auto;
    max-width: none;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%)
}

body section article .slider .secondleft {
    width: 50%;
    display: table-cell;
    padding: 40px 40px 40px 60px;
    color: #F6F6F6;
    line-height: 28px;
    vertical-align: top
}

body section article .slider .secondleft h3 {
    margin: 0
}

body section article .slider .secondleft ul {
    margin: 25px 0 0 0;
    padding: 0
}

body section article .slider .secondleft ul li {
    margin: 0 0 15px;
    color: #F6F6F6;
    position: relative
}

body section article .slider .secondleft ul li:before {
    content: url(../images/flecheNavWhite.png);
    position: absolute;
    left: -20px;
    top: -2px
}

/*End of addded by Nick */

body section article .content {
    background-color: #fff;
    text-align: center
}

body section article .content h2 {
    font-size: 28px;
    line-height: 30px;
    max-width: 80%;
    margin: 0 auto;
    display: block;
    text-transform: uppercase;
    padding: 80px 0;
    clear: both;
    color: #333333
}
body section article .content .listing{
  background-color: #F6F6F6
}
body section article .content .listing .champs {
    width: 33%;
    float: left;
    font-size: 0;
    padding: 40px;
    vertical-align: top;
    background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28);
}

body section article .content .listing .champs:hover {
    background-color: #F6F6F6
}

body section article .content .listing .champs:hover .circle i.bgCircleFull {
    opacity: 1
}

body section article .content .listing .champs:hover .circle i.icon {
    color: #F6F6F6
}



body section article .content .listing .champs .circle {
    width: 120px;
    height: 120px;
    position: relative;
    margin: 0 auto 20px
}

body section article .content .listing .champs .circle i {
    position: absolute;
    color: #B9060B
}

body section article .content .listing .champs .circle i.bgCircle {
    font-size: 120px;
    top: -25px;
    left: -25px
}

body section article .content .listing .champs .circle i.bgCircleFull {
    opacity: 0;
    font-size: 107px;
    top: -16px;
    left: -16px;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease
}

body section article .content .listing .champs .circle i.icon {
    font-size: 50px;
    left: 25px;
    top: 25px;
    z-index: 5;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease
}

body section article .content .listing .champs h5 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;
    color: #333333
}

body section article .content .listing .champs p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #333333
}

body section article .content .listing .champs>span,
body section article .content .listing .champs a.learn {
  border: 2px solid #B9060B;
  background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28);
  color: #B9060B;
    text-transform: uppercase;
  font-size: 15px;
    cursor: pointer;
    border-radius: 40px;
    display: inline-block;
    padding: 12px 24px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease
}

body section article .content .listing .champs>span:hover,
body section article .content .listing .champs a.learn:hover,
body section article .content .listing .champs:hover span
 {
   background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28);
border: none;
padding: 14px 26px;
  color: #F6F6F6;
  /* background: #B9060B; */
}

body section article .content .nextGen {
    background-color:  #B9060B;
    padding: 80px 0
}

body section article .content .nextGen h2 {
    color: #F6F6F6;
    max-width: 450px;
    padding: 0
}

body section article .content .nextGen>a {
    font-size: 12px;
    line-height: 17px;
    display: inline-block;
    letter-spacing: 0.8px;
    color: #B9060B;
    margin: 40px 0 0;
    padding: 13px 50px 13px 25px;
    text-transform: uppercase;
    background: #F6F6F6 url(../images/flecheNavOrange.png) 80% no-repeat;
    border: 3px solid transparent
}

body section article .content .nextGen>a:hover {
    border: 3px solid #F6F6F6;
    color: #F6F6F6;
    background: transparent url(../images/flecheBtnBlanc.png) 80% no-repeat
}

body section .sidebar {
    width: 33%;
    box-sizing: border-box;
    display: inline-block;
    border-right: 20px solid transparent;
    border-left: 30px solid transparent;
    margin-top: -30px;
    position: relative;
    vertical-align: top
}

body section .sidebar>div {
    padding: 60px;
    text-align: center;
}

body section .sidebar>div.fixed {
    position: fixed;
    top: 30px;

}
body section .sidebar .infosess.fixed.safari {
    position: relative;
    top: 30px;

}
body section .sidebar .applynowsidebar.fixed.safari {
    position: relative;
    top: 30px !important;

}

body section .sidebar>div.stop {
    position: absolute;
    top: auto;
    bottom: 0
}

body section .sidebar>div h4 {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: .3px;
    text-transform: uppercase;
    margin-bottom: 25px;
    color: #333333;
}

body section .sidebar>div>p {
    font-size: 17px;
    line-height: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: .5px;
      color: #333333;
}

body section .sidebar>div>p span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    font-size: 22px;
    line-height: 25px;
    color: #B9060B;
    margin-right: 12px;
    letter-spacing: .3px;
    font-weight: normal
}

body section .sidebar>div>p i {
    font-size: 12px;
      color: #333333;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    width: 100%;
    display: block
}

body section .sidebar>div>.or {
    font-size: 10px;
    line-height: 17px;
    font-weight: 700;
    letter-spacing: .5px;
    display: inline-block;
    margin: 0 auto 15px;
    position: relative;
    padding: 0 44px;
    text-transform: uppercase;
      color: #333333;
}

body section .sidebar>div>.or:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 37px;
    height: 1px;
    background-color: #B9060B
}

body section .sidebar>div>.or:after {
    content: '';
    position: absolute;
    top: 7px;
    right: 0;
    width: 37px;
    height: 1px;
    background-color: #B9060B
}

body section .sidebar>div form input {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.5px;
    color: #362927;
    padding: 11px 20px;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid black;
}

body section .sidebar>div form .filter {
    width: 100%;
    position: relative;
    margin: 0 0 15px;
    border: 1px solid black;
}

body section .sidebar>div form .filter>a {
    background: #fff;
    height: 40px;
    display: block;
    padding: 0 40px 0 20px;
    width: 100%;
    font-size: 12px;
    line-height: 40px;
    position: relative;
    overflow: hidden;
    color: #333333
}

body section .sidebar>div form .filter>a>span {
    position: relative;
    z-index: 15;
    display: inline-block;
    width: 100%;
    text-align: left
}

body section .sidebar>div form .filter>a img {
    right: 20px;
    position: absolute;
    z-index: 20;
    top: 20px;
    width: 7px;
    height: auto
}

body section .sidebar>div form .filter.open {
    z-index: 100
}

body section .sidebar>div form .filter.open>a img {
    transform: rotate(180deg)
}

body section .sidebar>div form .filter ul {
    clear: both;
    float: left;
    width: 100%;
    height: 0;
    top: 40px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    max-height: 200px;
    background: #fff;
    overflow-y: scroll;
    text-align: left
}

body section .sidebar>div form .filter ul li {
    padding: 11px 20px;
    cursor: pointer;
    font-size: 12px;
    line-height: 17px;
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease
}

body section .sidebar>div form .filter ul li a {
    display: block;
    color: #333333;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease
}

body section .sidebar>div form .filter ul li:hover {
    background: #B9060B
}

body section .sidebar>div form .filter ul li:hover a {
    color: #fff
}

body section  .submitBtn {
    position: relative;
    font-family: azo-sans-web, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 2px;
    background: #B9060B;
    cursor: pointer;
    border: 2px solid #B9060B;
    clear: both;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

/* body section  .submitBtn span {
    display: inline-block;
    width: 18px;
    height: 14px;
    margin: -1px 0 0 10px;
    background: url(../images/flecheBtnBlanc.png) 80% no-repeat;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease
} */

body section  .submitBtn:hover {
    /* background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28); */
  background: transparent;
    color: #B9060B;
}

/* body section  .submitBtn:hover span {
    background: url(../images/flecheNav.png) 80% no-repeat
} */

body  .submitBtn:hover a{
    color: #B9060B
}

body  .submitBtn a {
  font-size: 16px;
  text-decoration: none;
    display: inline-block;
    letter-spacing: 0.8px;
    color: #F6F6F6;
    margin: 0;
    padding: 15px 30px;
    /* padding: 13px 5%; */
    width: 100%;
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    outline: 0;

}

body section .sidebar>div>span {
    font-size: 16px;
    line-height: 22px;
    color: #362927;
    margin-top: 20px;
    display: block
}


.whatis{
  /* margin: 0px -25px -25px -25px; */
  background: #5ABABA;
  margin-bottom: 20px;
}
.whatisleft{
  background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28);
  padding: 25px;
  width: 60%;
  display: inline-block;
float: left;
color: #333333;
}
.whatisleft h3{
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 24px;
  text-align: left;

}
.whatisleft p{
  margin-left: 20px !important;

}
.whatisright{

  float: right;
  color: white !important;
  padding: 25px;
  background: #5ABABA;
  width: 40%;
  display: inline-block;
}
.whatisright h3{
  margin-left: 20px;
  font-size: 24px;
  text-align: left;
}
.whatisright p{
color: white !important;
  margin-left: 20px !important;
  font-size: 24px;
  text-align: left;
}
body section article .section ul{

  text-align: left;
    line-height: 32px;
  font-size: 20px;
list-style: disc;

 color: #333333;
 max-width: 80%;
margin: 0 auto 30px auto;
padding-left: 30px;

}
.fullline{
background-color: #DF9F28;
  font-size: 18px;
  line-height: 40px;
  display: block;
  color: white;
  text-align: left;
      max-width: 80%;
  margin: 0px auto 30px auto;
}
.fullline1{

  background-color: #B9060B;
  padding: 8px 20px;
  display: inline-block;
}
.fullline2{

  background-color: #333333;
  padding: 8px 20px;
  display: inline-block;
}
.fullline3{

  background-color: #DF9F28;
  padding: 8px 20px;
  display: inline-block;
}
.bignumber{
top: 2px;
position: relative;
  font-size: 24px;
}
.promotes{

  background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28);
  margin: 0px 30px 0px 0px;

}
/* body section article .intro .promotes h2{
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0px !important;
  font-size: 28px;
    padding-left: 40px;
  background: #B9060B;
  color: white !important;

} */

body section article .intro .promotes ul, body section article .intro .how ul, body section article .intro .activities ul{
  color: #333333;
  margin-left: 30px;
  text-align: left;
line-height: 32px;
  font-size: 15px;
list-style: none;
margin-right: 30px;
  padding-left: 30px;
}

body section article .intro .promotes ul li::before, body section article .intro .how ul li::before, body section article .intro .activities ul li::before{
  content: "\2714";
  color: #FF931E;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  margin-right: 8px;
}
body section article .intro .activities ul {
  margin-left: 60px;

}
/* body section .sidebar .infosess .submitBtn {
  margin: 20px 60px 0px 60px;
  max-width: 90%;
}
body section .sidebar .infosess .submitBtn .register{
  text-decoration: none;
  font-size: 15px;
  line-height: 20px;
} */
body section .sidebar .infosess{

  padding: 0px 0px 20px 0px;
}
body section article .intro .how h2{
  margin-left: 40px;
  margin-bottom: 0px;
  padding-top: 10px;
  font-size: 24px;
  text-align: left;
}body section article .intro .how{
  margin-bottom: 30px;
}
body section article .intro .promotes .why{
  width: 60%;
  float: left;
  display: inline-block;
  /* background-color: #FF931E; */
  padding-bottom: 30px;
  color: #333333;
}

body section article .intro .promotes .why p, body section article .intro .requirements p, body section article .intro p{
  color: #333333 ;

font-size: 20px;


font-style: normal;
line-height: 32px;
text-align: left;
margin-bottom: 25px;
}
body section article .intro .promotes .why a,  body section article .intro .requirements a, body section article .intro .activities a{
font-weight: bold;
text-decoration: none;
color: #B9060B;
}
body section article .intro .promotes .why h3, body section article .intro .requirements h3, body section article .intro h3{
  margin:20px 30px 20px 60px;
  font-size: 20px;
  color: #333333;
  text-align: left;

}
body section article .intro .promotes .aside{

  background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28);
  width: 40%;
  display: inline-block;
  float:right;
  color: white;
    padding-bottom: 30px;
}
body section article .intro .promotes .aside h3{
  margin: 20px 20px 20px 30px;
  font-size: 16px;
  color: #333333;
  text-align: left;

}
body section article .intro .promotes .aside p{
margin:10px 30px 20px 30px;
  font-size: 15px;

  text-align: left;
color: #333333;
}
body section article .intro .whydiv h2{
  margin-bottom: 0px;
}
body section article .intro .whydiv div{
  padding-top: 20px;
}
body section article .intro .whydiv{
  /* background-color: #FF931E; */
}
body section .sidebar .infosess p{
  /* font-size: 15px;
line-height: 28px;
max-width: 80%;
margin: 20px auto 30px 40px;
text-align: left;
display: block;
color: white;
font-family: 'Open sans', sans-serif; */
display: none;

}
body section .sidebar .infoform.fixed{
  position: absolute !important;
  bottom: 10px !important;
  top: initial !important;
}
.infoform{
  margin-bottom: 30px;
  /*background: #F4E3CB;*/
  background: white;
}
body .submitBtn {
  /* margin: 20px 20px 0px 20px; */
 border-radius: 40px;
  display: inline-block;

}
body .sidebar .infosess .submitBtn {
  margin: 20px 20px 0px 20px;
 border-radius: 40px;
  display: inline-block;

}

body section article .intro .infosess{
/* background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28); */
background: #F4E3CB;
  padding: 0px 0px 30px 0px;
  margin: -25px 0px 30px 0px;
  color: #333333;
}
body section article .intro .infosess p{
  max-width: 80%;
margin: 20px auto;
  color: #333333 ;

  font-size: 20px;
  font-style: normal;
  line-height: 32px;
text-align: left;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body section article .intro .infosess img{

  margin-bottom: 15px ;

}
body section article .intro .thankyou p{
  text-align: center !important;
  margin-bottom: 10px;
}
body .submitBtn p{
  font-size: 15px;
line-height: 28px;

margin: 10px auto;
text-align: center;
display: block;
  color: #F6F6F6;
}
body section article .intro .gotorequestclass{
  max-width: 350px;
  margin: 20px auto 0px;
  color: #F6F6F6;
}
body section .gotorequestclass:hover {
background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28);
color: #B9060B;
border: 3px solid #B9060B;
}

body section .gotorequestclass:hover p{

color: #B9060B !important;

}

div.section{
  /* background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28); */
 background: white;
  margin-bottom: 20px;
  margin: 0px 0px 30px 0px;
  padding-bottom: 30px;
  padding-top: 10px;
}

*,
:before,
:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

body section article .content .listing .champs:hover .circle {
    border: 3px solid #F6F6F6
}

body section article .content .listing .champs:hover .circle:before {
    content: "";
    background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28);
}

body section article .content .listing .champs:hover .circle i, body section article .content .listing .champs:hover .circle i.fa {
    color: #F6F6F6
}
body section article .imagediv{
  margin-bottom: 30px;
}


body section article .content .listing .champs .circle {
    border: 3px solid #B9060B;
    border-radius: 100%;
    width: 114px;
    height: 114px;
    position: relative;
    margin: 0 auto 35px
}

body section article .content .listing .champs .circle:before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    border-radius: 100%;
    width: 114px;
    height: 114px;
    background-color: transparent;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    transition: background-color .3s ease
}

body section article .content .listing .champs .circle i, body section article .content .listing .champs .circle i.fa {
    font-size: 114px;
    position: absolute;
    top: -3px;
    left: -3px;
    color: #B9060B;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease
}

/*font awesome **/
body section article .content .listing .champs .circle i.fa {
    font-size: 45px;
    top: 33px;
    left: 30px;
}
body section article .intro .requirements p{
  margin-bottom: 12px;
}
body section article .intro .requirements{
  padding-bottom: 50px;
}
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
max-width: 800px;
margin: 20px auto;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display: block;
}
body section .intro .sidebar{
width: 100%;
margin: 0px -25px 30px -25px;
border-left: none;
border-right: none;
}body section .intro form{
width: 350px;
margin:  auto ;
}
body section .intro .sidebar>div>p{
text-align: center;
}
body section .sidebar .infosess .submitBtn a {
  font-size: 14px;
  padding: 10px 20px;
}


.emtitlebigcolor{
  /* background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28);*/
 padding: 0px 20px;  margin:0px 0px 0px -20px; font-size:38px;line-height:40px;color:white;
background: #B9060B;
}
.emtitlebig{
  font-size:40px;line-height:42px;
}
body section article .intro .introimg{

  max-width: 400px;
margin: auto;
}
@media screen and (max-width: 1439px){
  body section article .intro .introimg{
  margin: 20px auto;
}
}
@media screen and (min-width: 1440px){
    body section article .intro .introtxt h2{
      margin-left: 90px;
    }
    body section article .intro .introimg{
      width: 50%;
      position: relative;
      float: left;
      text-align: center;

    }
    body section article .intro .introimg img{
      margin: auto;
    }
    body section article .introtxt{
      width: 50%;
      float: left;
    }


}
.introdiv{
  overflow: auto;
}

body section article .intro .activities{
    padding-bottom: 50px;
}

body section .sidebar .emtitle{
 display: inline-block;
  margin: 0 20px 20px 20px;
}

body section article .intro .emtitle{
    /* padding-bottom: 30px; */
}
body section > .sidebar .infoform{
  padding-top: 40px;
  /* background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
  background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28); */

}

body section article .intro .infoform .emtitle{
    display: inline-block;
}

body section article .intro .applyform p{
  margin: 0px auto 15px auto;
}
body section article .intro .applyform {
  padding: 30px 60px;
}
body .formpage article {
width: 100%;
margin-bottom: 30px;
}
body .formpage {
margin-top: -30px;
}
.applytitle {
  display: inline-block !important;
}
.applytitle h2{
margin: 0 20px 20px 20px !important;
}
.applytitle .emtitlebigcolor, .applyform .emtitlebigcolor{
  padding: 0px 20px 0px 20px;
  margin: 0px -20px 0px -20px;

}


body section .applybtn .submitBtn {
  margin-top: 0px;

}

body section .applybtn .submitBtn a{
  font-size: 18px;

  padding: 15px 40px;
}

body section .applynowsidebar{
  padding: 10px 20px 25px 20px !important;
}

body section .applynowsidebar h2.emtitle{
  max-width: 100% !important;
  margin-bottom: 0px !important;
}

body section .submitBtn.goback {
    background: #F6F6F6 !important;

}

body section  .submitBtn.goback:hover {
    background: #B9060B !important;
  }

body section .submitBtn.goback a{

    color: #B9060B !important;
}

body section  .submitBtn.goback:hover a{

    color: #F6F6F6 !important;
}

body section .sidebar>div form .filter1 {
margin-bottom: 15px !important;
}
body section .sidebar>div form .filter2 {
margin-bottom: 15px !important;
}
div.section.gold{

}
div.section.oldhollywood{
    padding: 0px;
      margin: auto auto 30px auto;

}
.titleCont div.section.oldhollywood{
  width: 100% !important;
}
div.section.oldhollywood h2{
  font-family: fairwater-solid-serif, sans-serif;
font-weight: 400;
font-style: normal;
text-align: center;
  color: white ;
  font-size: 40px;
  line-height: 52px;
  padding: 60px 0px 40px 0px;
}
div.section.oldhollywood p{
  color: white;
  font-size: 18px;
  margin-bottom: 30px;
}
div.section.oldhollywood .titleCont{
 padding: 30px 0px 60px 0px;
}
div.section.circus{
  padding-top: 0px;
  padding-bottom: 60px;
  margin: auto auto 30px auto;

background-image: url("../images/curtainback.png");
background-repeat:no-repeat;
    background-size:cover;
    position: relative;
}
div.section.circus .curtain{
  position: absolute;
      height: 100%;
      width: 50%;
      overflow: hidden;
}
div.section.circus .curtain img{
  position: relative;
    top: -100px;
}
div.section.circus .curtain.curtainleft{
  left: 0px;
  float: left;

}
div.section.circus .curtain.curtainright{
  right: 0px;
  top: 0px;

}
div.section.circus .curtain.curtainleft img{
  left: -20px;


}
div.section.circus .curtain.curtainright img{
  right: -20px;


}
div.section.circus h2{
  color: white;
  font-size: 60px;
      line-height: 65px;
    padding-top: 70px;
    padding-bottom: 30px;
  font-family: ganache, sans-serif;
  text-align: center;
  font-weight: 400;
  font-style: normal;
  text-transform: initial !important;
}
div.section.circus p{
/* color: white ;
font-family: mr-eaves-modern, sans-serif;
font-size: 30px;
font-weight: 300;
font-style: normal;
text-align: left;
letter-spacing: 2px; */
  color: white;
      max-width: 75%;
      font-size: 18px;
          margin-bottom: 30px;
}
div.section.videogame{

    margin: auto auto 30px auto;
    padding-bottom: 0px;
    background: #301233;  /* fallback for old browsers */
 background: -webkit-linear-gradient(to top, #771E7F, #301233);  /* Chrome 10-25, Safari 5.1-6 301233*/
 background: linear-gradient(to top, #771E7F, #301233); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 background: -olinear-gradient(to top, #771E7F, #301233);

}
div.section.videogame h2{
    padding-top: 40px;
      padding-bottom: 40px;
      font-size: 44px;
      line-height: 60px;
  font-family: 'Audiowide', cursive;
  letter-spacing: 3px;
  color: white;
  text-align: center;
  -webkit-animation: movingneon 1.5s ease-in-out infinite alternate;
  -moz-animation: movingneon 1.5s ease-in-out infinite alternate;
  animation: movingneon 1.5s ease-in-out infinite alternate;
}
div.section.videogame p{
    color: white;
    font-size: 18px;
  /* color: white ;
  font-family: mr-eaves-modern, sans-serif;
font-size: 30px;
font-weight: 300;
font-style: normal;
text-align: left;
letter-spacing: 2px; */

}
div.section.videogame .grid{
  margin-top: -200px;
}
div.section.festivals{
  padding: 50px 0px 0px 0px;

    margin: auto auto 30px auto;
  /* Pink Purple */
  /* background: #bc4e9c;
  background: -webkit-linear-gradient(to right, #f80759, #bc4e9c);
  background: linear-gradient(to right, #f80759, #bc4e9c); */
  /* Pink Orange teal */
  /* background: #40E0D0;
  background: -webkit-linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
  background: linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);  */
  /* Teal Green */
  /* background: #11998e;
  background: -webkit-linear-gradient(to right, #38ef7d, #11998e);
  background: linear-gradient(to right, #38ef7d, #11998e); */

  /* Pink to Lavender */
  /* background: #FC5C7D;
  background: -webkit-linear-gradient(to right, #6A82FB, #FC5C7D);
  background: linear-gradient(to right, #6A82FB, #FC5C7D);  */
  /* Pink to blue */
  /* background: #FC466B;
background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);
background: linear-gradient(to right, #3F5EFB, #FC466B);  */

/* Pink to yellow */
 /* background: #fee140;
background: -webkit-linear-gradient(to right, #fa709a, #fee140);
background: linear-gradient(to right, #fa709a, #fee140);   */


/* background-image: linear-gradient(20deg, #fc6076 0%, #ff9a44 90%); */
/* background: linear-gradient(30deg, #ff9a44, #fc6076, #fee140);
background-size: 600% 600%;

-webkit-animation: movinggradient 1s ease infinite;
-moz-animation: movinggradient 1s ease infinite;
-o-animation: movinggradient 1s ease infinite;
animation: movinggradient 1s ease infinite;

@-webkit-keyframes movinggradient {
    0%{background-position:81% 0%}
    50%{background-position:20% 100%}
    100%{background-position:81% 0%}
}
@-moz-keyframes movinggradient {
    0%{background-position:81% 0%}
    50%{background-position:20% 100%}
    100%{background-position:81% 0%}
}
@-o-keyframes movinggradient {
    0%{background-position:81% 0%}
    50%{background-position:20% 100%}
    100%{background-position:81% 0%}
}
@keyframes movinggradient {
    0%{background-position:81% 0%}
    50%{background-position:20% 100%}
    100%{background-position:81% 0%}
} */
background: linear-gradient(49deg, rgb(255, 154, 68), rgb(252, 96, 118), rgb(254, 225, 64)) 0% 0% / 300% 300%;
animation: CustomAnimation 10s ease 0s infinite normal none running;
-webkit-animation: CustomAnimation 10s ease 0s infinite normal none running;
-moz-animation: CustomAnimation 10s ease 0s infinite normal none running;
-ms-animation: CustomAnimation 10s ease 0s infinite normal none running;
}
div.section.festivals h2{
  font-family: azo-sans-uber, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
  color: white;
  text-align: center;
  letter-spacing: 2px;
  font-size: 45px;
  line-height: 52px;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  margin-bottom: 30px;
}
div.section.festivals p{
    color: white;
    font-size: 18px;
    margin-bottom: 30px;
  /* color: white ;
  font-family: mr-eaves-modern, sans-serif;
font-size: 30px;
font-weight: 300;
font-style: normal;
text-align: left;
letter-spacing: 2px; */
}
div.section.festivals .crowd{
  width: 100%;
}
div.section.festivals .crowd img{
  width: 100%;
}
div.section.basic{
  /* background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
  background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28); */
/*background: #F4E3CB;*/
padding-top: 0px;
}
div.section.basic h2{
  color: #B9060B;
  font-size: 34px;
line-height: 42px;
padding: 40px 0px 30px 0px;
font-family: azo-sans-web, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 900;
font-style: normal;
letter-spacing: 1px;
text-transform: none;



}
div.section.basic .listtitle{
  font-weight: 500;
    margin-bottom: 10px;
}
.filter.open > a {
  background: #B9060B !important;
  color: white !important;
}
.filter.open > a > img {
  display: none;
}
body section .sidebar .infosess{
  /* background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
  background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28); */
  background: #F4E3CB;
}
body section .bottomsidebar .infoform{
    padding: 30px 40px 50px 40px;
}
body section article .section .bank{
  max-width: 100%;
  margin: 0px -40px 0px auto;
}
.national{
  max-width: 80%;
  overflow: hidden;
  margin: auto;
}
body section article .intro .national p{
  max-width: 100%;
}
.textleft{
  width: 60%;
  float: left;

}
.imageright{
  width: 40%;
  float: right;
  position: relative;
  top: -20px;

}
body section article .section a.bankbtn{
 color: #B9060B;
}
body section article .section a.bankbtn:hover{
 color: #DF9F28;
}
body section article .section .programpage{
  margin: 0px auto 10px auto;
}
@font-face {
    font-family: "Blanka";
    src: url("../css/fonts/Blanka-Regular.otf") format("opentype");
}
@font-face {
    font-family: "MBPictureHouseOne";
    src: url("../css/fonts/MBPictureHouseOne.ttf") format("truetype");
}
body section article div.choose{
  font-size: 40px;
  margin: 30px auto;
  color: white;
  font-family: azo-sans-web, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 900;
font-style: normal;
letter-spacing: 2px;
}
@keyframes CustomAnimation {0% {background-position:0% 92%;}50% {background-position:100% 9%;}100% {background-position:0% 92%;}}
@-moz-keyframes CustomAnimation {0% {background-position:0% 92%;}50% {background-position:100% 9%;}100% {background-position:0% 92%;}}
@-webkit-keyframes CustomAnimation {0% {background-position:0% 92%;}50% {background-position:100% 9%;}100% {background-position:0% 92%;}}


@keyframes movingneon {
  from {
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 45px #ff00de;
  }
  to {
  text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #ff00de, 0 0 17px #ff00de, 0 0 20px #ff00de, 0 0 23px #ff00de;
  }
}
@-moz-keyframes movingneon {
  from {
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 45px #ff00de;
  }
  to {
  text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #ff00de, 0 0 17px #ff00de, 0 0 20px #ff00de, 0 0 23px #ff00de;
  }
}
@-webkit-keyframes movingneon {
  from {
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 45px #ff00de;
  }
  to {
  text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #ff00de, 0 0 17px #ff00de, 0 0 20px #ff00de, 0 0 23px #ff00de;
  }
}
/* Mobile */
@keyframes movingneonmobile {
  from {
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de;
  }
  to {
  text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #ff00de, 0 0 17px #ff00de, 0 0 20px #ff00de;
  }
}
@-moz-keyframes movingneonmobile {
  from {
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de;
  }
  to {
  text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #ff00de, 0 0 17px #ff00de, 0 0 20px #ff00de;
  }
}
@-webkit-keyframes movingneonmobile {
  from {
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de;
  }
  to {
  text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #ff00de, 0 0 17px #ff00de, 0 0 20px #ff00de;
  }
}
#upper_left {
width: 100px; height: 100px;
position: absolute;
top: 20px; left: 20px;
background-image: url("../images/bordertl.png");
background-repeat: no-repeat;

}

#upper_right {
width: 100px; height: 100px;
position: absolute;
top: 20px;
right: 20px;
background-image: url("../images/bordertr.png");
background-repeat: no-repeat;

}

#lower_left {
width: 100px; height: 100px;
position: absolute;
bottom: 20px; left: 20px;
background-image: url("../images/borderbl.png");
background-repeat: no-repeat;

}

#lower_right {
width: 100px; height: 100px;
bottom: 20px;
right: 20px;
position: absolute;
background-image: url("../images/borderbr.png");
background-repeat: no-repeat;

}
body section .sidebar .brochure{
  font-size: 45px;
    color: #B9060B;
    font-family: amboy-inline, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
}
body section .sidebar .infoform .emtitle{
  font-size: 32px;
  line-height: 45px;
  text-align: center;
  font-family: azo-sans-web, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 900;
font-style: normal;
letter-spacing: 1px;
}




/* From Codepen (https://codepen.io/mimikos/pen/QMjjzy) MIT License*/
.oldhollywood {
  overflow:hidden;
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;



    background: linear-gradient(to right, rgba(36,31,31,1) 0%, rgba(36,31,31,1) 32%, rgba(74,71,70,1) 100%) !important;
    color: #fff;
    text-align: center;
}

.vignette{
  position:absolute;
  width:100%; height:100%;
  box-shadow:inset 0px 0px 90px 1px black;
  mix-blend-mode: multiply;
  -webkit-animation: vignette-anim 3s infinite; /* Safari 4+ */
  -moz-animation:    vignette-anim 3s infinite; /* Fx 5+ */
  -o-animation:      vignette-anim 3s infinite; /* Opera 12+ */
  animation:         vignette-anim 3s infinite; /* IE 10+, Fx 29+ */
}

.noise {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;
    opacity: .15;
}

.line{
  position:absolute;
  height:100%; width:1px;
  opacity:0.1;
  background-color:#000;
}

.titleCont{position:relative;}

.oldhollywood h2 {
    padding: .3em 1em .25em;
    font-weight: 400;
    font-size: 40px;
    color: white ;
    font-family: 'Bellefair', serif;
    position:relative;
    line-height:1.3;
    white-spacing:
}

.overTitle{
    position:absolute;
    top:0;
    left:0;
}

.dot{
  width:3px;
  height:2px;
  background-color:white;
  position:absolute;
  opacity:0.3;
}



@-webkit-keyframes vignette-anim {
  0%   , 100%{ opacity: 1; }
  50% { opacity: 0.7; }
}
@-moz-keyframes vignette-anim {
  0%   , 100%{ opacity: 1; }
  50% { opacity: 0.7; }
}
@-o-keyframes vignette-anim {
  0%   , 100%{ opacity: 1; }
  50% { opacity: 0.7; }
}
@keyframes vignette-anim {
  0%   , 100%{ opacity: 1; }
  50% { opacity: 0.7; }
}


[data-aos="curtainleft"]{
  transition: transform 3s cubic-bezier(.31,.81,.77,1.09), top 3s cubic-bezier(.31,.81,.77,1.09) !important;
  -webkit-transition: -webkit-transform 3s cubic-bezier(.31,.81,.77,1.09) !important;
     -moz-transition: -moz-transform 3s cubic-bezier(.31,.81,.77,1.09) !important;
     -o-transition: -o-transform 3s cubic-bezier(.31,.81,.77,1.09) !important;
}
[data-aos="curtainleft"].aos-animate {

    transform: translate(-77%, 0px);
    -webkit-transform:translate(-77%, 0px);
      -moz-transform: translate(-77%, 0px);
      -o-transform: translate(-77%, 0px);
      -ms-transform: translate(-77%, 0px);

}
[data-aos="curtainright"]{
  transition: transform 3s cubic-bezier(.31,.81,.77,1.09), top 3s cubic-bezier(.31,.81,.77,1.09) !important;
  -webkit-transition: -webkit-transform 3s cubic-bezier(.31,.81,.77,1.09) !important;
     -moz-transition: -moz-transform 3s cubic-bezier(.31,.81,.77,1.09) !important;
     -o-transition: -o-transform 3s cubic-bezier(.31,.81,.77,1.09) !important;
}
[data-aos="curtainright"].aos-animate {
    transform: translate(77%, 0px);
    -webkit-transform:translate(77%, 0px);
      -moz-transform: translate(77%, 0px);
      -o-transform: translate(77%, 0px);
      -ms-transform: translate(77%, 0px);

}



@media screen and (max-width: 1280px) {
    body section .sidebar>div {
        padding: 30px
    }
    body  .submitBtn a {
        /* padding: 13px 19% */
    }
    body section article .content .listing .champs {
        padding: 30px
    }
}

@media screen and (max-width: 1280px) {
    body section article .content .listing .champs {
        width: 50%
    }
    body section article .section .bank{
      max-width: 375px;
      margin: 0px auto 0px auto;
    }
    .textleft{
      width: 100%;
    }
    .imageright{
      margin: 0px auto 0px auto;
      width: 100%;
    }
}

@media screen and (max-width: 1024px) {
  body section article .intro .fullline1, body section article .intro .fullline2, body section article .intro .fullline3{
    display: block;
  }
  .whatisleft,.whatisright, .why, .aside{
    width: 100% !important;
  }
    body section .sidebar>div>h4 {
        font-size: 18px
    }
    body section .sidebar>div>p {
        font-size: 16px
    }
    body section .sidebar>div>p>span {
        margin-right: 10px
    }
}

@media screen and (max-width: 1150px) {
  .donotclick{
    display: none;
  }
  body section article .intro {

      border-left: 0px !important;
  }
body section .intro form {
  margin-left: -25px !important;
}
  body .formpage article {
width: 100%;
margin-top: 20px !important;
margin-bottom: 50px !important;
}
  body section article .section ul {
    /* margin-left: 25px !important; */

  }
  body .mainpage article .intro .sidebar{
    display: none;
  }

  /* Unforgettable Summer */
  body section article .unforgettable{
    font-size:25px !important;
    line-height:26px !important;
  }
  body section article .unforgettable .emtitlebigcolor{
    font-size:31px;
    line-height:34px;
  }
  body section article  .unforgettable .emtitlebig{
    font-size:28px;
    line-height:30px;
  }
  /* Housing and Accommodation */
  body section article .housing{
    font-size:26px !important;
    line-height:28px !important;
  }
  body section article .housing .emtitlebigcolor{
    font-size:30px;
    line-height:32px;
  }


  body section article .emtitle{
    /* font-size:28px !important;
    line-height:40px !important;
    margin-left: 20px !important; */
  }

  body section article .emtitlebigcolor{
    background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28);
    padding: 0px 20px;
    margin:0px 0px 0px -20px;
    font-size:36px;
    line-height:38px;
    display: inline-block;
    color:white;
  }

  body section article .emtitlebig{
    font-size:30px;
    line-height:32px;
  }




  body section article .intro  p{
    /* font-size: 16px !important; */
    /* margin: 20px 20px !important; */
  }
  .flex-control-nav {

   bottom: 15px !important;
   right: 0px;
}
 body section article .intro p, body section article .intro .aside ul{
    /* margin-left: 20px !important;
    margin-right: 20px; */
  }
  body section article .whatis h2, body section article .whatis p, body section article .whatis h3{
    margin-left: 0px !important ;
  }
  body section article .intro .infosess {
  margin: -25px 0px 30px 0px !important;
}

    body .mainpage article .intro{
        margin-top: 50px;

    }
    body section article .intro{
      padding: 0px;

    }
    body section .sidebar {
        width: 100%;
        margin: 0;
        border: none
    }
    body section article {
        width: 100%;

    }
    body section article .content h2 {
        margin-bottom: 0
    }
    body section .sidebar>div form input {
        max-width: 280px;
        display: block;
        margin: 0 auto 15px;
    }
    body section .sidebar>div form .filter {
        max-width: 280px;
        margin: 0 auto 30px;
    }
    body section article .intro .fleche {
        display: none
    }



    /* body section article .content .listing .champs:hover {
        background-color: #fff
    }
    body section article .content .listing .champs:hover .circle i {
        color: #B9060B
    }
    body section article .content .listing .champs:hover .circle:before {
        background: none
    }
    body section article .content .listing .champs:hover span {
        letter-spacing: 0.8px;
        border: 1px solid #FFF;
        border-bottom: 1px solid #B9060B;
        padding: 5px 0 5px 22px;
        background: url(../images/flecheNav.png) left center no-repeat;
        font-size: 12px
    }
    body section article .intro>a:hover {
        color: #fff;
        background: #B9060B url(../images/flecheBtnBlanc.png) 80% no-repeat;
        border: 1px solid #F6F6F6
    } */
    section article .intro h3 {
          margin: 20px 30px 20px 20px !important;
        }
      body section article .promotes {
        margin: 0px !important;
      }
      body section article .intro .promotes .why {

          padding-bottom: 0px !important;
          padding-top: 0px !important;
      }
      div.section.circus .curtain img{

          top: 0px;
      }
      div.section.circus #liveshow2{
        display: none;
      }
}

@media screen and (max-width: 640px) {
  body section article .imagediv{
    overflow: hidden;
  }
  body section article .imagediv img{
    max-width: 140%;
    margin: auto -50% auto -50%;
  }
  div.section.circus .curtain img{

      top: -16px;
  }
  div.section.festivals p{
    display: none;
  }
  div.section.circus p{
    display: none;
  }
  div.section.oldhollywood p{
    display: none;
  }
  div.section.videogame p{
    display: none;
  }
  div.section.videogame .grid{
    margin: -180px -50% 0px -50%;
    width: 200%;

  }
  div.section.videogame{
    overflow: hidden;
  }
  div.section.festivals {
    padding: 40px 0px 0px 0px;
  }
  div.section.festivals h2{
    max-width: 85%;
    font-size: 42px;
line-height: 48px;
letter-spacing: 1px;

  }
  div.section.circus h2{
    max-width: 78%;
    font-size: 50px;
    line-height: 55px;
    padding: 50px 0px;
  }
  div.section.circus{
    padding: 0px;
  }
  div.section.oldhollywood h2{
    max-width: 75%;
  }
    div.section.videogame{

    }
  div.section.videogame h2{
    max-width: 85%;
    -webkit-animation: movingneonmobile 1.5s ease-in-out infinite alternate;
    -moz-animation: movingneonmobile 1.5s ease-in-out infinite alternate;
    animation: movingneonmobile 1.5s ease-in-out infinite alternate;
  }
  div.section.basic h2, div.section.basic p, div.section.basic ul{
    max-width: 90%;
  }
  div.section.basic h2{
    text-align: center;
  }
  body section article .intro .infosess p {
    max-width: 90%;
  }
  body section {
    /* padding: 0px 8px !important; */
  }
  /* body section article .emtitle{
    font-size:24px !important;
    line-height:30px !important;
  } */

  body section article .emtitlebigcolor{
    background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28);
    padding: 0px 20px;
    margin:0px 0px 0px -20px;
    font-size:32px;
    line-height:34px;
    color:white;

  }

  body section article .emtitlebig{
    font-size:28px;
    line-height:30px;
  }
  .gotorequestclass{
    display: none !important;
  }
  body section article .intro .fullline{
    max-width: 95%;
  }
  body section article .intro .fullline3{
   line-height: 25px;
   padding: 14px 20px;
  }
    body section article {
        border-bottom: none
    }
    body .mainpage article .intro {
    margin-top: 50px;

    }

    body section article .intro h2 {

        margin-top: 0px;

    }
    body section article .intro p {



    }
    body section article .intro>a {

        margin-bottom: 25px
    }
    body section article .slider .left {
        width: 100%;
        display: block
    }
    body section article .slider .left .bx-wrapper {
        position: relative
    }
    body section article .slider .left .bx-wrapper .bx-viewport ul {
        height: auto
    }
    body section article .slider .left .bx-wrapper .bx-viewport ul li {
        width: auto;
        height: auto
    }
    body section article .slider .left .bx-wrapper .bx-viewport ul li img {
        height: auto;
        width: 100%;
        left: auto;
        position: relative;
        top: auto;
        transform: translateX(0)
    }
    body section article .slider .right {
        width: 100%;
        display: block
    }

    /* Added by Nick */

    body section article .slider .secondright {
        width: 100%;
        display: block
    }
    body section article .slider .secondright .bx-wrapper {
        position: relative
    }
    body section article .slider .secondright .bx-wrapper .bx-viewport ul {
        height: auto
    }
    body section article .slider .secondright .bx-wrapper .bx-viewport ul li {
        width: auto;
        height: auto
    }
    body section article .slider .secondright .bx-wrapper .bx-viewport ul li img {
        height: auto;
        width: 100%;
        left: auto;
        position: relative;
        top: auto;
        transform: translateX(0)
    }
    body section article .slider .secondleft {
        width: 100%;
        display: block
    }

    /* End of Added by Nick */


    body section article .content {
        background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28);
        border-right: 15px solid #F6F6F6;
        border-left: 15px solid #F6F6F6
    }
    body section article .content>h2 {
        background: -webkit-linear-gradient(25deg, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(60deg, #8f6B29, #FDE08D, #DF9F28);
        width: 175px;
        padding: 50px 0;
        max-width: 100%;
        font-size: 20px;
        line-height: 25px
    }
    body section article .content .listing .champs {
        width: 100%;
        /* background-color: #fff; */
        margin-bottom: 2.5px
    }
    body section article .content .listing .champs:last-child {
        margin-bottom: 50px
    }
    body section .sidebar>div>h4 {
        font-size: 20px;
        line-height: 25px
    }
    body section .sidebar>div div.submit:hover, body section .sidebar>div div.register:hover {
        padding: 0
    }
    div.section.circus .curtain.curtainleft img{
      left: 0px;
    }
    div.section.circus .curtain.curtainright img{
      right: 0px;
    }
    body section article .intro .infosess img {
      margin-bottom: 5px;
    }
}
@media screen and (max-width: 515px) {

}
@media screen and (max-width: 450px) {
  body section article .section .bank {
    max-width: 100%;
    margin: 10px auto 0px auto;
}
  div.section.festivals h2{
    font-size: 36px;
    line-height: 46px;
  }
  div.section.circus h2{

  }
  div.section.oldhollywood h2{
    font-size: 30px;
    line-height: 42px;
    max-width: 70%;
    padding: 0px;
  }
  div.section.oldhollywood .titleCont{
    padding: 80px 0px;
  }
  div.section.videogame h2{

    font-size: 38px;
    line-height: 50px;
    padding-bottom: 60px;
  }

}
@media screen and (max-width: 374px) {
  div.section.circus .curtain{
    display: none;
  }
  div.section.videogame h2{

    font-size: 36px;
    line-height: 50px;
  }
}
@media screen and (max-width: 350px) {
  div.section.festivals h2{
    font-size: 30px;
    line-height: 42px;
  }
  div.section.circus h2{
    max-width: 70%;
  }
  div.section.oldhollywood h2{
    font-size: 28px;
    line-height: 40px;
  }
  div.section.videogame h2{

    font-size: 30px;
    line-height: 46px;
    padding-bottom: 70px;
  }

}
body section .sidebar .applynowsidebar{
  background: #F4E3CB;
  margin-top: 30px;
  padding: 25px 20px 25px 20px !important;
}
body section .sidebar .applynowsidebar.fixed{

  margin-top: 0px;

}