.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: Arial;
    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: Arial;
    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: bottom;
    *vertical-align: baseline
}

.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: monospace, 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: 16px Helmet, Freesans, sans-serif
}

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

a {
    text-decoration: none
    color: #464547 ;
}
a:visited{
  color: #464547;
}
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
}

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

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-business_management_icon:before {
    content: '\e800'
}

.icon-cercle_full:before {
    content: '\e801'
}

.icon-comupter_technology_icon:before {
    content: '\e802'
}

.icon-cercle:before {
    content: '\e803'
}

.icon-play:before {
    content: '\e804'
}

.icon-facebook_icon:before {
    content: '\e805'
}

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

body {
    background-color: #333333
}

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 h3,
body h4,
body h5,
body p,
body a {
    font-family: 'Open sans', sans-serif
}

body p {
    color: #333333;
}

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% */
    max-width: 100%;
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: #ED1B2F;
    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 #ED1B2F;
    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 #ED1B2F
}

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: #f6f2ec;
    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;
        bottom: 0;
        height: 38px;
        width: 100%;
        background-color: #ED1B2F;
        color: #fff;
        font-size: 12px;
        line-height: 9px;
        padding: 16px 0;
        text-align: center;
        cursor: pointer;
        text-transform: uppercase;
        z-index: 99;
        letter-spacing: 0.8px;
        font-family: 'Open sans', sans-serif
    }
    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 {
   
    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
}

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: 'manustrialregular';
    font-size: 18px;
    line-height: 25px;
    color: #ED1B2F;
    margin-right: 10px;
    letter-spacing: .3px
}

body header nav ul .tel {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #362927
}

body header nav ul .lang a {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.5px;
    color: #ED1B2F;
    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: #ED1B2F;
    -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: #ED1B2F;
    -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: #ED1B2F;
    -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 header nav {
        width: 52%;
        text-align: right
    }
    body header h1 a img {
        width: 250px
    }
}

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

@media screen and (max-width: 640px) {
    body .wrap .bg {
        margin-top: 0px;
    }
   
    body header h1 {
        margin-top: 60px
    }
    body header h1 a img {
        width: 215px;
    }
    body header nav {
        background: #fff;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 22px 15px 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
    }
}

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

body footer {
    background-color: #464547;
    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: #ED1B2F
}

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: #ED1B2F
}

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

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

@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: #ED1B2F 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 #ED1B2F;
    padding: 5px 0 5px 22px;
    background: url(../images/flecheNav.png) left center no-repeat;
    font-size: 12px
}

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



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

body section article {
    padding-left: 30px;
    width:70%;
    display: inline-block;
    margin-top: -30px;
    
}

body section article .intro {
    text-align: center;
    padding: 25px
}

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 {
    font-size: 30px;
    line-height: 42px;
    max-width: 80%;
    margin: 0 20px 20px 40px ;
    display: block;
    text-transform: initial;
    text-transform: uppercase;
    text-align: left;
    color: #464547;

    padding: 20px 0px;
}

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

body section article .slider {
    width: 100%;
    background: #61a16e;
    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: #f6f2ec;
    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: #f6f2ec;
    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%;
    background: #61a16e;
    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: #f6f2ec;
    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: #f6f2ec;
    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: #464547
}

body section article .content .listing .champs {
    width: 50%;
    float: left;
    font-size: 0;
    padding: 40px;
    vertical-align: top
}

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:hover span {
    border: 1px solid transparent;
    border-bottom: 1px solid #ED1B2F
}

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: #ED1B2F
}

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: 35px;
    color: #464547
}

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

body section article .content .listing .champs>span,
body section article .content .listing .champs a.learn {
    font-size: 12px;
    line-height: 17px;
    color: #ED1B2F;
    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 #ED1B2F;
    -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 {
    background-position: 5% center;
    font-size: 11px;
    padding: 6px 7px 6px 22px;
    border: 1px solid #ED1B2F
}

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

body section article .content .nextGen h2 {
    color: #f6f2ec;
    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: #ED1B2F;
    margin: 40px 0 0;
    padding: 13px 50px 13px 25px;
    text-transform: uppercase;
    background: #f6f2ec url(../images/flecheNavOrange.png) 80% no-repeat;
    border: 3px solid transparent
}

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

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

body section .sidebar>div {
    padding: 50px;
    text-align: center;
    background-color: #F6F6F6;
}


body section .sidebar>div.applyside.fixed {
    margin-top: 0px;
    position: fixed;
    top: 35px
}
body section .sidebar>div.stop {
    position: absolute;
    top: auto;
    bottom: 0
}

body section .sidebar>div h4 {
    font-size: 30px;
    line-height: 40px;
 
    margin-bottom: 25px;
    color: #ed1b2d;
}
body section .sidebar>div h4 span{
    color: #0086C8;
}
body section article .sidebar>div h4 span{
    display:block;
}

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: 'manustrialregular';
    display: inline-block;
    font-size: 22px;
    line-height: 25px;
    color: #ED1B2F;
    margin-right: 12px;
    letter-spacing: .3px;
    font-weight: normal
}

body section .sidebar>div>p i {
    font-size: 12px;
    color: white;
    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: white;
}

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

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

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: none
}

body section .sidebar>div form .filter {
    width: 100%;
    position: relative;
    margin: 0 0 30px
}

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: #464547
}

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: #464547;
    -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: #ED1B2F
}

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

body section  .submitBtn {
    position: relative;
    margin-top: 20px;
    background: #ED1B2F;
    cursor: pointer;
    border: 3px solid #ED1B2F;
    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:hover {
    background: #f6f6f6;
    color: #ED1B2F;
    border: 3px solid #ED1B2F
}

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

body section  .submitBtn:hover a.submit, body section  .submitBtn:hover a.register{
    color: #ED1B2F
}

body section  .submitBtn a.submit, body section  .submitBtn a.register {
    font-size: 15px;
    line-height:20px;
    text-decoration: none;
    display: inline-block;
    letter-spacing: 0.8px;
    color: #f6f6f6;
    margin: 0;
    padding: 13px 5%;
    width: 100%;
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    outline: 0;
    -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>span {
    font-size: 16px;
    line-height: 22px;
    color: #362927;
    margin-top: 20px;
    display: block
}

@media screen and (max-width: 1280px) {
    body section .sidebar>div {
        /*padding: 30px*/
    }
    body section  .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%
    }
}

@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>p>span {
        margin-right: 10px
    }
}

@media screen and (max-width: 980px) {
    #navigation, .col-sm-4{
        display:none;
    }
  body section article .intro h2, body section article .intro p, body section article .intro 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 10px 0px !important;
}

    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 .intro h2 {
        margin-top: 50px
    }
    body section .submitBtn {
        max-width: 280px;
        display: block;
        margin: 20px auto 0
    }
    body section .submitBtn:hover {
        background: #ED1B2F;
        border: 3px solid #f6f6f6
    }
    body section .submitBtn:hover a.submit, body section .submitBtn:hover a.register{
        color: #fff;
        padding: 13px 5%
    }
    body section .submitBtn:hover span {
        background: url(../images/flecheBtnBlanc.png) 80% no-repeat
    }
    body section article .content .listing .champs:hover {
        background-color: #fff
    }
    body section article .content .listing .champs:hover .circle i {
        color: #ED1B2F
    }
    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 #ED1B2F;
        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: #ED1B2F url(../images/flecheBtnBlanc.png) 80% no-repeat;
        border: 1px solid #f6f6f6
    }
}

@media screen and (max-width: 640px) {
  .gotorequestclass{
    display: none !important;
  }
  body section article .intro .fullline{
    margin-left: 0px;
  }
    body section article {
        border-bottom: none
    }
    body section article .intro h2 {

        margin-top: 25px;
        max-width: 100%
    }
    body section article .intro p {


        max-width: 100%
    }
    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-color: #f6f2ec;
        border-right: 15px solid #f6f2ec;
        border-left: 15px solid #f6f2ec
    }
    body section article .content>h2 {
        background-color: #f6f2ec;
        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 div.submit:hover, body section .sidebar>div div.register:hover {
        padding: 0
    }
}
.whatis{
  /* margin: 0px -25px -25px -25px; */
  background: #F6F6F6;
  margin-bottom: 20px;
}
.whatisleft{
  background: #f6f2ec;
  padding: 25px;
  width: 60%;
  display: inline-block;
float: left;
color: #464547;
}
.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: #F6F6F6;
  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;
}
.whatisright ul{
  margin-left: 30px;
  text-align: left;
line-height: 28px;
  font-size: 15px;
list-style: disc;
margin-bottom: 30px;
}
.fullline{
background-color: #333333;
  font-size: 18px;
  line-height: 40px;
  display: block;
  color: white;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 30px;
}
.fullline1{

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

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

  background-color: #333333;
  padding: 8px 20px;
  display: inline-block;
}
.bignumber{
top: 2px;
position: relative;
  font-size: 24px;
}
.promotes{
  width: 100%;
  
  margin-top: 30px;


}
body section article .promotes h2{
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0px !important;
  font-size: 22px;
    padding: 10px 30px;
  background: #ed1b2d;
  color: white !important;

}

body section article .promotes ul, body section article  .how ul{
  color: #333;
  margin: 20px 30px;
  text-align: left;
line-height: 36px;
  font-size: 16px;
list-style: none;
  padding-left: 20px;
  padding-bottom: 30px;
}

body section article  .promotes ul li::before, body section article  .how ul li::before {
  content: "\2714";
  color: #333;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  margin-right: 8px;
}
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: 30px 0px 20px 0px;
}
body section article  .how h2{
  margin-left: 40px;
  margin-bottom: 0px;
  padding-top: 10px;
  font-size: 24px;
  text-align: left;
}body section article  .how{
  margin-bottom: 30px;
}
body section article  .promotes .why{
  width: 75%;
  float: left;
  display: inline-block;
  background-color: #f6f2ec;
  padding-bottom: 30px;
}
body section article  .promotes .aside{
  background-color: #F89E53;
  width: 25%;
  display: inline-block;
  float:right;
  color: white;
    padding-bottom: 30px;
}
body section article  .promotes .aside h3{
  margin-left:20px;margin-right:20px;
  font-size: 24px;
  text-align: left;

}
body section article  .promotes .aside p{
margin:10px 20px 20px 20px;
  font-size: 15px;
  text-align: left;
color: white;
}
body section article  .whydiv h2{
  margin-bottom: 0px;
}
body section article  .whydiv div{
  padding-top: 20px;
}
body section article  .whydiv{
  background-color: #F89E53;
}
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;
}
body section article  .infosess .submitBtn {
  margin: 20px 20px 0px 20px;
  width: 400px;
  display: inline-block;
}
body section article  .infosess .submitBtn .register{
  text-decoration: none;
  font-size: 15px;
  line-height: 20px;
}
body section article  .infosess{
background-color: #F6F6F6;
  padding: 30px 0px 30px 0px;
  margin: -25px -25px 10px -25px;
}
body section article  .infosess p{
  font-size: 18px;
  line-height: 28px;
  margin: 20px 40px;
  text-align: left;
  display: block;
  color: white;
  font-family: 'Open sans', sans-serif;
}
body section article  .infosess img{

  margin-bottom: 15px ;

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

margin: 10px auto;
text-align: center;
display: block;
  color: #F6F6F6;
}
body section article  .gotorequestclass{
  max-width: 350px;
  margin: 20px auto 0px;
  color: #F6F6F6;
}
body section .gotorequestclass:hover {
background: #f6f6f6;
color: #ED1B2F;
border: 3px solid #ED1B2F;
}

body section .gotorequestclass:hover p{

color: #ED1B2F !important;

}
body section .sidebar .applyside{

  margin-top: 30px;
  padding: 30px 0px 30px 0px;
}

body section .sidebar .applyside .submitBtn {
margin: 0px 60px 0px 60px;
max-width: 90%;
}
.logo-mcgill-top, .logo-enac-top {
	background-color:#ed1b2d;
	padding:12px 30px;
	height: 100%;


}
.desktop .logo-mcgill-top a{
	background: url(../images/logo-mcgill-top.png) center no-repeat;
	margin:0;
	padding:0;
	display: inline-block;
	width: 150px;
    height:67px;
}
.logo-enac-top {
	background-color:#0086C8;
}
.desktop .logo-enac-top a{
	background: url(../images/logo-enac-top.png) center no-repeat;
	display: inline-block;
	width: 150px;
    height:67px;
}
header .container{
    margin:0px 30px;
}
header .container div{
    display:inline-block;
}
.sectiondiv h2{
    font-size: 30px;
    line-height: 40px;
    
}
.sectiondiv p{
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    margin-top: 20px;
}
.sectiondiv{
    padding: 50px 75px;
    margin-bottom: 30px;
    background-color: #F6F6F6;
    
}
.sectiondiv .firstline{
    color: #ed1b2d;
}
.sectiondiv .secondline{
    color: #0086C8;
}
body section article .sidebar{
    width: 100%;
    margin: auto;
    background-color: #F6F6F6;
}
body section article .sidebar .infoform{
    max-width: 500px;
    margin: auto;
   
}
body section .sidebar #certificate a{
    text-decoration: none;
}
header .container #navigation{
position: absolute;
bottom: 38px;
float: right;
font-size: 18px;
font-weight: bold;
right: 60px;
}
header .container #navigation p{
color: white;

}
body section .intro .sidebar{
  width: 100%;
  margin-top: 20px;
  border-left: none;
  border-right: none;
}body section .intro form{
  width: 350px;
  margin:  auto;
}
body section .intro .sidebar>div>p{
  text-align: center;
}
.desktoponly {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */

	height: 0;
}
.desktoponly iframe {
  display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.sectiondiv a.enaclink{
    color:#0086C8;
    text-decoration: none;
    
}
.sectiondiv a.enaclink:hover{
    color:#ed1b2d;
    
}
.sectiondiv a.mcgilllink{
    color:#ed1b2d;
    text-decoration: none;
    
}
.sectiondiv a.mcgilllink:hover{
    color:#0086C8;
    
}
body section article .promotes ul li{
    font-weight: normal;
}
.imagediv{
    margin-bottom: 30px;
}
.fullline.special{
    background-color: #0086C8;
}
.fullline.special .fullline3{
    display:block;
}
.fullline.special .fullline4{
    display: block;
    padding: 8px 20px;
    background-color: #464547;
}
@media screen and (max-width: 1366px) {
     body section article .sectiondiv .desktopimagediv{
         display:none;
     }
     body section article .sectiondiv{
        padding: 50px 50px;
    }
    body section article{
        width: 100% !important;
        padding: 0px 30px;
        margin-top: 0px;
    }
    body section .sidebar{
  width: 100%;
  margin-top: 20px;
  border-left: none;
  border-right: none;
  padding: 0px 30px;
}body section  form{
  width: 350px;
  margin:  auto;
}
body section .sidebar>div>p{
  text-align: center;
}
body section .sidebar{
     margin-top: 0px;
}
    
    
}   
    
@media screen and (max-width: 480px) {    
     body section article .sectiondiv{
        padding: 30px 20px !important;
    }
    body section form {
        width: unset;
        
    }
    header .container{
        margin: auto;
    }
    header{
        text-align: center;
    }
    header .container.desktop{
        display:none;
    }
    header .container.mobile{
        display:block !important;
    }
    header .container.mobile .logo-mcgill-top img{
        width: 100px;
        height: 45px;
    }
    header .container.mobile .logo-enac-top img{
        width: 100px;
        height: 38px;
    }
    header .container.mobile .logo-enac-top{
     padding: 19px 30px 12px 30px;
    }
       
}
    
@media screen and (max-width: 767px) { 
    header .container{
        margin: auto;
    }
    header{
        text-align: center;
    }
   
    header .container {
     margin: 0px;
    }
    body section article, body section .sidebar{
        padding: 0px;
        margin-top: 0px;
    }
    body section article .sectiondiv{
        padding: 30px 40px;
    }
    body section .sidebar .applyside .submitBtn{
        width: 350px;
        margin: auto;
    }
    body section article .promotes ul, body section article .how ul{
    margin: 20px 10px;
    }
}
    
.item-video  {
    height:300px;
}
.owl-carousel .owl-video-tn {
 background-size: cover !important;
    
}
.videodiv{
    margin-bottom: 30px;
}
.videodiv .owl-theme .owl-dots .owl-dot span {
width: 12px;
height: 12px;

}
    
.videodiv .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {   
    background: #ED1B2F;
}
.videodiv .owl-theme .owl-dots .owl-dot:hover span {
    
     background: #ED1B2F;
}
    
    
@media screen and (min-width: 1367px) {
     body section article .sectiondiv .desktopimagediv{
         float: right;
         display: inline-block;
         width: 30%;
         margin-top: 120px;
         margin-right: -30px;
         
     }
      body section article .sectiondiv .textdiv{
           display: inline-block;
         width: 70%;
      }
      
}
    body section article .sectiondiv .textdiv.award{
           display: inline-block;
         width: 70%;
      }   
    body section article .sectiondiv .desktopimagediv.award{
         float: right;
         display: inline-block;
         width: 30%;
        margin-top: -75px;
    margin-right: -250px;
         
     }
    @media screen and (max-width: 900px) {
         body section article .sectiondiv .textdiv.award{
            width: 100% ;
      }   
        body section article .sectiondiv .desktopimagediv.award{
            width: 300px;
             float: unset;
              padding-top: 30px;
              padding-bottom: 20px;
               margin-top: 0px;
    margin-right: 0px;
    margin: auto;
        }
    }
 
    
    .sectiondiv .secondline.black{
    color: #333333;
}
body section article .sectiondiv .desktopimagediv.award{
   display:block;
}